@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,380..700&display=swap";:root{--bg:#f6f1ea;--bg-warm:#f3eee7;--stone:#e7e0d6;--ink:#0b0b0b;--charcoal:#171717;--graphite:#222;--muted:#a79f93;--soft:#b8b2a8;--bronze:#8b6a45;--champagne:#b89a6a;--gold:#c6a45d;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Source Serif 4", Georgia, serif;color:var(--ink);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{background:linear-gradient(180deg, #ffffff85, transparent 540px), var(--bg);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}body.is-loading{overflow:hidden}button,input,textarea,select{font:inherit}a{text-underline-offset:.18em}a:focus-visible,button:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}img,svg,canvas{max-width:100%}#root{min-height:100svh}section,footer{scroll-margin-top:76px}::selection{background:var(--bronze);color:var(--bg)}.loader{z-index:100;color:#f6f1ea;background-color:#0b0b0b;background-image:linear-gradient(#f6f1ea0b 1px,#0000 1px),linear-gradient(90deg,#f6f1ea0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;display:grid;position:fixed;inset:0}.loader__inner{width:min(620px,100vw - 48px)}.loader__top{color:#b89a6a;font-family:var(--serif);justify-content:space-between;align-items:baseline;margin-bottom:28px;font-size:clamp(44px,7vw,76px);line-height:1;display:flex}.loader__top span:last-child{font-family:var(--sans);letter-spacing:.18em;font-size:12px;font-weight:760}.loader__progress{background:#f6f1ea2e;height:1px;overflow:hidden}.loader__progress span{transform-origin:0;background:linear-gradient(90deg,#8b6a45,#c6a45d,#f6f1ea);height:100%;transition:transform .12s;display:block}.loader__meta{color:#f6f1ea94;letter-spacing:.18em;text-transform:uppercase;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;font-size:10px;font-weight:720;display:grid}.site-header{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f1eadb;border-bottom:1px solid #0b0b0b1a;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 clamp(20px,4vw,58px);display:grid;position:fixed;top:0;left:0;right:0}.wordmark{color:#0b0b0b;align-items:baseline;gap:12px;width:fit-content;text-decoration:none;display:inline-flex}.wordmark span{font-family:var(--serif);font-size:25px;line-height:1}.wordmark small,.site-header nav,.header-cta,.section-kicker,.hero-copy__label{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:760}.wordmark small{color:#8b8378}.site-header nav{gap:clamp(18px,3vw,38px);display:flex}.site-header a{color:#171717}.site-header nav a{text-decoration:none;position:relative}.site-header nav a:after{content:"";transform-origin:0;background:#8b6a45;height:1px;transition:transform .22s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.header-cta{border:1px solid #0b0b0b42;border-radius:999px;justify-self:end;padding:13px 18px;text-decoration:none;transition:border-color .22s,background .22s,color .22s}.header-cta:hover,.header-cta:focus-visible{color:#f6f1ea;background:#0b0b0b;border-color:#0b0b0b}.scroll-rail{z-index:55;color:#0b0b0b73;letter-spacing:.16em;text-transform:uppercase;justify-items:center;gap:10px;font-size:9px;font-weight:760;display:grid;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.scroll-rail div{background:#0b0b0b29;width:1px;height:122px;position:relative;overflow:hidden}.scroll-rail i{transform-origin:top;background:#8b6a45;width:100%;height:100%;display:block}.hero-section{grid-template-columns:66px minmax(360px,.84fr) minmax(520px,1.16fr);gap:clamp(22px,4vw,68px);min-height:100svh;padding:132px clamp(24px,5.6vw,96px) 70px clamp(20px,4vw,58px);display:grid;position:relative;overflow:hidden}.animated-grid{z-index:-1;pointer-events:none;opacity:.24;background-image:linear-gradient(#17171714 1px,#0000 1px),linear-gradient(90deg,#17171714 1px,#0000 1px);background-size:42px 42px;animation:18s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000f2,#00000014);mask-image:linear-gradient(#000000f2,#00000014)}.hero-rail{color:#8b8378;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;align-content:center;justify-items:start;gap:22px;min-width:0;font-size:10px;font-weight:760;display:grid;transform:rotate(180deg)}.hero-rail span:first-child{color:#8b6a45}.hero-copy{align-self:center;max-width:720px}.hero-copy__label,.section-kicker{color:#8b6a45;margin-bottom:22px}.hero-title{font-family:var(--serif);color:#0b0b0b;margin:0;font-size:clamp(64px,7.8vw,126px);font-weight:470;line-height:.92}.hero-copy p{color:#5f584f;max-width:600px;margin:28px 0 0;font-size:clamp(17px,1.28vw,21px);line-height:1.62}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:38px;display:flex}.primary-button,.footer-button{color:#f6f1ea;letter-spacing:.12em;text-transform:uppercase;background:#0b0b0b;border:1px solid #0b0b0b;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:12px;font-weight:760;text-decoration:none;transition:transform .22s,background .22s,color .22s,border-color .22s;display:inline-flex}.primary-button:hover,.primary-button:focus-visible,.footer-button:hover,.footer-button:focus-visible{color:#fffaf0;background:#8b6a45;border-color:#8b6a45;transform:translateY(-2px)}.text-link{color:#171717;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:760;text-decoration:none}.text-link:after{content:" /";color:#8b6a45}.hero-proof{background:#0b0b0b1f;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid}.hero-proof span{color:#6b6258;letter-spacing:.13em;text-transform:uppercase;background:#f6f1ead1;padding:16px 14px;font-size:10px;font-weight:760}.hero-visual{align-self:stretch;align-items:center;display:grid;position:relative}.xray-stage{cursor:crosshair;isolation:isolate;min-height:clamp(510px,56vw,760px);position:relative}.xray-stage canvas{width:100%;height:100%;display:block}.xray-stage__readout,.hero-visual__meta{color:#1717178a;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:18px;font-size:10px;font-weight:760;display:flex;position:absolute;left:clamp(20px,4vw,58px);right:clamp(20px,4vw,58px)}.xray-stage__readout{bottom:34px}.hero-visual__meta{top:32px}.text-reveal{flex-wrap:wrap;gap:0 .18em;display:flex}.text-reveal__word{opacity:0;filter:blur(8px);transition:opacity .68s,transform .68s cubic-bezier(.22,1,.36,1),filter .68s;display:inline-block;transform:translateY(.44em)}.text-reveal.is-visible .text-reveal__word{opacity:1;filter:blur();transform:translateY(0)}.philosophy-section{border-top:1px solid #0b0b0b1a;grid-template-columns:minmax(0,.82fr) minmax(340px,.45fr);gap:clamp(34px,7vw,112px);padding:clamp(96px,12vw,178px) clamp(24px,6vw,108px);display:grid;position:relative;overflow:hidden}.philosophy-section .section-kicker{grid-column:1/-1;margin-bottom:-18px}.philosophy-statement{color:#0b0b0b;max-width:1040px;font-family:var(--serif);margin:0;font-size:clamp(42px,5.2vw,86px);font-weight:460;line-height:1.02}.philosophy-board{background-color:#f3eee7;background-image:linear-gradient(#0b0b0b0f 1px,#0000 1px),linear-gradient(90deg,#0b0b0b0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #0b0b0b1f;border-radius:8px;min-height:430px;position:relative;overflow:hidden}.philosophy-board__mark{color:#8b6a45;font-family:var(--serif);font-size:clamp(120px,13vw,220px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.philosophy-board__axis,.philosophy-board__curve{pointer-events:none;position:absolute}.philosophy-board__axis{background:#0b0b0b3d}.philosophy-board__axis--x{height:1px;top:50%;left:14%;right:14%}.philosophy-board__axis--y{width:1px;top:14%;bottom:14%;left:50%}.philosophy-board__curve{border:1px solid #8b6a457a;border-radius:50%}.philosophy-board__curve--one{width:64%;height:60%;top:20%;left:18%}.philosophy-board__curve--two{width:34%;height:80%;top:10%;left:34%}.philosophy-meta{background:#0b0b0b1f;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.philosophy-meta span{color:#6b6258;letter-spacing:.14em;text-transform:uppercase;background:#f6f1ea;padding:18px;font-size:10px;font-weight:760}.work-section{color:#f6f1ea;background:#0b0b0b;height:680svh;position:relative}.work-sticky{perspective:1400px;min-height:100svh;padding:104px clamp(24px,6vw,96px) 56px;position:sticky;top:0;overflow:hidden}.work-backdrop{background:radial-gradient(circle at 70% 42%, color-mix(in srgb, var(--mood-b) 34%, transparent), transparent 34%), radial-gradient(circle at 18% 20%, #f6f1ea14, transparent 28%), linear-gradient(120deg, color-mix(in srgb, var(--mood-a) 64%, #0b0b0b), #0b0b0b 62%);transition:background .42s;position:absolute;inset:0}.work-grid-overlay{pointer-events:none;opacity:.22;background-image:linear-gradient(#f6f1ea12 1px,#0000 1px),linear-gradient(90deg,#f6f1ea12 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.work-side{z-index:6;position:relative}.work-side--left{width:min(520px,42vw)}.work-title{color:#f6f1ea;font-family:var(--serif);margin:0;font-size:clamp(42px,5vw,84px);font-weight:460;line-height:1.02}.work-side--left p{color:#f6f1eaa8;max-width:500px;margin:24px 0 0;font-size:16px;line-height:1.7}.work-case-meta{border-top:1px solid #f6f1ea2e;grid-template-columns:52px 1fr;gap:8px 18px;width:min(420px,100%);margin-top:44px;padding-top:18px;display:grid}.work-case-meta span{color:#b89a6a;letter-spacing:.16em;grid-row:span 2;font-size:12px;font-weight:800}.work-case-meta strong{font-family:var(--serif);font-size:32px;font-weight:460;line-height:1}.work-case-meta small{color:#f6f1ea8f}.case-stage{z-index:3;transform-style:preserve-3d;position:absolute;inset:76px 20vw 44px 28vw}.case-scene{opacity:var(--case-opacity);filter:blur(var(--case-blur)) brightness(var(--case-brightness));transform:translate3d(var(--case-x), var(--case-y), 0) rotateY(var(--case-rotate)) scale(var(--case-scale));transform-style:preserve-3d;place-items:center;transition:filter .14s linear,opacity .14s linear;display:grid;position:absolute;inset:0}.case-scene__object{aspect-ratio:1.42;border-radius:8px;width:min(72vw,980px);max-width:100%;transform:translateZ(120px)}.glare-card{position:relative;overflow:hidden}.glare-card:after{z-index:5;pointer-events:none;content:"";background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #f6f1ea38, #b89a6a14 18%, transparent 48%);opacity:0;transition:opacity .22s;position:absolute;inset:0}.glare-card:hover:after{opacity:1}.case-object{width:100%;height:100%;transform-style:preserve-3d;position:relative}.case-object__shadow{filter:blur(34px);background:#0000008c;border-radius:50%;position:absolute;inset:18% 8% 4%;transform:translateY(16%)rotateX(64deg)}.case-object__main{transform-origin:bottom;background:linear-gradient(135deg,#f6f1ea21,#0000 28%),linear-gradient(145deg,#2a2825,#070707 54%,#181614);border:1px solid #f6f1ea1f;border-radius:8px;position:absolute;inset:10% 7% 12%;overflow:hidden;transform:rotateX(55deg)rotate(-7deg);box-shadow:0 46px 90px #0000008c,inset 0 1px #f6f1ea1a}.case-object__grid{opacity:.28;background-image:linear-gradient(#f6f1ea17 1px,#0000 1px),linear-gradient(90deg,#f6f1ea17 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.case-object__mark{color:var(--case-accent);font-family:var(--serif);text-shadow:0 18px 28px #00000094,0 -1px #ffffff29;font-size:clamp(110px,12vw,230px);line-height:.8;position:absolute;bottom:16%;left:12%}.case-object__lines{gap:14px;width:32%;display:grid;position:absolute;top:16%;right:8%}.case-object__lines span{background:#f6f1ea0a;border:1px solid #f6f1ea2e;border-radius:4px;height:54px}.case-object__label{color:#f6f1eab3;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:760;position:absolute;bottom:11%;right:8%}.case-object__secondary{color:#f6f1ea8c;letter-spacing:.14em;text-transform:uppercase;gap:12px;font-size:10px;font-weight:760;display:flex;position:absolute;top:9%;right:6%}.case-object--packaging .case-object__main{inset:9% 22% 10% 14%;transform:rotateX(59deg)rotate(13deg)}.case-object--packaging .case-object__secondary{right:24%}.case-object--book .case-object__main{inset:8% 6% 12% 8%;transform:rotateX(58deg)rotate(-1deg)}.case-object--browser .case-object__main{inset:8% 5% 10%;transform:rotateX(52deg)rotate(0)}.case-object--plaque .case-object__main{border-radius:999px;inset:16% 10% 14%;transform:rotateX(61deg)rotate(-5deg)}.case-object--signage .case-object__main{inset:10% 6% 14%;transform:rotateX(58deg)rotate(7deg)}.case-scene__caption{border-left:1px solid color-mix(in srgb, var(--case-accent) 70%, transparent);background:linear-gradient(90deg,#0b0b0b8f,#0000);width:min(420px,42vw);padding:22px;position:absolute;bottom:8%;left:8%}.case-scene__caption span{color:var(--case-accent);letter-spacing:.16em;font-size:10px;font-weight:800}.case-scene__caption h3{font-family:var(--serif);margin:10px 0;font-size:clamp(42px,5vw,82px);font-weight:460;line-height:.94}.case-scene__caption p{color:#f6f1eaa8;margin:0;line-height:1.6}.work-side--right{z-index:6;width:min(310px,24vw);position:absolute;top:124px;right:clamp(24px,5vw,76px)}.work-status{color:#f6f1ea8f;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid #f6f1ea2e;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:18px;font-size:10px;font-weight:760;display:flex}.work-status strong{color:#b89a6a;letter-spacing:0;font-size:28px}.work-progress{background:#f6f1ea2e;height:1px;margin:18px 0 26px;overflow:hidden}.work-progress i{transform-origin:0;background:#b89a6a;width:100%;height:100%;display:block}.work-side--right dl{gap:20px;margin:0;display:grid}.work-side--right dt,.featured-specs span,.footer-meta span{color:#b89a6a;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.work-side--right dd{color:#f6f1eaa8;margin:6px 0 0;line-height:1.5}.case-ticks{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:32px;display:grid}.case-ticks span{color:#f6f1ea5c;border-top:1px solid #f6f1ea29;padding-top:10px;font-size:10px;font-weight:800}.case-ticks span.is-active{color:#b89a6a;border-color:#b89a6a}.featured-section{gap:clamp(44px,6vw,86px);padding:clamp(96px,12vw,178px) clamp(24px,6vw,108px);display:grid}.featured-copy{grid-template-columns:minmax(0,.72fr) minmax(300px,.28fr);align-items:end;gap:38px;display:grid}.featured-copy .section-kicker{grid-column:1/-1;margin-bottom:-12px}.section-title{color:#0b0b0b;font-family:var(--serif);margin:0;font-size:clamp(40px,4.8vw,78px);font-weight:460;line-height:1.03}.featured-copy p{color:#5f584f;margin:0;line-height:1.7}.featured-stage{background-color:#f3eee7;background-image:linear-gradient(#0b0b0b0d 1px,#0000 1px),linear-gradient(90deg,#0b0b0b0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #0b0b0b1f;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:22px;min-height:760px;padding:clamp(18px,2vw,28px);display:grid;position:relative;overflow:hidden}.featured-browser,.featured-lens{background:#f6f1eab8;border:1px solid #0b0b0b1f;border-radius:8px;box-shadow:0 30px 70px #0b0b0b14}.featured-browser{align-self:stretch;padding:20px}.safari-mockup{background:#171717;border:1px solid #f6f1ea1a;border-radius:8px;height:100%;min-height:640px;overflow:hidden;box-shadow:0 44px 86px #0b0b0b38}.safari-mockup__bar{border-bottom:1px solid #f6f1ea14;grid-template-columns:10px 10px 10px 1fr;align-items:center;gap:8px;padding:12px 14px;display:grid}.safari-mockup__bar span{background:#f6f1ea4d;border-radius:50%;width:10px;height:10px}.safari-mockup__bar div{color:#f6f1ea85;text-align:center;background:#f6f1ea14;border-radius:999px;justify-self:center;width:min(440px,70%);padding:6px 12px;font-size:11px}.safari-mockup__page{color:#f6f1ea;background:linear-gradient(#f6f1ea13 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#f6f1ea13 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 78% 34%,#b89a6a3d,#0000 34%),#0b0b0b;min-height:calc(100% - 43px);padding:clamp(24px,4vw,54px)}.safari-mockup__nav{color:#f6f1eab8;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:18px;font-size:12px;font-weight:760;display:flex}.safari-mockup__hero{grid-template-columns:1fr 250px;align-items:center;gap:28px;margin-top:96px;display:grid}.safari-mockup__hero p{color:#b89a6a;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.safari-mockup__hero h3{max-width:620px;font-family:var(--serif);margin:12px 0 0;font-size:clamp(54px,6vw,98px);font-weight:460;line-height:.96}.browser-mark{aspect-ratio:1;color:#b89a6a;font-family:var(--serif);border:1px solid #b89a6a5c;border-radius:50%;place-items:center;font-size:138px;display:grid}.safari-mockup__tiles{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:96px;display:grid}.safari-mockup__tiles span{color:#f6f1ea8a;letter-spacing:.14em;text-transform:uppercase;background:#f6f1ea0d;border:1px solid #f6f1ea1f;border-radius:6px;min-height:104px;padding:16px;font-size:10px;font-weight:760}.featured-object{z-index:4;aspect-ratio:1.42;background:linear-gradient(145deg,#292724,#070707);border:1px solid #f6f1ea1f;border-radius:8px;place-items:center;width:min(280px,22vw);display:grid;position:absolute;bottom:58px;left:52%;transform:rotateX(58deg)rotate(-10deg);box-shadow:0 38px 80px #00000061}.featured-object span{color:#b89a6a;font-family:var(--serif);font-size:110px}.featured-object small{color:#f6f1ea75;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:760;position:absolute;bottom:14px;right:16px}.featured-lens{align-self:stretch;gap:18px;padding:22px;display:grid}.featured-lens__copy span{color:#8b6a45;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.featured-lens__copy p{color:#5f584f;margin:10px 0 0;line-height:1.65}.lens-detail{cursor:crosshair;background:#111;border-radius:8px;min-height:530px;position:relative;overflow:hidden}.lens-detail__surface,.lens-detail__magnified{background-color:#111;background-image:linear-gradient(#f6f1ea14 1px,#0000 1px),linear-gradient(90deg,#f6f1ea14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.lens-detail__mark{color:#b89a6a;font-family:var(--serif);text-shadow:0 18px 32px #0000008c,0 -1px #ffffff29;font-size:210px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lens-detail__curve,.lens-detail__axis{pointer-events:none;position:absolute}.lens-detail__curve{border:1px solid #b89a6a94;border-radius:50%}.lens-detail__curve--one{width:64%;height:56%;top:22%;left:18%}.lens-detail__curve--two{width:32%;height:76%;top:12%;left:34%}.lens-detail__axis{background:#f6f1ea6b}.lens-detail__axis--x{height:1px;top:50%;left:10%;right:10%}.lens-detail__axis--y{width:1px;top:10%;bottom:10%;left:50%}.lens-detail__material{color:#f6f1ea75;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:760;position:absolute;bottom:18px;right:18px}.lens-detail__glass{left:var(--lens-x);top:var(--lens-y);background:#111;border:1px solid #f6f1ea75;border-radius:50%;width:170px;height:170px;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 22px 48px #00000061,inset 0 0 0 1px #b89a6a33}.lens-detail__magnified{width:100%;height:100%;transform-origin:var(--lens-x) var(--lens-y);transform:scale(1.72)}.featured-specs{z-index:5;grid-template-columns:repeat(4,auto);gap:18px;max-width:calc(48% - 40px);display:grid;position:absolute;bottom:28px;right:28px}.featured-specs span{color:#0b0b0b80}.process-section{border-top:1px solid #0b0b0b1a;grid-template-columns:minmax(0,.68fr) minmax(420px,.5fr);gap:clamp(34px,6vw,92px);padding:clamp(96px,12vw,178px) clamp(24px,6vw,108px);display:grid;position:relative;overflow:hidden}.process-section .animated-grid{opacity:.18}.process-head{align-self:start}.services-list{border-top:1px solid #0b0b0b24;align-content:start;display:grid}.services-list a{color:#171717;border-bottom:1px solid #0b0b0b24;grid-template-columns:42px minmax(150px,.8fr) minmax(190px,1fr);align-items:baseline;gap:18px;padding:22px 0;text-decoration:none;transition:color .22s,transform .22s;display:grid}.services-list a>span{color:#8b6a45;letter-spacing:.16em;font-size:10px;font-weight:800}.services-list strong{font-family:var(--serif);font-size:clamp(27px,2.3vw,38px);font-weight:460;line-height:1.02}.services-list p{color:#5f584f;margin:0;line-height:1.5}.services-list small{color:#8b8378;letter-spacing:.12em;text-transform:uppercase;grid-column:3;font-size:10px;font-weight:760}.services-list a:hover,.services-list a:focus-visible{color:#8b6a45;transform:translate(4px)}.process-grid{background:#0b0b0b21;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(30px,5vw,70px);display:grid}.process-item{background:linear-gradient(135deg,#ffffff52,#0000 42%),#f6f1ea;min-height:300px;padding:clamp(22px,3vw,36px)}.process-item span{color:#8b6a45;letter-spacing:.16em;text-transform:uppercase;margin-bottom:86px;font-size:11px;font-weight:800;display:block}.process-item h3{font-family:var(--serif);margin:0 0 14px;font-size:clamp(28px,2.4vw,42px);font-weight:460;line-height:1.02}.process-item p{color:#5f584f;margin:0;line-height:1.6}.footer-cta{color:#f6f1ea;background:linear-gradient(#f6f1ea0e 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#f6f1ea0e 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 74% 34%,#b89a6a2e,#0000 34%),#0b0b0b;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(34px,6vw,84px);padding:clamp(88px,12vw,160px) clamp(24px,6vw,108px) 34px;display:grid;position:relative;overflow:hidden}.footer-meta{border-bottom:1px solid #f6f1ea1f;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:18px;padding-bottom:34px;display:flex}.footer-title{max-width:1050px;font-family:var(--serif);margin:0;font-size:clamp(54px,8vw,136px);font-weight:460;line-height:.92}.footer-button{color:#0b0b0b;background:#b89a6a;border-color:#b89a6a}.footer-links{color:#f6f1ea80;letter-spacing:.16em;text-transform:uppercase;grid-column:1/-1;justify-content:space-between;align-items:center;gap:22px;padding-top:62px;font-size:11px;font-weight:760;display:flex}.footer-links a{color:#f6f1eaa3;text-decoration:none}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}@media (width<=1180px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-section{grid-template-columns:1fr;padding-top:116px}.hero-rail{display:none}.hero-visual{min-height:560px}.philosophy-section,.featured-copy,.featured-stage,.process-section{grid-template-columns:1fr}.work-side--left{width:min(620px,64vw)}.case-stage{inset:210px 10vw 34px 18vw}.work-side--right{width:min(290px,28vw)}.featured-specs{max-width:none;position:static}.featured-object{display:none}.services-list a{grid-template-columns:42px minmax(160px,.7fr) minmax(180px,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.site-header{min-height:68px;padding:0 16px}.wordmark small,.header-cta,.scroll-rail{display:none}.hero-section{min-height:auto;padding:104px 16px 38px}.hero-title{font-size:clamp(48px,17vw,72px)}.hero-copy p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.primary-button,.text-link{text-align:center;width:100%}.hero-proof{grid-template-columns:1fr;margin-top:30px}.hero-visual{min-height:auto}.xray-stage{min-height:clamp(260px,78vw,320px);margin-top:8px}.xray-stage__readout,.hero-visual__meta{display:none}.philosophy-section,.featured-section,.process-section{padding:78px 16px}.philosophy-board{min-height:320px}.philosophy-meta{grid-template-columns:repeat(2,1fr)}.work-section{height:auto}.work-sticky{min-height:auto;padding:82px 16px 52px;position:relative}.work-side--left{width:100%}.work-side--left p{font-size:15px}.case-stage{gap:22px;margin-top:42px;display:grid;position:relative;inset:auto}.case-scene{gap:14px;display:grid;position:relative;inset:auto;opacity:1!important;filter:none!important;transform:none!important}.case-scene__object{aspect-ratio:1.15;width:100%}.case-object__main{inset:14% 8% 12%}.case-object__mark{font-size:92px}.case-object__label,.case-object__secondary{font-size:8px}.case-scene__caption{width:100%;padding:16px 0 24px 16px;position:relative;bottom:auto;left:auto}.case-scene__caption h3{font-size:34px}.work-side--right{width:100%;margin-top:28px;position:relative;top:auto;right:auto}.featured-stage{min-height:auto;padding:12px}.featured-browser,.featured-lens{padding:12px}.safari-mockup{min-height:470px}.safari-mockup__page{padding:22px}.safari-mockup__nav,.safari-mockup__hero{grid-template-columns:1fr}.safari-mockup__hero{margin-top:54px}.safari-mockup__hero h3{font-size:46px}.browser-mark{width:140px;font-size:78px}.safari-mockup__tiles{grid-template-columns:1fr;margin-top:42px}.lens-detail{min-height:350px}.lens-detail__glass{width:140px;height:140px}.services-list a{grid-template-columns:32px 1fr;gap:10px 14px}.services-list p,.services-list small{grid-column:2}.process-grid{grid-template-columns:1fr}.process-item{min-height:240px}.process-item span{margin-bottom:58px}.footer-cta{grid-template-columns:1fr;padding:78px 16px 28px}.footer-links{flex-wrap:wrap;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.text-reveal__word{opacity:1;filter:none;transform:none}.work-section{height:auto}.work-sticky{position:relative}.case-stage{gap:26px;margin-top:42px;display:grid;position:relative;inset:auto}.case-scene{position:relative;inset:auto;opacity:1!important;filter:none!important;transform:none!important}}