:root{--paper:#f3f1e9;--ink:#252820;--muted:#64685d;--line:#d6d8cc;--orange:#d84b25;--olive:#dfe6ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--orange)}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(32px,4.2vw,55px);font-weight:500}p{margin-bottom:16px}p:last-child{margin-bottom:0}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(243,241,233,.97)}.logo{font-size:25px;font-weight:800;letter-spacing:-2px;text-decoration:none}.logo span{color:var(--orange);padding-left:8px}.nav nav{display:flex;gap:32px;font-size:13px}.nav nav a,.nav-contact{text-decoration:none}.nav-contact{font-size:13px;display:flex;gap:35px;align-items:center}.nav-contact span{font-size:22px;color:var(--orange)}.skip{position:fixed;top:-80px;z-index:100;background:var(--paper);padding:10px}.skip:focus{top:0}.eyebrow,.section-label,.index{font:11px/1.4 'Courier New',monospace;letter-spacing:1px}.eyebrow{display:flex;align-items:center;gap:12px}.dot{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero{padding-top:48px;padding-bottom:64px;position:relative;overflow:hidden}.hero-label{margin-left:auto;color:var(--muted)}.hero h1{font-size:clamp(66px,9.4vw,124px);font-weight:500;line-height:.99;letter-spacing:-.075em;margin-top:46px;position:relative;z-index:1}.hero h1 em{font-style:normal;color:var(--orange)}.hero-mark{position:absolute;right:4%;top:60px;font-size:370px;color:var(--olive);line-height:1;pointer-events:none}.hero-bottom{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:65px;position:relative;z-index:1}.hero-role{font-size:18px;line-height:1.45}.hero-desc{font-size:18px;max-width:520px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;text-decoration:none;font-size:13px;line-height:1.5;border:1px solid transparent}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:var(--orange)}.button.outline{border-color:#a6ab99}.about,.experience,.motivation{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-block:64px;border-top:1px solid var(--line)}.section-label{padding-top:8px;color:var(--muted)}.stats{display:flex;gap:70px;margin:38px 0}.stats>div{display:flex;flex-direction:column;max-width:220px}.stats strong{font-size:55px;font-weight:500;letter-spacing:-3px;line-height:1}.stats small{font-size:20px;letter-spacing:-.5px}.stats span{font-size:12px;margin-top:10px;color:var(--muted)}.prose{max-width:720px}.prose p{margin-top:18px}.prose h3{font-size:23px;margin-top:32px}.projects{padding-block:64px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 40px;gap:25px}.section-heading>a{font-size:13px;white-space:nowrap}.feature{background:#e3e8d6;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px;border:1px solid #d2d9c1}.feature h3{font-size:90px;font-weight:500;display:flex;justify-content:space-between;margin:30px 0 20px}.feature h3 span{font-size:72px;color:#788761}.feature-lead{font-size:25px;line-height:1.2}.feature-copy>p:not(.feature-lead){font-size:14px;max-width:410px}.feature .caption{font-size:11px!important;color:var(--muted);margin-top:14px;max-width:350px}.process-visual{background:#f8f9f2;border:1px solid #cbd3b9;padding:24px;align-self:center;box-shadow:8px 8px 0 #d2d9c1;transform:rotate(-1deg)}.visual-top{display:flex;justify-content:space-between;gap:12px;font:8px/1.4 'Courier New',monospace;color:#737d63;margin-bottom:23px}.source-note,.action-note{border:1px solid #d8dfcd;padding:18px;background:#fff}.source-note>span,.action-note>span{font:9px 'Courier New',monospace;color:var(--muted)}.source-note p{font-size:12px;margin:12px 0 0}.text-line{height:4px;background:#e2e5db;width:90%;margin-top:10px}.text-line.short{width:65%}.connector{text-align:center;color:#8d9c76;line-height:1.6;font-size:24px}.action-note h4{font-size:20px;margin:16px 0 10px}.action-note p{font-size:11px}.source-chip{font-size:10px;color:#66744f;border-top:1px solid #e2e6d8;padding-top:10px}.visual-status{display:flex;justify-content:space-between;font-size:10px;gap:8px}.visual-status span{padding:8px 6px;border:1px solid #d8dfcd}.feature-details{grid-column:1/-1}.feature details{border-top:1px solid #bdc8ac}.feature details .detail-body{max-width:850px}.frame-intro{margin:72px 0 32px}.frame-intro h2{font-size:30px}.frame-intro p{margin-top:18px;max-width:680px;color:var(--muted);font-size:15px}.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.case{border-top:2px solid var(--ink);padding-top:20px;min-width:0}.case-top{display:flex;justify-content:space-between;font:11px 'Courier New',monospace;text-transform:uppercase}.case-top>span:last-child{font-size:26px;line-height:.7;color:var(--orange)}.case h3{font-size:29px;font-weight:500;margin:29px 0 20px;min-height:65px}.case-intro{font-size:14px}.case-link{display:inline-block;font-size:12px;margin-bottom:18px}details{border-top:1px solid var(--line);margin-top:20px}summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-size:12px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:400;transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}.detail-body{font-size:13px;line-height:1.7;padding:8px 0 18px;overflow-wrap:anywhere}.detail-body p{margin-bottom:16px}.detail-body a{font-size:12px}.approach{margin-top:45px;padding:64px 0 72px;background:#252c23;color:#f3f1e9}.approach .section-label{color:#b1bca5}.approach h2{margin-top:30px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.work-grid article{border-top:1px solid #65705c;padding-top:20px}.index{color:#bcc6a9}.work-grid h3{font-size:23px;line-height:1.2;letter-spacing:-.02em;margin:22px 0 18px;font-weight:400}.work-grid p{font-size:14px;color:#cbd0c2}.experience{border-top:0;padding-top:82px}.experience h2{margin-bottom:30px}.motivation .prose>p:last-child{font-size:21px;line-height:1.45;margin-top:30px}.motivation .prose strong{display:block;color:var(--orange);font-size:16px;line-height:1.6}.contact{padding:64px 0;border-top:1px solid var(--line)}.contact h2{font-size:clamp(36px,6vw,80px);margin:32px 0 38px;display:flex;justify-content:space-between;gap:20px}.contact h2 span{color:var(--orange)}.contact-links{display:flex;gap:30px;align-items:center;flex-wrap:wrap;font-size:13px}footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;font:10px 'Courier New',monospace}footer a{text-decoration:none}@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:80px}}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.nav{padding:0 20px}.hero-mark{font-size:280px;top:100px;right:0}.hero-bottom{gap:30px}.about,.experience,.motivation{grid-template-columns:1fr;gap:25px}.feature{padding:26px;gap:24px}.feature h3{font-size:70px}.cases{gap:18px}.case h3{font-size:24px}.work-grid{gap:24px}.process-visual{padding:16px}.visual-status{font-size:8px}}@media(max-width:600px){.nav{height:66px}.nav nav{gap:16px;font-size:11px}.nav-contact{font-size:11px;gap:8px}.logo{font-size:21px}.hero{padding-top:30px;padding-bottom:40px}.hero-label{font-size:9px}.hero h1{font-size:clamp(44px,14vw,76px);margin-top:40px}.hero-mark{font-size:210px;top:130px;right:-30px;opacity:.6}.hero-bottom{grid-template-columns:1fr;gap:25px;margin-top:30px}.hero-role{font-size:15px}.hero-desc{font-size:16px}.button{padding:13px 15px;font-size:12px}.buttons{gap:8px}.about,.experience,.motivation{padding-block:42px}.stats{gap:35px;margin:28px 0}.stats strong{font-size:47px}.stats span{font-size:11px}.prose{font-size:15px}.projects{padding-block:42px}.section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:25px}.feature{grid-template-columns:1fr;padding:22px;gap:30px}.feature h3{margin-top:20px}.process-visual{transform:none;box-shadow:5px 5px 0 #d2d9c1;padding:18px}.feature-details{margin-top:0}.visual-status{font-size:10px}.frame-intro{margin-top:48px}.frame-intro h2{font-size:29px;line-height:1.2}.cases{grid-template-columns:1fr;gap:34px}.case h3{min-height:0;margin:20px 0 15px;font-size:29px}.case-intro{font-size:15px}.work-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.approach{padding-block:45px;margin-top:10px}.contact{padding-block:45px}.contact-links{gap:22px}.contact h2{font-size:36px}.motivation .prose>p:last-child{font-size:19px}summary{min-height:48px}.detail-body{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}