@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--black:#0a0a0a;--accent:#c2410c;--cream:#f5f2ed;--muted:#6b6b6b;--line:#d8d5cf;--soft:#ede8e1;--warm:#a69e94;--green:#2e332e;--gold:#d9c79e;--content:1280px;--gutter:clamp(24px, 5.55vw, 80px);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--black);font-family:var(--font-inter), Inter, Arial, sans-serif;letter-spacing:0;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}button,input,textarea{font:inherit}.page{background:var(--cream);min-height:100vh}.site-header{min-height:105px;padding:32px var(--gutter);justify-content:space-between;align-items:center;gap:28px;display:flex}.brand,.footer-brand{letter-spacing:-.44px;font-size:22px;font-weight:700;line-height:1.2}.brand{align-items:center;gap:10px;min-height:44px;display:inline-flex}.brand-mark{object-fit:contain;flex:none;width:28px;height:28px;display:block}.nav-links{justify-content:center;align-items:center;gap:40px;font-size:15px;line-height:1.2;display:flex}.nav-links a{align-items:center;min-height:44px;display:inline-flex}.nav-links a.active{font-weight:600}.button{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-weight:600;line-height:1;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.button.sm{min-height:44px;padding:12px 22px;font-size:14px}.button.md{min-height:59px;padding:20px 30px;font-size:16px}.button.dark{background:var(--black);color:var(--cream)}.button.dark:hover{background:#242424}.button.outline{border-color:var(--black);color:var(--black)}.button.outline:hover{background:var(--black);color:var(--cream)}.button.light{background:var(--cream);color:var(--black)}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:12px;margin:0;font-size:13px;font-weight:600;line-height:1.2;display:flex}.eyebrow span{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.eyebrow.muted{color:var(--muted)}.eyebrow.accent{color:var(--accent)}.eyebrow.light{color:var(--cream)}.eyebrow.warm{color:var(--warm)}.section{padding:100px var(--gutter)}.section.divided{border-top:1px solid var(--line)}.section.alt{background:var(--soft)}.section.pt-tight{padding-top:40px}.section.dark{background:var(--black);color:var(--cream)}.section-inner,.hero-inner{width:min(100%, var(--content));margin:0 auto}.hero{padding:80px var(--gutter) 140px}.hero.compact{padding-bottom:100px}.hero h1,.page-title{letter-spacing:-.035em;max-width:980px;margin:32px 0 28px;font-size:clamp(58px,8vw,96px);font-weight:700;line-height:.96}.home-hero h1{letter-spacing:-.032em;text-align:left;max-width:680px;font-size:clamp(54px,5.1vw,82px);line-height:1.02}.hero p,.lede{max-width:720px;color:var(--muted);margin:0;font-size:19px;line-height:1.5}.home-hero .lede{text-align:left;max-width:620px;font-size:19px;line-height:1.58}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.approach-line{color:var(--muted);align-items:center;gap:16px;margin-top:36px;padding-top:28px;font-size:14px;display:flex}.approach-line strong{color:var(--accent);letter-spacing:1.5px;font-size:14px}.home-hero{align-items:center;min-height:calc(100svh - 105px);padding-top:clamp(22px,3vw,44px);padding-bottom:clamp(42px,4.5vw,72px);display:flex;position:relative;overflow:hidden}.home-hero-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);place-items:center stretch;gap:clamp(28px,3.4vw,64px);width:min(100%,1440px);max-width:1440px;margin-left:auto;margin-right:auto;display:grid}.hero-copy{z-index:2;text-align:left;width:100%;min-width:0;max-width:720px;padding-top:0;position:relative}.hero-copy .eyebrow,.hero-actions,.approach-line{justify-content:flex-start}.hero-scene{justify-self:end;width:min(100%,780px);min-width:0;height:clamp(390px,31vw,560px);min-height:390px;margin-right:0;position:relative}.hero-webgl-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-scene-fallback{opacity:1;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.hero-scene.is-ready .hero-scene-fallback{opacity:0}.fallback-browser{aspect-ratio:1.6;border:1px solid var(--line);background:var(--cream);width:min(88%,560px);box-shadow:18px 18px 0 var(--black);position:relative;transform:rotate(-4deg)}.fallback-browser-top{border-bottom:1px solid var(--line);background:var(--soft);align-items:center;gap:8px;height:14%;padding-left:18px;display:flex;position:absolute;top:0;left:0;right:0}.fallback-browser-top span{background:var(--warm);border-radius:50%;width:8px;height:8px}.fallback-browser-top span:first-child{background:var(--accent)}.fallback-browser-content{position:absolute;inset:22% 8% 10%}.fallback-browser-content span,.fallback-browser-content strong,.fallback-browser-content p,.fallback-browser-content div{border-radius:999px;display:block}.fallback-browser-content span{background:var(--accent);width:22%;height:7%}.fallback-browser-content strong{background:var(--black);width:52%;height:12%;margin-top:9%}.fallback-browser-content p{background:var(--warm);width:42%;height:6%;margin-top:6%}.fallback-browser-content div{background:var(--black);width:26%;height:13%;margin-top:9%}.split-heading{justify-content:space-between;align-items:flex-end;gap:64px;margin-bottom:64px;display:flex}.split-heading h2{letter-spacing:-.03em;margin:24px 0 0;font-size:clamp(34px,4.4vw,64px);line-height:1}.split-heading.small h2{max-width:460px;font-size:30px}.split-heading p{max-width:400px;color:var(--muted);margin:0;font-size:17px;line-height:1.45}.service-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.service-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);min-height:334px;padding:32px}.service-card>span{background:var(--soft);letter-spacing:1px;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.service-card h3{letter-spacing:-.02em;margin:24px 0 16px;font-size:26px;line-height:1.2}.service-card p{color:var(--muted);font-size:15px;line-height:1.45}.service-card hr{border:0;border-top:1px solid var(--line);width:100px;margin:24px 0}.service-card ul,.check-card ul{gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.service-card li:before{content:"";background:var(--accent);vertical-align:2px;border-radius:50%;width:5px;height:5px;margin-right:10px;display:inline-block}.work-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:60px;display:flex}.work-heading h2{letter-spacing:-.03em;margin:24px 0 0;font-size:clamp(48px,5vw,64px);line-height:1}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;display:grid}.project-preview{border-radius:var(--radius);background:var(--project-bg);flex-direction:column;justify-content:space-between;min-height:420px;padding:28px 36px 36px;display:flex;overflow:hidden}.project-preview.light{color:var(--cream)}.project-preview.dark{color:var(--black)}.preview-top{color:currentColor;opacity:.82;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.project-preview.light .preview-top{color:#fff;opacity:1}.project-preview.light .preview-top>span{background:#0a0a0a2e;border-radius:999px;padding:3px 8px}.window-dots{align-items:center;gap:6px;display:flex}.window-dots span{background:#ffffff59;border-radius:999px;width:8px;height:8px}.window-dots span.dark-dot,.project-preview.dark .window-dots span:not(:first-child),.mini-mockup.dark .window-dots span:not(:first-child){background:#0a0a0a2e}.project-preview h3{letter-spacing:-.03em;margin:0;font-size:clamp(42px,4.4vw,56px);line-height:1}.mini-mockup{background:#1116122e;border:1px solid #ffffff1f;border-radius:8px;width:100%;height:218px;position:relative;overflow:hidden}.mini-mockup.dark{background:#ffffffe0;border-color:#0a0a0a1a}.mini-mockup>.window-dots{position:absolute;top:14px;left:16px}.mock-nav{background:#ffffff3d;border-radius:3px;height:5px;position:absolute;top:14px}.mini-mockup.dark .mock-nav{background:#0a0a0a33}.mock-nav.one{width:78px;right:34px}.mock-nav.two{opacity:.6;width:50px;right:128px}.mock-eyebrow{color:var(--project-accent);margin:0;font-size:10px;font-weight:700;line-height:1.2;position:absolute;top:44px;left:28px}.mock-headline{letter-spacing:-.03em;font-size:22px;font-weight:700;line-height:.98;position:absolute;top:66px;left:28px}.studio .mock-headline{top:130px;left:239px}.mock-cta{background:#ffffffe6;border-radius:999px;width:86px;height:20px;position:absolute;bottom:32px;left:28px}.mini-mockup.dark .mock-cta,.vesper .mock-cta{background:#0a0a0aeb}.visual{position:absolute}.building{background:#ffffff1f;border-radius:2px;width:156px;height:100px;padding:18px 17px;top:58px;right:78px}.building span{background:#ffffff2e;height:1px;margin-bottom:20px;display:block}.coffee-card{border:1px solid var(--line);background:var(--cream);border-radius:6px;width:150px;height:96px;top:62px;right:61px}.cup{background:#f0cdbd;border-radius:50%;width:48px;height:48px;display:block}.coffee-card .cup{position:absolute;top:30px;left:33px}.coffee-card .line{background:#0a0a0a29;border-radius:999px;height:5px;position:absolute}.coffee-card .long{width:100px;bottom:-1px;left:22px}.coffee-card .short{opacity:.75;width:78px;bottom:-19px;left:22px}.editorial{height:106px;inset:66px 28px auto}.editorial .image-block{background:#0a0a0a1c;border-radius:4px;width:189px;height:105px;position:absolute;top:0;left:0}.editorial .line{background:#0a0a0a2b;border-radius:999px;height:7px;position:absolute;left:211px}.editorial .l1{width:211px;top:6px}.editorial .l2{width:201px;top:30px}.editorial .l3{width:191px;top:54px}.editorial .l4{width:181px;top:78px}.product-stack{width:126px;height:86px;top:72px;right:119px}.product-stack span{background:#ffffff29;border-radius:6px;width:38px;height:58px;position:absolute}.product-stack span:after{content:"";background:#ffffff29;border-radius:50%;width:18px;height:18px;position:absolute;top:16px;left:10px}.product-stack span:first-child{top:0;left:0}.product-stack span:nth-child(2){top:28px;left:44px}.product-stack span:nth-child(3){top:0;left:88px}.cans{gap:12px;display:flex;top:70px;right:109px}.cans span{background:#d9c79ebf;border-radius:5px;width:22px;height:94px}.cans span:nth-child(2){background:#ffffffbf}.cans span:nth-child(3){background:#c2410cbf}.cans span:nth-child(4){background:#a69e94bf}.product-card{border:1px solid var(--line);background:#fff9;border-radius:6px;width:122px;height:105px;top:62px;right:89px}.product-card span:last-child{background:#0a0a0a2e;border-radius:999px;width:100%;height:5px;position:absolute;bottom:7px;left:0}.project-meta{justify-content:space-between;align-items:flex-start;gap:20px;padding-top:16px;display:flex}.project-meta h3{letter-spacing:-.02em;margin:0 0 4px;font-size:20px;line-height:1.2}.project-meta p{color:var(--muted);margin:0;font-size:14px}.project-meta a,.project-meta span{width:124px;color:var(--black);font-size:14px;font-weight:600;line-height:1.35}.dark-cta{padding:120px var(--gutter);background:var(--black);color:var(--cream)}.dark-cta h2{width:min(100%, var(--content));letter-spacing:-.035em;margin:56px auto 60px;font-size:clamp(58px,7.5vw,96px);line-height:.96}.dark-cta>.eyebrow,.dark-cta-grid{width:min(100%, var(--content));margin-left:auto;margin-right:auto}.dark-cta-grid{justify-content:space-between;gap:80px;display:flex}.cta-copy{width:min(100%,540px)}.cta-copy p:first-child{color:var(--warm);font-size:19px;line-height:1.6}.availability{color:var(--cream);align-items:center;gap:12px;margin:36px 0;font-size:14px;font-weight:600;display:flex}.availability span{background:#4ade80;border-radius:999px;width:10px;height:10px}.cta-copy blockquote{color:var(--cream);margin:0 0 24px;font-size:17px;line-height:1.6}.cta-copy small{color:var(--warm);font-size:13px}.contact-card{background:var(--cream);width:440px;color:var(--black);border-radius:24px;flex:none;padding:36px}.label,.contact-card .label{color:var(--muted);letter-spacing:1.5px;margin:0;font-size:12px;font-weight:600}.contact-card>p:not(.label){letter-spacing:-.02em;gap:6px;margin:28px 0;font-size:28px;font-weight:700;display:grid}.contact-card span{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:400}.contact-card .button{text-align:center;white-space:normal;width:100%;padding-inline:16px;line-height:1.15}.site-footer{padding:56px var(--gutter) 40px;background:var(--cream)}.footer-top,.footer-bottom{width:min(100%, var(--content));margin:0 auto}.footer-top{justify-content:space-between;gap:80px;padding-bottom:56px;display:flex}.footer-brand{letter-spacing:-.03em;margin-bottom:14px;font-size:32px;display:inline-block}.footer-intro{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.footer-columns{gap:80px;display:flex}.footer-column{align-content:start;gap:14px;font-size:14px;display:grid}.footer-column p{color:var(--muted);letter-spacing:1.5px;margin:0;font-size:12px;font-weight:600}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding-top:56px;font-size:13px;display:flex}.legal-links{gap:28px;display:flex}.legal-links span{color:var(--black)}.legal-hero .page-title{max-width:820px}.legal-content{grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);align-items:start;gap:clamp(40px,7vw,96px);display:grid}.legal-summary{color:var(--muted);gap:22px;padding-top:4px;font-size:14px;line-height:1.6;display:grid;position:sticky;top:32px}.legal-summary p{margin:0}.legal-sections{gap:42px;display:grid}.legal-sections article{border-bottom:1px solid var(--line);padding-bottom:42px}.legal-sections article:last-child{border-bottom:0;padding-bottom:0}.legal-sections h2{letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(24px,2.4vw,34px);line-height:1.1}.legal-sections p{max-width:760px;color:var(--muted);margin:0;font-size:17px;line-height:1.65}.legal-sections p+p{margin-top:14px}.legal-updated{color:var(--black);font-weight:600}.cta-strip{padding:100px var(--gutter);background:var(--soft);text-align:center;justify-items:center;gap:32px;display:grid}.cta-strip h2{letter-spacing:-.03em;max-width:720px;margin:0;font-size:clamp(44px,5vw,64px);line-height:1}.cta-strip p{max-width:500px;color:var(--muted);margin:0;font-size:18px;line-height:1.4}.filter-row{flex-wrap:wrap;gap:10px;padding-bottom:56px;display:flex}.filter-row button{border:1px solid var(--line);min-height:44px;color:var(--black);background:0 0;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600}.filter-row button:first-child{border-color:var(--black);background:var(--black);color:var(--cream)}.service-row{padding:100px var(--gutter);justify-content:space-between;align-items:flex-start;gap:80px;display:flex}.service-row.alt{background:var(--soft)}.service-copy{width:min(100%,783px)}.service-number{color:var(--accent);letter-spacing:1px;margin:0 0 28px;font-size:28px;font-weight:700}.service-copy h2{letter-spacing:-.035em;margin:0 0 28px;font-size:clamp(54px,6.6vw,80px);line-height:1}.service-copy p{color:var(--muted);margin:0;font-size:18px;line-height:1.65}.proposal{align-items:center;gap:16px;margin-top:28px;padding-top:12px;font-size:17px;font-weight:600;display:flex}.proposal span{color:var(--muted);letter-spacing:1.5px;font-size:11px}.check-card{border:1px solid var(--line);border-radius:var(--radius);flex:none;width:440px;padding:32px}.check-card p{color:var(--muted);letter-spacing:1.5px;margin:0 0 24px;font-size:11px;font-weight:700}.check-card li{color:var(--accent);border-top:1px solid #0000;padding:14px 0;font-size:16px}.check-card li+li{border-top-color:var(--line)}.check-card span{color:var(--black);margin-left:12px;font-size:15px}.process-section{background:var(--black);color:var(--cream)}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid}.process-step{padding-top:32px}.process-step:before{content:"";background:#a69e944d;width:100px;height:1px;margin-bottom:20px;display:block}.process-step span{color:var(--accent);letter-spacing:1.5px;font-size:12px;font-weight:700}.process-step h3{letter-spacing:-.02em;margin:20px 0;font-size:26px;line-height:1.2}.process-step p{color:var(--warm);margin:0;font-size:14px;line-height:1.6}.faq-grid{grid-template-columns:420px 1fr;gap:140px;display:grid}.faq-intro h2{letter-spacing:-.03em;margin:24px 0;font-size:56px;line-height:1}.faq-intro p{color:var(--muted);font-size:16px;line-height:1.6}.faq-list{display:grid}.faq-item{border-bottom:1px solid #0000;padding:24px 0}.faq-item+.faq-item,.faq-item:first-child{border-top:1px solid var(--line)}.faq-question{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;font-size:20px;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:focus-visible{outline:2px solid var(--black);outline-offset:8px}.faq-icon{border:1px solid var(--line);width:28px;height:28px;color:var(--black);border-radius:50%;flex:none;place-items:center;display:grid}.faq-icon:before{content:"+"}.faq-item[open] .faq-icon:before{content:"−"}.faq-item p{max-width:720px;color:var(--muted);margin:16px 0 0;font-size:16px;line-height:1.65}.about-story{grid-template-columns:560px 1fr;align-items:start;gap:80px;display:grid}.studio-illustration{border-radius:var(--radius);background:var(--soft);height:680px;position:relative;overflow:hidden}.studio-illustration .desk{background:#a69e9459;border-radius:4px;width:72%;height:54px;position:absolute;top:62%;left:14%}.studio-illustration .laptop{border:1px solid var(--line);background:#fffffff2;border-radius:6px;width:36%;height:150px;position:absolute;top:36%;left:32%}.studio-illustration .laptop span{background:#0a0a0a26;border-radius:999px;height:5px;position:absolute;left:14%}.studio-illustration .laptop span:first-child{width:50%;top:27%}.studio-illustration .laptop span:nth-child(2){width:66%;height:4px;top:59%}.studio-illustration .laptop span:nth-child(3){width:50%;height:4px;top:82%}.studio-illustration .notebook{border:1px solid var(--line);background:#ffffffb3;border-radius:4px;width:56px;height:109px;position:absolute;top:49%;left:18%}.studio-illustration .coffee{background:#f0cdbd;border-radius:50%;width:45px;height:45px;position:absolute;top:50%;right:20%}.studio-illustration p{width:100%;color:var(--muted);text-align:center;font-size:12px;font-weight:600;position:absolute;bottom:146px;left:0}.story-copy{padding-top:4px}.story-copy h2{letter-spacing:-.02em;margin:32px 0;font-size:36px;line-height:1.15}.story-copy blockquote{letter-spacing:-.02em;margin:0 0 32px;font-size:28px;font-weight:700;line-height:1.3}.story-copy p{color:var(--muted);font-size:17px;line-height:1.65}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:64px;display:grid}.value-card{border-radius:var(--radius);background:var(--cream);min-height:247px;padding:32px}.value-card span{color:var(--muted);letter-spacing:1.5px;font-size:13px}.value-card h3{letter-spacing:-.025em;margin:24px 0;font-size:36px}.value-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.about-principles-title{max-width:680px;margin-bottom:0;font-size:64px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.portrait{background:var(--soft);border-radius:16px;height:460px;position:relative;overflow:hidden}.portrait.dark{background:var(--green);color:var(--cream)}.portrait .head{background:#0a0a0a14;border-radius:50%;width:126px;height:126px;position:absolute;top:92px;left:50%;transform:translate(-50%)}.portrait.dark .head{background:#ffffff24}.portrait .body{background:#0a0a0a12;border-radius:38px;width:239px;height:156px;position:absolute;top:202px;left:50%;transform:translate(-50%)}.portrait.dark .body{background:#ffffff1a}.portrait strong{text-align:center;width:100%;font-size:72px;line-height:1;position:absolute;top:206px;left:0}.portrait span{background:#0a0a0a1f;border-radius:999px;width:201px;height:5px;position:absolute;top:368px;left:50%;transform:translate(-50%)}.portrait.dark span{background:#ffffff2e}.portrait p{width:100%;color:var(--muted);text-align:center;margin:0;font-size:15px;font-weight:600;position:absolute;top:396px;left:0}.portrait.dark p{color:var(--line)}.team-member h3{letter-spacing:-.02em;margin:24px 0 8px;font-size:24px}.team-member p{color:var(--muted);font-size:15px;line-height:1.65}.manifest{padding:120px var(--gutter);background:var(--black);color:var(--cream)}.manifest h2{letter-spacing:-.03em;max-width:924px;margin:32px 0;font-size:clamp(48px,5vw,64px);line-height:1.1}.manifest p{max-width:820px;color:var(--warm);margin:0;font-size:19px;line-height:1.45}.contact-hero h1{max-width:none}.contact-section{grid-template-columns:minmax(300px,430px) minmax(0,680px);justify-content:space-between;align-items:start;gap:48px;padding-top:0;display:grid}.contact-info{gap:0;display:grid}.contact-info .label{font-size:11px}.direct-contact{border:1px solid var(--line);background:var(--soft);border-radius:34px;gap:24px;padding:34px;display:grid}.contact-plan{gap:14px;display:grid}.contact-plan h2{letter-spacing:-.035em;max-width:340px;margin:0;font-size:clamp(28px,2.6vw,40px);line-height:1.06}.contact-plan p:not(.label){max-width:330px;color:var(--muted);margin:0;font-size:15px;line-height:1.55}.contact-plan .button{justify-self:start;margin-top:4px}.contact-method,.availability-list{border-top:1px solid var(--line);gap:6px;padding-top:22px;display:grid}.contact-method span{color:var(--muted);font-size:13px}.contact-method strong{letter-spacing:-.02em;font-size:22px}.availability-list dl{gap:10px;margin:6px 0 0;display:grid}.availability-list div{justify-content:space-between;gap:18px;font-size:14px;display:flex}.availability-list dd{margin:0;font-weight:600}.contact-form{border:1px solid var(--line);background:#f5f2ed73;border-radius:32px;gap:18px;padding:34px;display:grid}.contact-form h2{letter-spacing:-.025em;margin:0 0 8px;font-size:30px}.contact-form label{gap:10px;font-size:13px;font-weight:600;display:grid}.form-honeypot{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--black);background:0 0;border-radius:12px;font-size:15px}.contact-form input{min-height:50px;padding:0 18px}.contact-form textarea{resize:vertical;min-height:128px;padding:16px 18px}.contact-form fieldset{border:0;margin:0;padding:0}.contact-form legend{margin-bottom:18px;font-size:13px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{border:1px solid var(--line);min-height:44px;color:var(--black);background:0 0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600}.chips .selected{border-color:var(--black);background:var(--black);color:var(--cream)}.form-actions{justify-content:space-between;align-items:center;gap:24px;display:flex}.form-actions span{color:var(--muted);font-size:13px}.form-actions button{background:var(--black);min-height:50px;color:var(--cream);border:0;border-radius:999px;padding:16px 28px;font-size:15px;font-weight:600}.back-link{padding:24px var(--gutter);color:var(--muted);font-size:14px;font-weight:600;display:block}.case-hero{padding:40px var(--gutter) 64px}.tag-row{flex-wrap:wrap;gap:12px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);letter-spacing:1.5px;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}.case-hero h1{letter-spacing:-.04em;margin:40px 0 28px;font-size:clamp(72px,10vw,144px);line-height:.96}.case-hero p{max-width:880px;font-size:22px;line-height:1.45}.case-browser-section{padding:0 var(--gutter) 80px}.case-browser-shell{width:min(100%, var(--content));background:#ede3d6;border-radius:24px;min-height:720px;margin:0 auto;padding:48px 64px}.vesper-hero-mockup{background:#ede3d6;border-radius:14px;height:596px;position:relative;overflow:hidden}.vesper-hero-mockup .browser{border:1px solid var(--line);background:#ffffffe0;border-radius:14px;position:absolute;inset:28px}.vesper-hero-mockup .window-dots{position:absolute;top:20px;left:20px}.vesper-hero-mockup strong{position:absolute;top:54px;left:30px}.nav-lines{gap:20px;display:flex;position:absolute;top:60px;right:64px}.nav-lines span{background:#0a0a0a29;border-radius:999px;width:42px;height:6px}.nav-lines span:last-child{width:64px}.vesper-hero-mockup .mock-eyebrow{top:108px;left:30px}.vesper-hero-mockup h2{letter-spacing:-.035em;margin:0;font-size:clamp(38px,4vw,51px);line-height:.96;position:absolute;top:142px;left:30px}.vesper-hero-mockup .body{width:min(494px,100% - 60px);color:var(--muted);font-size:15px;line-height:1.45;position:absolute;top:318px;left:30px}.small-button{background:var(--black);color:#fff;border-radius:999px;padding:10px 20px;font-size:11px;font-weight:700;position:absolute;top:400px;left:30px}.menu-panel{border:1px solid var(--line);background:var(--cream);border-radius:12px;width:306px;height:286px;position:absolute;top:115px;right:124px}.menu-panel .cup{width:106px;height:106px;position:absolute;top:54px;left:94px}.menu-panel .line{background:#0a0a0a24;border-radius:999px;height:6px;position:absolute;left:58px}.menu-panel .long{background:#0a0a0a3d;width:188px;height:8px;top:167px}.menu-panel .short{width:153px;top:203px}.menu-panel .wider{width:212px;top:233px}.menu-panel.gallery .cup,.menu-panel.product-grid .cup,.menu-panel.bakery .cup,.menu-panel.brewery .cup,.menu-panel.jewelry .cup{border-radius:10px}.menu-panel.gallery .cup{background:#d8d5cf;width:226px;height:132px;top:38px;left:40px}.menu-panel.gallery .long{width:170px;top:198px;left:40px}.menu-panel.gallery .short{width:120px;top:226px;left:40px}.menu-panel.gallery .wider{background:#0a0a0a2e;width:54px;height:132px;top:38px;left:212px}.menu-panel.product-grid .cup,.menu-panel.jewelry .cup,.menu-panel.bakery .cup,.menu-panel.brewery .cup{width:86px;height:86px;top:42px;left:42px}.menu-panel.product-grid .cup{background:#dbe0d4}.menu-panel.jewelry .cup{background:#f2e8de;border-radius:50%}.menu-panel.bakery .cup{background:#d9c79e}.menu-panel.brewery .cup{background:#292e38}.menu-panel.product-grid .long,.menu-panel.jewelry .long,.menu-panel.bakery .long,.menu-panel.brewery .long{border-radius:10px;width:86px;height:86px;top:42px;left:168px}.menu-panel.product-grid .short,.menu-panel.jewelry .short,.menu-panel.bakery .short,.menu-panel.brewery .short{border-radius:10px;width:86px;height:86px;top:164px;left:42px}.menu-panel.product-grid .wider,.menu-panel.jewelry .wider,.menu-panel.bakery .wider,.menu-panel.brewery .wider{border-radius:10px;width:86px;height:86px;top:164px;left:168px}.menu-panel.brewery .line{background:#d9c79eb8}.reservation{border:1px solid var(--line);background:#fff;border-radius:10px;width:400px;height:72px;position:absolute;bottom:44px;right:64px}.reservation span{background:var(--black);border-radius:999px;width:141px;height:16px;position:absolute;top:21px;right:47px}.case-split{grid-template-columns:minmax(0,740px) 360px;align-items:start;gap:180px;display:grid}.case-copy p{font-size:19px;line-height:1.45}.case-copy p:first-of-type{color:var(--black)}.case-copy p:last-of-type{color:var(--muted)}.meta-card{border:1px solid var(--line);border-radius:var(--radius);gap:24px;padding:32px;display:grid}.meta-card div+div{border-top:1px solid var(--line);padding-top:24px}.meta-card span{color:var(--muted);letter-spacing:1.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.meta-card p{margin:0;font-size:15px}.challenge{grid-template-columns:360px 1fr;gap:200px;display:grid}.challenge h2,.case-section-title{letter-spacing:-.025em;margin:20px 0 0;font-size:36px;line-height:1.1}.challenge-copy{gap:24px;font-size:17px;line-height:1.65;display:grid}.challenge-copy p{margin:0}.challenge-copy div{gap:14px;display:flex}.challenge-copy strong{color:var(--accent);flex:none}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px;display:grid}.choice-card{border-radius:var(--radius);background:var(--cream);padding:32px}.choice-card span{color:var(--muted);letter-spacing:1.5px;font-size:13px}.choice-card h3{letter-spacing:-.02em;margin:20px 0;font-size:26px}.choice-card p{color:var(--muted);font-size:15px;line-height:1.6}.case-image-grid{padding:80px var(--gutter)}.case-grid-label{width:min(100%, var(--content));color:#0a0a0a6b;text-align:center;background:#ede3d6;border-radius:999px;height:17px;margin:0 auto 20px;font-size:12px;font-weight:600;line-height:17px}.case-grid-cards{width:min(100%, var(--content));grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 auto;display:grid}.case-visual{border-radius:var(--radius);height:380px;position:relative;overflow:hidden}.case-visual.before{background:var(--green);color:var(--cream)}.case-visual.after{color:var(--cream);background:#c75733}.case-visual>p{color:#f5f2ed8c;text-align:center;margin:25px 0 0;font-weight:600}.case-visual>div{background:#ffffff1a;border-radius:8px;position:absolute;inset:62px 58px}.case-visual.after>div{color:var(--black);background:#ffffffeb;inset:80px 88px}.case-visual strong{font-size:25px;line-height:.96;position:absolute;top:70px;left:34px}.case-visual span{background:#fff3;border-radius:999px;height:7px;position:absolute;left:34px}.case-visual span:first-of-type{width:min(290px,100% - 68px);top:128px}.case-visual span:nth-of-type(2){width:min(190px,100% - 68px);top:154px}.case-visual small{text-align:center;width:100%;position:absolute;bottom:-24px}.case-visual.after span{background:var(--black);width:112px;top:150px}.metrics{background:var(--black);color:var(--cream)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:60px;margin-top:56px;display:grid}.metric strong{letter-spacing:-.03em;margin-bottom:12px;font-size:64px;line-height:1;display:block}.metric span{color:var(--warm);font-size:14px}.note-section h2{letter-spacing:-.02em;max-width:1100px;margin:32px 0;font-size:32px;line-height:1.3}.accent-label{color:var(--accent)}.gold-label{color:var(--gold)}.case-note-author{color:var(--muted);font-size:14px}.next-case{padding:80px var(--gutter);background:var(--green);color:var(--cream);display:block}.next-case div{width:min(100%, var(--content));margin:0 auto}.next-case h2{color:var(--cream);letter-spacing:-.035em;justify-content:space-between;align-items:center;margin:32px 0;font-size:clamp(56px,7.5vw,96px);line-height:1;display:flex}.next-case h2 span{color:var(--gold);font-size:64px}.next-case p{color:var(--warm)}@media (max-width:1050px){.site-header{flex-wrap:nowrap;align-items:center;gap:20px;min-height:96px}.nav-links{gap:clamp(18px,3vw,32px);overflow-x:visible}.site-header .button.sm{padding-inline:18px}.home-hero{min-height:auto;padding-top:clamp(28px,4vw,44px);padding-bottom:52px}.home-hero-inner{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:center;gap:clamp(16px,2.5vw,28px);width:100%;max-width:100%}.home-hero h1{max-width:540px;margin-top:24px;margin-bottom:22px;font-size:clamp(40px,5.3vw,52px);line-height:1.04}.home-hero .lede{max-width:460px;font-size:17px;line-height:1.58}.hero-actions{margin-top:28px}.approach-line{flex-wrap:wrap;gap:10px 14px;margin-top:30px;padding-top:20px}.hero-scene{width:100%;height:clamp(300px,38vw,400px);min-height:300px;margin:0}.split-heading,.work-heading,.dark-cta-grid,.service-row,.footer-top,.contact-section,.case-split,.challenge,.about-story,.faq-grid,.legal-content{grid-template-columns:1fr;gap:40px;display:grid}.legal-summary{position:static}.service-cards,.project-grid,.process-grid,.value-grid,.team-grid,.case-grid-cards,.choice-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-card,.contact-card,.contact-info,.cta-copy,.studio-illustration{width:100%;min-width:0;max-width:100%}.cta-copy,.cta-copy p,.cta-copy blockquote,.contact-card{overflow-wrap:anywhere}.proposal{flex-wrap:wrap}.case-browser-shell{min-height:auto;padding:24px}.vesper-hero-mockup{height:480px}.menu-panel,.reservation{display:none}.footer-columns{flex-wrap:wrap;gap:40px}}@media (max-width:900px){.project-grid{grid-template-columns:1fr}.work-heading .button,.split-heading .button{justify-self:start}}@media (max-width:720px){:root{--gutter:20px}.site-header{flex-wrap:wrap;align-items:flex-start;gap:12px 20px;min-height:0;padding-top:24px}.nav-links{scrollbar-width:none;order:3;justify-content:flex-start;gap:18px;width:100%;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.site-header .button{display:none}.hero,.hero.compact,.section,.service-row,.dark-cta,.manifest,.case-hero,.case-image-grid,.next-case{padding-top:72px;padding-bottom:72px}.home-hero{align-items:center;padding-top:36px;padding-bottom:64px}.home-hero-inner{grid-template-columns:minmax(300px,1fr) minmax(240px,.85fr);gap:16px}.hero-copy{max-width:100%}.hero-scene{justify-self:end;height:300px;min-height:290px;margin:0}.hero h1,.page-title,.home-hero h1,.case-hero h1{letter-spacing:-.04em;font-size:clamp(48px,15vw,68px)}.home-hero h1{letter-spacing:-.032em;max-width:100%;font-size:clamp(38px,6vw,44px);line-height:1.06}.home-hero .lede{max-width:100%;font-size:16px;line-height:1.6}.home-hero .hero-actions{gap:10px;margin-top:24px}.home-hero .button{padding:16px 22px;font-size:14px}.home-hero .approach-line{margin-top:26px;padding-top:18px;font-size:13px}.contact-hero .page-title{font-size:clamp(44px,13vw,54px)}.dark-cta h2,.service-copy h2,.split-heading h2,.work-heading h2,.manifest h2,.faq-intro h2,.next-case h2{font-size:clamp(40px,12vw,54px)}.service-cards,.project-grid,.process-grid,.value-grid,.team-grid,.case-grid-cards,.choice-grid,.metric-grid{grid-template-columns:1fr}.project-preview{min-height:360px;padding:24px}.mini-mockup{height:180px}.editorial .line{width:auto;left:56%;right:0}.studio .mock-headline{font-size:20px;top:122px;left:56%;right:18px}.nav-lines{gap:10px;right:30px}.nav-lines span{width:28px;height:5px}.nav-lines span:last-child{width:42px}.vesper-hero-mockup .body{font-size:14px;top:300px}.project-preview h3{white-space:normal}.form-row,.footer-bottom{grid-template-columns:1fr;display:grid}.legal-links,.form-actions,.project-meta{flex-direction:column;align-items:flex-start}.contact-form{padding:24px}.studio-illustration,.portrait,.case-visual{height:340px}.faq-intro,.faq-list{width:100%;min-width:0}.faq-question{white-space:normal}}@media (max-width:600px){.home-hero{align-items:flex-start;padding-top:36px;padding-bottom:64px}.home-hero-inner{grid-template-columns:1fr;gap:22px}.hero-scene{display:none}.home-hero h1{font-size:clamp(44px,13.5vw,56px);line-height:1.08}.home-hero .lede{line-height:1.68}}@media (max-width:380px){.brand{gap:8px;font-size:20px}.brand-mark{width:24px;height:24px}.nav-links{gap:14px;font-size:14px}.hero-scene{height:320px;min-height:300px}.studio .mock-headline{font-size:18px;left:52%}.vesper-hero-mockup .mock-eyebrow,.vesper-hero-mockup h2,.vesper-hero-mockup .body,.small-button{left:24px}.vesper-hero-mockup .body{width:calc(100% - 48px)}}
