:root{--paper:#f8fafc;--ink:#111315;--muted:#626c7b;--line:#e0e7ed;--gutter:clamp(16px,4.17vw,60px);--header-height:72px;--reel-width:clamp(150px,15.1vw,218px);--reel-height:calc(var(--reel-width)*16/9);--pointer-x:0;--pointer-y:0;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}
body{margin:0;background:linear-gradient(120deg,#fbfdff,#fff 44%,#f9fcff);color:var(--ink);font-family:'Inter Tight',Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
button,input,a{-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4{font-weight:650;letter-spacing:-.045em;line-height:1.06;word-spacing:.035em}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
svg{display:block;width:24px;height:24px;flex:none}
button[hidden],[hidden]{display:none!important}
::selection{background:#d4e6f5}
.container{width:calc(100% - var(--gutter)*2);max-width:1320px;margin-inline:auto}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:12px 20px;background:white;transform:translateY(-160%)}
.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #293d54;outline-offset:5px}
.site-header{height:var(--header-height);position:sticky;top:0;z-index:10;background:transparent;transition:background .25s,box-shadow .25s}
.site-header.is-scrolled{background:#f8fbfce8;backdrop-filter:blur(16px);box-shadow:0 1px #cdd9e460}
.header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.brand{width:148px}
.brand img,.footer-brand img{filter:brightness(0)}
.desktop-nav{display:flex;align-items:center;gap:48px;font-size:14px;color:#454f5e}
.desktop-nav a{padding:12px 0;position:relative}
.desktop-nav a::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor;scale:0 1;transform-origin:left;transition:scale .25s}
.desktop-nav a:hover::after{scale:1}
.header-cta{justify-self:end}
.menu-toggle{display:none;width:46px;height:44px;padding:12px;border-radius:12px}
.menu-toggle span{display:block;width:20px;height:1px;background:currentColor;margin:5px 0}
.mobile-menu{position:fixed;inset:var(--header-height) 0 auto;z-index:12;background:#f8fbfcf5;backdrop-filter:blur(18px);padding:24px var(--gutter);border-bottom:1px solid var(--line)}
.mobile-menu a{display:block;padding:10px 0;font-size:28px;letter-spacing:-.035em}
.eyebrow{font-size:11px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;line-height:1.6;color:#505b6a;margin-bottom:9px}
h2{font-size:clamp(36px,3.62vw,52px);letter-spacing:-.055em}
.hero{position:relative;isolation:isolate;padding-bottom:26px;overflow:clip}
.hero::before{content:'';position:absolute;inset:-100px -70px -30px;background:url('assets/concepts/hero-ambient.webp') center 34%/cover;filter:blur(24px) saturate(.22);opacity:.09;z-index:-2}
.hero::after{content:'';position:absolute;inset:-72px 0 0;z-index:-1;background:linear-gradient(120deg,#f9fcff50,#ffffff1a 40%,#ffffffa8 100%),linear-gradient(68deg,transparent 23%,#b4c4d423 24%,transparent 26%,transparent 59%,#b4c4d416 60%,transparent 65%);pointer-events:none}
.hero-layout{display:grid;grid-template-columns:minmax(0,.245fr) minmax(0,.755fr);gap:28px;align-items:center;min-height:474px}
.hero-copy{min-width:0;padding-top:23px}
.hero-eyebrow{margin-bottom:23px;line-height:1.8}
h1{font-size:clamp(49px,5vw,72px);letter-spacing:-.055em;line-height:.99;font-weight:700;white-space:nowrap}
.hero-description{font-size:16px;color:#56616f;line-height:1.48;margin-top:21px;margin-bottom:25px}
.hero-signature{margin-top:38px;color:#5e6d7f;font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.reel-stage{position:relative;min-width:0;width:100%;height:450px;overflow:clip;isolation:isolate}
.reel-track{display:flex;align-items:center;gap:6px;width:100%;height:100%;padding:24px max(12px,calc((100% - var(--reel-width))/2));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:none;touch-action:pan-x pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab}
.reel-track::-webkit-scrollbar{display:none}
.reel-track.is-dragging,.reel-track.is-gliding{cursor:grabbing}
.reel-card{position:relative;flex:0 0 var(--reel-width);width:var(--reel-width);height:var(--reel-height);--distance:0;--depth:0;--curve:0;outline-offset:7px;cursor:pointer;opacity:1;translate:var(--pack-offset,0px) 0}
.reel-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:17px;transform:perspective(1000px) translateY(calc(var(--curve)*2px)) translateZ(calc(var(--curve)*-30px)) rotateY(clamp(-42deg,calc(var(--distance)*-20deg),42deg)) rotateZ(clamp(-3deg,calc(var(--distance)*-1.2deg),3deg)) scale(calc(1 - min(var(--depth),2.4)*.055));transform-origin:center}
.hero-ready .reel-card:not(.is-in-scene){pointer-events:none;visibility:hidden;opacity:0}
.reel-card::after{content:'';position:absolute;left:15%;right:15%;bottom:-16px;height:11px;border-radius:50%;background:#1e344b24;filter:blur(9px);opacity:calc(1 - min(var(--depth),2.4)*.2);pointer-events:none}
.reel-media{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.reel-film .reel-media{object-position:45% center}
.reel-space .reel-media{object-position:54% center}
.reel-social .reel-media{object-position:61% center}
.js body:not(.hero-ready) .reel-card{opacity:0}
.js body.hero-ready .reel-stage{animation:hero-bloom .7s cubic-bezier(.22,1,.36,1) both}
@keyframes hero-bloom{from{opacity:0;translate:0 24px}to{opacity:1;translate:none}}
.hero-copy{animation:copy-arrive .55s cubic-bezier(.22,1,.36,1) both}
@keyframes copy-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:none}}
.section{border-top:1px solid var(--line);padding-top:28px;padding-bottom:28px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:23px}
.section-heading>*{min-width:0}
.section-intro{font-size:16px;color:var(--muted);line-height:1.45;max-width:34ch;padding-bottom:3px}
.text-link{display:inline-flex;gap:20px;align-items:center;padding:10px 0 5px;border:0;border-bottom:1px solid #bfc9d566;background:transparent;font-size:15px;color:#434f60;white-space:nowrap}
.text-link svg{width:20px;height:20px;transition:translate .25s}
.text-link:hover svg{translate:3px 0}
.work-grid{display:grid;grid-template-columns:1.65fr .68fr .9fr;gap:24px;align-items:stretch;height:clamp(310px,29.2vw,420px)}
.project-image{position:relative;display:block;padding:0;border:0;border-radius:10px;background:#e5ebf0;overflow:hidden;width:100%;text-align:left}
.lead-project{aspect-ratio:1.56;min-height:0}
.project-image>img,.craft-image>img,.gastro-grid figure>img,.studio-image>img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.project-image:hover>img{transform:scale(1.025)}
.play-mark{position:absolute;bottom:14px;left:16px;width:46px;height:46px;border:1px solid #fff;border-radius:50%;color:white;background:#1118;display:grid;place-items:center}
.play-mark svg{width:23px;height:23px}
.case-copy{padding:15px 0 0;display:flex;flex-direction:column;align-items:start;gap:19px}
.case-copy h3{font-size:32px;letter-spacing:-.04em}
.case-copy .case-subtitle{margin-top:-11px;color:var(--muted);font-size:14px}
.case-copy h4{font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}
.case-copy div>p{font-size:15px;line-height:1.42;color:var(--muted)}
.case-roles{border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--muted);width:100%;margin-top:auto;white-space:nowrap}
.case-copy .small-button{margin-top:-7px}
.secondary-projects{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0;min-height:0}
.secondary-projects .project-image{min-height:0}
.image-caption{position:absolute;bottom:9px;left:9px;right:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 13px;border-radius:10px;text-align:left}
.image-caption.glass-surface{position:absolute}
.image-caption strong{display:block;font-size:18px;font-weight:550;line-height:1.22;letter-spacing:-.025em}
.image-caption span>span{display:block;font-size:13px;color:#5e6875;line-height:1.35;margin-top:3px}
.round-action{width:36px;height:36px;border-radius:50%;border:1px solid #ffffffb8;background:#ffffff9c;display:grid;place-items:center;padding:7px}
.round-action svg{width:20px;height:20px}
.project-image .image-caption{transition:translate .28s}
.project-image:hover .image-caption{translate:0 -2px}
.project-image:hover .round-action svg{translate:2px -2px}
.craft-heading{display:grid;grid-template-columns:1.6fr .85fr .5fr}
.hand-note{font-family:'Segoe Print','Bradley Hand',cursive;font-size:21px;line-height:1.2;rotate:-8deg;justify-self:end;color:#242c36;padding-bottom:6px}
.craft-grid{display:grid;grid-template-columns:1.04fr .94fr 1.4fr;gap:16px;height:380px}
.craft-image{position:relative;border-radius:9px;overflow:hidden}
.craft-image:first-child>img{object-position:38% center}
.craft-image .image-caption{right:9px}
.craft-image:nth-child(2) .image-caption{right:36px}
.grading-comparison{position:relative;overflow:hidden;border-radius:9px;background:#26301b;isolation:isolate}
.grading-comparison img{width:100%;height:100%;object-fit:cover;object-position:center}
.grade-raw{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.grade-raw img{filter:saturate(.48) contrast(.82) brightness(1.06)}
.grade-divider{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:#ffffffbb;pointer-events:none}
.grade-divider>span{position:absolute;top:50%;left:0;translate:-50% -50%;width:42px;height:42px;border-radius:50%;background:#f8fafcec;box-shadow:0 3px 12px #0003;display:grid;place-items:center;font-size:23px;letter-spacing:3px;color:#142027}
#grading-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.grading-comparison:focus-within{outline:2px solid #293d54;outline-offset:5px}
.grade-labels{position:absolute;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;color:#fff;font-size:17px;text-shadow:0 1px 4px #000a;pointer-events:none}
.grading-demo{position:absolute;top:11px;right:12px;font-size:10px;font-weight:500;color:#fff;padding:3px 7px;border-radius:5px;background:#0004;pointer-events:none}
.services-section{position:relative;overflow:hidden;isolation:isolate;margin-top:0;padding:38px 0 62px}
.service-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;filter:blur(.8px) saturate(.6);scale:1.01;z-index:-2}
.services-section::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#f2f8fcf2,#eaf3f8b8 26%,#eaf3f854 55%,#f8fafc24)}
.services-inner h2{margin-bottom:30px}
.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px;align-items:stretch;padding:0 34px}
.service-card{display:flex;flex-direction:column;align-items:start;text-align:left;min-height:270px;padding:30px 23px 26px;border-radius:18px;position:relative;transform:perspective(700px) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg)) rotateZ(var(--rest-tilt,-.8deg));transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.service-card:nth-child(2){--rest-tilt:1deg}
.service-card:nth-child(3){--rest-tilt:-1deg}
.service-card:nth-child(4){--rest-tilt:1.2deg}
.service-card:nth-child(5){--rest-tilt:-.4deg}
.service-icon{width:76px;height:76px;margin-bottom:22px}
.service-name{font-size:23px;font-weight:600;letter-spacing:-.04em;line-height:1.1;white-space:nowrap}
.service-description{color:#56606d;font-size:16px;line-height:1.42;margin-top:12px;position:relative}
.service-card:hover{transform:perspective(700px) translateY(-5px) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg)) rotateZ(0deg)}
.gastro-section{border-top:0;padding-top:30px}
.gastro-heading{display:grid;grid-template-columns:1.85fr .84fr auto;gap:25px}
.gastro-heading h2{font-size:clamp(30px,3.3vw,48px);white-space:nowrap}
.gastro-heading .section-intro{font-size:15px}
.gastro-grid{display:grid;grid-template-columns:1.37fr .72fr .72fr;gap:21px;height:286px}
.gastro-grid figure{overflow:hidden;border-radius:9px}
.gastro-food>img{object-position:center 58%}
.gastro-copy{padding:24px 7px 0 6px}
.gastro-copy h3{font-size:24px;letter-spacing:-.035em;line-height:1.16}
.gastro-copy>p{font-size:16px;color:var(--muted);line-height:1.45;margin-top:15px}
.gastro-copy ul{list-style:none;padding:0;margin:16px 0 0;font-size:15px;color:#4d5869}
.gastro-copy li{position:relative;padding-left:28px;margin:9px 0}
.gastro-copy li::before{content:'';position:absolute;width:12px;height:7px;left:1px;top:6px;border-left:2px solid #111c26;border-bottom:2px solid #111c26;rotate:-45deg}
.process-section{padding-bottom:32px}
.process-section .section-heading{margin-bottom:28px}
.process-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.process-list li{display:flex;align-items:center;gap:18px;position:relative;min-width:0}
.process-icon{width:66px;height:66px}
.process-list h3{font-size:21px;letter-spacing:-.035em;margin-bottom:7px}
.process-list p{font-size:15px;color:var(--muted);line-height:1.45}
.process-arrow{position:absolute;width:21px;height:21px;right:-19px;top:25px;color:#465468}
.studio-section{display:grid;grid-template-columns:1fr 1.34fr;gap:38px;padding-top:28px}
.studio-copy h2{font-size:clamp(32px,3.25vw,47px);white-space:nowrap}
.studio-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.45;max-width:44ch;margin:20px 0 27px}
.studio-image{overflow:hidden;border-radius:9px;min-height:300px;height:300px}
.studio-image img{object-position:50% 58%}
.contact-section{padding-top:29px;padding-bottom:44px}
.contact-row{display:grid;grid-template-columns:1.2fr 1fr .75fr;gap:32px;align-items:center;margin-top:25px}
.contact-row>p{color:var(--muted);font-size:17px;line-height:1.45}
.contact-row>.glass-button{justify-self:center}
.contact-email{padding-left:28px;border-left:1px solid var(--line);font-size:16px}
.contact-email p{font-size:14px;color:var(--muted);margin-top:3px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding-top:34px;padding-bottom:140px;font-size:12px;color:#626e7e}
.footer-brand{width:136px}
.site-footer nav{display:flex;gap:25px}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.reveal{transition:opacity .6s cubic-bezier(.22,1,.36,1),translate .6s cubic-bezier(.22,1,.36,1)}
.js-ready .reveal:not(.is-visible){opacity:0;translate:0 16px}
.js-ready .reveal.is-visible{opacity:1;translate:none}
.viewer-open{overflow:hidden}
.reel-viewer,.work-viewer{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;z-index:30;color:var(--ink);background:#edf3f9e6;backdrop-filter:blur(18px);overflow:hidden}
dialog:not([open]){display:none}
dialog::backdrop{background:#e4edf6b8}
.viewer-shell,.work-viewer-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;padding:22px max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom))}
.viewer-shell{grid-template-rows:auto minmax(0,1fr) auto}
.viewer-header,.work-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1180px;margin-inline:auto;padding:10px 10px 10px 21px;border-radius:16px}
.viewer-header h2,.work-viewer-toolbar h2{font-size:18px;font-weight:550;letter-spacing:-.025em}
.viewer-header .round-action,.work-viewer-toolbar .round-action,.viewer-controls .round-action{width:44px;height:44px}
.viewer-media,.work-media{min-height:0;display:flex;align-items:center;justify-content:center;width:100%;position:relative}
.viewer-media img,.viewer-media video{max-width:100%;height:100%;max-height:100%;width:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px}
.work-media img,.work-media video{height:auto;width:auto;max-height:100%;max-width:100%;object-fit:contain;border-radius:12px}
.viewer-controls{display:flex;align-items:center;justify-content:center;gap:24px}
.previous-arrow{rotate:180deg}
.work-detail-body{width:min(780px,100%);max-height:100%;overflow:auto;padding:clamp(24px,4vw,56px);border:1px solid #fff;border-radius:24px;background:#ffffffc4;box-shadow:0 15px 60px #233b5614}
.work-detail h3{font-size:36px;margin-bottom:18px}
.work-detail p{color:#546173;line-height:1.6}
.work-detail-intro{font-size:21px}
.work-detail-list{padding-left:20px;margin:24px 0;color:#546173}
.work-detail-list li{margin:12px 0}
.work-detail-cta{margin-top:28px}
.work-overview{display:grid;gap:16px}
.work-overview-item{display:flex;gap:20px;align-items:center;border:1px solid #d4e0e9;border-radius:12px;padding:8px;background:#ffffffa6;text-align:left}
.work-overview-item>img{width:160px;height:100px;object-fit:cover;border-radius:8px}
.work-overview-text strong{display:block;font-size:21px;font-weight:550}
.work-overview-text>span{display:block;color:#667286;font-size:14px;margin-top:4px}
@media(min-width:1600px){.hero-layout{min-height:474px}}
@media(max-width:1199px){.hero-layout{gap:20px;min-height:425px}.reel-stage{height:390px}.hero-copy{padding-top:10px}.hero-description{font-size:14px}.hero-signature{margin-top:27px}.desktop-nav{gap:32px}.brand{width:123px}.service-grid{padding-inline:0;gap:16px}.service-card{padding:24px 18px;min-height:240px}.service-name{font-size:20px}.service-description{font-size:14px}.service-icon{width:66px;height:66px}.craft-grid{height:320px}.work-grid{gap:18px}.case-copy{gap:15px;padding-top:8px}.case-copy h3{font-size:27px}.case-copy div>p{font-size:13px}.case-copy .case-subtitle{font-size:12px}.case-roles{font-size:10px}.gastro-heading{grid-template-columns:1.85fr 1fr auto;gap:16px}.gastro-heading .section-intro{font-size:12px}.gastro-grid{height:255px}.gastro-copy{padding-top:12px}.gastro-copy h3{font-size:21px}.gastro-copy>p,.gastro-copy ul{font-size:14px}.process-list{gap:24px}.process-icon{width:48px;height:48px}.process-list li{gap:12px}.process-list h3{font-size:19px}.process-list p{font-size:13px}.studio-section{gap:25px}.studio-copy>p:not(.eyebrow){font-size:15px}.studio-image{min-height:260px}.hand-note{font-size:17px}.section-intro{font-size:14px}.image-caption strong{font-size:16px}.image-caption span>span{font-size:11px}}
@media(max-width:899px){:root{--header-height:66px;--gutter:28px;--reel-width:clamp(140px,17vw,165px)}.desktop-nav{gap:24px;font-size:12px}.header-inner{gap:15px}.header-cta{font-size:12px!important}.hero-layout{grid-template-columns:.28fr .72fr;gap:16px;min-height:385px}.hero h1{font-size:49px}.hero-description{font-size:12px}.hero-eyebrow{font-size:9px;margin-bottom:19px}.hero-signature{font-size:8px;margin-top:25px}.reel-stage{height:340px}.hero-copy>.glass-button{font-size:12px;min-height:42px;padding-inline:14px;gap:20px}.section-heading{gap:20px}h2{font-size:36px}.work-grid{grid-template-columns:1.5fr .8fr;gap:20px;height:auto}.lead-project{grid-column:1}.case-copy{grid-column:2;grid-row:1}.secondary-projects{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:220px}.craft-heading{grid-template-columns:1.5fr 1fr}.hand-note{display:none}.craft-grid{grid-template-columns:1fr 1fr;height:auto}.craft-image{height:280px}.grading-comparison{grid-column:1/-1;height:330px}.services-section{padding-block:30px 42px}.service-card{padding:21px 13px;min-height:216px}.service-icon{width:55px;height:55px;margin-bottom:20px}.service-name{font-size:17px}.service-description{font-size:12px}.service-grid{gap:12px}.gastro-heading{grid-template-columns:1fr auto}.gastro-heading h2{font-size:35px;white-space:normal}.gastro-heading .section-intro{display:none}.gastro-grid{grid-template-columns:1.2fr .8fr;height:auto}.gastro-grid figure{height:270px}.gastro-copy{grid-column:1/-1;padding:4px 0 0}.gastro-copy>p{max-width:66ch}.gastro-copy ul{display:flex;gap:24px;flex-wrap:wrap}.process-list{grid-template-columns:1fr 1fr;gap:30px}.process-arrow{display:none}.studio-section{grid-template-columns:1fr 1fr}.studio-copy h2{white-space:normal;font-size:35px}.studio-image{min-height:300px}.contact-row{gap:22px;grid-template-columns:1.2fr 1fr}.contact-email{grid-column:1/-1;border-left:0;padding-left:0}.contact-row>p{font-size:15px}.site-footer{font-size:10px;gap:20px;padding-bottom:90px}.site-footer nav{gap:15px}.footer-brand{width:100px}}
@media(max-width:600px){:root{--gutter:20px;--header-height:64px;--reel-width:clamp(124px,39.5vw,154px)}.header-inner{display:flex;justify-content:space-between}.brand{width:114px}.desktop-nav,.header-cta{display:none!important}.menu-toggle{display:block}.hero{padding-bottom:23px}.hero-layout{grid-template-columns:1fr;gap:13px;min-height:0}.hero-copy{padding-top:35px}.hero-eyebrow{font-size:9px;line-height:1.6;margin-bottom:19px}.hero h1{font-size:clamp(43px,11.8vw,55px)}.hero-description{font-size:15px;margin-top:20px;margin-bottom:22px;max-width:35ch}.hero-copy>.glass-button{font-size:13px;min-height:46px;padding-inline:18px;gap:24px}.hero-signature{display:none}.reel-stage{height:calc(var(--reel-height) + 55px);margin-top:10px}.reel-track{gap:2px;padding-block:25px}.reel-frame{transform:perspective(760px) translateZ(calc(var(--curve)*-22px)) rotateY(clamp(-30deg,calc(var(--distance)*-16deg),30deg)) scale(calc(1 - min(var(--depth),1.8)*.40));border-radius:13px}.reel-card::after{bottom:-10px}.section{padding-block:27px}.eyebrow{font-size:9px;margin-bottom:7px}h2{font-size:34px;line-height:1.06}.section-heading{display:block;margin-bottom:20px}.section-heading .text-link{margin-top:10px;font-size:13px;gap:12px}.work-grid{grid-template-columns:1fr;gap:19px}.lead-project{grid-column:1;aspect-ratio:1.42}.case-copy{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px 17px;padding:0}.case-copy h3,.case-copy .case-subtitle{grid-column:1/-1}.case-copy h3{font-size:27px}.case-copy .case-subtitle{font-size:13px;margin-top:-9px}.case-copy h4{font-size:14px}.case-copy div>p{font-size:13px}.case-roles{font-size:10px;padding-top:12px;white-space:normal;margin-top:0;align-self:start}.case-copy .small-button{margin-top:0;justify-self:end;align-self:start}.secondary-projects{grid-column:1;gap:12px;grid-template-rows:180px}.image-caption{left:6px;right:6px;bottom:6px;padding:8px;border-radius:8px}.image-caption strong{font-size:14px}.image-caption span>span{font-size:10px;line-height:1.3}.secondary-projects .image-caption>.round-action{display:none}.play-mark{width:38px;height:38px;bottom:12px;left:12px}.craft-heading .section-intro{margin-top:13px;font-size:14px}.craft-grid{gap:12px}.craft-image{height:224px}.craft-image:nth-child(2) .image-caption{right:6px}.craft-image .image-caption strong{font-size:14px}.craft-image .image-caption span>span{font-size:10px}.grading-comparison{height:260px}.grade-labels{left:15px;right:15px;bottom:14px;font-size:14px}.grade-divider>span{width:36px;height:36px;font-size:20px}.services-section{padding:29px 0 35px}.services-inner h2{font-size:34px;margin-bottom:22px}.service-grid{grid-template-columns:1fr 1fr;gap:14px;padding:0 4px}.service-card{min-height:215px;padding:23px 18px 20px;--rest-tilt:0deg!important}.service-icon{width:60px;height:60px;margin-bottom:17px}.service-name{font-size:20px}.service-description{font-size:14px;margin-top:10px}.service-card:last-child{grid-column:1/-1;min-height:130px;display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto;align-items:center;gap:3px 18px;padding:22px}.service-card:last-child .service-icon{grid-row:1/3;margin:0}.service-card:last-child .service-description{margin-top:0}.gastro-heading{display:block}.gastro-heading h2{font-size:34px}.gastro-heading .small-button{margin-top:14px}.gastro-grid{grid-template-columns:1.25fr .75fr;gap:12px}.gastro-grid figure{height:200px}.gastro-copy{padding:7px 0 0}.gastro-copy h3{font-size:23px}.gastro-copy>p{font-size:15px;margin-top:12px}.gastro-copy ul{display:block;font-size:14px;margin-top:13px}.process-section .section-heading{margin-bottom:23px}.process-section .section-intro{margin-top:13px;font-size:14px}.process-list{grid-template-columns:1fr;gap:0;padding-left:4px}.process-list li{padding:0 0 24px;gap:24px;min-height:99px}.process-list li:last-child{padding-bottom:0}.process-list li:not(:last-child)::after{content:'';position:absolute;left:28px;top:65px;bottom:7px;width:1px;background:#b8c9d8}.process-icon{width:58px;height:58px}.process-list h3{font-size:21px}.process-list p{font-size:14px}.studio-section{grid-template-columns:1fr;gap:22px}.studio-copy h2{font-size:34px}.studio-copy>p:not(.eyebrow){font-size:15px;max-width:40ch;margin:17px 0 21px}.studio-image{min-height:0;height:225px}.contact-section h2{font-size:34px}.contact-row{grid-template-columns:1fr;gap:22px;margin-top:22px}.contact-row>p{font-size:15px}.contact-row>.glass-button{justify-self:start}.contact-email{padding-top:20px;border-top:1px solid var(--line);font-size:15px}.contact-email p{font-size:13px}.site-footer{flex-wrap:wrap;gap:24px;padding-top:27px;padding-bottom:65px;font-size:11px}.footer-brand{width:112px}.site-footer nav{flex-wrap:wrap;gap:14px 20px;order:3;width:100%;font-size:12px}.site-footer>p{font-size:10px;margin-left:auto}.viewer-shell,.work-viewer-shell{padding:12px 14px max(18px,env(safe-area-inset-bottom));gap:15px}.viewer-header,.work-viewer-toolbar{padding-left:13px;gap:12px}.viewer-header h2,.work-viewer-toolbar h2{font-size:15px}.work-detail-body{padding:25px 20px}.work-detail h3{font-size:29px}.work-detail-intro{font-size:18px}.work-overview-item{gap:13px}.work-overview-item>img{width:100px;height:84px}.work-overview-text strong{font-size:17px}.work-overview-text>span{font-size:12px}}
@media(max-width:359px){:root{--gutter:16px}.hero-copy{padding-top:27px}.hero-description{font-size:13px}.hero h1{font-size:43px}.secondary-projects{grid-template-rows:155px}.service-card{padding:20px 14px}.service-name{font-size:18px}.service-description{font-size:12px}.craft-image{height:194px}.gastro-grid figure{height:180px}}
@media(min-width:601px) and (max-width:899px){.hero-layout{grid-template-columns:1fr;gap:20px;padding-top:25px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding-top:0}.hero-eyebrow{grid-column:1;grid-row:1}.hero-copy h1{grid-column:1;grid-row:2;font-size:60px}.hero-description{grid-column:2;grid-row:1;font-size:15px;margin-top:0;margin-bottom:20px;align-self:end}.hero-copy>.glass-button{grid-column:2;grid-row:2;justify-self:start;align-self:start}.hero-signature{display:none}.reel-stage{height:350px}.hero{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-ready .reveal:not(.is-visible){opacity:1;translate:none}.reel-card::after{display:none}}

/* Optical web material inspired by Apple's Liquid Glass principles.
   Real backdrop sampling + edge lensing on capable desktop browsers.
   Native Apple APIs are not used; all controls keep solid accessible fallbacks. */
.glass-surface{--glare-x:28%;--glare-y:8%;--glass-blur:12px;position:relative;isolation:isolate;border:1px solid #ffffffbd;background:linear-gradient(145deg,#ffffff4a,#e8f1f619 58%,#ffffff3d);backdrop-filter:blur(var(--glass-blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.35);box-shadow:inset 0 1px 1px #fff,inset 1px 0 1px #ffffff75,inset 0 -1px 2px #243b562b,0 2px 4px #263e5010,0 14px 28px -18px #20375070}
.glass-surface::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(ellipse at var(--glare-x) var(--glare-y),#ffffffa0,transparent 55%),linear-gradient(135deg,#ffffff28,transparent 34%,#b8d0e520 75%,#ffffff36);pointer-events:none;opacity:.65;transition:opacity .25s}
.glass-surface::after{content:'';position:absolute;inset:2px;border:1px solid #ffffff61;border-top-color:#ffffffd6;border-bottom-color:#48607a24;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 1px #fff5}
.glass-refraction-ready .glass-surface{backdrop-filter:url('#liquid-glass-pane') blur(var(--glass-blur)) saturate(1.35)}
.glass-button{--glass-blur:10px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:10px 16px 10px 23px;border-radius:999px;font-size:16px;line-height:1.25;white-space:nowrap;font-weight:500;text-align:left;background:linear-gradient(145deg,#ffffff68,#eff6fa25 56%,#ffffff46);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 3px #536d8536,0 3px 5px -2px #28435f18,0 13px 25px -15px #20394f69;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.glass-button>svg{width:31px;height:31px;padding:7px;border-radius:50%;border:1px solid #ffffffc7;background:linear-gradient(145deg,#ffffff75,#d7e9f527);box-shadow:inset 0 1px 1px #fff,0 2px 5px #26445b14;transition:translate .25s}
.glass-button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 4px #536d8536,0 4px 7px -2px #28435f18,0 19px 28px -15px #20394f70}
.glass-button:hover::before{opacity:1}
.glass-button:hover>svg{translate:1px -1px}
.glass-button:active{transform:translateY(1px) scale(.985)}
.header-cta{min-height:46px;padding:8px 11px 8px 20px;font-size:14px;gap:20px}
.header-cta>svg{width:29px;height:29px}
.small-button{min-height:43px;padding:7px 9px 7px 15px;font-size:13px;gap:17px}
.small-button>svg{width:27px;height:27px;padding:6px}
.desktop-nav.glass-surface{padding:0 26px;gap:36px;border-radius:999px;--glass-blur:14px;font-size:13px;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #3c526522,0 9px 18px -15px #1d374f48;background:#ffffff24}
.desktop-nav a{padding-block:12px}
.desktop-nav a::after{left:8px;right:8px;bottom:7px}
.project-image,.craft-image,.gastro-grid figure,.studio-image{border:1px solid #ffffffaa;border-radius:13px;box-shadow:0 2px 4px #20354b10,0 18px 35px -28px #112b4657}
[data-depth]{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1100px) rotateY(var(--tilt-x)) rotateX(var(--tilt-y));transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.project-image:hover{box-shadow:0 5px 8px #20354b18,0 23px 38px -25px #112b465a}
.image-caption.glass-surface{position:absolute;--glass-blur:9px;background:linear-gradient(145deg,#ffffff9c,#eef7ff70);border-radius:12px;border-color:#ffffffad;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #314b661f,0 6px 13px #152e461f}
.image-caption.glass-surface::before{opacity:.28}.image-caption.glass-surface::after{border-color:transparent;border-top-color:#ffffff75;box-shadow:none}
.image-caption strong{font-weight:550}
.image-caption span>span{color:#455365}
.round-action{background:linear-gradient(145deg,#ffffffaf,#daeaf64f);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #25425a20,0 3px 7px #1f3d5116;transition:transform .2s,box-shadow .2s}
button.round-action:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff,0 5px 10px #1f3d5124}
.service-card{--glass-blur:6px;border:1px solid #ffffffb8;background:linear-gradient(145deg,#ffffff38,#eaf4fa12 46%,#ffffff66);border-radius:24px;box-shadow:inset 1px 1px 1px #ffffffe8,inset -1px -1px 2px #2e465c2b,1px 2px 0 #dce8f064,0 6px 9px -5px #14314930,0 23px 29px -15px #102d4b5c}
.service-card::before{background:radial-gradient(ellipse at var(--glare-x) var(--glare-y),#ffffff8c,transparent 44%),linear-gradient(180deg,#ffffff0a 20%,#ffffff54 64%,#ffffff66);opacity:.7}
.service-card::after{inset:2px;border:1px solid transparent;border-top-color:#ffffff9c;border-left-color:#ffffff61;border-bottom-color:#233e5926;box-shadow:none}
.service-card:hover{box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 2px #2e465c2b,1px 2px 0 #dce8f064,0 8px 12px -5px #14314940,0 30px 37px -15px #102d4b61}
.service-icon{width:86px;height:86px;margin-bottom:18px;filter:drop-shadow(0 4px 3px #2840572a);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.service-card:hover .service-icon{transform:translateY(-3px)}
.service-name,.service-description{position:relative;z-index:1}
.service-description{color:#435366}
.process-icon{width:66px;height:66px;filter:drop-shadow(0 2px 1px #2b405917)}
.reel-frame{padding:4px;border:1px solid #ffffffc9;background:linear-gradient(130deg,#ffffff8c,#c5d8e43b 24%,#fcffff47 55%,#617e934b 86%,#ffffffbd);box-shadow:0 3px 5px -2px #1f384355,0 20px 25px -12px #19304470,inset 1px 1px 1px #fff,inset -1px -2px 3px #3e586c5c}
.reel-frame>.reel-media{border-radius:11px}
.reel-frame::before{content:'';position:absolute;inset:1px;border-radius:15px;border:1px solid #ffffffc9;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #29465c54;z-index:3;pointer-events:none}
.reel-frame::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;background:linear-gradient(calc(116deg + var(--scene-x,0)*12deg),#ffffff22,transparent 13%,transparent 85%,#ffffff37);pointer-events:none}
.glass-edge{position:absolute;z-index:2;pointer-events:none;backdrop-filter:blur(1px) saturate(1.45);-webkit-backdrop-filter:blur(1px) saturate(1.45);background:linear-gradient(135deg,#ffffffb0,#ffffff1a 38%,#4c6d872d 76%,#fffc)}
.edge-left{left:0;top:0;bottom:0;width:6px}.edge-right{right:0;top:0;bottom:0;width:6px}.edge-top{left:0;right:0;top:0;height:6px}.edge-bottom{left:0;right:0;bottom:0;height:6px}
.glass-refraction-ready .edge-left,.glass-refraction-ready .edge-right{backdrop-filter:url('#glass-lens-x') blur(.6px) saturate(1.45)}
.glass-refraction-ready .edge-top,.glass-refraction-ready .edge-bottom{backdrop-filter:url('#glass-lens-y') blur(.6px) saturate(1.45)}
.hero::after{translate:calc(var(--scene-x,0)*7px) calc(var(--scene-y,0)*4px);transition:translate .35s cubic-bezier(.22,1,.36,1)}
.viewer-header,.work-viewer-toolbar{background:#ffffff5e;border-radius:999px}
.work-detail-body{background:linear-gradient(135deg,#ffffffb8,#f6fafccb);border-radius:28px;box-shadow:inset 0 1px 1px white,0 35px 90px -35px #17395655;backdrop-filter:blur(18px)}
@media(min-width:1024px){.hero-copy{padding-top:63px}.hero-signature{margin-top:28px}.reel-track{padding-top:12px;padding-bottom:52px}}
@media(min-width:1024px) and (hover:hover) and (prefers-reduced-motion:no-preference){.reel-frame{-webkit-box-reflect:below 1px linear-gradient(transparent calc(100% - 38px),#ffffff08)}.work-detail-body{animation:glass-materialize .4s cubic-bezier(.22,1,.36,1) both}.js body.hero-ready .reel-card{animation:reel-arrive .75s .1s cubic-bezier(.22,1,.36,1) backwards}.js body.hero-ready .reel-card[data-reel="brand"],.js body.hero-ready .reel-card[data-reel="space"]{animation-delay:.16s}.js body.hero-ready .reel-card[data-reel="film"],.js body.hero-ready .reel-card[data-reel="social"]{animation-delay:.22s}@keyframes glass-materialize{from{opacity:0;transform:translateY(12px) scale(.982)}to{opacity:1;transform:none}}@keyframes reel-arrive{from{transform:translateY(24px) rotateX(7deg) scale(.96)}to{transform:none}}}
@media(max-width:1199px){.desktop-nav.glass-surface{padding-inline:22px;gap:27px}.service-icon{width:73px;height:73px}.service-card{border-radius:21px}}
@media(max-width:899px){.desktop-nav.glass-surface{padding-inline:18px;gap:20px;font-size:12px}.service-icon{width:60px;height:60px}.process-icon{width:48px;height:48px}}
@media(max-width:600px){.glass-button{font-size:14px;min-height:48px;padding:8px 12px 8px 19px;gap:22px}.small-button{font-size:12px;min-height:40px;padding:6px 8px 6px 14px;gap:13px}.glass-button>svg{width:30px;height:30px}.small-button>svg{width:26px;height:26px}.service-card{--glass-blur:10px;background:linear-gradient(145deg,#ffffff90,#f4f9fd4f 60%,#ffffff7a);box-shadow:inset 1px 1px 2px #fff,inset -1px -2px 3px #2e465c35,1px 2px 0 #dce8f0ae,0 12px 18px -12px #102d4b50}.service-icon{width:65px;height:65px;margin-bottom:12px}.image-caption{--glass-blur:9px}.process-icon{width:58px;height:58px}.reel-frame{padding:3px}.reel-frame>.reel-media{border-radius:8px}.reel-frame::before{border-radius:11px}.edge-left,.edge-right{width:4px}.edge-top,.edge-bottom{height:4px}[data-depth]{transform:none}.viewer-header,.work-viewer-toolbar{border-radius:20px}.project-image,.craft-image,.gastro-grid figure,.studio-image{box-shadow:0 8px 15px -13px #112b4647}}
@supports not (backdrop-filter:blur(1px)){.glass-surface{background:#f4f8fbed}.service-card{background:#f3f8fbe0}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass-surface{background:#f7fafc;border-color:#adbac5;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-surface::before{display:none}.glass-edge{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.service-description,.image-caption span>span{color:#3e4957}}
@media(prefers-reduced-motion:reduce){[data-depth],.hero::after{transform:none;translate:none}.reel-frame{-webkit-box-reflect:initial}.glass-refraction-ready .glass-surface{backdrop-filter:blur(var(--glass-blur))}.glass-refraction-ready .glass-edge{backdrop-filter:none}}

/* V12: optical slabs and an editorial, deliberately spaced composition. */
:root{--reel-width:clamp(146px,14.7vw,211px)}
.hero{padding-bottom:56px}.hero-layout{min-height:520px}
.reel-frame{--slab-depth:18px;overflow:visible;transform-style:preserve-3d;padding:7px;border-radius:23px;border:1px solid #ffffffb8;background:linear-gradient(118deg,#ffffff70,#afcfde40 22%,#e4f7ff0d 50%,#719aaa40 85%,#ffffff88);box-shadow:inset 1px 1px 1px #fff,inset -1px -2px 2px #6c89916e,0 4px 4px -2px #17353d4d,0 24px 26px -17px #132b4669;transform:perspective(1000px) translateY(calc(var(--curve)*2px)) translateZ(calc(var(--curve)*-30px)) rotateY(clamp(-42deg,calc(var(--distance)*-20deg),42deg)) rotateZ(clamp(-3deg,calc(var(--distance)*-1.2deg),3deg)) rotateX(5deg) scale(calc(1 - min(var(--depth),2.4)*.055));-webkit-box-reflect:initial}
.reel-frame>.reel-media{border-radius:15px;transform:translateZ(1px);outline:1px solid #405a6c33;outline-offset:0}
.reel-frame::before{inset:0;z-index:auto;transform:translateZ(calc(var(--slab-depth)*-1));border-radius:23px;border:1px solid #7d9facad;background:linear-gradient(128deg,#e5f7ff6b,#9eb9c94f 40%,#e9f6fc80);box-shadow:inset 1px 1px 1px #fff,inset -1px -2px 2px #69869575,0 1px 1px #ffffffd6}
.reel-frame::after{inset:1px;transform:translateZ(3px);border:1px solid #ffffffc7;box-shadow:inset 2px 0 1px #ffffff96,inset -1px -2px 2px #243f482e;border-radius:22px;background:linear-gradient(calc(114deg + var(--scene-x,0)*9deg),#fff5,transparent 12%,transparent 78%,#ffffff12 90%,#fff7)}
.glass-edge{z-index:auto;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #eafaffbf;background:linear-gradient(90deg,#d5ebf7cc,#ffffffa8 18%,#7898a6a8 48%,#e4f9ffb5 72%,#668694ad);box-shadow:inset 0 1px 1px #fff;backface-visibility:visible}
.edge-left{left:0;top:20px;bottom:20px;width:var(--slab-depth);height:auto;transform-origin:left center;transform:rotateY(90deg)}
.edge-right{left:auto;right:0;top:20px;bottom:20px;width:var(--slab-depth);height:auto;transform-origin:right center;transform:rotateY(-90deg)}
.edge-top{left:20px;right:20px;top:0;width:auto;height:var(--slab-depth);transform-origin:center top;transform:rotateX(-90deg);background:linear-gradient(#fff,#c0d9e4a1,#eafaffdc)}
.edge-bottom{left:20px;right:20px;bottom:0;top:auto;width:auto;height:var(--slab-depth);transform-origin:center bottom;transform:rotateX(90deg);background:linear-gradient(#bad2dfd9,#6b8c99b0,#e8f8ffcc)}
.reel-card::after{left:9%;right:9%;height:13px;bottom:-23px;background:#24475c2b;filter:blur(12px);transform:translateY(calc(var(--curve)*-7px))}
.section{padding-block:88px;border-top:0}.section-heading{margin-bottom:44px;gap:48px}
.work-grid{position:relative;isolation:isolate;grid-template-columns:1.38fr 1fr;gap:54px 64px;height:auto;align-items:center}
.work-grid::before{content:'';position:absolute;z-index:-1;left:-24px;top:28px;width:58%;height:440px;border-radius:42px;background:linear-gradient(150deg,#e8f0f67a,#f5f8fb24);transform:rotate(-2deg);pointer-events:none}
.project-image,.craft-image,.gastro-grid figure,.studio-image{padding:7px;border:1px solid #fff;border-radius:22px;background:linear-gradient(145deg,#ffffffb3,#dce8f05e);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #829eb442,0 3px 5px #253e5012,0 27px 46px -23px #183e5b61}
.project-image>img,.craft-image>img,.gastro-grid figure>img,.studio-image>img{border-radius:15px}
[data-depth]{transform:perspective(1400px) rotateY(calc(var(--rest-y,0deg) + var(--tilt-x,0deg))) rotateX(calc(var(--rest-x,0deg) + var(--tilt-y,0deg)))}
.lead-project{grid-column:1;aspect-ratio:1.42;--rest-y:-3deg;--rest-x:1deg}
.case-copy{grid-column:2;grid-row:1;padding:0 12px 0 0;gap:24px;max-width:385px}.case-copy h3{font-size:38px}.case-copy div>p{font-size:16px;line-height:1.55}.case-copy .case-roles{margin-top:5px;padding-top:20px}.case-copy .small-button{margin-top:0}
.secondary-projects{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:64px;padding:12px 48px 0 94px;align-items:start}
.secondary-projects .project-image{height:300px;--rest-y:2deg;--rest-x:.5deg}.secondary-projects .project-image:last-child{margin-top:72px;height:340px;--rest-y:-2deg}
.image-caption{left:18px;right:18px;bottom:18px;padding:13px 13px 13px 17px}.craft-image .image-caption,.craft-image:nth-child(2) .image-caption{right:18px}
.image-caption.glass-surface{border-radius:14px;box-shadow:inset 0 1px 1px #fff,0 8px 19px #102b4530}
.play-mark{left:25px;bottom:25px;background:#ecf5fb3d;backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px #fff9,0 6px 17px #122a3c3b}
.craft-grid{gap:28px;height:456px;align-items:start}.craft-image:first-child{height:376px;--rest-y:2deg}.craft-image:nth-child(2){height:316px;margin-top:92px;--rest-y:-2deg}.grading-comparison{height:396px;margin-top:25px;border:1px solid #fff;border-radius:20px;box-shadow:0 24px 48px -26px #19395177}
.services-section{padding-block:82px 100px;margin-block:12px}.services-inner h2{margin-bottom:50px}.service-card{min-height:294px;padding-top:38px}.service-grid{gap:24px}
.gastro-grid{height:435px;grid-template-columns:1.37fr .8fr .88fr;gap:34px;align-items:start}.gastro-food{height:360px;rotate:-1deg}.gastro-print{height:298px;margin-top:96px;rotate:2deg}.gastro-copy{align-self:center;padding:0 0 0 10px}.gastro-copy>p{line-height:1.6}.gastro-copy li{margin:14px 0}
.process-section .section-heading{margin-bottom:55px}.process-list{gap:38px;padding-block:14px 20px}.process-list li{gap:22px}.process-list p{line-height:1.6}
.studio-section{align-items:center;gap:74px;padding-block:88px 112px}.studio-image{height:386px;--rest-y:-3deg;--rest-x:1deg}.studio-copy>p:not(.eyebrow){line-height:1.65;margin-block:26px 32px}
.contact-section{border-top:1px solid var(--line);padding-block:88px 100px}.contact-section h2{font-size:clamp(40px,4.5vw,65px)}.contact-row{margin-top:42px}.site-footer{padding-top:38px;padding-bottom:90px}
@media(max-width:1199px){.section{padding-block:70px}.work-grid{gap:42px}.case-copy h3{font-size:32px}.case-copy div>p{font-size:14px}.secondary-projects{padding-left:46px;padding-right:20px;gap:38px}.secondary-projects .project-image{height:260px}.secondary-projects .project-image:last-child{height:290px;margin-top:56px}.work-grid::before{height:350px}.service-grid{gap:17px}.service-card{min-height:268px;padding-top:28px}.craft-grid{height:410px;gap:22px}.craft-image:first-child{height:345px}.craft-image:nth-child(2){height:286px;margin-top:72px}.grading-comparison{height:350px}.gastro-grid{gap:24px;height:370px}.gastro-food{height:315px}.gastro-print{height:265px;margin-top:70px}.studio-section{gap:45px}.studio-image{height:330px}}
@media(max-width:899px){.hero-layout{min-height:0}.section{padding-block:60px}.section-heading{margin-bottom:32px}.work-grid{grid-template-columns:1.35fr 1fr;gap:32px}.case-copy{gap:17px}.case-copy h3{font-size:28px}.case-copy div>p{font-size:13px}.secondary-projects{padding:12px 15px 0;gap:30px}.secondary-projects .project-image{height:250px}.secondary-projects .project-image:last-child{height:270px;margin-top:38px}.work-grid::before{height:320px;left:-12px}.craft-grid{height:auto;gap:24px}.craft-image:first-child{height:300px}.craft-image:nth-child(2){height:270px;margin-top:42px}.grading-comparison{height:340px;margin-top:22px}.services-section{padding-block:60px 70px}.services-inner h2{margin-bottom:36px}.service-grid{gap:12px}.service-card{min-height:235px;padding-top:26px}.gastro-grid{height:auto;gap:25px}.gastro-grid figure{height:290px}.gastro-print{margin-top:45px}.gastro-copy{padding:15px 0 0}.studio-section{gap:28px}.studio-image{height:310px}.contact-row{margin-top:30px}}
@media(max-width:600px){.hero{padding-bottom:42px}.hero-layout{min-height:0}.reel-frame{--slab-depth:12px;padding:6px;border-radius:18px;transform:perspective(760px) translateZ(calc(var(--curve)*-22px)) rotateY(clamp(-30deg,calc(var(--distance)*-16deg),30deg)) rotateX(4deg) scale(calc(1 - min(var(--depth),1.8)*.40))}.reel-frame>.reel-media{border-radius:12px}.reel-frame::before{border-radius:18px}.reel-frame::after{border-radius:17px}.edge-left,.edge-right{width:var(--slab-depth);top:15px;bottom:15px}.edge-top,.edge-bottom{height:var(--slab-depth);left:15px;right:15px}.reel-card::after{bottom:-15px;height:10px;filter:blur(8px);transform:translateY(calc(min(var(--depth),1.8)*-55px)) scaleX(calc(1 - min(var(--depth),1.8)*.4))}.section{padding-block:48px}.section-heading{margin-bottom:27px}.work-grid{grid-template-columns:1fr;gap:30px}.work-grid::before{left:-8px;top:25px;width:95%;height:235px;border-radius:26px}.lead-project{aspect-ratio:1.3}.case-copy{grid-column:1;grid-row:auto;padding:0;gap:20px;max-width:none}.case-copy h3{font-size:29px}.case-copy div>p{font-size:14px}.case-copy .case-roles{margin-top:0;padding-top:15px}.secondary-projects{grid-column:1;grid-template-columns:1fr;grid-template-rows:auto;padding:8px 0 0;gap:28px}.secondary-projects .project-image{width:94%;height:244px}.secondary-projects .project-image:last-child{width:94%;height:254px;margin-top:0;justify-self:end}.project-image,.craft-image,.gastro-grid figure,.studio-image{padding:5px;border-radius:18px;box-shadow:inset 0 1px 1px #fff,0 18px 28px -20px #183e5b75}.project-image>img,.craft-image>img,.gastro-grid figure>img,.studio-image>img{border-radius:12px}[data-depth]{transform:none}.image-caption{left:13px;right:13px;bottom:13px;padding:11px}.image-caption strong{font-size:16px}.image-caption span>span{font-size:11px}.secondary-projects .image-caption>.round-action{display:grid}.craft-grid{gap:16px}.craft-image:first-child{height:238px}.craft-image:nth-child(2){height:211px;margin-top:39px}.craft-image .image-caption,.craft-image:nth-child(2) .image-caption{left:10px;right:10px;bottom:10px;padding:9px}.craft-image .image-caption strong{font-size:14px}.craft-image .image-caption span>span{font-size:10px}.grading-comparison{height:265px;margin-top:20px;border-radius:16px}.services-section{padding-block:51px 60px;margin-block:10px}.services-inner h2{margin-bottom:32px}.service-grid{gap:18px 14px}.service-card{min-height:215px;padding-top:25px}.service-card:last-child{min-height:138px}.gastro-grid{gap:18px}.gastro-grid figure{height:235px}.gastro-print{margin-top:40px}.gastro-copy{padding-top:22px}.process-section .section-heading{margin-bottom:35px}.process-list{padding-top:8px;padding-bottom:0;gap:0}.process-list li{padding-bottom:32px}.process-list li:not(:last-child)::after{bottom:13px}.studio-section{gap:30px}.studio-image{height:254px;min-height:0}.studio-copy>p:not(.eyebrow){margin-block:22px 26px}.contact-section{padding-block:56px 64px}.contact-section h2{font-size:39px}.contact-row{gap:29px}.site-footer{padding-block:32px 60px}}
@media(max-width:359px){.craft-image:first-child{height:216px}.craft-image:nth-child(2){height:190px}.gastro-grid figure{height:208px}.secondary-projects .project-image{height:218px}.secondary-projects .project-image:last-child{height:232px}}
@media(prefers-reduced-motion:reduce){[data-depth]{transform:none}}
@media(min-width:601px) and (max-width:899px){:root{--reel-width:clamp(136px,17vw,161px)}}
@media(max-width:600px){:root{--reel-width:clamp(118px,37.8vw,148px)}}

/* A shared studio environment, quiet content surfaces, optical controls. */
.hero{min-height:calc(100svh - var(--header-height));display:grid;align-items:center;padding:0 0 40px;background:linear-gradient(112deg,#fcfcfb 17%,#eef0ef 40%,#cbd2d5 73%,#a8b4bc);isolation:isolate}
.hero::before{inset:0;filter:none;opacity:1;background:linear-gradient(118deg,transparent 38%,#ffffff42 38.2%,#ffffffa3 42%,transparent 43%),linear-gradient(62deg,transparent 55%,#ffffff12 55.3%,#ffffff8c 63%,transparent 63.4%),radial-gradient(ellipse at 75% 4%,#fff 0,#ffffff90 14%,transparent 42%);z-index:-2}
.hero::after{inset:auto 0 0;height:35%;background:radial-gradient(ellipse at 71% 12%,#fff 0,#ffffff9e 35%,transparent 64%),linear-gradient(180deg,#d8e0e25e,#f8fafbe8 44%,#fff);transform:perspective(900px) rotateX(0deg);translate:none;z-index:-1;border-top:1px solid #ffffff59}
.hero-layout{min-height:calc(100svh - var(--header-height) - 40px);align-items:center;position:relative;z-index:1}
.hero-copy{padding-top:0;position:relative;z-index:2}.hero-eyebrow{letter-spacing:.22em}.hero-description{color:#3f4b54}.hero-signature{margin-top:36px;color:#4c5a65}
.reel-stage{height:clamp(440px,66svh,700px);overflow:clip}.reel-track{padding-top:24px;padding-bottom:85px}
.reel-stage::before{content:'';position:absolute;left:4%;right:1%;top:calc(50% + var(--reel-height)/2 - 28px);height:100px;background:radial-gradient(ellipse at 50% 30%,#ffffffd9,transparent 64%);transform:rotate(-6deg);filter:blur(5px);z-index:-1;pointer-events:none}
.reel-stage::after{content:'';position:absolute;left:2%;right:2%;top:calc(50% + var(--reel-height)/2 + 3px);height:26px;border-radius:50%;border-top:1px solid #ffffffd4;box-shadow:0 -3px 9px #ffffff94;transform:rotate(-8deg);z-index:-1;pointer-events:none}
.reel-frame{border-color:#f4ffffbd;background:linear-gradient(116deg,#ffffffba 0,#d5effb26 15%,#fff0 42%,#31546942 85%,#ffffffb3);box-shadow:inset 1px 1px 1px #fff,inset -1px -2px 2px #284b6099,0 1px 2px #2648555c,0 23px 26px -18px #122f4569}
.reel-frame::before{border-color:#436777a3;background:linear-gradient(125deg,#fff7,#a4c4d344 35%,#d9f0f889);box-shadow:inset 1px 1px 1px white,inset -1px -1px 1px #35586d96,0 1px 1px #fff}
.reel-frame::after{border-color:#ffffff70;box-shadow:inset 1px 0 1px #fff,inset -1px -2px 2px #1737475c;background:linear-gradient(calc(113deg + var(--scene-x,0)*18deg),#ffffffa3,transparent 9%,transparent 83%,#ffffff0a 94%,#ffffff9c)}
.glass-edge{background:linear-gradient(90deg,#dcf6ff85,#ffffffdb 12%,#6485955c 42%,#bddbe95c 80%,#34546696);border-color:#e9fcff94}
.edge-top{background:linear-gradient(#ffffffd6,#c3dce754,#f5fdffdb)}.edge-bottom{background:linear-gradient(#daeffab3,#45667580,#eafcffdb)}
.reel-frame>.reel-media{-webkit-box-reflect:below 19px linear-gradient(transparent calc(100% - 70px),#ffffff30)}
.reel-card::after{background:#213c4e47;filter:blur(13px);bottom:-21px}
.hero-scroll{position:absolute;bottom:28px;left:50%;translate:-50% 0;z-index:2;display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.08em;color:#475762;padding:9px 14px}
.hero-scroll span{width:1px;height:27px;background:linear-gradient(#788d9c18,#637d8e)}
.glass-button{--glass-blur:6px;background:linear-gradient(145deg,#ffffff59,#eff8ff1c 65%,#ffffff4f);border-color:#ffffffe0;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #25435736,0 9px 21px -12px #173c5375}
.glass-button::after{border-color:transparent;border-top-color:#ffffff8c;box-shadow:none}.glass-button>svg{background:#ffffff17;border-color:#ffffff75;box-shadow:inset 0 1px 1px #fff5}
.desktop-nav.glass-surface{background:#ffffff1c;box-shadow:inset 0 1px 1px #fff,0 7px 20px -14px #173c535c}.desktop-nav.glass-surface::after{border-color:transparent;border-top-color:#fff8}
.project-image,.craft-image,.gastro-grid figure,.studio-image{padding:0;border:0;background:transparent;border-radius:14px;box-shadow:0 2px 3px #162e3e12,0 24px 35px -25px #16374b78}
.project-image>img,.craft-image>img,.gastro-grid figure>img,.studio-image>img{border-radius:14px}
.image-caption.glass-surface{--glass-blur:5px;color:#fff;background:linear-gradient(125deg,#1424308c,#15232cb3);border:1px solid #ffffff59;border-radius:16px;box-shadow:inset 0 1px 1px #fff8,0 8px 17px #112d4724;text-shadow:0 1px 3px #0815214d}
.image-caption.glass-surface::before{background:radial-gradient(ellipse at var(--glare-x) var(--glare-y),#ffffff59,transparent 65%);opacity:.35}.image-caption.glass-surface::after{border:0;box-shadow:inset 0 1px #fff3;inset:1px}
.image-caption span>span{color:#f4f8fb}.image-caption .round-action{color:#fff;background:#ffffff19;border-color:#ffffff7a;box-shadow:inset 0 1px 1px #fff5}
.work-grid{max-width:1160px;margin-inline:auto;grid-template-columns:1fr 1fr;gap:36px 64px}.work-grid::before{left:4%;right:4%;width:auto;top:26px;height:530px;background:radial-gradient(ellipse at 50% 65%,#cad8e661,transparent 74%);transform:none;border-radius:50%;filter:blur(12px)}
.lead-project{grid-column:1/-1;aspect-ratio:2.05;--rest-x:0deg;--rest-y:0deg;isolation:isolate;border-radius:19px;padding:4px;border:1px solid #ffffffe0;background:linear-gradient(145deg,#ffffff8c,#9bb2c84a);box-shadow:inset 0 1px 1px white,0 28px 55px -28px #15364c80}
.lead-project>img{border-radius:15px;object-position:center 57%}.lead-project::after{content:'';position:absolute;inset:4px;border-radius:15px;background:linear-gradient(transparent 50%,#09182496);z-index:0;pointer-events:none}
.film-label{position:absolute;left:36px;bottom:35px;z-index:1;color:#fff;text-align:left;text-shadow:0 2px 8px #0003}.film-label>span{font-size:11px;letter-spacing:.17em;text-transform:uppercase}.film-label>strong{display:block;font-size:clamp(26px,3.6vw,49px);line-height:1.1;letter-spacing:-.04em;font-weight:550;margin-top:9px}
.lead-project .play-mark{left:auto;right:34px;bottom:36px;width:62px;height:62px;z-index:1;background:#f4fbff2b;border-color:#ffffffa6;box-shadow:inset 0 1px 1px #fff9,0 6px 21px #142a3d33}
.case-copy{grid-column:1/-1;grid-row:auto;max-width:none;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:17px 42px;padding:10px 6px 12px;align-items:start}.case-copy h3{grid-column:1;grid-row:1;font-size:30px}.case-copy .case-subtitle{grid-column:1;grid-row:2;margin:0;align-self:start}.case-copy>div:first-of-type{grid-column:2;grid-row:1/3}.case-copy>div:nth-of-type(2){grid-column:3;grid-row:1/3}.case-copy h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;margin-bottom:11px;color:#374857}.case-copy div>p{font-size:15px;line-height:1.6}.case-copy .case-roles{grid-column:1/3;grid-row:3;margin:8px 0 0;align-self:center;border-top:0;padding-top:0}.case-copy .small-button{grid-column:3;grid-row:3;justify-self:start}
.secondary-projects{padding-top:34px;gap:64px}.secondary-projects .project-image{height:294px}.secondary-projects .project-image:last-child{height:330px}
.service-card{--glass-blur:3px;background:linear-gradient(150deg,#ffffff25,#eaf4fa0d 42%,#ffffff73);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #294a5e42,0 2px 3px #5c788936,0 23px 29px -18px #122f4b6b}.service-card::before{opacity:.57;background:radial-gradient(ellipse at var(--glare-x) var(--glare-y),#ffffffb8,transparent 38%),linear-gradient(transparent 26%,#ffffff80 65%,#ffffff73)}.service-card::after{border-top-color:#fff;border-left-color:#ffffff4d;border-bottom-color:#153b542e}
.service-name{color:#11191e}.service-description{color:#293c48}.craft-section .section-intro{max-width:34ch}.craft-image:nth-child(2){--rest-y:0deg}.gastro-grid figure{rotate:0deg}.studio-image{--rest-x:0deg;--rest-y:0deg}
.client-proof{border-block:1px solid var(--line);padding-block:55px}.client-proof-logos{display:flex;gap:60px;justify-content:space-between;align-items:center}.client-proof-quotes{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:40px}.client-proof blockquote{margin:0;font-size:26px;line-height:1.4;letter-spacing:-.02em}.client-proof cite{font-style:normal;font-size:13px;display:block;margin-top:22px;color:var(--muted)}
@media(min-width:1800px){.hero-layout{max-width:1580px}.hero h1{font-size:82px}.hero{--reel-width:248px}.reel-stage{height:clamp(540px,70svh,760px)}}
@media(max-width:1199px){.reel-stage{height:clamp(395px,61svh,600px)}.work-grid{gap:30px 40px}.case-copy{gap:17px 26px}.case-copy h3{font-size:28px}.case-copy div>p{font-size:14px}.film-label{left:28px;bottom:28px}.lead-project .play-mark{right:28px;bottom:28px}.work-grid::before{height:400px}.secondary-projects{gap:40px;padding-inline:40px 20px}}
@media(min-width:601px) and (max-width:899px){.hero-layout{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:16px;padding-block:40px 60px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px 36px}.hero-eyebrow{grid-column:1/-1;margin:0}.hero h1{grid-column:1;grid-row:2/4;font-size:60px}.hero-description{grid-column:2;grid-row:2;margin:0;align-self:center;font-size:15px}.hero-copy>.glass-button{grid-column:2;grid-row:3;justify-self:start}.hero-signature{display:none}.reel-stage{height:360px}.reel-track{padding-top:18px;padding-bottom:65px}.reel-stage::before{top:calc(50% + var(--reel-height)/2 - 15px)}.reel-stage::after{top:calc(50% + var(--reel-height)/2 + 5px)}}
@media(max-width:899px){.case-copy{grid-template-columns:1fr 1fr;gap:20px 30px}.case-copy h3{grid-column:1/-1;grid-row:1}.case-copy .case-subtitle{grid-column:1/-1;grid-row:2;margin-top:-10px}.case-copy>div:first-of-type{grid-column:1;grid-row:3}.case-copy>div:nth-of-type(2){grid-column:2;grid-row:3}.case-copy .case-roles{grid-column:1;grid-row:4;font-size:11px;white-space:normal}.case-copy .small-button{grid-column:2;grid-row:4;justify-self:end}.secondary-projects{padding-inline:18px 0;gap:28px}.secondary-projects .project-image{height:238px}.secondary-projects .project-image:last-child{height:268px}.image-caption{padding:12px}.film-label>strong{font-size:32px}}
@media(max-width:600px){.hero{padding-block:18px 34px;min-height:calc(100svh - var(--header-height));background:linear-gradient(127deg,#fafbfa 12%,#edf1f2 43%,#bac8cf 95%)}.hero::before{background:linear-gradient(120deg,transparent 44%,#ffffff80 44.4%,#ffffffd9 49%,transparent 49.5%),radial-gradient(ellipse at 90% 40%,#fff9,transparent 55%)}.hero::after{height:24%;border-top-color:#ffffff59}.hero-layout{min-height:calc(100svh - var(--header-height) - 52px);grid-template-columns:1fr;grid-template-rows:auto auto;align-content:space-evenly;gap:16px;padding:0}.hero-copy{padding:0}.hero-eyebrow{font-size:9px;margin-bottom:13px}.hero h1{font-size:clamp(43px,11.8vw,49px)}.hero-description{font-size:14px;line-height:1.45;margin-top:17px;margin-bottom:19px}.hero-copy>.glass-button{min-height:45px}.reel-stage{height:calc(var(--reel-height) + 66px);margin-top:0}.reel-track{padding-top:18px;padding-bottom:48px}.hero-scroll{bottom:8px;font-size:10px;padding:5px 10px;gap:9px}.hero-scroll span{height:18px}.reel-stage::before{top:calc(50% + var(--reel-height)/2 - 20px);height:50px;filter:blur(3px)}.reel-stage::after{top:calc(50% + var(--reel-height)/2 - 9px);height:18px}.reel-frame>.reel-media{-webkit-box-reflect:initial}.reel-card::after{filter:blur(9px)}.work-grid{grid-template-columns:1fr;gap:26px}.lead-project{aspect-ratio:1.32;padding:3px;border-radius:17px}.lead-project>img{border-radius:13px}.lead-project::after{inset:3px;border-radius:13px}.film-label{left:19px;bottom:23px;max-width:70%}.film-label>span{font-size:8px;letter-spacing:.1em}.film-label>strong{font-size:28px;margin-top:7px;max-width:8ch}.lead-project .play-mark{width:43px;height:43px;right:19px;bottom:25px}.case-copy{padding-inline:0;gap:18px}.case-copy div>p{font-size:14px}.case-copy h4{font-size:10px}.case-copy .case-roles{font-size:10px}.case-copy .small-button{font-size:12px}.secondary-projects{padding:15px 0 0;gap:30px}.secondary-projects .project-image{height:244px}.secondary-projects .project-image:last-child{height:254px}.image-caption.glass-surface{--glass-blur:6px;border-radius:13px}.image-caption span>span{font-size:11px}.image-caption .round-action{width:34px;height:34px}.craft-image .image-caption{padding:9px}.service-card{--glass-blur:7px;background:linear-gradient(150deg,#ffffff61,#ffffff24 42%,#ffffff91)}.client-proof-logos{flex-wrap:wrap;gap:26px}.client-proof-quotes{grid-template-columns:1fr;gap:32px}.client-proof blockquote{font-size:23px}}
@media(max-width:359px){.hero{padding-top:12px}.hero-description{font-size:13px}.hero-eyebrow{margin-bottom:10px}.hero h1{font-size:43px}.hero-layout{gap:10px}.film-label>strong{font-size:25px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.image-caption.glass-surface{background:#172630;color:white}.image-caption span>span{color:white}.glass-button{background:#f7fafc}.service-card{background:#f7fafc}.reel-frame>.reel-media{-webkit-box-reflect:initial}}
@media(prefers-reduced-motion:reduce){.reel-frame>.reel-media{-webkit-box-reflect:initial}.hero::after{transform:none}}

/* V14: panoramic reel stage with the editorial text row underneath. */
.hero{--reel-width:clamp(160px,min(20vw,28svh),300px);--reel-height:calc(var(--reel-width)*16/9);padding:0 0 52px}
.hero-layout{max-width:1580px;min-height:calc(100svh - var(--header-height) - 52px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;align-content:stretch;padding:0}
.reel-stage{grid-row:1;height:100%;min-height:calc(var(--reel-height) + 90px);margin:0}
.reel-track{padding-top:25px;padding-bottom:65px;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain}
.hero-copy{grid-row:2;display:grid;grid-template-columns:1fr minmax(290px,410px);grid-template-rows:auto auto;gap:20px 60px;align-items:start;padding:0 24px 10px;animation:none}
.hero-copy .hero-eyebrow,.hero-copy .hero-signature{display:none}
.hero h1{grid-column:1;grid-row:1/3;font-size:clamp(58px,6vw,88px);line-height:.98}
.hero-description{grid-column:2;grid-row:1;max-width:40ch;margin:5px 0 0;font-size:16px;line-height:1.5}
.hero-copy>.glass-button{grid-column:2;grid-row:2;justify-self:start;min-height:49px}
.hero-scroll{bottom:7px;font-size:10px}
.hero-scroll span{height:18px}
@media(min-width:601px){.header-inner>.brand{grid-column:2;grid-row:1;justify-self:center}.header-inner>.desktop-nav{grid-column:1;grid-row:1;justify-self:start}.header-inner>.header-cta{grid-column:3;grid-row:1}}
@media(min-width:601px) and (max-width:899px){.hero{--reel-width:clamp(128px,19vw,161px)}.hero-copy{grid-template-columns:1fr 1fr;gap:16px 34px;padding-inline:4px}.hero h1{font-size:60px}.hero-description{font-size:14px}.hero-layout{align-content:stretch}.reel-stage{min-height:calc(var(--reel-height) + 100px)}}
@media(max-width:600px){
  .hero{--reel-width:clamp(118px,37.8vw,168px);padding:0 0 40px}
  .hero-layout{min-height:calc(100svh - var(--header-height) - 40px);grid-template-rows:minmax(0,1fr) auto;gap:8px}
  .reel-stage{min-height:calc(var(--reel-height) + 75px);height:100%}
  .reel-track{padding-block:30px 45px}
  .hero-copy{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:15px;padding:0 0 12px}
  .hero h1{grid-column:1;grid-row:1;font-size:clamp(43px,12.2vw,58px)}
  .hero-description{grid-column:1;grid-row:2;font-size:14px;line-height:1.45;max-width:36ch;margin:0}
  .hero-copy>.glass-button{grid-column:1;grid-row:3;min-height:45px;font-size:13px}
  .reel-card.is-near{will-change:translate}
  .reel-card.is-near .reel-frame{will-change:transform}
  /* Rasterize the small glass face once; moving backdrop samples and multiple
     extruded layers are reserved for the larger desktop presentation. */
  .reel-frame{transform-style:flat;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:inset 2px 2px 2px #fff,inset -3px -2px 2px #627f91aa,2px 3px 0 #b7cbd5,4px 5px 0 #7893a166,0 12px 18px -10px #18334b80}
  .reel-frame::before,.reel-frame .glass-edge{display:none}
  .reel-frame::after{transform:none;background:linear-gradient(115deg,#fff7,transparent 13%,transparent 85%,#fff8)}
  .reel-frame>.reel-media{transform:none;-webkit-box-reflect:initial}
  .reel-card::after{display:none}
}

/* Shared editorial system: the same type, spacing, image material and controls
   are used on the homepage and every service page. */
:root{--section-space:88px;--image-radius:18px;--display-size:clamp(52px,6.1vw,88px);--body-size:16px}
.site-header{background:#fafcfd8c}.service-nav{position:relative}.service-nav>summary{list-style:none;cursor:pointer;padding:12px 0}.service-nav>summary::-webkit-details-marker{display:none}.service-nav>summary::after{content:'⌄';margin-left:7px;font-size:12px}.service-nav[open]>summary{color:var(--ink)}
.service-dropdown{position:absolute;top:calc(100% + 12px);left:-24px;width:280px;padding:12px;border-radius:22px;display:grid;gap:2px;background:#f4f8fbf2!important;--glass-blur:16px;z-index:15}.service-dropdown a{padding:11px 14px!important;border-radius:12px;font-size:15px}.service-dropdown a:hover,.service-dropdown a[aria-current=page]{background:#e0eaf1}.service-dropdown a::after{display:none}
.subpage h1,.legal-page h1,.contact-page h1,.projects-page h1{font-size:var(--display-size);white-space:normal;line-height:1.02;letter-spacing:-.055em;font-weight:650;max-width:10ch}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);padding-block:29px}.breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.breadcrumb span[aria-hidden]{color:#91a1ae}
.service-hero{position:relative;isolation:isolate;overflow:clip;padding-bottom:60px;background:linear-gradient(124deg,#fbfcfc 22%,#e4edf1 68%,#c2d1d9);border-bottom:1px solid #d6e1e880}.service-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(114deg,transparent 42%,#ffffff7d 42.3%,transparent 52%),radial-gradient(ellipse at 75% 100%,white,transparent 68%);pointer-events:none}.service-hero-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:40px;align-items:center;min-height:min(670px,calc(100svh - 170px))}.service-hero-copy{padding:30px 0 55px}.service-hero-copy .eyebrow{margin-bottom:24px}.service-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;color:#4c5e6b;max-width:35ch;margin:26px 0}.service-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.service-hero-actions .text-link{font-size:14px}
.hero-composition{height:570px;position:relative;perspective:1600px;min-width:0;isolation:isolate}.hero-composition::before{content:'';position:absolute;bottom:16px;left:3%;right:0;height:90px;background:radial-gradient(ellipse,#7a9dac44,transparent 65%);filter:blur(12px);z-index:-1}.hero-frame{position:absolute;overflow:hidden;padding:5px;border:1px solid #ffffffe8;background:linear-gradient(130deg,#fff,#c4dae26e);border-radius:24px;box-shadow:inset 0 1px 1px white,2px 3px 0 #9eb5c159,0 27px 55px -30px #274755a6;transform:perspective(1500px) rotateY(var(--rest-y,-5deg)) rotateX(var(--rest-x,2deg));transition:transform .6s cubic-bezier(.22,1,.36,1)}.hero-frame img{height:100%;width:100%;object-fit:cover;border-radius:19px}.hero-frame:first-child{width:91%;height:64%;right:0;top:55px;--rest-y:-5deg}.hero-frame:nth-child(2){width:34%;height:43%;left:0;bottom:30px;--rest-y:8deg}.hero-frame:nth-child(3){width:27%;height:33%;right:8%;bottom:8px;--rest-y:-8deg}
.composition-photo .hero-frame:first-child{width:50%;height:78%;left:26%;top:25px;z-index:2;--rest-y:0deg}.composition-photo .hero-frame:nth-child(2){width:38%;height:57%;left:0;bottom:85px;--rest-y:9deg}.composition-photo .hero-frame:nth-child(3){width:35%;height:56%;right:-1%;bottom:45px;--rest-y:-10deg}
.composition-design .hero-frame:first-child{top:68px;width:87%;height:59%;right:3%;--rest-y:-8deg}.composition-design .hero-frame:nth-child(2){width:50%;height:45%;left:-4%;bottom:12px;--rest-y:8deg}.composition-design .hero-frame:nth-child(3){width:31%;height:36%;right:0;bottom:8px;--rest-y:-8deg}
.composition-space .hero-frame:first-child{width:100%;height:73%;top:60px;--rest-y:-3deg}.composition-space .hero-frame:nth-child(2){width:40%;height:41%;bottom:4px;left:-2%;--rest-y:7deg}.composition-space .hero-frame:nth-child(3){display:none}
.composition-social .hero-frame:first-child{width:42%;height:75%;right:29%;top:35px;z-index:2;--rest-y:0deg}.composition-social .hero-frame:nth-child(2){width:36%;height:66%;left:-2%;bottom:60px;--rest-y:12deg}.composition-social .hero-frame:nth-child(3){width:35%;height:66%;right:-1%;bottom:33px;--rest-y:-12deg}
.service-marker{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:20px;padding:17px 23px;border-radius:18px;color:#344d5b;font-size:13px;background:#ffffff58;--glass-blur:6px}.service-marker>span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#586e7a}.marker-items{display:flex;gap:28px;flex-wrap:wrap}.marker-items strong{font-weight:500}.marker-items strong:first-child{position:relative}.marker-items strong:first-child::after{content:'';position:absolute;left:-3px;right:-3px;bottom:-5px;height:3px;background:#86a4b6;border-radius:3px;transform-origin:left;animation:marker-reveal .8s .4s both}@keyframes marker-reveal{from{scale:0 1}to{scale:1}}
.page-section{padding-block:var(--section-space)}.page-section+.page-section{padding-top:28px}.page-section .section-heading{margin-bottom:40px}.gallery-pair{display:grid;grid-template-columns:1.25fr .85fr;gap:48px;align-items:start}.gallery-pair .gallery-item:nth-child(2){padding-top:75px}.gallery-item{min-width:0}.gallery-image{display:block;position:relative;width:100%;padding:4px;border:1px solid #fff;border-radius:var(--image-radius);background:#e3edf3;box-shadow:0 24px 35px -26px #24485882;overflow:hidden;aspect-ratio:1.55}.gallery-image>img{height:100%;object-fit:cover;border-radius:calc(var(--image-radius) - 4px);transition:scale .5s}.gallery-image:hover>img{scale:1.025}.gallery-image>.image-caption{left:16px;right:16px;bottom:16px}.gallery-meta{display:flex;justify-content:space-between;gap:18px;padding:17px 4px;color:#4d606d;font-size:13px}.gallery-meta strong{font-weight:550;font-size:17px;color:var(--ink)}.gallery-meta span{padding-top:3px;text-align:right}
.offer-section{background:linear-gradient(110deg,#edf4f8,#f9fbfd);border-block:1px solid #dbe6ee;padding:65px 0}.offer-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.offer-layout h2{max-width:10ch}.offer-intro{max-width:32ch;margin-top:25px;color:var(--muted)}.offer-list{display:grid;gap:0}.offer-list details{padding:23px 0;border-bottom:1px solid #bfd0dd8c}.offer-list details:first-child{padding-top:0}.offer-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:25px;font-weight:550;letter-spacing:-.03em;cursor:pointer}.offer-list summary::-webkit-details-marker{display:none}.offer-list summary::after{content:'+';font-weight:400;font-size:27px;color:#567485}.offer-list details[open] summary::after{content:'−'}.offer-list details p{margin-top:17px;max-width:44ch;color:#536775;line-height:1.65}
.service-process{display:grid;grid-template-columns:1.04fr .96fr;gap:65px;align-items:center}.process-picture{aspect-ratio:1.3;position:relative;overflow:hidden;border-radius:var(--image-radius);box-shadow:0 23px 38px -28px #24475880}.process-picture img{height:100%;object-fit:cover}.service-process h2{max-width:11ch}.service-process ol{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:24px}.service-process li{display:grid;grid-template-columns:44px 1fr;gap:17px;align-items:start}.service-process .process-icon{width:38px;height:38px}.service-process h3{font-size:21px;margin:1px 0 7px}.service-process p{color:#5b6e7b;font-size:15px;max-width:35ch;line-height:1.55}
.faq-section{max-width:1000px}.faq-section h2{margin-bottom:35px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{font-size:21px;letter-spacing:-.02em;cursor:pointer;display:flex;justify-content:space-between;gap:24px;list-style:none}.faq-list summary::after{content:'+';color:#647b8b}.faq-list details[open] summary::after{content:'−'}.faq-list p{font-size:16px;max-width:70ch;line-height:1.65;margin-top:16px;color:var(--muted)}
.project-cta{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;padding:55px 60px;margin-bottom:80px;border-radius:27px;background:linear-gradient(125deg,#eaf3f8,#d2e2ec80 55%,#f8fafc);border:1px solid white;box-shadow:inset 0 1px white,0 20px 38px -30px #17446088}.project-cta h2{max-width:15ch}.project-cta p{margin-top:15px;color:#506674;max-width:45ch}.related-services{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:14px}.related-services a{border-bottom:1px solid #a3b8c4;padding-bottom:4px}
.projects-intro{padding:44px 0 60px;display:grid;grid-template-columns:1fr .75fr;gap:55px;align-items:end}.projects-intro>p{max-width:39ch;color:var(--muted);font-size:17px;line-height:1.6}.project-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:38px}.project-filter{min-height:42px;padding:9px 19px;border-radius:999px;border:1px solid #d4e1e9;background:#f4f8fb;color:#415b6c;font-size:13px}.project-filter[aria-pressed=true]{background:#263d4b;color:#fff;border-color:#263d4b}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 48px}.projects-grid .gallery-item:nth-child(even){padding-top:70px}.projects-grid .gallery-image{aspect-ratio:1.3}.projects-grid .gallery-item:first-child{grid-column:1/-1;padding-top:0}.projects-grid .gallery-item:first-child .gallery-image{aspect-ratio:2.05}.project-empty{color:var(--muted);padding:30px 0}.project-context{font-size:13px;line-height:1.6;color:var(--muted);max-width:75ch;margin:35px 0 0}
.legal-layout{display:grid;grid-template-columns:.5fr 1fr;gap:90px;align-items:start;padding-block:40px 100px}.legal-layout h1{font-size:clamp(40px,4.4vw,62px);overflow-wrap:anywhere}.legal-toc{margin-top:35px;display:grid;gap:15px;font-size:14px;color:var(--muted)}.legal-copy{max-width:75ch;color:#50616f}.legal-copy section{margin-bottom:38px;scroll-margin-top:100px}.legal-copy h2{font-size:26px;color:var(--ink);margin-bottom:16px;line-height:1.2}.legal-copy p{margin-bottom:15px;font-size:16px;line-height:1.7}.legal-copy a{color:#253f50;text-decoration:underline;text-underline-offset:3px}.legal-copy address{font-style:normal;line-height:1.8}.legal-date{font-size:12px;color:var(--muted);margin-top:28px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;padding-block:40px 95px;align-items:start}.contact-layout .contact-intro>p{margin-block:28px;line-height:1.65;color:var(--muted);max-width:33ch}.contact-details{margin-top:45px;display:grid;gap:24px}.contact-details a{font-size:20px;letter-spacing:-.025em}.contact-details p{font-size:13px;color:var(--muted);margin-top:6px}.contact-form{padding:35px;border-radius:25px;background:linear-gradient(140deg,#fff9,#e8f2f64d);border:1px solid white;box-shadow:inset 0 1px white,0 25px 50px -38px #1f485f80}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-field{display:grid;gap:9px;margin-bottom:23px;font-size:14px}.form-field input,.form-field textarea,.form-field select{width:100%;font:inherit;color:var(--ink);padding:13px 15px;border-radius:12px;border:1px solid #cbdce6;background:#f9fcfde8;min-height:49px}.form-field textarea{resize:vertical;min-height:160px;line-height:1.5}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:2px solid #8cacbf;outline-offset:2px}.form-hint{font-size:12px;line-height:1.65;color:var(--muted);margin-bottom:25px}.form-hint a{text-decoration:underline;text-underline-offset:3px}.form-status{font-size:14px;line-height:1.6;margin-top:20px;max-width:55ch}.form-status[data-state=error]{color:#84313c}.form-status[data-state=success]{color:#2e604c}.contact-form button:disabled{opacity:.55;cursor:wait}.contact-fallback{display:block;margin-top:23px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(min-width:1800px){.service-hero-grid{max-width:1420px;margin-inline:auto}.hero-composition{height:650px}}
@media(max-width:1199px){.service-hero-grid{gap:28px}.hero-composition{height:480px}.service-hero-copy>p:not(.eyebrow){font-size:16px}.offer-layout{gap:55px}.service-process{gap:40px}.contact-layout{gap:45px}.legal-layout{gap:45px}}
@media(max-width:899px){:root{--section-space:60px}.service-hero-grid{grid-template-columns:1fr 1fr;min-height:550px}.service-hero-copy{padding-bottom:20px}.subpage h1{font-size:58px}.hero-composition{height:400px}.hero-frame:first-child{top:55px}.service-hero-copy>p:not(.eyebrow){font-size:15px}.service-hero-actions{gap:15px}.service-hero-actions .glass-button{font-size:14px;min-height:48px;padding-left:17px;gap:15px}.service-marker{align-items:start;gap:20px}.marker-items{gap:15px}.gallery-pair{gap:28px}.gallery-pair .gallery-item:nth-child(2){padding-top:45px}.offer-layout{gap:40px}.offer-list summary{font-size:22px}.service-process{gap:30px}.project-cta{padding:40px 30px}.projects-intro{gap:35px}.projects-grid{gap:30px}.legal-layout{grid-template-columns:1fr;gap:40px}.legal-toc{display:flex;flex-wrap:wrap;gap:12px 24px}.contact-layout{grid-template-columns:.75fr 1.25fr;gap:28px}.contact-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){:root{--section-space:48px;--display-size:clamp(44px,12vw,56px)}.breadcrumb{padding-block:21px;font-size:11px}.service-hero{padding-bottom:30px}.service-hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}.service-hero-copy{padding:14px 0 24px}.service-hero-copy .eyebrow{font-size:9px;margin-bottom:16px}.subpage h1{font-size:var(--display-size);max-width:11ch}.service-hero-copy>p:not(.eyebrow){font-size:15px;margin-block:22px;max-width:37ch}.hero-composition{height:350px;width:100%;margin-top:8px}.hero-frame{border-radius:19px;padding:4px;transform:none;box-shadow:inset 0 1px white,2px 3px 0 #92aebb66,0 16px 25px -15px #24445580}.hero-frame img{border-radius:14px}.hero-frame:first-child{top:12px;height:68%;right:0;width:94%}.hero-frame:nth-child(2){height:46%;width:34%;bottom:0}.hero-frame:nth-child(3){height:36%;bottom:2px}.composition-photo .hero-frame:first-child{height:87%;top:5px}.composition-photo .hero-frame:nth-child(2){bottom:55px}.composition-photo .hero-frame:nth-child(3){bottom:30px;right:0}.composition-design .hero-frame:first-child{top:20px;height:61%;right:0}.composition-design .hero-frame:nth-child(2){left:0;bottom:0}.composition-design .hero-frame:nth-child(3){bottom:0}.composition-space .hero-frame:first-child{height:74%;top:15px}.composition-space .hero-frame:nth-child(2){left:0;bottom:0}.composition-social .hero-frame:first-child{top:5px;height:88%}.composition-social .hero-frame:nth-child(2){left:0;bottom:32px}.composition-social .hero-frame:nth-child(3){right:0;bottom:16px}.service-marker{display:block;padding:15px 17px;margin-top:26px;font-size:12px;border-radius:15px}.service-marker>span{display:block;margin-bottom:11px;font-size:9px}.marker-items{gap:12px 20px}.gallery-pair,.service-process,.offer-layout{grid-template-columns:1fr;gap:30px}.gallery-pair .gallery-item:nth-child(2){padding-top:0}.gallery-image{aspect-ratio:1.3}.gallery-meta{padding-block:13px;font-size:11px}.gallery-meta strong{font-size:16px}.page-section .section-heading{margin-bottom:26px}.offer-section{padding-block:44px}.offer-layout h2{max-width:14ch}.offer-intro{margin-top:18px;font-size:15px;max-width:38ch}.offer-list summary{font-size:23px}.offer-list details p{font-size:15px}.process-picture{aspect-ratio:1.5}.service-process h2{max-width:14ch}.service-process ol{gap:23px;margin-top:27px}.service-process p{max-width:42ch}.faq-section h2{margin-bottom:21px}.faq-list summary{font-size:18px;line-height:1.35}.faq-list p{font-size:15px}.project-cta{grid-template-columns:1fr;padding:32px 25px;gap:25px;margin-bottom:48px;border-radius:21px}.project-cta .glass-button{justify-self:start}.project-cta h2{font-size:34px}.project-cta p{font-size:15px}.related-services{font-size:13px;gap:15px}.projects-intro{grid-template-columns:1fr;gap:25px;padding-block:20px 38px}.projects-intro>p{font-size:15px}.project-filters{gap:9px;margin-bottom:28px}.project-filter{font-size:12px;min-height:40px;padding:9px 14px}.projects-grid{grid-template-columns:1fr;gap:28px}.projects-grid .gallery-item:nth-child(even){padding-top:0}.projects-grid .gallery-item:first-child{grid-column:1}.projects-grid .gallery-item:first-child .gallery-image{aspect-ratio:1.3}.legal-layout{padding-top:20px;padding-bottom:60px;gap:35px}.legal-layout h1{font-size:43px}.legal-toc{font-size:12px;margin-top:25px}.legal-copy h2{font-size:24px}.legal-copy p{font-size:15px}.contact-layout{grid-template-columns:1fr;gap:35px;padding-top:20px;padding-bottom:55px}.contact-details{margin-top:30px;gap:18px}.contact-form{padding:24px 20px}.contact-layout .contact-intro>p{max-width:42ch}.contact-details a{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-frame{transform:none}.marker-items strong:first-child::after{animation:none}}
.service-directory{display:grid;gap:60px}.directory-item{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.directory-item:nth-child(even){grid-template-columns:1fr 1.15fr}.directory-item:nth-child(even) .directory-image{order:2}.directory-image{height:320px;border-radius:var(--image-radius);overflow:hidden;box-shadow:0 24px 36px -27px #294b5e80}.directory-image img{height:100%;object-fit:cover;transition:scale .5s}.directory-item:hover img{scale:1.025}.directory-copy p{max-width:40ch;font-size:16px;line-height:1.6;color:var(--muted);margin:20px 0}.directory-copy .text-link{font-size:14px}
.composition-photo .hero-frame:first-child img,.composition-social .hero-frame:last-child img{object-position:76% center}
@media(prefers-reduced-motion:no-preference){.hero-frame{animation:frame-enter .75s cubic-bezier(.22,1,.36,1) both}.hero-frame:nth-child(2){animation-delay:.08s}.hero-frame:nth-child(3){animation-delay:.16s}@keyframes frame-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:none}}}
@media(max-width:600px){.service-hero-grid{display:grid;grid-template-columns:1fr}.service-hero-copy{display:contents}.service-hero-copy .eyebrow{grid-row:1;margin:14px 0 16px}.service-hero-copy h1{grid-row:2}.service-hero-copy>p:not(.eyebrow){grid-row:4;margin:0 0 22px}.service-hero-actions{grid-row:5}.hero-composition{grid-row:3;height:300px;margin:25px 0 28px}.service-hero-actions .text-link{font-size:13px}.service-hero-actions .glass-button{font-size:13px;gap:16px;padding-left:17px}.service-hero-actions{gap:17px}}
@media(max-width:600px){.service-directory{gap:40px}.directory-item,.directory-item:nth-child(even){grid-template-columns:1fr;gap:24px}.directory-item:nth-child(even) .directory-image{order:0}.directory-image{height:235px}.directory-copy h2{font-size:32px}.directory-copy p{font-size:15px;margin:17px 0}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.service-marker,.contact-form,.service-dropdown{background:#f4f8fb!important;backdrop-filter:none}.service-marker{color:#172e3d}}

.footer-privacy-button{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.footer-privacy-button:hover,.footer-privacy-button:focus-visible{text-decoration:underline;text-underline-offset:4px}
.privacy-notice{--glass-blur:14px;position:fixed;z-index:90;right:24px;bottom:24px;width:min(430px,calc(100vw - 48px));padding:25px 27px 22px;border:1px solid #ffffffed;border-radius:23px;background:linear-gradient(135deg,#ffffffed,#eef5f8e0);color:#253641;box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 2px #6f8b9b38,0 22px 65px -25px #14374d73;font-size:14px;line-height:1.55;animation:privacy-arrive .22s ease-out both}
.privacy-notice[hidden]{display:none!important}
.privacy-notice .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:12px;color:#627783}
.privacy-notice h2{font-size:23px;line-height:1.12;letter-spacing:-.035em;margin-bottom:13px;color:var(--ink)}
.privacy-notice>p:not(.eyebrow){font-size:14px;line-height:1.55;margin:0;max-width:none;color:#4b5c67}
.privacy-notice-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.privacy-notice-links{display:flex;flex-wrap:wrap;gap:11px;font-size:12px}
.privacy-notice-links a{text-decoration:underline;text-underline-offset:3px}
.privacy-dismiss{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:43px;padding:8px 12px 8px 17px;border:1px solid #fff;border-radius:30px;background:linear-gradient(140deg,#ffffffeb,#e1edf38a);color:#17252e;font-size:13px;box-shadow:inset 0 1px 1px #fff,0 5px 12px -7px #2f53676b;white-space:nowrap;cursor:pointer}
.privacy-dismiss svg{width:20px;height:20px}
.privacy-dismiss:hover{background:#fff}
.privacy-notice a:focus-visible,.privacy-dismiss:focus-visible,.footer-privacy-button:focus-visible{outline:2px solid #406577;outline-offset:4px}
.legal-provider-links a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@keyframes privacy-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:600px){.privacy-notice{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:calc(100vw - 32px);padding:22px;border-radius:21px;--glass-blur:8px}.privacy-notice h2{font-size:22px}.privacy-notice-actions{gap:15px;margin-top:18px}.privacy-notice-links{font-size:11px;gap:10px}.privacy-dismiss{gap:11px;padding-left:14px;font-size:12px}.privacy-notice>p:not(.eyebrow){font-size:13px}}
@media(max-height:420px){.privacy-notice{bottom:12px;max-height:calc(100svh - 24px);overflow-y:auto;padding:18px 22px}.privacy-notice h2{font-size:20px;margin-bottom:9px}.privacy-notice .eyebrow{margin-bottom:8px}.privacy-notice-actions{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.privacy-notice{animation:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.privacy-notice{background:#f5f9fb;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#94acbb;box-shadow:0 10px 25px #23445b33}}
