@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:#0b0b0b;place-items:center;display:grid;position:fixed;inset:0}.loader__inner{width:min(520px,100vw - 48px)}.loader__mark{font-family:var(--serif);color:#b89a6a;margin-bottom:34px;font-size:56px;line-height:1}.loader__progress{background:#f6f1ea29;height:1px;overflow:hidden}.loader__progress span{transform-origin:0;background:linear-gradient(90deg,#8b6a45,#e7d1a2);height:100%;transition:transform .12s;display:block}.loader__meta{letter-spacing:.18em;text-transform:uppercase;color:#f6f1eaa8;justify-content:space-between;margin-top:14px;font-size:11px;display:flex}.site-header{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f1ead1;border-bottom:1px solid #0b0b0b14;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:24px;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:650}.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 #0b0b0b38;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}.hero-section{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(24px,5vw,76px);min-height:100svh;padding:142px clamp(22px,6vw,92px) 88px;display:grid;position:relative;overflow:hidden}.animated-grid{z-index:-1;pointer-events:none;opacity:.28;background-image:linear-gradient(#17171714 1px,#0000 1px),linear-gradient(90deg,#17171714 1px,#0000 1px);background-size:44px 44px;animation:18s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000f5,#0000);mask-image:linear-gradient(#000000f5,#0000)}.hero-copy{align-self:center;max-width:690px}.hero-copy__label,.section-kicker{color:#8b6a45;margin-bottom:22px}.hero-title{font-family:var(--serif);color:#0b0b0b;margin:0;font-size:clamp(58px,8.2vw,124px);font-weight:480;line-height:.94}.hero-copy p{color:#5f584f;max-width:580px;margin:28px 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.6}.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;align-items:center;min-height:48px;padding:0 22px;font-size:12px;font-weight:680;text-decoration:none;transition:transform .22s,background .22s,color .22s;display:inline-flex}.primary-button:hover,.footer-button:hover,.primary-button:focus-visible,.footer-button:focus-visible{color:#fffaf0;background:#8b6a45;transform:translateY(-2px)}.text-link{color:#171717;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:680;text-decoration:none}.text-link:after{content:" /";color:#8b6a45}.xray-stage{cursor:crosshair;isolation:isolate;align-self:center;min-height:clamp(420px,56vw,680px);position:relative}.xray-stage canvas{width:100%;height:100%;display:block}.xray-stage__caption{color:#1717178a;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:28px;left:clamp(18px,4vw,54px);right:clamp(18px,4vw,54px)}.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(.45em)}.text-reveal.is-visible .text-reveal__word{opacity:1;filter:blur();transform:translateY(0)}.philosophy-section{border-top:1px solid #0b0b0b14;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,8vw,120px);padding:clamp(88px,12vw,168px) clamp(22px,6vw,92px);display:grid}.philosophy-meta{color:#8b8378;letter-spacing:.14em;text-transform:uppercase;align-content:start;gap:14px;padding-top:14px;font-size:11px;font-weight:700;display:grid}.philosophy-meta span{border-bottom:1px solid #0b0b0b1c;padding-bottom:14px}.philosophy-statement{max-width:1040px;font-family:var(--serif);color:#111;margin:0;font-size:clamp(40px,5vw,82px);font-weight:460;line-height:1.04}.gallery-section{color:#f6f1ea;background:linear-gradient(120deg,#ffffff47,#0000 46%),linear-gradient(#171717,#0b0b0b);height:310svh;position:relative}.gallery-section:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--gallery-mood) 22%, transparent), transparent), radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--gallery-mood) 24%, transparent), transparent 42%);opacity:.64;position:absolute;inset:0}.gallery-sticky{perspective:1100px;min-height:100svh;padding:116px clamp(22px,6vw,92px) 72px;position:sticky;top:0;overflow:hidden}.gallery-copy{z-index:3;width:min(620px,100%);position:relative}.section-title{font-family:var(--serif);color:inherit;margin:0;font-size:clamp(38px,4.8vw,76px);font-weight:460;line-height:1.03}.gallery-copy p,.featured-copy p,.featured-lens__copy p,.process-item p{color:#f6f1eaa8;line-height:1.7}.gallery-copy p{max-width:520px;margin:22px 0 0}.depth-scene{width:min(62vw,880px);height:min(58vh,580px);transform-style:preserve-3d;position:absolute;bottom:8vh;right:clamp(18px,8vw,120px)}.case-card{width:min(560px,78vw);min-height:292px;transform:translate3d(calc(-50% + var(--depth-x)), calc(-50% + var(--depth-y)), var(--depth-z)) rotateY(var(--depth-rotate)) scale(var(--depth-scale));background:linear-gradient(135deg,#ffffff1f,#0000 32%),#111;border:1px solid #f6f1ea1f;border-radius:8px;grid-template-columns:1fr .9fr;gap:24px;padding:22px;transition:opacity .18s,box-shadow .18s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 34px 80px #00000075}.case-card:hover{box-shadow:0 38px 94px #0000008c}.glare-card{position:relative;overflow:hidden}.glare-card:after{pointer-events:none;content:"";background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #f6f1ea3d, #b89a6a14 18%, transparent 46%);opacity:0;transition:opacity .22s;position:absolute;inset:0}.glare-card:hover:after{opacity:1}.mini-mockup{background-color:#0b0b0b;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:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:6px;min-height:240px;padding:16px;display:grid;position:relative}.mini-mockup__plaque{aspect-ratio:1.48;transform-origin:bottom;background:linear-gradient(145deg,#302f2d,#070707);border-radius:5px;align-self:end;place-items:center;width:74%;display:grid;transform:rotateX(57deg)rotate(-12deg);box-shadow:0 24px 34px #0000005c}.mini-mockup__plaque span{font-family:var(--serif);color:var(--case-accent);text-shadow:0 10px 16px #0009;font-size:74px}.mini-mockup__stack{gap:8px;width:38%;display:grid;position:absolute;bottom:44px;right:18px}.mini-mockup__stack div{background:#f6f1ea0f;border:1px solid #f6f1ea29;border-radius:4px;height:36px}.mini-mockup__swatches{gap:6px;display:flex;position:absolute;bottom:16px;right:18px}.mini-mockup__swatches span{border:1px solid #f6f1ea33;border-radius:50%;width:18px;height:18px}.case-card__body{align-self:end}.case-card__body span,.featured-lens__copy span,.case-card__tone{color:var(--case-accent,#b89a6a);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:750}.case-card__body h3{font-family:var(--serif);margin:18px 0 8px;font-size:clamp(32px,3vw,46px);font-weight:460;line-height:1}.case-card__body p{color:#f6f1eab8;margin:0 0 18px}.case-card__body small{color:#f6f1ea7a;line-height:1.5}.case-card__tone{color:#f6f1ea70;position:absolute;top:20px;right:20px}.featured-section{gap:clamp(42px,6vw,84px);padding:clamp(92px,12vw,168px) clamp(22px,6vw,92px);display:grid}.featured-copy{grid-template-columns:minmax(0,.72fr) minmax(260px,.28fr);align-items:end;gap:38px;display:grid}.featured-copy .section-kicker{grid-column:1/-1;margin-bottom:-12px}.featured-copy .section-title{color:#0b0b0b}.featured-copy p{color:#5f584f;margin:0}.featured-layout{grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);gap:24px;display:grid}.featured-browser,.featured-lens{background:#f3eee7;border:1px solid #0b0b0b1a;border-radius:8px}.featured-browser{padding:clamp(14px,2vw,24px)}.safari-mockup{background:#171717;border:1px solid #0b0b0b1f;border-radius:8px;overflow:hidden;box-shadow:0 36px 84px #0b0b0b2e}.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(420px,70%);padding:6px 12px;font-size:11px}.safari-mockup__page{color:#f6f1ea;background:linear-gradient(#f6f1ea14 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#f6f1ea14 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 82% 28%,#b89a6a38,#0000 32%),#0b0b0b;min-height:470px;padding:clamp(22px,4vw,48px)}.safari-mockup__nav{color:#f6f1eab8;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:18px;font-size:12px;display:flex}.safari-mockup__hero{grid-template-columns:1fr 220px;align-items:center;gap:28px;margin-top:82px;display:grid}.safari-mockup__hero p{color:#b89a6a;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:750}.safari-mockup__hero h3{max-width:520px;font-family:var(--serif);margin:12px 0 0;font-size:clamp(44px,5vw,76px);font-weight:460;line-height:.98}.browser-mark{aspect-ratio:1;color:#b89a6a;font-family:var(--serif);border:1px solid #b89a6a5c;border-radius:50%;place-items:center;font-size:120px;display:grid}.safari-mockup__grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:76px;display:grid}.safari-mockup__grid span{background:#f6f1ea0d;border:1px solid #f6f1ea1c;border-radius:6px;height:96px}.featured-lens{gap:26px;padding:24px;display:grid}.featured-lens__copy p{color:#5f584f;margin:10px 0 0}.lens-detail{cursor:crosshair;background:#111;border-radius:8px;min-height:420px;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:192px;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:54%;height:54%;top:22%;left:23%}.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:12%;right:12%}.lens-detail__axis--y{width:1px;top:12%;bottom:12%;left:50%}.lens-detail__glass{left:var(--lens-x);top:var(--lens-y);background:#111;border:1px solid #f6f1ea75;border-radius:50%;width:156px;height:156px;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 42px #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.7)}.process-section{border-top:1px solid #0b0b0b14;grid-template-columns:minmax(0,.72fr) minmax(320px,.28fr);gap:clamp(32px,6vw,92px);padding:clamp(92px,12vw,168px) clamp(22px,6vw,92px);display:grid;position:relative;overflow:hidden}.process-section .animated-grid{opacity:.18}.process-head{align-self:start}.process-head .section-title{color:#0b0b0b}.services-list{border-top:1px solid #0b0b0b1f;align-content:start;display:grid}.services-list a{color:#171717;font-family:var(--serif);border-bottom:1px solid #0b0b0b1f;justify-content:space-between;gap:18px;padding:22px 0;font-size:clamp(25px,2.2vw,36px);line-height:1.1;text-decoration:none;transition:color .22s,transform .22s;display:flex}.services-list a:after{content:"+";color:#8b6a45;font-family:var(--sans)}.services-list a:hover,.services-list a:focus-visible{color:#8b6a45;transform:translate(4px)}.process-grid{background:#0b0b0b1f;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(28px,5vw,68px);display:grid}.process-item{background:#f6f1ea;min-height:280px;padding:clamp(22px,3vw,34px)}.process-item span{color:#8b6a45;letter-spacing:.16em;text-transform:uppercase;margin-bottom:80px;font-size:11px;font-weight:750;display:block}.process-item h3{font-family:var(--serif);margin:0 0 14px;font-size:clamp(26px,2.4vw,40px);font-weight:460;line-height:1.02}.process-item p{color:#5f584f}.footer-cta{color:#f6f1ea;background-color:#0b0b0b;background-image:linear-gradient(#f6f1ea0f 1px,#0000 1px),linear-gradient(90deg,#f6f1ea0f 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;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(34px,6vw,84px);padding:clamp(82px,12vw,150px) clamp(22px,6vw,92px) 34px;display:grid}.footer-title{max-width:980px;font-family:var(--serif);margin:0;font-size:clamp(50px,8vw,132px);font-weight:460;line-height:.94}.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:700;display:flex}.footer-links a{color:#f6f1eaa3;text-decoration:none}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}@media (width<=1120px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-section,.featured-copy,.featured-layout,.process-section{grid-template-columns:1fr}.hero-section{padding-top:124px}.xray-stage{min-height:480px}.depth-scene{width:min(92vw,760px);bottom:3vh;right:50%;transform:translate(50%)}.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.site-header{min-height:68px;padding:0 16px}.wordmark small,.header-cta{display:none}.hero-section{min-height:auto;padding:104px 16px 60px}.hero-title{font-size:clamp(50px,18vw,76px)}.hero-copy p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.primary-button,.text-link{box-sizing:border-box;text-align:center;justify-content:center;width:100%}.xray-stage{min-height:370px;margin-top:18px}.xray-stage__caption{display:none}.philosophy-section{grid-template-columns:1fr;padding:76px 16px}.philosophy-meta{grid-template-columns:repeat(2,1fr)}.gallery-section{height:auto}.gallery-sticky{min-height:auto;padding:92px 16px 48px;position:relative}.depth-scene{gap:16px;width:100%;height:auto;margin-top:38px;display:grid;position:relative;bottom:auto;right:auto;transform:none}.case-card{grid-template-columns:1fr;gap:14px;width:100%;min-height:390px;position:relative;top:auto;left:auto;opacity:1!important;transform:none!important}.mini-mockup{min-height:190px}.featured-section,.process-section{padding:78px 16px}.safari-mockup__page{min-height:390px}.safari-mockup__hero{grid-template-columns:1fr;margin-top:48px}.browser-mark{width:150px;font-size:82px}.safari-mockup__grid{grid-template-columns:1fr;margin-top:36px}.lens-detail{min-height:340px}.process-grid{grid-template-columns:1fr}.process-item{min-height:230px}.process-item span{margin-bottom:54px}.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}}