:root{--ink:#243848;--ink-soft:#243848b8;--line:#24384857;--paper:#d9d2c2;--paper-deep:#c7bea9;--white:#ffffff94;--shadow:#1f282d38;--stage-pad:clamp(10px, 2.2dvh, 22px);--canvas-w:calc(100dvw - (var(--stage-pad) * 2));--canvas-h:calc(100dvh - (var(--stage-pad) * 2));--content-left:clamp(28px, 7dvw, 92px);--content-top:clamp(138px, 25dvh, 210px);--footer-bottom:clamp(18px, 3.4dvh, 28px);--footer-safe:clamp(88px, 15dvh, 128px);--cards-h:clamp(154px, 23dvh, 198px);--ease:cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#1f2b32;min-height:100dvh;margin:0;font-family:Noto Serif JP,Yu Mincho,Hiragino Mincho ProN,serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}.grain{pointer-events:none;opacity:.28;z-index:50;mix-blend-mode:overlay;background-image:radial-gradient(circle at 20% 30%,#ffffff2e 0 1px,#0000 1px),radial-gradient(circle at 80% 70%,#00000029 0 1px,#0000 1px);background-size:7px 7px,11px 11px;position:fixed;inset:0}.scroll-wrap{height:560dvh;position:relative}.sticky-stage{height:100dvh;padding:var(--stage-pad);place-items:center;display:grid;position:sticky;top:0;overflow:hidden}.canvas{width:var(--canvas-w);height:var(--canvas-h);min-height:0;box-shadow:none;background:var(--paper);isolation:isolate;border:0;position:relative;overflow:hidden}.canvas.contact-mode:after{content:"";top:clamp(80px,13dvh,96px);bottom:var(--footer-safe);pointer-events:none;background:#2438483d;width:1px;position:absolute;left:50%}.canvas-bg,.paper-overlay{z-index:-3;position:absolute;inset:0}.canvas-bg{opacity:1;transition:opacity .72s var(--ease), filter .72s var(--ease), transform 1s var(--ease);background-image:url(/assets/hero-illustration-P63BIKRN.png);background-position:50%;background-size:cover;transform:scale(1.02)}.canvas-bg.texture{filter:saturate(.82)contrast(.94);background-image:url(/assets/paper-texture-C5mZWH9D.png);transform:scale(1.04)}.paper-overlay{z-index:-2;mix-blend-mode:multiply;background:linear-gradient(90deg,#dad3c3eb 0 46%,#dad3c39e 60%,#dad3c33d 100%),radial-gradient(circle at 26% 36%,#ffffff42,#0000 22%),linear-gradient(#35404014,#0000001a)}.site-header{border-bottom:1px solid var(--line);letter-spacing:.05em;justify-content:space-between;align-items:center;height:clamp(58px,9dvh,72px);padding:0 clamp(22px,4dvw,42px);display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.02em;font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(25px,3vw,42px);font-weight:600}.nav{letter-spacing:.18em;gap:clamp(12px,2vw,26px);font-family:Cormorant Garamond,serif;font-size:13px;font-weight:700;display:flex}.nav a{opacity:.68;transition:opacity .24s}.nav a.active,.nav a:hover{opacity:1}.menu-toggle{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:10px;display:none}.menu-toggle span{background:var(--ink);transform-origin:50%;width:23px;height:1px;transition:transform .28s var(--ease), opacity .2s ease;margin:6px 0;display:block}.menu-open .menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.section-num{letter-spacing:-.06em;font-family:Cormorant Garamond,serif;font-size:clamp(70px,min(11dvw,18dvh),156px);font-weight:600;line-height:.72;position:absolute;top:65px;left:clamp(16px,2.1dvw,24px)}.side-title{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.36em;opacity:.58;font-family:Cormorant Garamond,serif;font-size:12px;font-weight:700;position:absolute;bottom:clamp(76px,12dvh,98px);right:clamp(18px,2.9dvw,34px)}.content-panel{left:var(--content-left);top:var(--content-top);bottom:calc(var(--footer-safe) + 10px);width:min(560px, calc(100% - var(--content-left) - 72px), 52dvw);transition:transform .52s var(--ease), opacity .45s ease;align-content:start;gap:clamp(12px,2.4dvh,20px);display:grid;position:absolute;overflow:hidden}.canvas.contact-mode .content-panel{width:auto;right:calc(50% + 44px)}.canvas[data-section="02"] .content-panel,.canvas[data-section="03"] .content-panel{width:min(860px, calc(100% - var(--content-left) - 96px), 68dvw)}.canvas.cards-mode .content-panel{width:auto;right:calc(50% + 44px)}.canvas.cards-mode .section-title{max-width:7.5em}.canvas.cards-mode .section-lead{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:52em;display:-webkit-box;overflow:hidden}.content-panel.exiting{opacity:0;transform:translateY(28px)skewY(-1deg)}.section-kicker{letter-spacing:.32em;opacity:.7;font-family:Cormorant Garamond,serif;font-size:13px;font-weight:700}.section-title{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(32px,min(5.2dvw,9.8dvh),82px);font-weight:500;line-height:1.08}.section-lead{max-width:46em;color:var(--ink-soft);margin:0;font-size:clamp(13px,min(1.45dvw,2.3dvh),18px);line-height:clamp(23px,3.25dvh,36px)}.section-body{gap:10px;margin-top:6px;display:grid}.mini-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1.2dvh,9px);max-width:590px;display:grid}.mini-list span,.metric,.step-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ded8c96b;padding:clamp(9px,1.5dvh,12px) 14px;font-size:13px;line-height:1.6}.feature-grid,.space-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4dvh,12px);display:grid}.service-grid,.space-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:min(760px,100dvw - 160px)}.architectural-grid .feature-card{min-height:clamp(102px,13dvh,126px)}.architectural-grid .feature-card span{margin-bottom:clamp(10px,1.7dvh,16px)}.architectural-grid .feature-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feature-card,.contact-points span{border:1px solid var(--line);background:#ddd6c78f;box-shadow:0 12px 28px #42382d0f}.feature-card{min-height:clamp(108px,15dvh,142px);padding:clamp(13px,1.9dvh,18px)}.feature-card span{letter-spacing:.24em;opacity:.58;margin-bottom:clamp(14px,2.3dvh,24px);font-family:Cormorant Garamond,serif;font-size:12px;font-weight:700;display:block}.feature-card strong{font-size:clamp(14px,min(1.25dvw,2.1dvh),18px);font-weight:500;line-height:1.45;display:block}.feature-card p{color:var(--ink-soft);margin:8px 0 0;font-size:12px;line-height:1.7}.service-summary .feature-card{align-content:center;min-height:clamp(94px,13dvh,124px);padding:clamp(16px,2.2dvh,22px);display:grid}.service-summary .feature-card strong{font-size:clamp(15px,min(1.35dvw,2.2dvh),19px)}.contact-points{gap:9px;max-width:430px;display:grid}.contact-points span{padding:12px 14px;font-size:13px;line-height:1.6;display:block}.cards-shell{left:calc(50% + 34px);right:var(--content-left);top:var(--content-top);bottom:var(--footer-safe);opacity:0;transition:opacity .55s var(--ease), transform .55s var(--ease);pointer-events:none;scrollbar-color:#2438487a #2438481f;scrollbar-width:thin;position:absolute;overflow:hidden auto;transform:translateY(30px)}.canvas:not(.cards-mode) .cards-shell{visibility:hidden}.cards-shell::-webkit-scrollbar{width:6px}.cards-shell::-webkit-scrollbar-track{background:#2438481f}.cards-shell::-webkit-scrollbar-thumb{background:#2438487a}.cards-shell.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.cards-track{flex-direction:column;gap:14px;padding-bottom:4px;padding-right:14px;display:flex}.card{border:1px solid var(--line);background:#ddd6c7a8;flex-direction:column;flex:none;justify-content:flex-start;gap:30px;min-height:clamp(132px,19dvh,164px);padding:clamp(15px,2.3dvh,20px);display:flex;box-shadow:0 14px 35px #42382d14}.card-number{letter-spacing:.24em;opacity:.58;font-family:Cormorant Garamond,serif;font-size:27px;font-weight:700;line-height:1}.card strong{letter-spacing:.04em;font-size:18px;font-weight:500;display:block}.card p{color:var(--ink-soft);margin:10px 0 0;font-size:12px;line-height:1.75}.contact-form{left:calc(50% + 34px);right:var(--content-left);opacity:0;pointer-events:none;transition:opacity .55s var(--ease), transform .55s var(--ease);gap:clamp(10px,1.8dvh,14px);display:grid;position:absolute;top:50%;transform:translateY(calc(28px - 50%))}.canvas:not(.contact-mode) .contact-form{visibility:hidden}.contact-form.visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}.form-row.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{letter-spacing:.16em;gap:7px;font-size:12px;display:grid}input,textarea{border:1px solid var(--line);resize:vertical;background:#ece7da85;outline:none;width:100%;padding:clamp(9px,1.55dvh,12px) 13px}button{border:1px solid var(--ink);background:var(--ink);color:#efe7d8;letter-spacing:.12em;cursor:pointer;justify-self:start;padding:clamp(10px,1.8dvh,14px) 22px}.canvas-footer{left:clamp(22px,4dvw,42px);right:clamp(22px,4dvw,42px);bottom:var(--footer-bottom);letter-spacing:.2em;border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-top:clamp(12px,2.4dvh,20px);font-family:Cormorant Garamond,Noto Serif JP,serif;font-size:13px;display:grid;position:absolute}.progress{background:#24384838;height:1px;position:relative;overflow:hidden}.progress i{background:var(--ink);transform-origin:0;width:20%;height:100%;transition:width .34s;display:block}@media (width<=880px){:root{--cards-h:clamp(150px, 22dvh, 190px);--mobile-edge:clamp(14px, 4dvw, 24px)}.sticky-stage{padding:0}.canvas{border:0;width:100dvw;height:100dvh}.canvas-bg,.canvas-bg.texture{opacity:1;background-image:url(/assets/paper-texture-C5mZWH9D.png)}.site-header{height:64px;padding:0 22px}.menu-toggle{z-index:3;display:block;position:relative}.nav{z-index:2;letter-spacing:.12em;opacity:0;pointer-events:none;transition:opacity .24s ease, transform .28s var(--ease);background:0 0;justify-items:end;gap:10px;font-size:23px;line-height:1.15;display:grid;position:absolute;top:64px;right:22px;transform:translateY(-8px)}.menu-open .nav{opacity:1;pointer-events:auto;transform:translateY(0)}.section-num{font-size:88px;top:45px;left:16px}.content-panel{left:var(--mobile-edge);right:var(--mobile-edge);width:auto;top:clamp(132px,24dvh,210px)}.canvas[data-section="02"] .content-panel,.canvas[data-section="03"] .content-panel{width:auto}.canvas.contact-mode .content-panel{right:var(--mobile-edge);bottom:calc(50% + 18px)}.canvas.contact-mode .section-lead{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.canvas.contact-mode .contact-points{display:none}.canvas.cards-mode .content-panel{right:var(--mobile-edge);width:auto;max-height:clamp(196px,30dvh,232px);bottom:auto}.section-title{font-size:42px}.mini-list,.feature-grid,.service-grid,.space-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.canvas[data-section="03"] .section-body{margin-top:0}.canvas[data-section="03"] .architectural-grid{gap:8px}.canvas[data-section="03"] .architectural-grid .feature-card{min-height:clamp(76px,10dvh,94px);padding:10px 12px}.canvas[data-section="03"] .architectural-grid .feature-card span{margin-bottom:8px;font-size:10px}.canvas[data-section="03"] .architectural-grid .feature-card strong{font-size:13px}.canvas[data-section="03"] .architectural-grid .feature-card p{display:none}.cards-shell{left:var(--mobile-edge);right:var(--mobile-edge);top:calc(var(--content-top) + clamp(204px, 28dvh, 236px));bottom:var(--footer-safe);height:auto}.card{justify-content:flex-start;gap:20px;min-height:clamp(106px,13dvh,132px)}.card-number{font-size:22px}.card strong{font-size:17px}.card p{margin-top:8px;line-height:1.65}.contact-form{left:var(--mobile-edge);right:var(--mobile-edge);top:auto;bottom:var(--footer-safe);max-height:calc(50% - var(--footer-safe) - 18px);overflow-y:auto;transform:translateY(18px)}.contact-form.visible{transform:translateY(0)}.canvas.contact-mode:after{display:none}.form-row.two{grid-template-columns:1fr}.canvas-footer{left:var(--mobile-edge);right:var(--mobile-edge);grid-template-columns:auto 1fr}.canvas-footer span:last-child{display:none}}@media (width<=680px){:root{--footer-safe:clamp(78px, 13dvh, 108px)}.section-title{font-size:clamp(30px,10.8dvw,48px)}.section-lead{max-width:100%}.mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:104px;padding:12px}.feature-card span{margin-bottom:10px;font-size:11px}.feature-card strong{font-size:13px;line-height:1.45}.feature-card p{display:none}.canvas.cards-mode .section-lead{-webkit-line-clamp:2}.cards-shell{top:calc(var(--content-top) + clamp(188px, 27dvh, 214px))}.form-row.two{grid-template-columns:1fr}}@media (height<=680px){:root{--content-top:clamp(118px, 22dvh, 164px);--footer-safe:clamp(72px, 13dvh, 96px);--cards-h:clamp(150px, 22dvh, 190px)}.site-header{height:56px}.section-num{top:45px}.section-title{font-size:clamp(30px,min(4.8dvw,8.8dvh),58px)}.section-lead{font-size:clamp(12px,min(1.25dvw,2.15dvh),15px);line-height:clamp(20px,3.15dvh,28px)}.mini-list span,.metric,.step-pill,.contact-points span{padding-block:8px;font-size:12px}.feature-card{min-height:auto}.feature-card span{margin-bottom:10px}.feature-card p{display:none}}@media (height<=560px){:root{--content-top:104px;--footer-safe:66px;--cards-h:150px}.site-header{height:48px}.section-kicker{font-size:11px}.content-panel{gap:9px}.section-title{font-size:clamp(28px,min(4.4dvw,8dvh),48px)}.section-lead{line-height:20px}.cards-shell{bottom:62px}.card{padding:12px 14px}.canvas-footer{padding-top:10px;font-size:11px}}