@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#17201d;background:#f5f4ef;font-synthesis:none;--ink:#17201d;--paper:#f5f4ef;--line:#cfd4d0;--muted:#64706b}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1240px,calc(100% - 48px));margin:auto}.site-header{height:72px;position:sticky;top:0;z-index:50;background:#f5f4efe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(207,212,208,.8)}.header-inner,.footer-inner{width:min(1320px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700}.brand span{display:block;font:500 9px/1.3 monospace;letter-spacing:.14em;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:28px;font-size:13px}.main-nav a{display:flex;align-items:center;gap:6px}.main-nav a.active{font-weight:700}.menu-button{display:none;border:0;background:none}.hero{height:min(860px,calc(100svh - 72px));min-height:650px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 60%,#dce8e1 0,transparent 36%),linear-gradient(135deg,#faf9f5,#f0f3ee)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(30,54,46,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(30,54,46,.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-inner{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{margin:0 0 16px;font:600 11px/1.4 monospace;letter-spacing:.13em;color:var(--accent,#52625c)}.hero h1{margin:0;font-size:clamp(64px,9vw,132px);line-height:.82;letter-spacing:-.075em;max-width:1000px}.hero h1 span{display:block;margin:10px 0 0 9%;font-size:.55em;font-weight:500;color:#55625d;white-space:nowrap;letter-spacing:-.055em}.hero-lead{font-size:clamp(18px,2vw,25px);max-width:680px;line-height:1.55;margin:40px 0 30px}.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--ink);font-size:13px;font-weight:600}.button svg{width:17px}.button.primary{background:var(--ink);color:#fff}.button.ghost{background:#ffffff73}.hero-actions{display:flex;gap:10px}.scroll-cue{position:absolute;left:0;bottom:28px;display:flex;align-items:center;gap:8px;font-size:12px}.scroll-cue svg{width:15px}.hero-orbit{position:absolute;right:-5%;top:10%;width:42vw;aspect-ratio:1;border:1px solid rgba(23,32,29,.1);border-radius:50%}.hero-orbit i{position:absolute;width:14px;height:14px;border-radius:50%;background:#28705c;box-shadow:0 0 30px #28705c}.hero-orbit i:nth-child(1){left:8%;top:28%}.hero-orbit i:nth-child(2){right:15%;top:10%;background:#e35d32}.hero-orbit i:nth-child(3){right:4%;bottom:25%;background:#6265dc}.hero-orbit i:nth-child(4){left:22%;bottom:4%;background:#64853d}.method-section,.gallery-section,.archive-page,.about-page{padding:120px 0}.section-heading{margin-bottom:48px}.section-heading h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.045em;line-height:1;margin:0}.section-heading.split{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading.split>p{max-width:470px;line-height:1.7;color:var(--muted)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-grid article{padding:28px 24px 34px 0}.method-grid article+article{border-left:1px solid var(--line);padding-left:24px}.method-grid span,.project-meta{font:600 11px monospace;color:var(--muted)}.method-grid h3{font-size:22px;margin:50px 0 10px}.method-grid p{color:var(--muted);line-height:1.65;font-size:14px}.gallery-section{background:#17201d;color:#f4f4ef}.gallery-section .eyebrow{color:#aab6b1}.gallery-section .section-heading.split>p{color:#aab6b1}.project-wall{display:grid;gap:22px}.project-card{--accent:#28705c;--accent-soft:#dcebe4}.project-card-link{min-height:500px;display:grid;grid-template-columns:.8fr 1.2fr;background:#f5f4ef;color:#17201d;overflow:hidden;position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.project-card:hover .project-card-link{transform:scale(1.012);box-shadow:0 30px 80px #00000047}.project-card-copy{padding:clamp(32px,5vw,70px);display:flex;flex-direction:column}.project-meta{display:flex;gap:14px;flex-wrap:wrap}.project-meta span+span{padding-left:14px;border-left:1px solid var(--line)}.project-card h2{font-size:clamp(46px,6vw,80px);margin:26px 0 12px;letter-spacing:-.05em}.project-card-copy>p{font-size:18px;line-height:1.55}.project-card dl{margin:auto 0 30px}.project-card dl div{padding:12px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1fr}.project-card dt{font-size:11px;color:var(--muted)}.project-card dd{margin:0;font-size:13px;line-height:1.5}.card-cta{display:flex;align-items:center;gap:8px;font-weight:700}.card-cta svg{width:18px}.project-card-image{position:relative;overflow:hidden;background:var(--accent-soft)}.project-card-image img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s}.project-card:hover img{transform:scale(1.04)}.project-card-image i{position:absolute;right:0;top:0;width:74px;height:74px;background:linear-gradient(225deg,#f5f4ef 0 49%,var(--accent) 50% 52%,transparent 53%);transform-origin:100% 0;transition:transform .45s}.project-card:hover i{transform:scale(1.2)}.home-about{padding:130px 0;background:#dfe8e2}.home-about h2{font-size:clamp(38px,5.5vw,75px);line-height:1.05;letter-spacing:-.045em;max-width:1000px;margin:0}.home-about p:not(.eyebrow){max-width:700px;line-height:1.75;color:#52605b;margin:30px 0}.home-about a{font-weight:700;display:flex;gap:8px}.archive-header{margin-bottom:70px}.archive-header h1,.about-page h1{font-size:clamp(64px,9vw,128px);letter-spacing:-.07em;line-height:.9;margin:0}.archive-header>p:last-child{font-size:18px;color:var(--muted)}.archive-page .project-card{border:1px solid var(--line)}.case-hero{padding:70px 0 80px;background:linear-gradient(135deg,var(--accent-soft),#f6f5f0)}.back-link{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:60px}.back-link svg{width:16px}.case-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.case-hero h1{font-size:clamp(64px,8vw,118px);letter-spacing:-.07em;line-height:.85;margin:28px 0}.case-tagline{font-size:20px;line-height:1.55;max-width:550px}.case-facts{margin:40px 0}.case-facts div{padding:12px 0;border-top:1px solid rgba(0,0,0,.16);display:grid;grid-template-columns:90px 1fr}.case-facts dt{font-size:11px;color:var(--muted)}.case-facts dd{margin:0;font-size:13px}.case-hero .button small{font-size:9px;opacity:.7}.case-cover img{width:100%;max-height:570px;object-fit:cover;object-position:left top;box-shadow:0 30px 80px #182e2633}.case-cover p{font-size:11px;color:var(--muted)}.case-toc{position:sticky;top:72px;z-index:20;background:#f5f4eff0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.case-toc .container{display:flex;overflow:auto}.case-toc a{padding:18px 24px 18px 0;margin-right:30px;white-space:nowrap;font-size:12px}.demo-wrap{padding:90px 0;background:#eceee9}.demo-experience{border:1px solid var(--line);background:#fff}.demo-progress{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.demo-progress button{padding:16px;border:0;border-right:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:10px;text-align:left;color:var(--muted)}.demo-progress button span{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);font-size:11px}.demo-progress svg{width:13px}.demo-progress em{font-style:normal;font-size:12px}.demo-progress .active span{background:var(--accent);color:#fff}.demo-progress .done{color:var(--accent)}.demo-stage{display:grid;grid-template-columns:1.4fr .8fr;min-height:480px}.demo-product{padding:55px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.demo-icon{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.demo-icon svg{width:34px}.demo-product h3,.demo-decision h3{font-size:32px;margin:20px 0}.demo-product blockquote{font-size:18px;border-left:3px solid var(--accent);padding:14px}.demo-chips{display:flex;gap:8px}.demo-chips span{padding:10px 14px;background:var(--accent-soft)}.demo-actions{display:flex;gap:10px;margin-top:35px}.demo-actions button,.demo-complete button{min-height:44px;padding:0 18px;border:1px solid var(--ink);background:#fff;display:flex;align-items:center;gap:5px}.demo-actions button:last-child,.demo-complete button:last-child{background:var(--ink);color:#fff}.demo-actions svg{width:16px}.demo-decision{padding:45px;background:#1e302a;color:#fff}.demo-decision .eyebrow{color:#9cb1a9}.demo-decision dl div{padding:16px 0;border-top:1px solid rgba(255,255,255,.15)}.demo-decision dt{font-size:10px;color:#9cb1a9}.demo-decision dd{margin:5px 0 0;line-height:1.6;font-size:13px}.demo-complete{padding:70px;text-align:center}.demo-complete>span{margin:auto;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.demo-complete>div{display:flex;justify-content:center;gap:10px}.case-content{padding-top:80px}.case-block{scroll-margin-top:130px;display:grid;grid-template-columns:240px 1fr;padding:80px 0;border-top:1px solid var(--line)}.case-block h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;margin:0 0 20px}.case-block>div>p{font-size:20px;line-height:1.7;max-width:780px}.lead-block aside{display:flex;gap:12px;padding:20px;background:var(--accent-soft);max-width:620px}.lead-block aside svg{color:var(--accent)}.lead-block aside strong{display:block;font-size:11px;margin-bottom:5px}.flow-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.flow-grid article{padding:26px 24px 26px 0;border-bottom:1px solid var(--line)}.flow-grid article:nth-child(2n){border-left:1px solid var(--line);padding-left:24px}.flow-grid span{font:600 11px monospace;color:var(--accent)}.flow-grid h3{font-size:20px}.flow-grid p{color:var(--muted);line-height:1.6}.case-gallery{padding:80px 0;border-top:1px solid var(--line)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 20px}.gallery-item{margin:0}.image-button{padding:0;border:0;width:100%;position:relative;background:#e7e9e5;cursor:zoom-in;overflow:hidden}.image-button img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:left top;transition:transform .4s}.image-button:hover img{transform:scale(1.025)}.image-button span{position:absolute;right:10px;bottom:10px;padding:8px 10px;background:#ffffffe6;display:flex;gap:5px;font-size:10px}.image-button svg{width:13px}.gallery-item figcaption{font-size:12px;color:var(--muted);padding-top:10px}.image-fallback{aspect-ratio:16/10;background:#e5e7e3;display:grid;place-items:center;color:var(--muted)}.lightbox{position:fixed;inset:0;z-index:100;background:#0a0f0deb;display:grid;place-items:center;padding:60px}.lightbox img{max-width:95vw;max-height:82vh}.lightbox p{position:absolute;bottom:20px;color:#fff}.lightbox-close{position:absolute;right:24px;top:24px;width:44px;height:44px;border:1px solid white;background:transparent;color:#fff}.no-scroll{overflow:hidden}.evidence-list{list-style:none;padding:0;margin:0;max-width:780px}.evidence-list li{display:flex;gap:12px;padding:17px 0;border-top:1px solid var(--line);line-height:1.6}.evidence-list svg{width:18px;flex:none;color:var(--accent);margin-top:3px}.section-note{color:var(--muted);font-size:14px!important}.boundary-block{background:linear-gradient(90deg,transparent,var(--accent-soft));padding-left:24px;padding-right:24px}.next-project{padding:70px 0;border-top:1px solid var(--line);text-align:center}.next-project a{font-size:clamp(32px,5vw,62px);font-weight:700;letter-spacing:-.04em}.next-project svg{width:.8em}.about-page{min-height:80vh}.about-page h1{max-width:1100px}.about-grid{margin-top:90px;display:grid;grid-template-columns:1.2fr .8fr;gap:100px}.about-grid h2{font-size:46px}.about-grid>div p{font-size:18px;line-height:1.8}.about-grid aside{border-top:1px solid var(--line);padding-top:20px}.about-grid aside span,.about-grid aside strong{display:block}.about-grid aside span{font:600 10px monospace;color:var(--muted);margin-top:25px}.about-grid aside strong{margin-top:6px}.about-grid aside a{display:flex;gap:8px;margin-top:35px}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center}.not-found span{font:600 12px monospace;color:var(--muted)}footer{height:100px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}@media(max-width:800px){.container{width:min(100% - 28px,1240px)}.site-header{height:58px}.header-inner{width:calc(100% - 28px)}.menu-button{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:58px;padding:20px;background:#f5f4ef;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.hero{height:760px;min-height:0}.hero h1{font-size:61px;line-height:.88}.hero h1 span{margin:8px 0 0;font-size:34px;white-space:normal}.hero-lead{font-size:18px;margin:30px 0}.hero-orbit{width:85vw;right:-35%;top:45%}.scroll-cue{left:0}.method-section,.gallery-section,.archive-page,.about-page{padding:80px 0}.section-heading.split{display:block}.method-grid{grid-template-columns:1fr 1fr}.method-grid article:nth-child(3){border-left:0}.project-card-link{grid-template-columns:1fr;min-height:0}.project-card-copy{padding:28px}.project-card h2{font-size:48px}.project-card dl{margin:35px 0}.project-card-image{height:260px;order:-1}.archive-header h1,.about-page h1{font-size:64px}.case-hero{padding:35px 0 55px}.back-link{margin-bottom:35px}.case-hero-grid{grid-template-columns:1fr;gap:35px}.case-hero h1{font-size:64px}.case-cover{order:-1}.case-toc{top:58px}.demo-stage{grid-template-columns:1fr}.demo-decision,.demo-progress em{display:none}.demo-progress button{justify-content:center}.demo-product{padding:38px 18px;min-height:420px}.case-block{grid-template-columns:1fr;padding:60px 0}.case-block>div>p{font-size:17px}.flow-grid{grid-template-columns:1fr}.flow-grid article:nth-child(2n){border-left:0;padding-left:0}.gallery-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:40px;margin-top:50px}.footer-inner{width:calc(100% - 28px);display:grid;gap:6px;align-content:center}.lightbox{padding:45px 14px}.next-project a{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card-link,.project-card-image img{transition:none}.project-card:hover .project-card-link,.project-card:hover img{transform:none}}.home-outro{height:clamp(220px,32vw,430px);position:relative;overflow:hidden;background:radial-gradient(circle at 72% 40%,rgba(115,157,139,.3),transparent 34%),linear-gradient(135deg,#edf3ef,#d9e8e1 58%,#e6e8d5)}.home-outro-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(30,54,46,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(30,54,46,.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.home-outro-orbit{position:absolute;right:8%;top:50%;width:min(34vw,360px);aspect-ratio:1;border:1px solid rgba(23,32,29,.12);border-radius:50%;transform:translateY(-50%)}.home-outro-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:#28705c;box-shadow:0 0 28px #28705c73}.home-outro-orbit i:nth-child(1){left:5%;top:36%}.home-outro-orbit i:nth-child(2){right:16%;top:6%;background:#e35d32}.home-outro-orbit i:nth-child(3){right:4%;bottom:23%;background:#6265dc}@media(max-width:800px){.home-outro{height:220px}.home-outro-orbit{width:190px;right:-12px}}.gallery-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#09181cdb,#0c1f1ef7),#102722}.gallery-section>.container{position:relative;z-index:2}.gallery-atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;background-image:linear-gradient(rgba(181,222,207,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(181,222,207,.055) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}.gallery-atmosphere:after{content:"";position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.gallery-atmosphere i{position:absolute;width:min(58vw,850px);aspect-ratio:1;border-radius:50%;filter:blur(85px);opacity:.24;will-change:transform}.gallery-atmosphere i:nth-child(1){top:-8%;left:-22%;background:#3b9b82;animation:gallery-drift-a 18s ease-in-out infinite alternate}.gallery-atmosphere i:nth-child(2){top:34%;right:-26%;background:#5172a8;animation:gallery-drift-b 22s ease-in-out infinite alternate}.gallery-atmosphere i:nth-child(3){bottom:-11%;left:20%;background:#b66e3e;opacity:.15;animation:gallery-drift-c 26s ease-in-out infinite alternate}.gallery-atmosphere span{position:absolute;top:4%;left:47%;width:1px;height:92%;background:linear-gradient(transparent,rgba(174,225,205,.42),transparent);box-shadow:0 0 34px #72d1b140;transform:rotate(16deg);transform-origin:center;animation:gallery-beam 14s ease-in-out infinite alternate}@keyframes gallery-drift-a{to{transform:translate3d(24vw,7%,0) scale(1.08)}}@keyframes gallery-drift-b{to{transform:translate3d(-21vw,9%,0) scale(.92)}}@keyframes gallery-drift-c{to{transform:translate3d(16vw,-8%,0) scale(1.12)}}@keyframes gallery-beam{to{transform:translate(20vw) rotate(9deg);opacity:.45}}@media(max-width:800px){.gallery-atmosphere{background-size:52px 52px}.gallery-atmosphere i{width:115vw;filter:blur(65px);opacity:.18}.gallery-atmosphere span{display:none}}@media(prefers-reduced-motion:reduce){.gallery-atmosphere i,.gallery-atmosphere span{animation:none}}