html,body{width:1440px}@font-face{font-family:IPAexGothic;src:url(/portfolio-17.ttf)format("truetype");font-weight:400 900}:root{--ink:#170818;--brown:#34231f;--rust:#a7452b;--paper:#f4efe5;--white:#fffdf8;--line:#d8cec0;--sage:#75806d;--gold:#c99c55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-feature-settings:"palt";letter-spacing:.035em;margin:0;font-family:IPAexGothic,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.page{overflow:hidden}.wrap{width:min(1240px,100% - 96px);margin:auto}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--rust);font-size:12px;font-weight:800}header{border-bottom:1px solid var(--line);background:#f4efe5f5;align-items:center;height:112px;display:flex}header .wrap{justify-content:space-between;align-items:center;display:flex}.logo{width:188px;height:auto}.nav{align-items:center;gap:34px;font-size:13px;font-weight:700;display:flex}.nav .cta{border:1px solid var(--ink);border-radius:999px;padding:15px 22px}.hero{min-height:790px;padding:88px 0 70px;position:relative}.hero:before{content:"";background:#e8ddcc;border-radius:50%;width:580px;height:580px;position:absolute;top:-180px;right:-140px}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:68px;display:grid;position:relative}.hero h1{letter-spacing:-.03em;margin:28px 0 30px;font-family:Georgia,Yu Mincho,serif;font-size:82px;font-weight:500;line-height:1.12}.hero h1 span{color:var(--rust);font-style:italic}.lead{color:#4a3e39;max-width:570px;font-size:16px;line-height:2}.hero-actions{gap:14px;margin-top:40px;display:flex}.btn{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:190px;padding:18px 28px;font-size:13px;font-weight:800;display:inline-flex}.btn.ghost{color:var(--ink);border:1px solid var(--ink);background:0 0}.hero-art{height:600px;position:relative}.art-main{object-fit:cover;border-radius:180px 0 0;width:79%;height:530px;position:absolute;top:0;right:0;box-shadow:0 24px 60px #17081829}.mini-card{background:var(--white);padding:10px;position:absolute;box-shadow:0 18px 50px #1708182e}.mini-card.one{width:260px;bottom:18px;left:0;transform:rotate(-4deg)}.mini-card.two{width:210px;bottom:-10px;right:18px;transform:rotate(5deg)}.mini-card img{object-fit:cover;width:100%;height:170px}.mini-card small{letter-spacing:.08em;padding:10px 4px 3px;font-weight:800;display:block}.scribble{border:2px solid var(--rust);border-radius:48% 52% 46% 54%;width:110px;height:110px;position:absolute;top:20%;left:41%;transform:rotate(18deg)}.numbers{background:var(--ink);color:#fff;padding:35px 0}.numbers .wrap{grid-template-columns:1.3fr repeat(3,1fr);align-items:center;display:grid}.stat{border-left:1px solid #ffffff40;padding-left:42px}.stat b{color:#d6a85f;font-family:Georgia,serif;font-size:42px;display:block}.stat span{color:#cfc5cb;font-size:12px}.section-head{justify-content:space-between;align-items:end;margin-bottom:48px;display:flex}.section-head h2{margin:10px 0 0;font-family:Georgia,Yu Mincho,serif;font-size:58px;font-weight:500;line-height:1.1}.section-head p{color:#675b55;max-width:430px;font-size:14px;line-height:1.9}.concept-showcase{color:#fff;background:#18220f;grid-template-columns:.72fr 1.28fr;align-items:center;gap:58px;margin-bottom:28px;padding:54px;display:grid;overflow:hidden}.concept-copy h3{margin:16px 0 24px;font-family:Georgia,Yu Mincho,serif;font-size:45px;font-weight:500;line-height:1.2}.concept-copy p{color:#d4dccd;font-size:14px;line-height:2}.concept-meta{border-top:1px solid #ffffff38;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;padding-top:24px;display:grid}.concept-meta b{color:#d6a85f;font-family:Georgia,serif;font-size:18px;display:block}.concept-meta span{color:#aeb9a8;font-size:10px}.concept-visuals{grid-template-columns:1fr 155px;gap:16px;height:780px;display:grid}.browser-frame{background:#fff;padding:10px 10px 0;overflow:hidden;box-shadow:0 26px 55px #00000047}.browser-bar{align-items:center;gap:6px;height:24px;padding:0 3px;display:flex}.browser-bar i{background:#d9d0c6;border-radius:50%;width:7px;height:7px}.browser-frame img{object-fit:cover;object-position:top;width:100%;height:736px}.variant-strip{grid-template-rows:repeat(3,1fr);gap:14px;display:grid}.variant{background:#fff;padding:7px;overflow:hidden;box-shadow:0 16px 35px #0003}.variant img{object-fit:cover;object-position:top;width:100%;height:100%}.work-grid{grid-template-columns:repeat(12,1fr);gap:22px;display:grid}.work{background:#fff;border-radius:4px;min-height:520px;position:relative;overflow:hidden}.work img{object-fit:cover;width:100%;height:100%;transition:all .3s}.work .shade{color:#fff;background:linear-gradient(#0000,#0e050ee0);padding:100px 28px 28px;position:absolute;inset:auto 0 0}.work h3{margin:6px 0;font-family:Georgia,Yu Mincho,serif;font-size:28px;font-weight:500}.work p{color:#ddd0d5;margin:0;font-size:12px}.work .tag{letter-spacing:.16em;text-transform:uppercase;color:#e4b76a;font-size:10px}.work.big{grid-column:span 7;height:650px}.work.side{grid-column:span 5;height:650px}.work.third{grid-column:span 4;height:500px}.work.light img{object-fit:contain;filter:drop-shadow(0 16px 18px #11254038);background:#dce3e5;padding:46px}.work.paper img{object-fit:contain;background:#eee6dc;padding:34px}.work.ai:after{content:"AI ASSISTED";color:var(--ink);letter-spacing:.14em;background:#fff;padding:9px 12px;font-size:10px;font-weight:900;position:absolute;top:18px;right:18px}.feature-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:82px;display:grid}.feature-visual{min-height:760px;position:relative}.wagara-board{background:#efe7db;flex-direction:column;justify-content:center;width:88%;min-height:700px;padding:34px 34px 40px;display:flex}.wagara-board .label{letter-spacing:.16em;color:#786a62;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:10px;font-weight:800;display:flex}.wagara-board .base{object-fit:contain;background:#fff;width:100%;height:auto;box-shadow:0 12px 28px #1708181a}.wagara-board .caption{justify-content:space-between;align-items:flex-end;gap:22px;margin-top:20px;display:flex}.wagara-board .caption b{font-family:Georgia,Yu Mincho,serif;font-size:19px;font-weight:500}.wagara-board .caption span{color:#776a63;text-align:right;font-size:10px;line-height:1.6}.feature-visual .proof{background:#fff;width:47%;padding:11px;position:absolute;bottom:0;right:0;box-shadow:0 20px 55px #17081833}.feature-visual .proof img{width:100%;height:auto}.feature-visual .proof small{letter-spacing:.05em;padding:9px 4px 2px;font-size:9px;font-weight:800;line-height:1.6;display:block}.feature-copy h2{margin:18px 0 28px;font-family:Georgia,Yu Mincho,serif;font-size:58px;font-weight:500;line-height:1.2}.feature-copy .score{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px;margin:34px 0;padding:26px 0;display:flex}.feature-copy .score b{color:var(--rust);font-family:Georgia,serif;font-size:36px}.feature-copy .score span{color:#776a63;font-size:11px;display:block}.feature-copy p{color:#5e524c;line-height:2}.feature-links{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.feature-links .btn{min-width:210px}.feature-links .btn.ghost{min-width:190px}.range{color:#fff;background:#160b17}.range .section-head p{color:#c5b9c3}.media-row,.study-row{gap:22px;display:flex}.range-card{background:#2b1c29;min-height:500px;position:relative;overflow:hidden}.range-card img{object-fit:cover;width:100%;height:100%}.range-card .label{background:linear-gradient(#0000,#120712f0);padding:72px 26px 24px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.range-card .label b{margin-top:6px;font-family:Georgia,Yu Mincho,serif;font-size:25px;display:block}.range-card.newyear{width:38%;height:680px}.range-card.newyear img{object-fit:contain;background:#30252d;padding:20px}.range-card.recreation{width:62%;height:680px}.range-card.menu{width:50%;height:500px}.range-card.campaign,.range-card.cards{width:25%;height:500px}.range-card.menu img,.range-card.cards img{object-fit:contain;background:#f3efe7;padding:20px}.range-card.campaign img{object-fit:cover}.study-head{border-top:1px solid #ffffff2e;justify-content:space-between;align-items:end;margin:58px 0 28px;padding-top:38px;display:flex}.study-head h3{margin:8px 0 0;font-family:Georgia,Yu Mincho,serif;font-size:34px;font-weight:500}.study-head p{color:#bdaebb;max-width:460px;font-size:12px;line-height:1.8}.cap-grid{grid-template-columns:.8fr 1.2fr;gap:100px;display:grid}.capability h2{margin:15px 0 24px;font-family:Georgia,Yu Mincho,serif;font-size:54px;font-weight:500;line-height:1.2}.capability .copy{color:#584b46;line-height:2}.services{border-top:1px solid #b7aa9a;grid-template-columns:1fr 1fr;display:grid}.service{border-bottom:1px solid #b7aa9a;padding:34px 24px 38px 0}.service:nth-child(odd){border-right:1px solid #b7aa9a}.service:nth-child(2n){padding-left:34px}.service .no{color:var(--rust);font-family:Georgia,serif;font-size:13px}.service h3{margin:12px 0;font-size:20px}.service p{color:#625651;font-size:13px;line-height:1.8}.site-case{background:#ece5d8}.site-case-grid{grid-template-columns:1.12fr .88fr;align-items:center;gap:76px;display:grid}.site-preview{background:#fff;padding:12px;box-shadow:0 24px 60px #17081829}.site-preview .browser-bar{border-bottom:1px solid #ece5dc}.site-preview img{object-fit:cover;object-position:top;width:100%;height:620px}.site-copy h2{margin:16px 0 24px;font-size:54px;line-height:1.18}.site-copy p{color:#5d514b;font-size:15px;line-height:2}.site-tags{flex-wrap:wrap;gap:9px;margin:26px 0 34px;display:flex}.site-tags span{border:1px solid #b9aa99;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:700}.external-links{flex-wrap:wrap;gap:12px;display:flex}.external-links .btn{min-width:210px}.external-links .pending{opacity:.62}.about-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.about h2{margin:16px 0 28px;font-family:Georgia,Yu Mincho,serif;font-size:56px;font-weight:500}.about p{color:#5d514b;line-height:2}.timeline{border-top:1px solid var(--line)}.tl{border-bottom:1px solid var(--line);grid-template-columns:115px 1fr;gap:25px;padding:24px 0;display:grid}.tl b{color:var(--rust);font-family:Georgia,serif}.tl span{font-size:14px;line-height:1.7}.contact{background:var(--rust);color:#fff;padding:100px 0}.contact .wrap{justify-content:space-between;align-items:center;display:flex}.contact h2{margin:0;font-family:Georgia,Yu Mincho,serif;font-size:62px;font-weight:500}.contact p{color:#f1ddd6;margin:16px 0 0}.contact .btn{color:var(--rust);background:#fff;min-width:230px}.note{opacity:.8;text-align:center;margin-top:10px;font-size:10px}footer{background:var(--ink);color:#fff;padding:38px 0}.footer-grid{justify-content:space-between;align-items:center;display:flex}.footer-logo{filter:brightness(0)invert();width:155px}.footer-meta{color:#b9aeb8;letter-spacing:.12em;font-size:11px}:root{--font-sans-jp:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo","IPAexGothic",sans-serif;--font-latin:"Helvetica Neue","Nimbus Sans",Arial,sans-serif;--font-serif:"Times New Roman","Nimbus Roman",Times,serif}body{font-family:var(--font-sans-jp);letter-spacing:0;font-weight:400}.nav,.eyebrow,.tag,.footer-meta{font-family:var(--font-latin)}.nav{letter-spacing:.045em}.hero h1,.section-head h2,.concept-copy h3,.feature-copy h2,.study-head h3,.capability h2,.about h2,.contact h2,.work h3,.range-card .label b{font-family:var(--font-sans-jp);letter-spacing:-.035em;font-style:normal;font-weight:700}.hero h1,.section-head h2,.contact h2{white-space:nowrap}.hero h1{font-size:72px;line-height:1.1}.hero h1 span{font-style:normal;font-weight:700}.lead{letter-spacing:.01em;font-size:17px;line-height:1.95}.section-head h2{font-size:54px;line-height:1.16}.section-head p{letter-spacing:.005em;font-size:15px;line-height:1.95}.concept-copy h3{font-size:46px;line-height:1.2}.concept-copy p{letter-spacing:.005em;font-size:15px}.work h3{letter-spacing:-.02em;font-size:27px;line-height:1.3}.work p{font-size:12px;line-height:1.65}.work .tag{letter-spacing:.13em;font-weight:700}.feature-copy h2{font-size:57px;line-height:1.18}.feature-copy p{letter-spacing:.005em;font-size:15px}.stat b,.feature-copy .score b,.concept-meta b{font-family:var(--font-serif);font-weight:700}.study-head h3{font-size:35px;line-height:1.28}.range-card .label b{letter-spacing:-.02em;font-size:25px;line-height:1.32}.capability h2,.site-copy h2,.about h2{font-family:var(--font-sans-jp);letter-spacing:-.035em;font-size:55px;font-weight:700;line-height:1.22}.capability .copy,.about p{font-size:15px;line-height:2}.service h3{letter-spacing:-.02em;font-size:21px;font-weight:700}.service p,.tl span{font-size:14px}.contact h2{letter-spacing:-.03em;font-size:52px;line-height:1.2}.btn{font-family:var(--font-sans-jp);letter-spacing:.015em}.work.mask{background:#211d2b}.work.mask img{object-fit:contain;height:405px;padding:10px}.work.mask .shade{background:#211d2b;padding:14px 24px}.work.mask h3{font-size:25px}.about{background-color:#fffdf8;background-image:linear-gradient(#fffdf8e8,#fffdf8e8),url(/portfolio-16.png);background-position:50%;background-size:cover}.ai-washi{background:#e8e9df;padding:90px 0}.ai-washi-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:64px;display:grid}.ai-washi img{border:12px solid #fffdf8;width:100%;height:auto}.ai-washi h2{letter-spacing:-.025em;margin:20px 0;font-size:40px;font-weight:700;line-height:1.4}.ai-washi p{color:#5e524c;font-size:15px;line-height:2}.ai-washi small{color:#675b55;margin-top:20px;font-size:12px;display:block}:root{--paper:#f5f0e6;--sage:#7f896f;--gold:#b6a16b}header{background:#faf6ee;border-bottom:2px solid #b6a16b}.hero:before{display:none}.hero h1{margin-top:22px;font-size:64px;line-height:1.2}.hero-actions{gap:10px}.hero-actions .btn{min-width:172px;padding:17px 18px}.hero-art .art-main{border:10px solid #fffdf8;border-radius:160px 0 0}.mini-card small{font-family:var(--font-serif);letter-spacing:.1em}.numbers{border-top:4px solid #b6a16b;border-bottom:1px solid #b6a16b}.numbers .intro{font-family:var(--font-sans-jp);font-size:20px}#works{background-color:#f3eee4;background-image:linear-gradient(#f5f0e6a1,#f5f0e6f7 550px),url(/portfolio-16.png);background-position:top;background-repeat:no-repeat;background-size:100% 780px}.eyebrow{letter-spacing:.16em}.section-head .eyebrow,.feature-copy>.eyebrow,.about .eyebrow,.site-copy .eyebrow,.capability .eyebrow{font-family:var(--font-serif);text-transform:none;letter-spacing:.02em;font-size:21px;font-style:italic;font-weight:400}.concept-showcase{background:#293832;border:1px solid #b6a16b}.work{border:1px solid #cbbd99;border-radius:0}.feature{background-color:#fffdf8}.wagara-board{background-color:#e9e8dd;border:1px solid #b6a16b}.range{border-top:8px solid #b6a16b;border-bottom:8px solid #b6a16b}.range .section-head{border-color:#b6a16b}.ai-washi{background:#e4e7dc}.capability{background-image:linear-gradient(90deg,#e7e7dad1,#f5f0e6f7 58%),url(/portfolio-16.png);background-position:50%;background-size:cover}.services{background:#fffdf8b3;padding:0 20px}.site-case{background:#ece4d8;border-top:1px solid #b6a16b}.site-copy>.eyebrow{color:#756442}.about{background-image:linear-gradient(#fffdf861,#fffdf861),url(/portfolio-16.png);background-position:50%;background-size:cover}.about-grid{background:#fffdf8f0;border:1px solid #cbbd99;gap:60px;padding:46px}.about h2{font-size:46px}.contact{color:var(--ink);background-color:#f3eee4;background-image:linear-gradient(90deg,#faf6eee6 5%,#faf6ee8c),url(/portfolio-16.png);background-position:50%;background-size:cover;border-top:3px solid #b6a16b}.contact p{color:#66564b;max-width:730px;line-height:1.9}.contact .btn{background:var(--ink);color:#fff}footer{border-top:3px solid #b6a16b}.hero-art{grid-template-rows:1fr 1fr;grid-template-columns:1.18fr .82fr;gap:18px;height:600px;display:grid;position:relative}.hero-feature,.hero-tile{border:9px solid #fffdf8;position:relative;overflow:hidden;box-shadow:0 18px 42px #17081829}.hero-feature{background:#fff;grid-row:1/3}.hero-feature>img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-feature:after{content:"";background:linear-gradient(#0000 8%,#ffffff14 35%,#ffffffc7 56%,#fffffff0 100%);position:absolute;inset:0}.hero-feature-copy{z-index:2;border-top:1px solid #b6a16b;padding-top:18px;position:absolute;bottom:28px;left:28px;right:28px}.hero-feature-copy span{font-family:var(--font-latin);letter-spacing:.18em;color:var(--rust);font-size:10px;font-weight:800;display:block}.hero-feature-copy b{margin:8px 0 7px;font-size:24px;line-height:1.35;display:block}.hero-feature-copy small{font-family:var(--font-serif);color:#7a6247;font-size:15px}.hero-tile img{object-fit:cover;width:100%;height:100%}.hero-tile.kozawa img{object-position:center}.hero-tile.turtle{background:#1d1220}.hero-tile.turtle img{object-fit:contain;padding:24px}.hero-tile .tile-label{color:#fff;font-family:var(--font-serif);letter-spacing:.07em;background:linear-gradient(#0000,#140814e6);padding:42px 17px 15px;font-size:13px;position:absolute;bottom:0;left:0;right:0}#works{background:#f3eee4}#works>.wrap{position:relative}#works>.wrap:before{content:"";opacity:.55;background:repeating-linear-gradient(135deg,#b6a16b 0 4px,#0000 4px 11px);width:138px;height:24px;position:absolute;top:-58px;right:0}.capability{background:#e7e5da}.cap-grid{grid-template-columns:1fr;gap:48px}.cap-grid>div:first-child{border-bottom:1px solid #b7aa9a;grid-template-columns:.72fr 1.28fr;align-items:end;gap:70px;padding-bottom:34px;display:grid}.cap-grid>div:first-child .eyebrow,.cap-grid>div:first-child h2{grid-column:1}.cap-grid>div:first-child .copy{grid-area:1/2/3;margin:0}.services{background:0 0;border:0;grid-template-columns:repeat(4,1fr);gap:14px;padding:0}.service,.service:nth-child(2n),.service:nth-child(odd){background:#fffdf8e6;border:1px solid #c5b998;min-height:280px;padding:28px 22px}.service h3{margin:18px 0 15px;font-size:19px;line-height:1.45}.service p{font-size:13px;line-height:1.9}.service .no{border:1px solid var(--rust);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.contact{color:#fff;background:#a7452b;border-top:3px solid #b6a16b}.contact .wrap{background:0 0;border:0;padding:0}.contact p{color:#f1ddd6}.contact .eyebrow{color:#f2c8b8!important}.contact .btn{color:var(--rust);background:#fff}.self-project{color:#fff;background:#101e2a;border-top:8px solid #b6a16b;border-bottom:8px solid #b6a16b;padding:110px 0 105px}.self-project .section-head{border-color:#dabe7f94;margin-bottom:42px}.self-project .section-head p{color:#c9d0d1}.self-project .eyebrow{color:#d8bd7f}.project-kicker{font-family:var(--font-latin);letter-spacing:.13em;color:#e7d6ad;border:1px solid #d8bd7f94;align-items:center;gap:10px;padding:9px 13px;font-size:10px;font-weight:700;display:inline-flex}.project-kicker:before{content:"";background:#d9a55d;border-radius:50%;width:7px;height:7px}.campaign-stage{grid-template-columns:1.45fr .55fr;gap:22px;min-height:650px;display:grid}.campaign-web{background:#243b4a;min-height:650px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000004d}.campaign-web>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.campaign-web:after{content:"";background:linear-gradient(90deg,#07161fe8 0%,#07161fa8 38%,#07161f0f 72%);position:absolute;inset:0}.campaign-nav{z-index:2;letter-spacing:.14em;border-bottom:1px solid #ffffff45;justify-content:space-between;align-items:center;padding:25px 30px;font-size:10px;display:flex;position:absolute;top:0;left:0;right:0}.campaign-logo{font-family:var(--font-serif);letter-spacing:.08em;font-size:17px}.campaign-nav span:last-child{color:#e8d2a8}.campaign-message{z-index:2;width:56%;position:absolute;bottom:54px;left:48px}.campaign-message small{font-family:var(--font-latin);letter-spacing:.18em;color:#e1c58a;font-size:10px}.campaign-message h3{font-family:var(--font-sans-jp);letter-spacing:-.04em;margin:17px 0 20px;font-size:53px;line-height:1.25}.campaign-message p{color:#e0e6e7;margin:0 0 26px;font-size:13px;line-height:1.9}.campaign-message b{color:#152530;letter-spacing:.08em;background:#f7f0df;padding:13px 20px;font-size:11px;display:inline-block}.campaign-formats{grid-template-rows:1fr 1fr;gap:22px;display:grid}.format-card{background:#e9e4d7;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040}.format-card>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.format-card.insta>img{object-position:63% center}.format-card.line>img{object-position:30% center}.format-card:after{content:"";background:linear-gradient(#0b1f2a0d,#0b1f2ac2);position:absolute;inset:0}.format-label{z-index:2;color:#fff;position:absolute;bottom:20px;left:20px;right:20px}.format-label span{font-family:var(--font-latin);letter-spacing:.16em;color:#ebd5a9;font-size:9px;display:block}.format-label b{margin-top:7px;font-size:21px;line-height:1.38;display:block}.format-chip{z-index:2;color:#162936;letter-spacing:.12em;background:#fffdf8eb;padding:7px 9px;font-size:8px;font-weight:800;position:absolute;top:15px;right:15px}.case-notes{border-top:1px solid #d8bd7f78;grid-template-columns:repeat(3,1fr);margin-top:36px;display:grid}.case-note{padding:27px 30px 4px 0}.case-note+.case-note{border-left:1px solid #d8bd7f47;padding-left:30px}.case-note span{font-family:var(--font-serif);color:#d8bd7f;font-size:12px;font-style:italic}.case-note b{margin:9px 0 8px;font-size:16px;display:block}.case-note p{color:#bcc5c7;margin:0;font-size:12px;line-height:1.8}.self-promo{color:#fff;background:#0c2f23;border-top:8px solid #b6a16b;border-bottom:8px solid #b6a16b;padding:110px 0}.self-promo-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;display:grid}.flyer-stage{background:#173f2b;border:1px solid #d8bd7f75;min-height:920px;position:relative}.flyer-stage:before{content:"";opacity:.06;background-image:url(/portfolio-16.png);background-position:50%;background-size:cover;position:absolute;inset:0}.flyer-sheet{z-index:2;transform-origin:50%;width:610px;position:absolute;top:24px;left:24px;transform:rotate(0);box-shadow:0 32px 70px #0000006b}.self-promo-copy .project-kicker{margin-bottom:26px}.self-promo-copy h2{letter-spacing:-.04em;margin:0 0 28px;font-size:52px;line-height:1.25}.self-promo-copy>.intro{color:#d3dadb;margin:0 0 34px;font-size:15px;line-height:2}.promo-points{border-top:1px solid #d8bd7f7a}.promo-point{border-bottom:1px solid #d8bd7f47;grid-template-columns:52px 1fr;gap:19px;padding:22px 0;display:grid}.promo-point span{font:italic 14px var(--font-serif);color:#d8bd7f}.promo-point b{margin-bottom:6px;font-size:16px;display:block}.promo-point p{color:#bfc8c9;margin:0;font-size:12px;line-height:1.8}.promo-tools{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.promo-tools span{letter-spacing:.08em;color:#e1e5e5;border:1px solid #ffffff3b;padding:9px 12px;font-size:10px}.sales{background:#e7e5da;padding:90px 0}.sales h2,.request-flow h2{margin:18px 0 24px;font-size:48px;line-height:1.3}.sales-lead{font-size:17px;line-height:1.9}.sales-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:38px;display:grid}.sales-grid article{background:#fffdf8;border-top:3px solid #b6a16b;padding:32px 36px}.sales-grid article>span{letter-spacing:.14em;color:#806340;font-size:12px}.sales-grid h3{margin:16px 0;font-size:26px;line-height:1.4}.price{color:#a7452b;font-family:Georgia,serif;font-size:48px}.price small{margin-left:8px;font-family:IPAexGothic,sans-serif;font-size:19px}.sales-grid p{font-size:16px;line-height:1.9}.deliver{border-top:1px solid #d8cec0;padding-top:16px;font-size:14px}.sales-notes{color:#5e524c;margin:25px 0 32px;font-size:14px;line-height:1.9}.support-band{color:#fff;background:#293832;justify-content:space-between;align-items:center;padding:30px 36px;display:flex}.support-band h3{margin:0 0 12px;font-size:25px}.support-band p{margin:0;font-size:16px;line-height:1.9}.support-band .btn{color:#293832;background:#fffdf8}.request-flow{background:#fffdf8;padding:75px 0}.flow-grid{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.flow-grid>div{border-top:2px solid #b6a16b;padding-top:22px}.flow-grid b{font-size:22px}.flow-grid p{font-size:16px;line-height:1.9}p{line-height:1.9}.eyebrow{font-size:14px!important}.nav{white-space:nowrap;gap:30px;font-size:16px}.btn{padding:18px 24px;font-size:16px}.hero{min-height:0;padding:60px 0}.hero-grid>div:first-child{grid-area:1/1}.hero-art{grid-area:1/2;height:560px}.hero h1{white-space:normal;font-size:49px;line-height:1.35}.hero .lead{font-size:18px;line-height:1.9}.hero-feature{grid-area:1/1/3}.hero-tile.kozawa{grid-area:1/2}.hero-tile.turtle{grid-area:2/2}.hero-feature-copy span{font-size:14px}.hero-feature-copy b{font-size:24px}.hero-tile .tile-label{font-size:14px}.numbers{padding:26px 0}.stat b{font-size:36px}.section-head h2,.feature-copy h2,.self-promo-copy h2,.sales h2,.about h2,.request-flow h2{font-size:44px!important;line-height:1.35!important}.section-head{margin-bottom:32px}.signature{background:#fffdf8}.signature-grid{grid-template-columns:740px 440px;align-items:center;gap:60px;display:grid}.leaflet-images{background:#e9e8dd;padding:28px}.leaflet-images img{object-fit:contain;width:100%;height:225px;margin-bottom:18px}.leaflet-images p{margin:0;font-size:14px}.case-copy h3{font-size:32px;line-height:1.5}.case-copy p{font-size:18px}.case-badge{color:#a7452b;font-size:14px}.case-copy dl{border-top:1px solid #cbbd99;padding-top:20px;font-size:16px;line-height:1.9}.case-copy dt{font-weight:700}.case-copy dd{margin:0 0 12px}.feature{background:#f0eee4}.feature-visual{min-height:560px}.wagara-board{width:82%;min-height:520px;padding:24px}.wagara-board .label,.wagara-board .caption span{font-size:14px}.feature-visual .proof{width:40%;bottom:0}.feature-visual .proof small{font-size:14px}.feature-copy .score{margin:22px 0;padding:18px 0}.feature-copy .score span{font-size:14px}.self-promo{padding:72px 0}.flyer-sheet{width:100%;box-shadow:none;padding:22px;position:relative;top:auto;left:auto}.project-kicker{font-size:14px}.promo-point{padding:16px 0;display:block}.promo-point b{font-size:19px}.promo-point p{color:#e0e8e2;font-size:16px;line-height:1.85}.promo-tools span{font-size:14px}.self-promo-copy>p:last-child{font-size:14px!important}.sales{padding:74px 0}.sales-grid p{font-size:18px}.sales-notes{font-size:16px}.sales-grid article{padding:28px 32px}.sales-grid article>span{font-size:14px}.sales-grid{gap:20px}.more-work{background:#fffdf8}.work-grid{grid-template-columns:repeat(3,1fr);gap:24px}.work.third{background:#fff;border:1px solid #d8cec0;grid-column:auto;height:auto;min-height:0;display:block}.work img,.work.mask img{object-fit:contain!important;background:#eeebe4!important;height:250px!important;padding:18px!important}.work .shade,.work.mask .shade{color:#170818;position:static;background:#fffdf8!important;padding:22px!important}.work h3,.work.mask h3{font-size:23px}.work p{color:#51454b;font-size:16px}.work .tag{color:#8b3c25;letter-spacing:.03em;font-size:14px}.work.ai:after{display:none}.concept-showcase{grid-template-columns:1fr 1fr;gap:36px;margin:30px 0 0;padding:32px}.concept-copy h3{font-size:30px}.concept-copy p{font-size:18px}.concept-meta{display:none}.concept-visuals{height:350px;display:block}.browser-frame img{object-fit:cover;height:310px}.visual-notes{background:#eceee3}.duo{grid-template-columns:1fr 1fr;gap:36px;display:grid}.duo img{object-fit:contain;background:#fffdf8;width:100%;height:270px;padding:16px}.duo h3{margin:20px 0 8px;font-size:23px}.duo p{margin:0;font-size:16px}.about-grid{gap:42px;padding:34px}.tl span{font-size:16px}.tl{padding:16px 0}.contact h2{font-size:44px}.contact p{max-width:880px;font-size:18px}.contact .note{font-size:14px}.footer-logo{filter:none;background:#fffdf8;padding:10px}.flow-grid p{font-size:18px}.hero-actions .btn{min-width:0;font-size:15px}.request-flow{padding:64px 0}.wagara-board .caption span{display:none}.wagara-board .caption{padding-right:100px}.feature-visual .proof{bottom:10px}.footer-logo{width:155px}.leaflet-images{grid-template-columns:1fr 1fr;gap:20px;padding:24px;display:grid}.leaflet-images img{width:100%;height:400px;margin:0}.leaflet-images p{grid-column:1/3}.hero-feature-copy{bottom:36px}.hero-feature:after{background:linear-gradient(#0000 30%,#ffffff26 55%,#fffc 80%)}.banner-method b,.banner-method p{font-size:16px}.banner-case{background:#f5f0e6;padding:68px 0}.coffee-banner{width:100%;height:auto;display:block}.banner-caption{grid-template-columns:760px 420px;gap:60px;margin-top:28px;display:grid}.banner-caption h3{margin:12px 0;font-size:27px}.banner-caption p{margin:10px 0;font-size:18px;line-height:1.9}.banner-method{border-left:1px solid #cabcaa;padding-left:28px}.banner-method b,.banner-method p{font-size:16px}.banner-method p:last-child{color:#60564f;font-size:14px}html,body{width:100%;max-width:100%;margin:0}.wrap{width:min(1240px,100% - 64px)}html{scroll-padding-top:24px}a:focus-visible{outline-offset:6px;outline:3px solid #b64a2a}a:hover{opacity:.88}.signature-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:48px}.self-promo-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px}.banner-caption{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:40px}.hero-actions{flex-wrap:wrap}.flyer-stage{min-height:0}.hero-art{min-width:0}.coffee-banner{width:100%;height:auto}.section-head>*,.feature-grid>*,.about-grid>*,.work-grid>*{min-width:0}.leaflet-images img{height:auto;max-height:400px}.feature-links{flex-wrap:wrap}.footer-grid{gap:24px}.contact .btn{opacity:.8}@media (max-width:1050px){.hero-grid,.signature-grid,.feature-grid,.self-promo-grid,.about-grid{grid-template-columns:1fr;gap:36px}.hero-art{grid-area:2/1;width:100%;height:530px}.hero h1{font-size:48px}.hero .lead{max-width:100%}.feature-visual{width:100%;max-width:680px;margin:auto}.self-promo-grid{max-width:760px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:start;gap:28px}.section-head p{max-width:48%}.nav{gap:18px;font-size:14px}.banner-caption{grid-template-columns:1.4fr 1fr}.support-band{flex-wrap:wrap;gap:24px}.contact .wrap{flex-wrap:wrap;gap:28px}.about-grid{padding:28px}.flow-grid{gap:24px}.flow-grid b{font-size:19px}}@media (max-width:640px){.wrap{width:calc(100% - 40px)}header{height:auto;padding:18px 0}header .wrap{flex-wrap:wrap;gap:20px}.logo{width:140px}.nav{flex-wrap:wrap;gap:16px;font-size:14px}.nav .cta{padding:10px 14px}section,.sales,.self-promo,.banner-case,.request-flow{padding:48px 0}.hero{padding:38px 0}.hero h1{font-size:36px;line-height:1.5}.hero-grid{gap:32px}.hero-art{height:390px}.hero-feature-copy b{font-size:18px}.hero-feature-copy span,.hero-tile .tile-label{font-size:12px}.hero-feature-copy{bottom:20px;left:16px}.hero .lead{font-size:16px}.hero-actions{gap:10px}.hero-actions .btn{padding:14px 16px}.numbers .wrap{flex-wrap:wrap;gap:22px}.stat{min-width:40%}.stat b{font-size:30px}.stat span{font-size:14px}.section-head{display:block}.section-head p{max-width:none;margin-top:20px}.section-head h2,.feature-copy h2,.self-promo-copy h2,.sales h2,.about h2,.request-flow h2,.contact h2{font-size:30px!important}.section-head p,.feature-copy p,.self-promo-copy>.intro,.about p,.banner-caption p,.sales-grid p{font-size:16px!important}.leaflet-images{gap:14px;padding:14px}.case-copy h3{font-size:26px}.case-copy p{font-size:16px}.feature-visual{flex-direction:column;gap:20px;min-height:0;display:flex}.wagara-board{width:100%;min-height:0;padding:18px}.wagara-board .caption{padding-right:0}.feature-visual .proof{align-self:end;width:55%;position:static;transform:none}.feature-links{gap:12px}.flyer-sheet{padding:12px}.banner-caption,.sales-grid,.work-grid,.duo,.concept-showcase,.flow-grid{grid-template-columns:1fr;gap:24px}.banner-caption h3{font-size:24px}.banner-method{border-top:1px solid #cabcaa;border-left:0;padding:18px 0 0}.sales-grid article{padding:24px}.sales-grid h3{font-size:24px}.support-band{padding:24px}.support-band p{font-size:16px}.concept-showcase{padding:24px}.concept-visuals{height:280px}.browser-frame img{height:240px}.about-grid{padding:24px 20px}.tl{grid-template-columns:1fr;gap:8px}.contact p{font-size:16px}.footer-grid{flex-wrap:wrap;display:flex}.footer-meta{font-size:14px}.work.third,.hero-feature{min-width:0}.hero-art img{max-width:100%}.price{font-size:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.interactive-gallery{height:auto!important;display:block!important}.gallery-hint{color:#eee6d7;font-size:16px}.flatnote-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.flatnote-thumbs button{color:#241528;cursor:pointer;font:inherit;text-align:left;background:#fffdf8;border:1px solid #b6a16b;padding:0}.flatnote-thumbs img{object-fit:cover;object-position:top;width:100%;height:170px}.flatnote-thumbs button>span{justify-content:space-between;padding:12px;font-size:16px;display:flex}.flatnote-thumbs button:focus-visible{outline-offset:3px;outline:3px solid #d6a85f}button:focus-visible{outline-offset:3px;outline:3px solid #d6a85f}[data-slot=dialog-overlay]{z-index:100;background:#0e0914c7;position:fixed;inset:0}[data-slot=dialog-content]{z-index:101;color:#241528;background:#fffdf8;border:1px solid #b6a16b;border-radius:12px;width:calc(100% - 32px);max-height:92dvh;padding:24px;font-family:IPAexGothic,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0007}.flatnote-modal{flex-direction:column;gap:16px;max-width:1000px;display:flex}.modal-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}[data-slot=dialog-title]{margin:0 0 8px;font-size:24px;line-height:1.5}[data-slot=dialog-description]{margin:0;font-size:14px;line-height:1.8}.modal-close,.variant-switch button{font:inherit;cursor:pointer;white-space:nowrap;background:#f4efe5;border:1px solid #c7b89b;border-radius:6px;padding:10px 16px}.variant-switch{flex-wrap:wrap;gap:10px;display:flex}.variant-switch button[aria-pressed=true]{color:#fff;background:#241528}.modal-image-scroll{overscroll-behavior:contain;background:#e8e4da;min-height:0;overflow:auto}.modal-image-scroll img{width:100%;height:auto}.contact .wrap{display:block}.form-preview-note{border:1px solid #efc4ac;max-width:900px;margin:24px 0;padding:16px 20px;font-size:14px;line-height:1.9}.consult-form{color:#241528;background:#fffdf8;max-width:900px;padding:32px}.form-fields{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-fields label{font-size:16px;font-weight:700;display:block}.form-fields em,.form-fields label>span{color:#9f4229;margin-left:10px;font-size:12px;font-style:normal;font-weight:400}.form-fields input,.form-fields textarea{box-sizing:border-box;color:#241528;width:100%;font:inherit;outline-offset:3px;background:#fff;border:1px solid #bbae9a;border-radius:4px;margin-top:10px;padding:13px;font-size:16px;font-weight:400;display:block}.form-fields input:focus,.form-fields textarea:focus{outline:2px solid #a7452b}.form-fields textarea{resize:vertical;min-height:160px}.full-field{grid-column:1/-1}.form-confirm{cursor:pointer;border:0;margin-top:28px;opacity:1!important}.contact .form-footnote{color:#675b52;font-size:14px}.consult-modal{max-width:720px;overflow:auto}.consult-modal dl{margin:24px 0}.consult-modal dl>div{border-bottom:1px solid #d8cec0;padding:12px 0}.consult-modal dt{color:#8a442c;font-size:14px}.consult-modal dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:16px;line-height:1.8}.review-actions{flex-wrap:wrap;gap:16px;display:flex}.review-actions .btn{cursor:pointer;border:1px solid #241528}.review-actions button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:640px){.flatnote-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.flatnote-thumbs img{height:150px}.form-fields{grid-template-columns:1fr}.consult-form{padding:22px}.flatnote-modal,.consult-modal{padding:16px}[data-slot=dialog-title]{font-size:19px}.modal-close{padding:10px;font-size:14px}.variant-switch{gap:6px}.variant-switch button{padding:9px 12px;font-size:14px}.review-actions .btn{width:100%}}.numbers .wrap{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:24px}.numbers .stat{min-width:0;padding-left:24px}.numbers .stat b{white-space:nowrap;font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.3}.numbers .stat span{overflow-wrap:anywhere;margin-top:8px;font-size:.875rem;line-height:1.7;display:block}@media (max-width:1050px){.numbers .wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.numbers .intro{grid-column:1/-1;line-height:1.7}.numbers .stat{padding-left:16px}}@media (max-width:640px){.numbers{padding:28px 0}.numbers .wrap{grid-template-columns:minmax(0,1fr);gap:0}.numbers .intro{padding-bottom:18px;font-size:1.125rem}.numbers .stat{border-top:1px solid #ffffff40;border-left:0;padding:20px 0}.numbers .stat:last-child{padding-bottom:0}.numbers .stat b{font-size:2rem}.feature-copy .score{flex-wrap:wrap;gap:20px 30px}}header{z-index:2;height:auto;min-height:112px;padding:16px 0;position:relative}header .logo{object-fit:contain;flex-shrink:0;width:156px;height:96px;display:block}header .wrap{gap:24px}.mail-help{color:#60554f;margin:20px 0 0;font-size:14px;line-height:1.8}.review-actions a.btn{font-size:15px}@media (max-width:640px){header{padding:16px 0}header .logo{width:130px;height:80px}header .wrap{gap:16px}header{min-height:0;padding:12px 0}header .wrap{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px 10px;display:grid}header .logo{grid-area:1/1/auto/3;width:108px;height:66px}header .nav{display:contents}header .nav a{text-align:center;white-space:nowrap;padding:7px 2px;font-size:12px}header .nav a:first-child{grid-area:2/1}header .nav a:nth-child(2){grid-area:2/2}header .nav a:nth-child(3){grid-area:2/3}header .nav .cta{grid-area:1/4;padding:10px 8px}.hero{padding-top:30px}.hero h1{letter-spacing:-.045em;font-size:30px;line-height:1.5}.hero .lead{font-size:16px;line-height:1.9}.hero-grid>div:first-child{padding:28px 20px}.more-work .work-grid{scroll-snap-type:none;grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:0;display:grid;overflow:visible}.more-work .work-grid .work{scroll-snap-align:none;grid-template-columns:minmax(0,34%) minmax(0,1fr);align-items:center;min-width:0;display:grid}.more-work .work-grid .work img{object-fit:contain!important;height:150px!important;padding:8px!important}.more-work .work-grid .work .shade{overflow-wrap:anywhere;min-width:0;padding:14px!important}.more-work .work-grid .work h3{margin:6px 0;font-size:1.125rem;line-height:1.6}.more-work .work-grid .work p{margin:6px 0 0;font-size:1rem;line-height:1.7}.more-work .work-grid .work .tag{font-size:.75rem;line-height:1.6}.more-work .section-head{margin-bottom:24px}.work .tag,.form-fields em,.form-fields label>span{font-size:13px}}:root{--ink:#253039;--brown:#253039;--rust:#167d8d;--paper:#f7f9f9;--white:#fff;--line:#d6e0e2;--sage:#167d8d;--gold:#167d8d;--font-sans-jp:IPAexGothic,"Yu Gothic",sans-serif;--font-serif:Georgia,serif}body{color:var(--ink);letter-spacing:.025em;background:#fff;line-height:1.85}header{border-bottom:1px solid var(--line);background:#fff;min-height:100px;padding:14px 0}header .logo{aspect-ratio:410/105;object-fit:contain;width:300px;height:auto}.nav{gap:28px;font-size:14px;font-weight:400}.nav .cta{border-color:var(--rust);color:var(--rust);border-radius:4px}.hero{background:#f5f8f8;min-height:0;padding:64px 0 72px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px}.hero-grid>div:first-child{background:0 0;border:0;padding:0}.hero h1{letter-spacing:.01em;margin:20px 0 24px;font-size:clamp(32px,3.6vw,50px);font-weight:700;line-height:1.5}.hero .lead{color:#52616a;font-size:17px;line-height:2}.hero-art{height:480px}.hero-actions{gap:12px;margin-top:28px}.hero-actions .btn{padding:13px 18px;font-size:14px}.btn{background:#167d8d;border-radius:4px;font-size:15px;font-weight:600}.btn.ghost{color:#253039;border-color:#89999f}.eyebrow,.section-head .eyebrow,.feature-copy>.eyebrow,.about .eyebrow{font-family:var(--font-sans-jp);letter-spacing:.12em;color:#167d8d;font-size:14px;font-style:normal}section{padding:80px 0}.section-head{border-top:1px solid #cad7da;padding-top:24px}.section-head h2,.feature-copy h2,.self-promo-copy h2,.sales h2,.about h2,.request-flow h2{letter-spacing:.025em;font-size:38px!important;line-height:1.55!important}.section-head p,.feature-copy p,.self-promo-copy>.intro,.about p{font-size:16px!important;line-height:2!important}.numbers{background:#253039;border:0}.stat b{color:#fff;font-family:var(--font-sans-jp);font-weight:500}.stat span{color:#d4dfe2}#works,.signature,.banner-case,.more-work{background:#fff}.feature,.visual-notes{background:#f0f5f5}.leaflet-images,.wagara-board,.work img,.work.mask img{background:#edf2f2!important}.case-badge,.work .tag{color:#167d8d}.case-copy dl{border-color:#cad7da}.case-copy p{font-size:16px;line-height:2}.self-promo{background:#253039}.self-promo-copy,.self-promo-copy .intro{color:#fff}.project-kicker{color:#a6dde0}.promo-tools span{border-color:#74858c}.banner-caption p{font-size:16px}.banner-method{border-color:#cad7da}.banner-method p:last-child{color:#52616a}.work.third{border:1px solid #d6e0e2;border-radius:0}.work .shade,.work.mask .shade{color:#253039;background:#fff!important}.work p{color:#52616a}.work .tag{letter-spacing:.03em}.concept-showcase{background:#253039;margin-top:48px}.concept-copy p{color:#dce6e8;font-size:16px}.concept-copy .eyebrow{color:#a6dde0!important}.flatnote-thumbs button{color:#253039;background:#fff;border-color:#9eafb3}.flatnote-thumbs button:hover{box-shadow:0 0 0 2px #167d8d}.about{background:#fff}.about-grid{background:0 0;border:0;padding:0}.about .maker{color:#167d8d;margin:16px 0;font-weight:600}.tl{border-color:#d6e0e2}.tl b{color:#167d8d}.sales{background:#f0f5f5}.sales-grid article{background:#fff;border:1px solid #d6e0e2;border-radius:0}.sales-grid article>span{color:#167d8d}.sales-grid p{color:#52616a;font-size:16px}.price{color:#253039}.sales-notes{color:#52616a}.support-band{color:#253039;background:#fff;border:1px solid #d6e0e2}.support-band p{font-size:16px}.request-flow{background:#fff}.flow-grid p{color:#52616a;font-size:16px}.flow-grid b{color:#167d8d}.contact{color:#fff;background:#253039}.contact h2{white-space:normal}.consult-form{color:#253039;background:#fff}.form-preview-note{border-color:#6d858c}.contact .form-footnote,.mail-help{color:#52616a}.form-fields em,.form-fields label>span,.consult-modal dt{color:#167d8d}.form-fields input,.form-fields textarea{color:#253039;border-color:#9daeb4}.form-fields input:focus,.form-fields textarea:focus{outline-color:#167d8d}[data-slot=dialog-content]{color:#253039;background:#fff;border-color:#9daeb4}.modal-close,.variant-switch button{background:#eff4f4;border-color:#9daeb4}.variant-switch button[aria-pressed=true]{background:#167d8d}.review-actions .btn{border-color:#167d8d}footer{color:#52616a;background:#fff;border-top:1px solid #d6e0e2}.footer-logo{filter:none;background:0 0;width:270px;padding:0}.footer-meta{font-size:14px}:is(a:focus-visible,button:focus-visible){outline-color:#167d8d}.hero h1,.section-head h2{white-space:normal}@media (max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-art{height:480px}.hero .lead{max-width:640px}.nav{gap:16px}header .logo{width:260px}}@media (max-width:640px){header .wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}header .logo{grid-area:1/1/auto/4;width:230px;max-width:100%;height:auto}header .nav a{padding:8px 0;font-size:14px}header .nav a:first-child{grid-area:2/1}header .nav a:nth-child(2){grid-area:2/2}header .nav a:nth-child(3){grid-area:2/3}header .nav .cta{grid-area:3/1/auto/4;padding:8px}.hero{padding:32px 0 40px}.hero-grid{gap:28px}.hero-grid>div:first-child{padding:0}.hero h1{font-size:30px}.hero .lead{font-size:16px}.hero-art{height:360px}.hero-actions .btn{font-size:14px}.section-head h2,.feature-copy h2,.self-promo-copy h2,.sales h2,.about h2,.request-flow h2{font-size:28px!important}.about-grid{padding:0}.more-work .work-grid .work{display:block}.more-work .work-grid .work img{height:220px!important}.more-work .work-grid .work .shade{padding:20px!important}.flatnote-thumbs img{height:170px}.footer-logo{width:240px}.footer-meta{line-height:1.8}.concept-showcase{padding:20px}.section-head .eyebrow{font-size:14px}header .logo{grid-column:1/3;width:230px}header .nav .cta{grid-area:1/3;padding:8px 4px;font-size:13px}.hero .eyebrow{letter-spacing:.08em;font-size:11px}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.hero-actions .btn{text-align:center;justify-content:center;padding:12px 8px;font-size:13px}.hero-actions .btn:first-child{grid-column:1/3}}.hero{background-image:linear-gradient(90deg,#faf6eeb3,#faf6ee33),url(/portfolio-16.png);background-position:50%;background-size:cover}.hero-grid>div:first-child{background:#fffffff0;border-left:3px solid #167d8d;padding:28px 24px}@media (max-width:640px){.hero-grid>div:first-child{padding:20px 16px}.hero h1{font-size:28px}}@font-face{font-family:YAMAYAMA Sans;src:url(/fonts/noto-sans-jp-400.woff)format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:YAMAYAMA Sans;src:url(/fonts/noto-sans-jp-600.woff)format("woff");font-style:normal;font-weight:600 900;font-display:swap}@font-face{font-family:YAMAYAMA Serif;src:url(/fonts/noto-serif-jp-600.woff)format("woff");font-style:normal;font-weight:600 900;font-display:swap}:root{--font-sans-jp:"YAMAYAMA Sans","Hiragino Sans","Yu Gothic",sans-serif;--font-heading:"YAMAYAMA Serif","Yu Mincho",serif}body{font-family:var(--font-sans-jp);letter-spacing:.015em;font-feature-settings:normal;font-weight:400}button,input,textarea,select{font-family:var(--font-sans-jp)}.hero h1{font-family:var(--font-heading);letter-spacing:-.045em;font-feature-settings:"palt";margin:22px 0 28px;font-size:clamp(36px,3.2vw,44px);font-weight:600;line-height:1.6}.hero h1 span{color:#126c7b;letter-spacing:-.045em;font-family:inherit;font-size:1.16em;font-style:normal;font-weight:600;display:inline-block}.hero .lead{color:#3e4c55;letter-spacing:.01em;font-size:16px;font-weight:400;line-height:2}.section-head h2,.feature-copy h2,.self-promo-copy h2,.sales h2,.about h2,.request-flow h2,.contact h2{font-family:var(--font-heading);letter-spacing:-.025em;font-feature-settings:"palt";font-weight:600;font-size:38px!important;line-height:1.5!important}.concept-copy h3{font-family:var(--font-heading);font-size:30px;font-weight:600;line-height:1.5}.work h3,.case-copy h3,.banner-caption h3,.sales-grid h3,.support-band h3,.duo h3{font-family:var(--font-sans-jp);letter-spacing:-.025em;font-size:22px;font-weight:600;line-height:1.55}.eyebrow,.section-head .eyebrow,.feature-copy>.eyebrow,.about .eyebrow,.project-kicker{font-family:var(--font-sans-jp);letter-spacing:.12em;font-size:13px;font-weight:600}.section-head p,.feature-copy p,.about p{color:#3e4c55}.self-promo-copy>.intro{color:#fff}.stat b{font-family:var(--font-sans-jp);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:600}.numbers .intro{font-family:var(--font-sans-jp);font-size:18px;font-weight:600}.stat span{font-size:14px}.nav,.btn{font-family:var(--font-sans-jp);font-weight:600}.work .tag{font-size:13px;font-weight:600}.hero-feature-copy b{font-family:var(--font-sans-jp);font-weight:600}@media (max-width:640px){.hero h1{margin:18px 0 24px;font-size:27px;line-height:1.65}.hero h1 span{font-size:1.12em}.hero .lead{font-size:16px;line-height:1.95}.section-head h2,.feature-copy h2,.self-promo-copy h2,.sales h2,.about h2,.request-flow h2,.contact h2{font-size:28px!important;line-height:1.55!important}.concept-copy h3{font-size:25px}.work h3,.more-work .work-grid .work h3{font-size:21px}.hero-actions .btn,.nav{letter-spacing:0}}@font-face{font-family:D-DIN;src:url(/fonts/d-din.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:D-DIN;src:url(/fonts/d-din-bold.woff)format("woff");font-weight:600 900;font-style:normal;font-display:swap}:root{--font-numeric:"D-DIN",var(--font-sans-jp)}.stat b,.feature-copy .score b,.price,.tl b,.hero-feature-copy small,.concept-meta b{font-family:var(--font-numeric);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.005em;font-weight:400}.stat b{white-space:nowrap;font-size:54px;line-height:1.15}.stat b .since-label{color:inherit;font-family:inherit;font-size:.55em;display:inline}.stat>span{margin-top:10px;line-height:1.6;display:block}.feature-copy .score b{font-size:48px;line-height:1.1}.price{font-size:42px;font-weight:700}.price small{font-family:var(--font-sans-jp);margin-left:5px;font-size:16px;font-weight:400}.tl b{font-size:22px}.hero-feature-copy small{font-size:20px}.hero{background-image:linear-gradient(90deg,#ffffffd6,#ffffff94),url(/portfolio-16.png)}.hero-grid>div:first-child{background:#ffffffe8}.hero-tile .tile-label{font-family:var(--font-sans-jp);letter-spacing:.07em;font-size:12px}.hero-feature,.hero-tile{box-shadow:0 12px 28px #2530391f}.section-head:before,.section-head:after{display:none}.signature .section-head{border-top:0;padding-top:0}.signature{padding-top:88px}.project-facts{border-top:1px solid var(--line);margin:28px 0}.project-facts>div{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;gap:16px;padding:14px 0;display:grid}.project-facts dt{color:#167d8d;font-size:14px;font-weight:600}.project-facts dd{color:#3e4c55;margin:0;font-size:15px;line-height:1.85}.web-proposal{color:#fff;background:#253039;padding:64px 0}.web-proposal .concept-showcase{background:0 0;margin:0;padding:0}.concept-copy h2{font-family:var(--font-heading);letter-spacing:-.025em;margin:16px 0 24px;font-size:34px;line-height:1.55}.concept-copy .proposal-status{color:#b6c7cc;border-top:1px solid #53656c;margin-top:24px;padding-top:18px;font-size:14px}.gallery-hint{font-size:14px}.more-work{background:#f5f7f7;padding:56px 0}.more-work .section-head,.visual-notes .section-head{border-top:0;margin-bottom:28px;padding-top:0}.more-work .section-head h2,.visual-notes .section-head h2{font-family:var(--font-sans-jp);font-weight:600;font-size:28px!important}.more-work .work-grid{gap:20px}.more-work .work{box-shadow:none;border:1px solid #dbe3e5}.more-work .work img{height:220px!important;padding:18px!important}.more-work .work .shade{padding:20px!important}.more-work .work h3{font-size:20px}.more-work .work p{font-size:14px;line-height:1.8}.visual-notes{background:#f5f7f7;border-top:1px solid #dbe3e5;padding:48px 0}.visual-notes .duo img{height:220px}.visual-notes .duo h3{font-size:20px}.visual-notes .duo p{font-size:14px}@media (max-width:1050px){.stat b{font-size:44px}}@media (max-width:640px){.stat b{font-size:48px}.stat b .since-label{font-size:.55em}.signature{padding-top:48px}.feature-copy .score b{font-size:42px}.project-facts>div{grid-template-columns:72px 1fr;gap:12px}.web-proposal{padding:48px 0}.concept-copy h2{font-size:27px}.web-proposal .concept-showcase{padding:0}.more-work,.visual-notes{padding:40px 0}.more-work .section-head h2,.visual-notes .section-head h2{font-size:24px!important}.more-work .work-grid .work img{height:200px!important}.more-work .work-grid .work h3{font-size:20px}.more-work .work-grid .work p{font-size:15px}}.numbers .stat b{font-size:52px;line-height:1.15}@media (max-width:1050px){.numbers .stat b{font-size:42px}}@media (max-width:640px){.numbers .stat b{font-size:48px}}.web-proposal .concept-showcase{border:0}.signature:before,.signature:after{display:none}.page :is(p,dd,.tl>span,.deliver,.form-preview-note),.consult-modal :is(p,dd){letter-spacing:0;font-kerning:normal;font-feature-settings:"palt" 1,"kern" 1;line-break:strict;overflow-wrap:break-word;line-height:1.75!important}.page :is(.case-copy,.feature-copy,.self-promo-copy,.concept-copy,.banner-caption,.about,.sales-notes,.flow-grid) p{margin-top:.75em;margin-bottom:.75em}.page .project-facts dd,.page .case-copy dd{line-height:1.65!important}.page .case-copy dd{margin-bottom:10px}.page .promo-point p{margin-top:6px;margin-bottom:0}.page .sales-grid p,.page .work p,.page .duo p{line-height:1.7!important}.page .concept-copy .proposal-status{margin-top:24px}.page .about .maker{margin-top:16px;margin-bottom:16px}.page h1,.page h2,.page h3{font-kerning:normal}@media (max-width:640px){.page :is(p,dd,.tl>span,.deliver,.form-preview-note),.consult-modal :is(p,dd){line-height:1.8!important}.page .sales-grid p,.page .work p,.page .duo p,.page .project-facts dd,.page .case-copy dd{line-height:1.7!important}}.flatnote-thumbs button,.btn,.modal-close,.variant-switch button,.gallery-navigation button{transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s}@media (hover:hover) and (pointer:fine){.btn:not(:disabled):hover,.flatnote-thumbs button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #167d8d2e}.variant-switch button:hover,.gallery-navigation button:hover,.modal-close:hover{background:#e4eff0;border-color:#167d8d}.variant-switch button[aria-pressed=true]:hover{background:#126c7b}a[aria-label=余白珈琲のバナーを拡大する]:hover{outline-offset:5px;outline:2px solid #167d8d}}.btn:not(:disabled):active,.flatnote-thumbs button:active,.gallery-navigation button:active{box-shadow:none;transform:translateY(1px)}a:focus-visible{outline-offset:4px;outline:3px solid #167d8d}button:focus-visible{outline-offset:4px;outline:3px solid #167d8d}[data-slot=checkbox]:focus-visible{outline-offset:4px;outline:3px solid #167d8d}.gallery-navigation{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.gallery-navigation button{color:#253039;cursor:pointer;background:#f0f5f5;border:1px solid #9daeb4;border-radius:4px;min-height:44px;padding:10px 16px}.gallery-navigation span{font-family:var(--font-numeric);font-size:18px}.variant-switch button{min-width:44px;min-height:44px}.modal-image-scroll{touch-action:pan-y pinch-zoom}.thumb-action{font-size:12px;font-weight:400}.flatnote-modal{flex-direction:column;max-height:92dvh;display:flex;overflow:hidden}.flatnote-modal .modal-image-scroll{flex:1;min-height:0;overflow-y:auto}.modal-heading{flex-shrink:0;gap:14px}.modal-close{flex-shrink:0;min-height:44px}.modal-heading p{font-size:14px;line-height:1.6}.consult-form .form-confirm,.consult-modal .send-button,.contact-success .btn{color:#fff;cursor:pointer;background:#167d8d;border:1px solid #167d8d;min-height:48px;padding:14px 24px;font-weight:600}.consult-form button:disabled,.consult-modal button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.contact-trap{display:none}.privacy-note{color:#52616a;margin:20px 0 14px!important;font-size:14px!important}.privacy-note a,.mail-help a,.form-preview-note a{text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.privacy-consent{align-items:flex-start;gap:12px;margin:18px 0 24px;font-size:14px;line-height:1.7;display:flex}.privacy-consent label{cursor:pointer}.privacy-consent [data-slot=checkbox]{color:#fff;background:#fff;border:1px solid #52616a;width:22px;min-width:22px;height:22px;margin-top:2px}.privacy-consent [data-state=checked]{background:#167d8d}.privacy-consent em{color:#167d8d;font-size:12px;font-style:normal}.send-error{color:#922d23;background:#fff3f1;border-left:3px solid #922d23;padding:14px}.contact-success{color:#253039;background:#fff;max-width:900px;margin-top:24px;padding:28px}.contact-success h3{font-size:24px}.consult-modal dd{white-space:pre-wrap;overflow-wrap:anywhere}.consult-modal{max-height:90dvh;overflow-y:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.gallery-navigation button{padding:8px 12px}.flatnote-modal{max-height:94dvh}.modal-heading{align-items:start}.thumb-action{font-size:11px}.review-actions{flex-direction:column;gap:12px;display:flex}.review-actions .btn,.consult-form .form-confirm{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition:none!important;animation:none!important}.btn:hover,.btn:active,.flatnote-thumbs button:hover,.flatnote-thumbs button:active,.gallery-navigation button:active{transform:none!important}}.portfolio-zoom{width:100%;color:inherit;cursor:zoom-in;font:inherit;text-align:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.portfolio-zoom img{transition:transform .24s,filter .24s,box-shadow .24s}.zoom-cue{z-index:3;color:#fff;letter-spacing:.02em;pointer-events:none;background:#253039e6;border:1px solid #ffffff73;justify-content:center;align-items:center;min-height:36px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 16px #0003}.click-hint{color:#167d8d;margin-left:10px;font-weight:600;display:inline-block}.leaflet-images .portfolio-zoom img{object-fit:contain;width:100%;height:auto;max-height:400px;margin:0}.wagara-board .portfolio-zoom{background:#fff;box-shadow:0 12px 28px #1708181a}.wagara-board .portfolio-zoom .base{box-shadow:none}.flyer-stage .flyer-zoom{z-index:2}.flyer-stage .flyer-zoom .flyer-sheet{display:block}.portfolio-lightbox{flex-direction:column;gap:16px;max-width:min(1180px,100vw - 32px);height:min(92dvh,980px);display:flex;overflow:hidden}.portfolio-lightbox-image{overscroll-behavior:contain;background:#e8eeee;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:18px;display:flex;overflow:auto}.portfolio-lightbox-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:none;display:block;box-shadow:0 10px 34px #25303933}@media (hover:hover) and (pointer:fine){.portfolio-zoom:hover img{filter:brightness(.97);transform:scale(1.018)}.portfolio-zoom:hover .zoom-cue{background:#167d8d}}.portfolio-zoom:focus-visible{outline-offset:5px;outline:3px solid #167d8d}@media (max-width:640px){.zoom-cue{min-height:34px;padding:7px 10px;font-size:12px;bottom:9px;right:9px}.click-hint{margin:5px 0 0;display:block}.portfolio-lightbox{width:calc(100% - 20px);max-width:none;height:94dvh;padding:14px}.portfolio-lightbox-image{padding:10px}}.line-account-case{background:#eef4f4;border-top:1px solid #d8e3e4;border-bottom:1px solid #d8e3e4;padding:76px 0 82px}.line-account-case .section-head{border-top:0;padding-top:0}.line-account-gallery{grid-template-columns:1fr 1fr;gap:24px;display:grid}.line-account-gallery figure{background:#fff;border:1px solid #cfdbdd;margin:0;box-shadow:0 12px 30px #25303914}.line-account-gallery a{background:#e4ecec;display:block;overflow:hidden}.line-account-gallery img{aspect-ratio:3/2;object-fit:contain;width:100%;transition:transform .2s;display:block}.line-account-gallery figcaption{border-top:1px solid #dbe4e5;justify-content:space-between;align-items:baseline;gap:18px;padding:18px 20px;display:flex}.line-account-gallery figcaption b{color:#253039;font-size:17px}.line-account-gallery figcaption span{color:#5b6a70;text-align:right;font-size:13px}.line-account-details{background:#fff;border-left:4px solid #167d8d;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr) minmax(250px,.8fr);gap:36px;margin-top:34px;padding:32px;display:grid}.line-account-summary h3{font-family:var(--font-sans-jp);margin:12px 0 14px;font-size:24px;line-height:1.55}.line-account-summary p,.line-account-scope p{color:#46565e;margin:0;font-size:15px}.line-account-flow b,.line-account-scope b{color:#167d8d;margin-bottom:14px;font-size:15px;display:block}.line-account-flow ol{margin:0;padding:0;list-style:none}.line-account-flow li{color:#3f5058;border-bottom:1px solid #e0e7e8;grid-template-columns:36px 1fr;gap:10px;padding:8px 0;font-size:14px;display:grid}.line-account-flow li span{font-family:var(--font-numeric);color:#167d8d}.line-account-note{border-top:1px solid #dbe4e5;padding-top:16px;color:#6b777c!important;margin-top:18px!important;font-size:13px!important}@media (hover:hover) and (pointer:fine){.line-account-gallery a:hover img{transform:scale(1.015)}}@media (max-width:1050px){.line-account-details{grid-template-columns:1fr 1fr}.line-account-summary{grid-column:1/-1}}@media (max-width:640px){.line-account-case{padding:48px 0}.line-account-gallery,.line-account-details{grid-template-columns:1fr}.line-account-gallery{gap:18px}.line-account-gallery figcaption{padding:16px;display:block}.line-account-gallery figcaption span{text-align:left;margin-top:5px;line-height:1.7;display:block}.line-account-details{gap:26px;margin-top:22px;padding:24px 20px}.line-account-summary{grid-column:auto}.line-account-summary h3{font-size:21px}.line-account-gallery img{aspect-ratio:auto;height:auto}}