/* /style.css */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/heebo-0.woff2) format('woff2');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/heebo-1.woff2) format('woff2');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/heebo-2.woff2) format('woff2');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/heebo-3.woff2) format('woff2');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/heebo-4.woff2) format('woff2');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/heebo-5.woff2) format('woff2');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/heebo-6.woff2) format('woff2');
}

:root{--bg:#111410;--panel:#1a1e18;--lime:#d6ef76;--text:#f5f5eb;--muted:#a4ad9e;--line:#ffffff21;font-family:Heebo,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}em{font-style:normal;color:var(--lime)}.skip{position:fixed;top:-100px;right:20px;z-index:100;background:var(--lime);color:var(--bg);padding:12px}.skip:focus{top:8px}.header{height:91px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;inset:0 0 auto;border-bottom:1px solid #fff3;background:linear-gradient(#111a,transparent)}.brand{display:flex;flex-direction:column;text-align:center;width:168px}.brand b{font-family:Arial,sans-serif;letter-spacing:-1.8px;font-weight:900;font-size:29px;line-height:1}.brand b span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:3px}.brand small{letter-spacing:5px;font-size:8px;margin-top:7px}.header nav{display:flex;gap:32px;font-size:13px;color:#e5e8df}.header nav a:hover{color:var(--lime)}.header-cta{border:1px solid #fff6;padding:10px 18px;font-size:13px}.header-cta span{margin-right:20px;color:var(--lime)}.menu-toggle{display:none}.hero{height:min(880px,100svh);min-height:700px;position:relative;isolation:isolate;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:35% 51%;position:absolute;inset:0;z-index:-3;transform:scale(1.03);animation:arrive 1.6s ease both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(270deg,#10130ff5 0%,#10130fd9 25%,#10130f38 66%,#10130f42),linear-gradient(0deg,#111410ee,transparent 45%)}.hero-content{padding:177px 7% 100px;max-width:900px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2.3px;font-weight:500;color:var(--muted);line-height:1.6;direction:ltr;text-align:right}.hero .eyebrow{color:#e8ecde;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-direction:row-reverse}.dot{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 15px #d6ef7688}h1{font-size:clamp(68px,6.9vw,108px);line-height:1.02;letter-spacing:-5px;font-weight:800;margin-top:28px;margin-bottom:25px}.hero-copy{font-weight:300;font-size:22px;line-height:1.5;color:#d5dccc}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;gap:25px;justify-content:space-between;align-items:center;padding:16px 24px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.lime{background:var(--lime);color:#172011}.button.lime:hover{background:#e7ffa1}.button.outline{border:1px solid #fff4;background:transparent}.button.outline:hover{background:#fff1}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff40;padding-bottom:6px}.text-link span{color:var(--lime)}.hero-location{font-size:12px;color:#aab39f;margin-top:23px}.hero-location span{padding:0 9px}.hero-caption{position:absolute;left:5%;bottom:140px;display:flex;flex-direction:column;gap:8px;text-shadow:0 1px 10px black;border-left:2px solid var(--lime);padding-left:16px;text-align:left}.hero-caption span{font-size:9px;letter-spacing:2px;color:var(--lime)}.hero-caption b{font-family:Arial,sans-serif;font-size:16px;font-weight:500}.hero-caption small{font-size:8px;letter-spacing:1px}.scroll-note{position:absolute;bottom:30px;right:7%;font-size:11px;display:flex;gap:30px;color:#c5caba}.hero-index{position:absolute;bottom:30px;left:5%;font-size:12px;color:var(--lime)}.hero-index span{font-size:9px;color:var(--muted);letter-spacing:2px;margin-left:14px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;gap:30px;padding:24px 4%;overflow:hidden;white-space:nowrap;color:#dce3d4}.ticker span{font-size:16px;letter-spacing:2px;font-weight:600}.ticker i{font-style:normal;color:var(--lime);font-size:28px}.section{padding:110px 7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:45px}.section-heading>p,.section-heading>div>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9;font-weight:300}.section-heading .text-link{margin-top:20px}h2{font-size:clamp(38px,4vw,61px);line-height:1.1;font-weight:600;letter-spacing:-2px;margin-top:20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{min-height:490px;text-align:right;position:relative;overflow:hidden;padding:30px;isolation:isolate;background:#22291f;display:flex;align-items:flex-end}.service:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11170ff5,#11170f22 90%);z-index:-1}.service img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2;transition:transform .7s,filter .7s;filter:brightness(.7)}.service:hover img{transform:scale(1.05);filter:brightness(.95)}.service-num{position:absolute;top:25px;left:25px;font:11px Arial;border:1px solid #fff5;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.service small{font:9px Arial;letter-spacing:1.4px;color:var(--lime)}.service h3{font-size:34px;margin-top:10px;font-weight:500;letter-spacing:-1px}.service p{color:#bac5b4;font-size:14px;line-height:1.8;margin:12px 0 25px;max-width:270px}.service-link{font-size:12px;border-top:1px solid #fff4;display:block;padding-top:18px;color:#e6eddf}.works{background:#e8eadf;color:#1b2418}.works em{color:#697e3e}.works .eyebrow,.works .section-heading p{color:#697360!important}.works .text-link{border-color:#1b241866}.works .text-link span{color:#50682e}.filters{display:flex;gap:8px;border-bottom:1px solid #23311d2c;padding:0 0 20px;margin-bottom:25px;align-items:center}.filters button{font-size:12px;border:1px solid #253a252a;border-radius:30px;padding:9px 18px}.filters button:hover{background:#d5dcc6}.filters button.active{background:#243320;color:#f0f5e5;border-color:#243320}.filters>span{margin-right:auto;color:#6f796a;font-size:11px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 20px}.project{text-align:right;display:block;min-width:0;padding:0;color:inherit}.project-photo{position:relative;overflow:hidden;aspect-ratio:4/4.4;background:#c7cdbf}.project-photo img{height:100%;width:100%;object-fit:cover;transition:transform .65s}.project:hover img{transform:scale(1.035)}.project-photo .arrow{position:absolute;bottom:14px;left:14px;background:#e8eadfdf;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:23px}.project-photo .play{position:absolute;top:15px;right:15px;background:#111a;border:1px solid #fff6;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:white;font-size:13px}.project-meta{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.project-meta h3{font-size:18px;font-weight:500}.project-meta span{font-size:10px;color:#69745f;white-space:nowrap;margin-top:5px}.project-sub{font-size:12px;color:#707a67;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-more{text-align:center;margin-top:50px}.works .outline{border-color:#41573755;color:#243320}.approach{display:grid;grid-template-columns:1fr 1fr;min-height:750px}.approach-photo{position:relative;overflow:hidden}.approach-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.photo-label{position:absolute;bottom:30px;left:30px;font:10px Arial;letter-spacing:2px}.approach-copy{padding:80px 12%}.approach h2{font-size:48px}.approach .intro{color:#d1d9ca;font-size:21px;font-weight:300;line-height:1.8;margin:25px 0 8px}.quote-source{font-size:11px;color:var(--muted)}.steps{margin-top:35px}.steps>div{border-top:1px solid var(--line);display:flex;gap:22px;padding:20px 0}.steps>div>span{color:var(--lime);font:12px Arial;padding-top:5px}.steps h3{font-size:17px;font-weight:500}.steps p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:6px}.finder{background:#242d20;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.finder>div>p:not(.eyebrow){color:#b1bca8;line-height:1.9;margin-top:22px;font-size:15px}.finder-label{color:#d5decf;font-size:16px;margin-bottom:25px}.finder-choices{display:grid;gap:10px}.finder-choices button{border:1px solid #b7c9a233;text-align:right;padding:18px 22px;display:flex;justify-content:space-between;font-size:16px;transition:background .2s}.finder-choices button:hover,.finder-choices button.selected{background:var(--lime);color:#1a2910}.finder-choices span{opacity:.6}#recommendation{border-right:2px solid var(--lime);padding:10px 20px;margin-top:25px}#recommendation h3{font-size:20px;font-weight:500}#recommendation p{font-size:14px;color:#c7d1bc;line-height:1.8;margin:10px 0 20px}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:8%}.questions details{border-bottom:1px solid var(--line);padding:24px 0}.questions details:first-child{border-top:1px solid var(--line)}.questions summary{list-style:none;cursor:pointer;font-size:17px;display:flex;justify-content:space-between;gap:20px}.questions summary:after{content:'+';color:var(--lime);font-size:24px;line-height:1}.questions details[open] summary:after{content:'−'}.questions p{font-size:14px;color:var(--muted);line-height:1.9;margin:16px 0 0}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr;gap:8%;background:radial-gradient(ellipse at right bottom,#2d3d24,transparent 65%)}.contact h2{font-size:clamp(45px,5vw,75px)}.contact>div>p:not(.eyebrow){color:var(--muted);margin-top:20px}.contact-actions{display:flex;gap:15px;margin-top:35px;flex-wrap:wrap}.studio-info{border-right:1px solid var(--line);padding-right:18%;padding-top:10px}.studio-info>a{display:block;margin-top:26px;font-size:25px;text-align:right}.studio-info>a b{font-weight:400}.studio-info>a span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.studio-info>p:not(.eyebrow){font-size:12px!important;margin-top:10px!important}.social{display:flex;gap:28px;margin-top:35px;font:12px Arial}.social a{border-bottom:1px solid #b3bea755;padding-bottom:8px}footer{padding:25px 4.5% 30px;background:#0c100b;border-top:1px solid var(--line)}.footer-wordmark{font:900 clamp(70px,17.5vw,275px)/1.15 Arial,sans-serif;letter-spacing:-.07em;color:#283423;text-align:center}.footer-wordmark span{font-size:.16em;vertical-align:top;position:relative;top:.65em;margin-left:.1em}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7f8e77;font-size:10px}.footer-bottom>p:nth-child(2){font:9px Arial;letter-spacing:1px}.footer-bottom button{font-size:11px;margin-right:14px;color:#9dad93}.mobile-bar{display:none}dialog{border:1px solid #ffffff25;background:#1b2318;color:var(--text);padding:42px;width:min(560px,calc(100% - 24px));max-height:90svh;overflow:auto}dialog::backdrop{background:#060b06cd;backdrop-filter:blur(6px)}dialog .close{position:absolute;top:10px;left:15px;font:32px Arial;line-height:1;padding:5px;z-index:2;color:#dce7d5}dialog h2{font-size:42px}.dialog-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:15px}form{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c1cdb9}input,select{background:#0f160d;border:1px solid #64795a66;border-radius:0;color:#f3f6ec;padding:13px 12px;width:100%;min-height:48px}input::placeholder{color:#718068}select{font-size:13px}.honey{position:absolute;left:-10000px;opacity:0}.consent{grid-column:1/-1;display:flex!important;flex-direction:row;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7}.consent input{width:16px;height:16px;min-height:0;flex-shrink:0;margin:3px 0;accent-color:var(--lime)}.form-privacy{font-size:10px;line-height:1.8;color:#8f9f84;grid-column:1/-1}.form-privacy button{text-decoration:underline;font-size:10px;padding:0}.submit,#form-status{grid-column:1/-1}#form-status{font-size:13px;color:var(--lime);line-height:1.7;white-space:pre-line}.submit:disabled{opacity:.5;cursor:wait}.success-icon{display:inline-grid;place-items:center;font-size:40px;border:1px solid var(--lime);color:var(--lime);border-radius:50%;width:80px;height:80px;margin:35px 0 25px}#form-success h3{font-size:30px}#form-success p{color:var(--muted);margin:15px 0 25px}#project-dialog{width:min(1100px,calc(100% - 24px));padding:0;grid-template-columns:1.3fr 1fr;background:#151d12}#project-dialog[open]{display:grid}.project-visual{background:#090d08;position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.project-visual>img{width:100%;max-height:80svh;object-fit:contain}.project-visual>video{width:100%;max-height:75svh}.project-visual iframe{width:100%;height:650px;border:0;background:white}.slide-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;direction:ltr;pointer-events:none}.slide-controls button{background:#0e160dcf;width:42px;height:42px;border:1px solid #d6ef7644;pointer-events:auto;font:25px Arial}.slide-controls span{padding:7px 14px;background:#0e160dbb;font:12px Arial}.project-details{padding:65px 35px 35px}.project-details h2{font-size:28px;letter-spacing:-.5px}.project-details>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#b1bea7;white-space:pre-line;max-height:40vh;overflow:auto;margin-top:20px}.project-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:25px}.project-actions>a{font-size:12px;color:#a3b397}.video-notice{position:absolute;inset:auto 15px 15px;background:#13210eef;padding:20px;line-height:1.7;font-size:13px}.video-notice button{background:var(--lime);color:#162010;padding:10px 18px;margin-top:10px}.video-notice a{display:block;font-size:11px;margin-top:10px;text-decoration:underline}#info-dialog h2{margin-bottom:25px}#info-dialog h3{font-size:19px;margin:25px 0 12px}#info-dialog p{font-size:14px;line-height:1.9;color:#bfccb5;margin-bottom:15px}.service-detail li{margin:10px 0;color:#c5d0bc;line-height:1.8}.service-detail ul{padding-right:20px;margin:25px 0}.service-detail .button{margin-top:20px}@keyframes arrive{from{transform:scale(1.11);filter:brightness(.5)}to{transform:scale(1.03);filter:brightness(1)}}@media(min-width:1500px){.section{padding-left:max(7%,calc((100vw - 1360px)/2));padding-right:max(7%,calc((100vw - 1360px)/2))}.hero-content{padding-top:200px}}@media(max-width:1050px){.header nav{gap:18px}.header{padding:0 4%}.hero-content{padding-right:6%}.hero-caption{bottom:70px}.hero-actions{flex-wrap:wrap}.hero-content{max-width:650px}.section{padding:80px 6%}.service{padding:22px;min-height:430px}.service h3{font-size:28px}.approach-copy{padding:55px 9%}.approach h2{font-size:36px}.contact{gap:5%}.studio-info{padding-right:12%}.footer-bottom>p:nth-child(2){display:none}}@media(max-width:760px){html{scroll-padding-top:20px}.header{height:75px;padding:0 6%}.brand{width:135px}.brand b{font-size:25px}.brand small{font-size:7px;letter-spacing:4px}.header-cta{display:none}.menu-toggle{display:block;font-size:23px;padding:8px}.header nav{display:none;position:absolute;top:74px;right:0;left:0;background:#142010;padding:30px 7%;flex-direction:column;gap:25px;border-bottom:1px solid #b6c79e55}.header nav.open{display:flex}.hero{height:830px;min-height:0;max-height:calc(100svh + 150px)}.hero-image{object-position:39% 50%}.hero-shade{background:linear-gradient(180deg,#11141055 0%,#11141055 20%,#111410eb 52%,#111410 100%)}.hero-content{position:absolute;top:30%;padding:0 7% 100px;width:100%}.hero .eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:67px;letter-spacing:-3px;margin-top:20px;margin-bottom:20px}.hero-copy{font-size:18px}.hero-actions{gap:20px;margin-top:25px;align-items:flex-start}.hero-actions .button{font-size:13px;padding:15px 18px}.hero-actions .text-link{font-size:12px}.hero-caption{top:100px;bottom:auto;left:6%;gap:5px}.hero-caption b{font-size:12px}.hero-caption small{font-size:6px}.hero-caption span{font-size:7px}.hero-location{font-size:10px}.hero-index{bottom:22px;font-size:10px}.scroll-note{bottom:22px;font-size:10px}.ticker{padding:15px 5%;gap:18px}.ticker span{font-size:10px;letter-spacing:1px}.ticker i{font-size:18px}.ticker span:nth-of-type(2){display:none}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>div>p:not(.eyebrow){margin-top:22px;font-size:14px}h2{font-size:40px;letter-spacing:-1.5px}.service-grid{grid-template-columns:1fr;gap:15px}.service{min-height:370px;padding:25px}.service img{object-position:50% 43%}.service h3{font-size:32px}.service p{max-width:280px;font-size:13px}.service:after{background:linear-gradient(0deg,#11170ff5,#11170f33)}.service-link{padding-top:12px}.service p{margin-bottom:15px}.filters{gap:7px;flex-wrap:wrap}.filters button{font-size:11px;padding:8px 13px}.filters>span{font-size:10px;width:100%;margin-top:7px}.gallery{grid-template-columns:1fr 1fr;gap:25px 12px}.project-photo{aspect-ratio:3/4}.project-meta{display:block;margin-top:10px}.project-meta h3{font-size:14px}.project-meta span{font-size:9px}.project-sub{font-size:10px;margin-top:3px}.project-photo .arrow{height:28px;width:28px;font-size:18px;bottom:10px;left:10px}.project-photo .play{width:25px;height:25px;font-size:10px;top:10px;right:10px}.load-more{margin-top:30px}.approach{display:flex;flex-direction:column-reverse}.approach-copy{padding:65px 6% 35px}.approach-photo{height:450px}.approach h2{font-size:38px}.approach .intro{font-size:19px}.finder{grid-template-columns:1fr;gap:30px}.finder-label{font-size:14px}.finder-choices button{font-size:14px;padding:16px}.faq{grid-template-columns:1fr;gap:35px}.questions summary{font-size:15px}.questions details{padding:22px 0}.contact{grid-template-columns:1fr;gap:50px}.contact h2{font-size:48px}.contact-actions{gap:12px}.contact-actions .button{width:100%;justify-content:space-between}.studio-info{padding:30px 0 0;border-right:0;border-top:1px solid var(--line)}.studio-info>a{font-size:23px;margin-top:20px}.footer-wordmark{font-size:17vw}.footer-bottom{font-size:9px;align-items:flex-start}.footer-bottom button{font-size:10px;margin-right:8px}.mobile-bar{display:flex;position:fixed;bottom:0;right:0;left:0;z-index:12;background:#10190ff0;backdrop-filter:blur(12px);padding:10px 6%;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid #ffffff20;gap:12px;font-size:12px}.mobile-bar button{background:var(--lime);color:#1a2712;flex:1;padding:12px}.mobile-bar a{padding:12px 20px;border:1px solid #fff4}footer{padding-bottom:100px}dialog{padding:35px 23px;max-height:88svh}dialog h2{font-size:36px}form{gap:16px}form label{font-size:11px}#project-dialog[open]{display:flex;flex-direction:column}#project-dialog .close{background:#121c10cc;border-radius:50%;top:8px;left:8px}#project-dialog .project-visual{min-height:300px}#project-dialog .project-visual>img{max-height:58svh}.project-details{padding:28px 25px}.project-details h2{font-size:26px}.project-details>p:not(.eyebrow){max-height:none;font-size:13px}.project-actions{flex-direction:row;align-items:center;gap:16px}.project-actions .button{font-size:12px;padding:13px 17px}.project-actions>a{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
[hidden]{display:none!important}

.cinema{background:#171d14}.films{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.film{position:relative;aspect-ratio:9/15.5;padding:0;overflow:hidden;text-align:right}.film>img{height:100%;width:100%;object-fit:cover;transition:transform .6s;filter:brightness(.8)}.film:hover>img{transform:scale(1.04);filter:brightness(1)}.film:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10190ff2)}.film>div{position:absolute;bottom:22px;right:20px;left:20px;z-index:1}.film h3{font-size:21px;font-weight:500}.film p{font-size:11px;color:#c1ccb6;margin-top:8px}.film-play{position:absolute;left:20px;top:20px;width:38px;height:38px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;background:#101b1260;font-size:12px}.film-dialog video{width:100%;max-height:72svh;background:#080d07}.film-dialog{padding:0!important;width:min(470px,calc(100% - 24px))!important}.film-dialog .close{background:#111b10dd;border-radius:50%}@media(max-width:760px){.films{grid-template-columns:repeat(2,1fr);gap:14px}.film h3{font-size:16px}.film>div{right:14px;left:14px;bottom:17px}.film p{font-size:10px}.film-play{left:14px;top:14px;width:30px;height:30px}}

.gallery-search{display:grid;grid-template-columns:1fr minmax(220px,420px);gap:10px 25px;align-items:center;margin-bottom:25px}.gallery-search label{font-size:20px}.gallery-search input{background:#f2f3eb;color:#243320;border-color:#89947c;min-width:0;font-size:15px}.gallery-search input::placeholder{color:#63715b}.gallery-search p{font-size:12px;color:#627156}.empty-gallery{grid-column:1/-1;text-align:center;padding:45px 15px}.empty-gallery h3{font-size:23px}.empty-gallery p{margin:15px 0 25px;color:#617055}.works :focus-visible{outline-color:#496529}@media(max-width:760px){.gallery-search{grid-template-columns:1fr;gap:12px}.gallery-search label{font-size:18px}.gallery-search input{font-size:16px}form input,form select{font-size:16px}.hero h1{font-size:clamp(48px,15.5vw,67px)}.project-photo .arrow{width:36px;height:36px}.close{min-width:44px;min-height:44px}}

.brand-shortcuts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.brand-shortcuts span{font-size:11px;color:#607055;margin-left:8px}.brand-shortcuts button{font:12px Arial;color:#344b29;border-bottom:1px solid #9aaa8d;padding:10px 6px}.brand-shortcuts #saved-toggle{margin-right:auto;font-family:inherit}.brand-shortcuts [aria-pressed=true]{background:#253b1e;color:#f4f7eb;padding:10px 16px}.project-tools{display:flex;gap:20px;margin-top:25px;font-size:13px}.project-tools button{padding:10px 0;border-bottom:1px solid #6c835b}.project-tools [aria-pressed=true]{color:var(--lime)}.permalink-label{display:block;font-size:10px;color:var(--muted);margin-top:20px}#project-permalink{font:11px Arial;min-height:36px;padding:9px;margin-top:7px}#share-status{font-size:11px;color:var(--lime);min-height:18px}.lead-whatsapp{grid-column:1/-1;text-align:center;padding:12px 4px;color:#c4dba7;font-size:12px;text-decoration:underline}.comparison{background:#1b2318}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.comparison-grid article{border:1px solid #b9cb9f33;padding:35px 28px;display:flex;flex-direction:column}.comparison-grid .compare-featured{border-color:#a8c264;background:#24321d}.compare-number{font:12px Arial;color:var(--lime)}.comparison h3{font-size:28px;margin:20px 0 12px;font-weight:500}.compare-goal{font-size:15px;color:#d9e2ce;min-height:55px}.comparison dl{margin:15px 0 30px}.comparison dt{font-size:12px;color:var(--lime);margin-top:20px}.comparison dd{margin:8px 0 0;font-size:14px;line-height:1.8;color:#bcc9b1}.comparison .button{margin-top:auto}.compare-note{font-size:12px;color:#a7b99a;margin-top:25px;line-height:1.8}@media(max-width:760px){.comparison-grid{grid-template-columns:1fr}.comparison-grid article{padding:28px 24px}.compare-goal{min-height:0}.comparison h3{font-size:27px}.brand-shortcuts{gap:8px}.brand-shortcuts span{width:100%}.brand-shortcuts button{min-height:44px}.project-tools{gap:15px;flex-wrap:wrap}.project-tools button{min-height:44px}.lead-whatsapp{font-size:12px;line-height:1.8}}

.lead-inspiration{font-size:12px;color:var(--lime);padding:12px 0;border-bottom:1px solid var(--line);margin-top:15px}

/* /design.css */
/* Reuvens — precision studio. Shared shell; media player lives in reels.css. */
:root {
  --bg: #0b1010;
  --panel: #131c1b;
  --lime: #d8f58b;
  --text: #f2f3eb;
  --muted: #a6b3ad;
  --line: #d7e9df24;
  --paper: #eeefe7;
  --ink: #14211d;
  --gutter: clamp(24px, 5.5vw, 108px);
  --radius: 5px;
  color-scheme: dark;
}
html { scroll-padding-top: 112px; }
body { min-width: 320px; overflow-x: clip; }
::selection { background: var(--lime); color: var(--ink); }
button, a, input, select, summary { touch-action: manipulation; }
button, input, select, a { transition: color .2s, background .2s, border-color .2s, transform .3s; }
.skip { z-index: 200; border-radius: var(--radius); }
.header {
  position: fixed;
  inset: 20px 24px auto;
  width: calc(100% - 48px);
  max-width: 1512px;
  height: 76px;
  margin-inline: auto;
  padding: 0 26px;
  border: 1px solid #e0f0e523;
  border-radius: 8px;
  background: #0c1513df;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  box-shadow: 0 14px 50px #02080726;
  color: var(--text);
  gap: 24px;
}
.brand { width: 147px; flex-shrink: 0; position: relative; }
.brand b { font-size: 27px; letter-spacing: -1.7px; }
.brand small { font: 7px Arial, sans-serif; letter-spacing: 4.7px; margin-top: 6px; }
.header nav { gap: clamp(18px, 2vw, 34px); font-size: 12px; color: #d0dbd4; }
.header nav a { position: relative; white-space: nowrap; padding-block: 12px; }
.header nav a::after { content: ''; position: absolute; inset: auto 0 2px; height: 1px; background: var(--lime); transform: scaleX(0); transform-origin: right; transition: transform .25s; }
.header nav a:hover::after, .header nav a:focus-visible::after { transform: scaleX(1); }
.header-cta { background: var(--lime); color: var(--ink); border: 0; padding: 12px 18px; border-radius: 3px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.header-cta:hover { background: #e9ffb5; }
.header-cta span { color: inherit; margin-right: 26px; }
.hero {
  height: max(800px, 100svh);
  max-height: 1060px;
  min-height: 800px;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}
.hero::after { content: ''; position: absolute; right: var(--gutter); top: 130px; bottom: 89px; width: 1px; background: linear-gradient(transparent, #c9e1d019 30%, #c9e1d010); pointer-events: none; z-index: -1; }
.hero-image {
  inset: 0 auto 0 0;
  width: 63%;
  height: 100%;
  object-position: 50% 67%;
  transform: none;
  animation: studio-arrive 1.4s cubic-bezier(.2,.7,.2,1) both;
}
.hero-shade { background: linear-gradient(270deg, #0b1010 0%, #0b1010 34%, #0b1010e8 42%, #0b10102b 64%, #0b101008 85%), linear-gradient(0deg, #0b1010 0%, transparent 32%, #0b10102b 82%); }
.hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 57%;
  max-width: 870px;
  padding: clamp(194px, 20vh, 250px) var(--gutter) 130px 20px;
}
.eyebrow { font: 10px/1.8 Arial, sans-serif; letter-spacing: 2.3px; color: var(--muted); }
.hero .eyebrow { font-size: 10px; gap: 12px; padding: 8px 0; }
.dot { width: 5px; height: 5px; box-shadow: 0 0 0 5px #d8f58b0d; }
.hero h1 { font-size: clamp(77px, 7.45vw, 120px); line-height: 1.035; letter-spacing: -.055em; font-weight: 700; margin: 28px 0 24px; }
.hero h1 em { color: var(--lime); }
.hero-copy { font-size: clamp(18px, 1.5vw, 23px); font-weight: 300; line-height: 1.65; color: #b7c6bd; }
.hero-actions { display: flex; align-items: center; gap: 23px; margin-top: 34px; flex-wrap: wrap; }
.button { padding: 17px 24px; border-radius: 3px; font-size: 13px; min-height: 54px; gap: 30px; }
.button span { font-size: 19px; font-weight: 300; }
.button.lime { background: var(--lime); color: var(--ink); box-shadow: inset 0 0 0 1px #fff1; }
.button.lime:hover { background: #e8ffb1; }
.button.outline { border-color: #e0f2e33b; }
.text-link { gap: 20px; font-size: 12px; padding-block: 12px 7px; }
.hero-location { margin-top: 24px; color: #93a59b; font-size: 11px; }
.hero-caption { left: var(--gutter); bottom: 112px; padding: 17px 22px; gap: 8px; border: 1px solid #d9f1e12b; border-left: 2px solid var(--lime); background: #0c1713a6; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-radius: 0 4px 4px 0; min-width: 270px; }
.hero-caption b { font-size: 17px; letter-spacing: -.3px; }
.hero-caption span { color: var(--lime); font-size: 8px; letter-spacing: 2px; }
.hero-caption small { font: 8px/1.6 Arial, sans-serif; color: #b2c6ba; letter-spacing: 1.1px; }
.hero-index { left: var(--gutter); bottom: 34px; font: 12px Arial, sans-serif; }
.scroll-note { right: var(--gutter); bottom: 33px; align-items: center; color: #c1d1c6; font-size: 10px; }
.scroll-note span { border: 1px solid #dcebd233; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; }
.ticker { border: 0; background: var(--lime); color: #1b2b18; padding: 20px var(--gutter); gap: 20px; justify-content: space-between; }
.ticker span { font: 700 12px/1.5 Arial, sans-serif; letter-spacing: 2.5px; }
.ticker span:nth-of-type(2) { font-family: Heebo, Arial, sans-serif; letter-spacing: 1px; }
.ticker i { color: #2d421b; font-size: 20px; font-weight: 400; }
.section { padding: 112px var(--gutter); }
.section-heading { align-items: flex-end; margin-bottom: 50px; gap: 50px; }
.section-heading>p, .section-heading>div>p:not(.eyebrow) { font-size: 15px; font-weight: 400; line-height: 1.9; }
h2 { font-size: clamp(42px, 4.4vw, 70px); letter-spacing: -.04em; line-height: 1.13; font-weight: 500; margin-top: 20px; }
h2 em { font-weight: 400; }
.services { background: #0c1211; position: relative; }
.services .section-heading { align-items: center; }
.service-grid { gap: 20px; }
.service { min-height: 550px; border-radius: var(--radius); padding: 34px 30px; border: 1px solid #e2f5df18; transition: border-color .3s, transform .4s; }
.service::after { background: linear-gradient(0deg, #09110ff7 0%, #09110fd9 28%, #09110f16 75%), linear-gradient(180deg, #09110f3b, transparent 25%); }
.service img { filter: brightness(.91) saturate(.8); object-position: 50% 47%; }
.service-num { top: 23px; left: 23px; width: 37px; height: 37px; background: #09110f3b; border-color: #fff5; backdrop-filter: blur(8px); font-size: 10px; }
.service small { font-size: 8px; letter-spacing: 2px; }
.service h3 { font-size: clamp(26px, 2.6vw, 39px); letter-spacing: -.04em; margin-top: 12px; }
.service p { font-size: 13px; line-height: 1.9; color: #c0cec4; margin-top: 15px; max-width: 290px; }
.service-link { padding-top: 19px; margin-top: 30px; border-color: #d9efdf40; font-size: 11px; letter-spacing: .1px; }
.service:hover { border-color: #d8f58b70; transform: translateY(-5px); }
.service:hover img { transform: scale(1.04); filter: brightness(1) saturate(1); }
.works { background: var(--paper); color: var(--ink); color-scheme: light; }
.works em { color: #5c7258; }
.works .eyebrow { color: #576956!important; }
.works .section-heading p { color: #677361!important; }
.works .text-link { color: #263b2c; border-color: #8a99826b; }
.gallery-search { background: #fff8; border: 1px solid #7885712b; padding: 25px 28px 22px; margin-bottom: 22px; grid-template-columns: 1fr minmax(260px, 470px); gap: 7px 35px; border-radius: 5px; }
.gallery-search label { font-size: 20px; font-weight: 500; letter-spacing: -.4px; }
.gallery-search input { background: #fff9; border-color: #8a978753; font-size: 13px; min-height: 51px; border-radius: 3px; grid-column: 2; grid-row: 1 / span 2; padding-inline: 17px; }
.gallery-search p { color: #68795f; font-size: 11px; grid-column: 1; }
.brand-shortcuts { margin: 0 0 26px; gap: 15px; padding-inline: 2px; }
.brand-shortcuts span { font-size: 10px; }
.brand-shortcuts button { padding: 10px 5px; color: #3a5036; font-size: 11px; border-bottom-color: transparent; }
.brand-shortcuts button:hover { border-color: #657e4f; }
.brand-shortcuts #saved-toggle { border: 1px solid #8c9a7d65; padding: 9px 16px; border-radius: 3px; }
.brand-shortcuts [aria-pressed=true] { background: var(--ink); color: var(--paper); border-radius: 3px; }
.filters { gap: 7px; border-color: #77896e39; padding-bottom: 20px; margin-bottom: 28px; }
.filters button { font-size: 11px; padding: 10px 18px; border-color: #53614d33; border-radius: 3px; background: transparent; }
.filters button:hover { background: #d9dfcf; }
.filters button.active { background: #1b3025; border-color: #1b3025; color: #f4f8e9; }
.filters>span { color: #63765b; font-size: 10px; letter-spacing: .2px; }
.gallery { grid-template-columns: repeat(12, minmax(0,1fr)); gap: 36px 24px; }
.project { grid-column: span 4; position: relative; }
.project-photo { aspect-ratio: 4 / 4.6; background: #d9ded1; border-radius: 4px; }
.project-photo::after { content: ''; position: absolute; inset: 0; border: 1px solid #263b2412; border-radius: inherit; pointer-events: none; }
.project-photo img { transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .4s; }
.project:hover img { transform: scale(1.035); }
.project:first-child { grid-column: span 8; }
.project:first-child .project-photo { aspect-ratio: 1.65; }
.project:first-child .project-photo img { object-position: 50% 80%; }
.project:first-child .project-photo:has(.play) img { object-position: 50% 50%; }
.project:nth-child(2) .project-photo { aspect-ratio: .786; }
.project:first-child .project-meta h3 { font-size: 22px; }
.project-photo .arrow { height: 42px; width: 42px; background: #f6f8eceb; border: 1px solid #fff8; left: 17px; bottom: 17px; color: #183424; font-size: 25px; backdrop-filter: blur(10px); transition: background .25s, transform .3s; }
.project:hover .arrow { background: var(--lime); transform: rotate(-5deg); }
.project-photo .play { top: 16px; right: 16px; width: 36px; height: 36px; background: #13271ac7; backdrop-filter: blur(10px); font-size: 11px; border-color: #ffffff50; }
.project-meta { align-items: baseline; margin-top: 15px; gap: 12px; }
.project-meta h3 { font-size: 19px; letter-spacing: -.45px; font-weight: 500; line-height: 1.4; }
.project-meta span { color: #63735a; font-size: 10px; }
.project-sub { color: #677a5d; font-size: 11px; margin-top: 6px; }
.load-more { margin-top: 44px; }
.load-more .button { min-width: 245px; border-color: #53674c63; }
.cinema { background: #0d1513; border-bottom: 1px solid var(--line); }
.reels-experience { padding: 112px var(--gutter); background: radial-gradient(ellipse at 80% 5%, #25392642, transparent 50%), #0b1010; border-bottom: 1px solid var(--line); }
.films { gap: 20px; }
.film { aspect-ratio: 9 / 15; border-radius: 5px; border: 1px solid #d6e7ce24; }
.film img { filter: brightness(.88) saturate(.9); }
.film-play { border-color: #dcebc35e; width: 44px; height: 44px; color: var(--lime); background: #0c191370; backdrop-filter: blur(10px); }
.film>div { right: 24px; left: 24px; bottom: 25px; }
.film h3 { font-size: 21px; letter-spacing: -.6px; }
.film p { color: #b6c9bb; font-size: 11px; }
.approach { background: #101a17; min-height: 850px; grid-template-columns: 1.02fr 1fr; }
.approach-photo { margin: 28px 28px 28px 0; border-radius: 4px; }
.approach-photo img { filter: brightness(.86) saturate(.7); object-position: 50% 50%; }
.approach-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 60%, #07120aa8); pointer-events: none; }
.photo-label { bottom: 28px; left: 28px; z-index: 1; font-size: 9px; letter-spacing: 2px; }
.approach-copy { padding: 91px 12% 80px; }
.approach h2 { font-size: clamp(34px, 3.4vw, 55px); }
.approach .intro { color: #d5e0d6; font-size: clamp(20px, 1.8vw, 27px); font-weight: 300; line-height: 1.75; margin: 29px 0 14px; }
.quote-source { color: #8fa992; font-size: 11px; }
.steps { margin-top: 37px; }
.steps>div { padding: 24px 0; gap: 25px; border-color: #d7e9df23; }
.steps>div>span { font-size: 10px; color: #bdd297; padding-top: 6px; }
.steps h3 { font-size: 17px; font-weight: 400; }
.steps p { color: #99afa1; font-size: 12px; line-height: 1.9; }
.finder { background: var(--lime); color: #203220; padding-block: 94px; gap: 10%; align-items: center; }
.finder .eyebrow { color: #4c6935; }
.finder h2 em { color: #567136; }
.finder>div>p:not(.eyebrow) { color: #546c40; font-size: 14px; margin-top: 23px; }
.finder-label { font-size: 14px; color: #2c4225; margin-bottom: 19px; }
.finder-panel { min-width: 0; }
.finder-choices { gap: 0; border-top: 1px solid #25452c36; }
.finder-choices button { border: 0; border-bottom: 1px solid #25452c36; padding: 21px 2px; font-size: 17px; gap: 20px; color: #243e21; }
.finder-choices button:hover, .finder-choices button.selected { background: #213e24; color: #eaf9c7; padding-inline: 20px; }
.finder-choices span { opacity: 1; }
#recommendation { border-color: #3b5930; margin-top: 28px; padding: 8px 21px; }
#recommendation h3 { color: #233e22; }
#recommendation p { color: #445f37; }
#recommendation .lime { background: #203923; color: #e7f3d6; }
.comparison { background: #0c1311; border-bottom: 1px solid var(--line); }
.comparison-grid { gap: 0; border: 1px solid #d4e7d52e; border-radius: 5px; overflow: hidden; }
.comparison-grid article { border: 0; padding: 38px 30px; background: #101916; }
.comparison-grid article+article { border-right: 1px solid #d4e7d52e; }
.comparison-grid .compare-featured { background: #1c2b20; border-color: #d4e7d52e; }
.compare-number { font-size: 10px; border: 1px solid #c8dd9940; border-radius: 50%; width: 33px; height: 33px; display: grid; place-items: center; color: #caddae; }
.comparison h3 { font-size: 29px; letter-spacing: -.8px; margin-top: 25px; }
.compare-goal { font-size: 13px; color: #b8cbb9; min-height: 53px; line-height: 1.85; }
.comparison dl { margin-top: 18px; padding-top: 11px; border-top: 1px solid #d4e7d522; }
.comparison dt { font-size: 11px; letter-spacing: .1px; color: #b8ce98; margin-top: 20px; }
.comparison dd { font-size: 13px; line-height: 1.9; color: #a6baa9; margin-top: 9px; }
.comparison .button { font-size: 12px; margin-top: auto; min-height: 50px; }
.compare-note { font-size: 11px; line-height: 1.9; color: #8ba78f; }
.faq { background: #101816; grid-template-columns: 1fr 1.2fr; }
.questions details { padding-block: 26px; }
.questions summary { font-size: 16px; align-items: center; gap: 25px; }
.questions summary::after { border: 1px solid #c9e0cd3a; border-radius: 50%; height: 26px; width: 26px; flex-shrink: 0; display: grid; place-items: center; font-size: 18px; font-weight: 300; }
.questions details[open] summary { color: var(--lime); }
.questions p { font-size: 13px; line-height: 2; color: #a6bcae; padding-left: 40px; }
.contact { background: radial-gradient(ellipse at 80% 100%, #2c452852, transparent 65%), #0c1310; gap: 10%; padding-top: 100px; padding-bottom: 100px; }
.contact h2 { font-size: clamp(46px, 5.3vw, 84px); letter-spacing: -.05em; }
.contact>div>p:not(.eyebrow) { font-size: 14px; }
.contact-actions { gap: 12px; margin-top: 34px; }
.contact-actions .button { font-size: 12px; }
.studio-info { border-right-color: #cfe1c826; padding-right: 19%; align-self: stretch; padding-top: 14px; }
.studio-info>a { margin-top: 32px; font-size: 29px; letter-spacing: -.5px; }
.studio-info>a span { font-size: 11px; color: #98b495; letter-spacing: 0; }
.studio-info>p:not(.eyebrow) { font-size: 11px!important; color: #95aa90; }
.social { gap: 24px; font-size: 11px; }
.social a { border-color: #d2e8c92e; color: #c5d3bb; padding-bottom: 9px; }
footer { background: #09110d; padding: 10px var(--gutter) 30px; border-top-color: #daecd01a; }
.footer-wordmark { font-size: clamp(55px, 16.1vw, 300px); line-height: 1.25; color: #d1e4bd; letter-spacing: -.065em; opacity: .16; }
.footer-bottom { padding-top: 25px; padding-bottom: 8px; border-color: #cee0c422; color: #90a47e; font-size: 10px; }
.footer-bottom button { color: #aec29d; }
dialog { background: #14221b; border-color: #d2e4ce36; border-radius: 8px; padding: 44px; box-shadow: 0 40px 140px #0009; overscroll-behavior: contain; }
dialog::backdrop { background: #030b08cf; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
dialog .close { background: #101c17e0; width: 38px; height: 38px; border-radius: 50%; top: 14px; left: 14px; font-size: 28px; border: 1px solid #ccdcc833; display: grid; place-items: center; padding: 0 0 3px; }
dialog .close:hover { background: #314832; color: var(--lime); }
dialog h2 { font-size: 43px; }
form { gap: 20px 16px; }
form label { font-size: 12px; color: #bfd2bc; }
input, select { min-height: 50px; background: #0e1a14; border-color: #859b704d; border-radius: 3px; color: #e7f2df; }
input::placeholder { color: #7d9777; }
input:hover, select:hover { border-color: #a9c18a80; }
input:focus, select:focus { border-color: #d8f58b; }
.consent { font-size: 11px; color: #b0c3a9; }
.consent input { accent-color: var(--lime); }
.form-privacy { color: #94ab88; font-size: 10px; }
.form-privacy button:hover { color: #d8f58b; }
#project-dialog { width: min(1180px,calc(100% - 40px)); background: #14221b; border-radius: 6px; grid-template-columns: 1.3fr 1fr; }
.project-visual { background: #06100b; min-width: 0; min-height: 580px; }
.project-details { padding: 68px 38px 38px; min-width: 0; }
.project-details h2 { font-size: 31px; line-height: 1.2; }
.project-details>p:not(.eyebrow) { color: #b5c9ae; font-size: 13px; line-height: 1.95; max-height: 33vh; }
.project-tools { margin-top: 19px; gap: 24px; font-size: 12px; }
.project-tools button { border-color: #9fb68559; color: #cfddbe; }
.project-actions { margin-top: 26px; }
.project-actions>a { color: #98b28b; }
.slide-controls button { width: 44px; height: 44px; border: 1px solid #d4eebd6b; border-radius: 50%; background: #0d2014dc; }
.slide-controls span { background: #0d2014dc; border-radius: 20px; color: #dfedce; }
.permalink-label { color: #98ae8b; }
#project-permalink { color: #b5c9a8; }
.video-notice { background: #132817eb; border: 1px solid #bace9a36; border-radius: 4px; color: #d1e1c0; }
.video-notice button { border-radius: 3px; font-size: 12px; }
.empty-gallery { grid-column: 1/-1; padding: 70px 24px; border: 1px dashed #9ba98c88; border-radius: 4px; background: #fff4; }
.empty-gallery h3 { font-size: 23px; font-weight: 500; }
.empty-gallery p { font-size: 14px; }
.film-dialog { border-radius: 8px; overflow: hidden; }
@keyframes studio-arrive { from { transform: scale(1.045); opacity: .35; } to { transform: scale(1); opacity: 1; } }
@media (min-width: 1700px) {
  :root { --gutter: max(108px, calc((100vw - 1460px)/2)); }
  .hero-content { max-width: none; padding-right: var(--gutter); }
  .section { padding-inline: var(--gutter); }
}
@media (max-width: 1150px) {
  .header { inset: 16px 18px auto; width: calc(100% - 36px); height: 72px; padding-inline: 20px; gap: 20px; }
  .brand { width: 136px; }
  .header nav { gap: 20px; font-size: 11px; }
  .header-cta { padding-inline: 14px; font-size: 11px; }
  .header-cta span { margin-right: 15px; }
  .hero { height: 840px; min-height: 840px; }
  .hero-content { padding-top: 205px; width: 59%; }
  .hero h1 { font-size: 84px; }
  .hero-actions { gap: 18px; }
  .hero-actions .button { padding-inline: 19px; font-size: 12px; }
  .hero .text-link { font-size: 11px; }
  .hero-caption { bottom: 105px; min-width: 240px; }
  .hero-caption b { font-size: 15px; }
  .section { padding-block: 90px; }
  .service { min-height: 490px; padding: 27px 23px; }
  .service-grid { gap: 15px; }
  .service p { font-size: 12px; }
  .service-link { margin-top: 24px; }
  .gallery { gap: 30px 19px; }
  .project:first-child .project-photo { aspect-ratio: 1.55; }
  .project:nth-child(2) .project-photo { aspect-ratio: .735; }
  .project-meta h3 { font-size: 17px; }
  .project:first-child .project-meta h3 { font-size: 20px; }
  .approach { min-height: 800px; }
  .approach-copy { padding: 75px 10%; }
  .approach-photo { margin: 20px 20px 20px 0; }
  .approach h2 { font-size: 38px; }
  .comparison-grid article { padding: 30px 23px; }
  .comparison h3 { font-size: 25px; }
  .comparison dd { font-size: 12px; }
  .contact { gap: 6%; }
  .studio-info { padding-right: 12%; }
  .studio-info>a { font-size: 25px; }
}
@media (max-width: 900px) and (min-width: 761px) {
  .header nav { gap: 13px; font-size: 10px; }
  .header { gap: 16px; padding-inline: 17px; }
  .header-cta span { margin-right: 8px; }
  .brand { width: 122px; }
  .brand b { font-size: 24px; }
  .brand small { font-size: 6px; letter-spacing: 4px; }
  .hero h1 { font-size: 73px; }
  .hero-caption { min-width: 225px; left: 4%; }
  .hero-caption b { font-size: 14px; }
  .hero-copy { font-size: 18px; }
  .section-heading { gap: 28px; }
  .section-heading>p, .section-heading>div>p:not(.eyebrow) { font-size: 13px; }
  .service-grid { gap: 11px; }
  .service { padding: 23px 18px; }
  .service h3 { font-size: 26px; }
  .service small { font-size: 7px; letter-spacing: 1px; }
  .service p { font-size: 11px; }
  .service-link { font-size: 10px; }
  .filters button { font-size: 10px; padding-inline: 12px; }
  .project-meta { display: block; }
  .gallery-search { padding: 22px; grid-template-columns: 1fr 1fr; }
  .gallery-search label { font-size: 17px; }
  .approach-copy { padding-inline: 8%; }
  .approach h2 { font-size: 32px; }
  .approach .intro { font-size: 19px; }
  .finder { gap: 7%; }
  .finder-choices button { font-size: 15px; }
  .comparison-grid article { padding-inline: 17px; }
  .comparison h3 { font-size: 22px; }
  .compare-goal { font-size: 12px; }
  .comparison .button { padding-inline: 15px; font-size: 11px; }
  .faq { gap: 5%; }
  .questions summary { font-size: 14px; }
  #project-dialog { width: calc(100% - 32px); }
  .project-details { padding-inline: 25px; }
  .project-details h2 { font-size: 26px; }
}
@media (max-width: 960px) and (min-width: 761px) {
  .header nav { display: none; position: absolute; top: 82px; right: -1px; left: -1px; padding: 18px 25px; background: #0c1914f7; border: 1px solid #d6e8cd31; border-radius: 6px; gap: 0; flex-direction: column; box-shadow: 0 24px 50px #0007; }
  .header nav.open { display: flex; }
  .header nav a { font-size: 15px; padding-block: 17px; border-bottom: 1px solid #d6e8cd1b; }
  .header nav a:last-child { border: 0; }
  .header nav a::after { display: none; }
  .header-cta { margin-right: auto; margin-left: 4px; }
  .menu-toggle { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #d6e8cd2e; border-radius: 4px; font-size: 21px; }
}
@media (max-width: 760px) {
  :root { --gutter: 22px; }
  html { scroll-padding-top: 99px; }
  .header { inset: 12px 12px auto; width: calc(100% - 24px); height: 66px; padding: 0 18px; border-radius: 6px; }
  .brand { width: 130px; }
  .brand b { font-size: 24px; }
  .brand small { font-size: 6px; letter-spacing: 4.4px; margin-top: 6px; }
  .header-cta { display: none; }
  .menu-toggle { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #d6e8cd2e; border-radius: 4px; font-size: 21px; }
  .header nav { top: 76px; right: -1px; left: -1px; padding: 16px 24px 20px; background: #0c1914f7; border: 1px solid #d6e8cd31; border-radius: 6px; gap: 0; box-shadow: 0 24px 50px #0007; }
  .header nav a { font-size: 15px; padding-block: 17px; border-bottom: 1px solid #d6e8cd1b; }
  .header nav a:last-child { border: 0; }
  .header nav a::after { display: none; }
  .hero { height: auto; min-height: 880px; max-height: none; }
  .hero::after { display: none; }
  .hero-image { width: 100%; height: 565px; object-position: 50% 66%; inset: 0 0 auto; animation-duration: .8s; }
  .hero-shade { background: linear-gradient(0deg, #0b1010 0%, #0b1010 29%, #0b1010eb 42%, #0b10102b 68%, #0b10103d 100%); }
  .hero-content { position: relative; top: auto; width: 100%; max-width: none; padding: 407px var(--gutter) 115px; display: block; }
  .hero .eyebrow { justify-content: flex-start; font-size: 8px; letter-spacing: 2px; padding: 0; }
  .hero h1 { font-size: clamp(58px, 15vw, 85px); line-height: 1.01; letter-spacing: -.05em; margin: 22px 0 18px; }
  .hero-copy { font-size: 17px; line-height: 1.6; }
  .hero-actions { margin-top: 25px; gap: 18px; flex-direction: row; align-items: center; }
  .hero-actions .button { font-size: 12px; padding: 15px 18px; min-height: 52px; gap: 18px; }
  .hero-actions .text-link { font-size: 11px; gap: 20px; padding-top: 0; }
  .hero-location { margin-top: 22px; font-size: 10px; }
  .hero-caption { top: 103px; bottom: auto; left: 23px; min-width: auto; padding: 12px 15px; gap: 5px; background: #0e181370; }
  .hero-caption span { font-size: 7px; letter-spacing: 1.3px; }
  .hero-caption b { font-size: 12px; }
  .hero-caption small { font-size: 6px; letter-spacing: .7px; }
  .scroll-note { right: var(--gutter); bottom: 24px; font-size: 9px; gap: 17px; }
  .hero-index { left: var(--gutter); bottom: 33px; font-size: 10px; }
  .hero-index span { font-size: 7px; letter-spacing: 1px; margin-left: 8px; }
  .ticker { gap: 12px; padding: 18px 22px; }
  .ticker span { font-size: 8px; letter-spacing: 1.2px; }
  .ticker span:nth-of-type(2), .ticker i:last-child { display: none; }
  .ticker i { font-size: 17px; }
  .section { padding: 76px var(--gutter); }
  .reels-experience { padding: 76px var(--gutter); }
  h2 { font-size: clamp(38px, 9.5vw, 52px); line-height: 1.14; letter-spacing: -.04em; margin-top: 17px; }
  .eyebrow { font-size: 8px; letter-spacing: 2px; }
  .section-heading { display: block; margin-bottom: 32px; }
  .section-heading>p, .section-heading>div>p:not(.eyebrow) { font-size: 13px; margin-top: 21px; line-height: 1.9; }
  .section-heading .text-link { font-size: 11px; margin-top: 17px; }
  .service-grid { grid-template-columns: 1fr; gap: 18px; }
  .service { min-height: 445px; padding: 29px 25px; }
  .service img { object-position: 50% 51%; }
  .service h3 { font-size: 35px; }
  .service small { font-size: 8px; }
  .service p { font-size: 13px; max-width: 300px; margin-top: 12px; }
  .service-link { font-size: 11px; margin-top: 21px; padding-top: 17px; }
  .service-num { width: 33px; height: 33px; top: 20px; left: 20px; }
  .service:hover { transform: none; }
  .gallery-search { padding: 20px; grid-template-columns: 1fr; gap: 11px; margin-bottom: 17px; }
  .gallery-search label { font-size: 17px; }
  .gallery-search input { grid-column: auto; grid-row: auto; min-height: 50px; font-size: 16px; padding-inline: 13px; }
  .gallery-search p { grid-column: auto; font-size: 10px; }
  .brand-shortcuts { gap: 8px 13px; margin-bottom: 20px; }
  .brand-shortcuts span { width: 100%; font-size: 9px; }
  .brand-shortcuts button { font-size: 10px; padding: 8px 2px; min-height: 44px; }
  .brand-shortcuts #saved-toggle { font-size: 10px; padding: 8px 13px; min-height: 44px; }
  .filters { gap: 7px; margin-bottom: 22px; padding-bottom: 18px; flex-wrap: wrap; }
  .filters button { font-size: 10px; padding: 10px 12px; min-height: 44px; }
  .filters>span { font-size: 10px; margin-top: 10px; width: 100%; }
  .gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 27px 14px; }
  .project { grid-column: span 1; }
  .project:first-child { grid-column: span 2; }
  .project-photo, .project:nth-child(2) .project-photo { aspect-ratio: 3 / 4; }
  .project:first-child .project-photo { aspect-ratio: 1.2; }
  .project-meta { display: block; margin-top: 10px; }
  .project-meta h3 { font-size: 14px; line-height: 1.45; letter-spacing: -.25px; }
  .project:first-child .project-meta h3 { font-size: 20px; }
  .project:first-child .project-meta { display: flex; }
  .project-meta span { font-size: 9px; }
  .project-sub { font-size: 10px; margin-top: 4px; }
  .project-photo .arrow { width: 33px; height: 33px; font-size: 22px; left: 11px; bottom: 11px; }
  .project:first-child .project-photo .arrow { width: 42px; height: 42px; font-size: 25px; left: 16px; bottom: 16px; }
  .project-photo .play { width: 28px; height: 28px; top: 10px; right: 10px; font-size: 9px; }
  .load-more { margin-top: 33px; }
  .load-more .button { font-size: 12px; }
  .films { gap: 14px; }
  .film { aspect-ratio: 9 / 15.5; }
  .film>div { right: 15px; left: 15px; bottom: 19px; }
  .film h3 { font-size: 17px; }
  .film p { font-size: 10px; line-height: 1.8; margin-top: 5px; }
  .film-play { left: 13px; top: 13px; width: 33px; height: 33px; font-size: 10px; }
  .approach { display: flex; flex-direction: column-reverse; min-height: 0; }
  .approach-copy { padding: 76px var(--gutter) 20px; }
  .approach h2 { font-size: 38px; }
  .approach .intro { font-size: 22px; line-height: 1.75; margin-top: 25px; }
  .quote-source { font-size: 10px; }
  .steps { margin-top: 30px; }
  .steps>div { padding-block: 23px; gap: 24px; }
  .steps h3 { font-size: 17px; }
  .steps p { font-size: 12px; line-height: 1.9; }
  .approach-photo { height: 480px; margin: 16px var(--gutter) 28px; }
  .photo-label { left: 20px; bottom: 23px; font-size: 8px; }
  .finder { grid-template-columns: 1fr; gap: 35px; padding-block: 72px; }
  .finder>div>p:not(.eyebrow) { font-size: 13px; margin-top: 20px; }
  .finder-label { font-size: 12px; margin-bottom: 19px; }
  .finder-choices button { padding-block: 21px; font-size: 15px; }
  #recommendation { margin-top: 25px; }
  #recommendation h3 { font-size: 20px; }
  #recommendation p { font-size: 13px; }
  .comparison-grid { grid-template-columns: 1fr; }
  .comparison-grid article { padding: 30px 25px; }
  .comparison-grid article+article { border-right: 0; border-top: 1px solid #d4e7d52e; }
  .comparison-grid .compare-featured { background: #233723; }
  .comparison h3 { font-size: 28px; margin-top: 19px; }
  .compare-goal { min-height: 0; font-size: 13px; }
  .comparison dl { margin-top: 21px; margin-bottom: 26px; }
  .comparison dt { font-size: 11px; }
  .comparison dd { font-size: 13px; }
  .compare-note { font-size: 10px; line-height: 1.9; margin-top: 22px; }
  .faq { grid-template-columns: 1fr; gap: 32px; }
  .questions details { padding-block: 24px; }
  .questions summary { font-size: 15px; gap: 15px; line-height: 1.7; }
  .questions p { font-size: 12px; padding-left: 0; }
  .contact { grid-template-columns: 1fr; gap: 48px; }
  .contact h2 { font-size: clamp(43px, 11vw, 60px); }
  .contact>div>p:not(.eyebrow) { font-size: 13px; }
  .contact-actions { gap: 12px; margin-top: 28px; }
  .contact-actions .button { font-size: 12px; padding-inline: 20px; }
  .studio-info { border-right: 0; padding: 30px 0 0; border-top: 1px solid var(--line); }
  .studio-info>a { font-size: 27px; margin-top: 25px; }
  .studio-info>a span { margin-top: 8px; }
  .social { font-size: 11px; margin-top: 30px; }
  footer { padding: 20px var(--gutter) 110px; }
  .footer-wordmark { font-size: 16vw; }
  .footer-bottom { margin-top: 12px; padding-top: 22px; font-size: 8px; gap: 10px; }
  .footer-bottom button { font-size: 10px; margin-right: 12px; }
  .mobile-bar { z-index: 20; padding: 10px 15px max(10px,env(safe-area-inset-bottom)); border-top-color: #d4e8c624; background: #0a180fe8; gap: 10px; }
  .mobile-bar button { padding: 14px 12px; min-height: 46px; border-radius: 3px; font-size: 12px; background: var(--lime); color: #233e21; font-weight: 500; }
  .mobile-bar a { display: flex; align-items: center; padding: 12px 18px; border: 1px solid #bed4af4a; border-radius: 3px; font-size: 12px; }
  dialog { width: calc(100% - 22px); max-height: 90svh; padding: 43px 24px 29px; border-radius: 6px; }
  dialog .close { height: 44px; width: 44px; min-height: 44px; min-width: 44px; top: 12px; left: 12px; }
  dialog h2 { font-size: 37px; }
  form { gap: 19px 14px; }
  form input, form select { font-size: 16px; min-height: 51px; }
  form label { font-size: 11px; }
  .consent { line-height: 1.85; }
  .consent input { min-height: 0; }
  .form-privacy { font-size: 10px; line-height: 1.8; }
  #project-dialog { width: calc(100% - 20px); max-height: 92svh; border-radius: 6px; }
  #project-dialog .project-visual { min-height: 280px; }
  #project-dialog .project-visual>img { max-height: 60svh; }
  #project-dialog .project-visual>video { max-height: 65svh; }
  #project-dialog .close { top: 12px; left: 12px; background: #0a160fdd; }
  .project-details { padding: 29px 24px; }
  .project-details h2 { font-size: 29px; }
  .project-details>p:not(.eyebrow) { max-height: none; font-size: 13px; margin-top: 18px; }
  .project-tools { margin-top: 20px; gap: 25px; }
  .project-tools button { font-size: 12px; min-height: 42px; }
  .project-actions { gap: 18px; flex-wrap: wrap; margin-top: 23px; }
  .project-actions .button { min-height: 49px; font-size: 12px; padding: 13px 21px; }
  .project-actions>a { font-size: 10px; }
  .permalink-label { font-size: 10px; }
  #project-permalink { font-size: 11px; min-height: 40px; }
  .video-notice { padding: 18px; font-size: 12px; inset: auto 12px 12px; }
  .video-notice button { min-height: 42px; }
  .video-notice a { padding-top: 8px; font-size: 11px; }
}
@media (max-width: 380px) {
  :root { --gutter: 18px; }
  .hero-content { padding-top: 390px; }
  .hero h1 { font-size: 58px; }
  .hero-copy { font-size: 16px; }
  .hero-actions { gap: 16px; }
  .hero-actions .button { width: 100%; font-size: 12px; }
  .hero-caption { left: 18px; }
  .ticker span { font-size: 7px; letter-spacing: .8px; }
  .ticker { gap: 8px; padding-inline: 18px; }
  .brand-shortcuts { gap: 7px 11px; }
  .brand-shortcuts #saved-toggle { padding-inline: 10px; }
  .filters button { padding-inline: 9px; }
  .gallery { column-gap: 11px; }
  .project-meta h3 { font-size: 13px; }
  .project:first-child .project-meta { display: block; }
  .project:first-child .project-meta h3 { font-size: 18px; }
  .service { min-height: 420px; padding-inline: 23px; }
  .approach h2 { font-size: 34px; }
  .approach .intro { font-size: 20px; }
  .contact h2 { font-size: 43px; }
  .comparison h3 { font-size: 26px; }
  .gallery-search { padding: 17px; }
  .gallery-search label { font-size: 16px; }
  .project-tools { gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none!important; transition: none!important; }
  html { scroll-behavior: auto; }
}
@media (prefers-contrast: more) {
  :root { --muted: #c5d3c6; --line: #ddebd26b; }
  .header { background: #08130ff5; border-color: #d1e2c599; }
  .eyebrow, .hero-location { color: #c5d3c6; }
  .project-meta span, .project-sub { color: #354c2c; }
  .gallery-search p, .brand-shortcuts span { color: #344e29; }
}

/* /reels.css */
/* The film library is self-contained; no external player loads before a click. */
#reels-stage,#reels-library{--rv-ink:#0b1010;--rv-ivory:#eeefe7;--rv-acid:#d8f58b;--rv-muted:#a4b0a8;--rv-line:#f0f5e320;color:var(--rv-ivory)}
.rv-feature{display:grid;grid-template-columns:minmax(200px,.85fr) 1fr 108px;align-items:center;gap:6%;direction:ltr;padding:10px 0 65px;border-bottom:1px solid var(--rv-line)}
.rv-feature-screen{aspect-ratio:9/14;max-height:650px;position:relative;overflow:hidden;padding:0;background:#151d19;border-radius:6px;isolation:isolate;box-shadow:0 35px 100px #0005;width:100%}
.rv-feature-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#070d114d,transparent 30%,#070d1155);pointer-events:none}
.rv-feature-screen>img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;filter:brightness(.87)}
.rv-feature-screen:hover>img{transform:scale(1.035)}
.rv-feature-badge{position:absolute;inset:22px 20px auto auto;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#07100cad;border:1px solid #fff2;font-size:10px;direction:rtl;border-radius:3px;z-index:1;backdrop-filter:blur(10px)}
.rv-feature-badge i{width:5px;height:5px;border-radius:50%;background:var(--rv-acid);box-shadow:0 0 12px #d8f58b66}
.rv-feature-play{position:absolute;inset:0;display:grid;place-items:center;z-index:1}
.rv-feature-play svg{width:87px;height:87px;padding:25px;border:1px solid #f0f5e391;border-radius:50%;background:#111b1538;backdrop-filter:blur(8px);transition:background .25s,transform .25s}
.rv-feature-screen:hover .rv-feature-play svg{background:var(--rv-acid);color:var(--rv-ink);transform:scale(1.08)}
.rv-feature-bottom{position:absolute;bottom:22px;inset-inline:22px;display:flex;justify-content:space-between;z-index:1;font:10px Arial,sans-serif;letter-spacing:1px}
.rv-feature-copy{direction:rtl;text-align:right;min-width:0}
.rv-overline{font:10px Arial,sans-serif;letter-spacing:2px;color:var(--rv-muted);display:block;line-height:1.8;direction:ltr}
.rv-feature-copy h3{font-size:clamp(44px,5.5vw,83px);line-height:1.09;letter-spacing:-3px;font-weight:600;margin:24px 0}
.rv-feature-copy h3 em{color:var(--rv-acid)}
.rv-feature-copy>p{font-size:16px;font-weight:300;color:#c2ccc3;line-height:1.9;max-width:345px}
.rv-feature-watch{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 0;border-bottom:1px solid #d8f58b88;margin-top:24px;font-size:14px;color:var(--rv-acid)}
.rv-feature-watch svg{width:18px;height:18px}
.rv-stage-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:35px;color:var(--rv-muted);font-size:10px}
.rv-stage-stats span{display:flex;flex-direction:column;gap:7px}
.rv-stage-stats b{font:27px Arial,sans-serif;color:var(--rv-ivory);font-weight:400}
.rv-feature-picks{display:flex;flex-direction:column;gap:13px}
.rv-feature-picks button{position:relative;padding:0;aspect-ratio:9/13;overflow:hidden;border-radius:4px;background:#18201b}
.rv-feature-picks img{width:100%;height:100%;object-fit:cover;opacity:.66;transition:opacity .25s,transform .4s}
.rv-feature-picks button:hover img{opacity:1;transform:scale(1.05)}
.rv-feature-picks span{position:absolute;inset:0;display:grid;place-items:center}
.rv-feature-picks svg{width:26px;height:26px;filter:drop-shadow(0 2px 8px #000)}
.rv-library-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:55px 0 25px}
.rv-library-title h3{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:13px 0 0}
.rv-search{display:flex;align-items:center;gap:12px;min-width:300px;border-bottom:1px solid #f0f5e355;padding:12px 0}
.rv-search>svg{width:22px;height:22px;flex:none;color:var(--rv-muted)}
.rv-search input{min-width:0;max-width:100%;width:100%;background:transparent;border:0;border-radius:0;color:var(--rv-ivory);padding:4px;font-size:13px;font-family:inherit;outline-offset:7px}
.rv-search input::placeholder{color:var(--rv-muted)}
.rv-library-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:25px;min-height:45px}
.rv-source-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rv-source-filters button{min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--rv-line);border-radius:3px;font-size:12px;color:var(--rv-muted);transition:color .2s,background .2s}
.rv-source-filters button[aria-pressed=true]{color:var(--rv-ink);background:var(--rv-acid);border-color:var(--rv-acid)}
.rv-source-filters button>span:not([lang]),.rv-source-filters small{font:10px Arial,sans-serif;opacity:.7}
.rv-source-filters button:hover{border-color:#d8f58b88}
.rv-library-count{font-size:11px;white-space:nowrap;color:var(--rv-muted)}
.rv-type-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--rv-line);padding-bottom:17px;margin-bottom:17px}
.rv-type-filters>span{font-size:10px;color:var(--rv-muted);margin-inline-end:7px}
.rv-type-filters button{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 15px;font-size:12px;color:var(--rv-muted);border-radius:3px;border:1px solid transparent}
.rv-type-filters button[aria-pressed=true]{color:var(--rv-acid);border-color:#d8f58b77;background:#d8f58b0c}
.rv-type-filters button:hover{color:var(--rv-ivory)}
.rv-type-filters small{font:10px Arial,sans-serif;opacity:.7}
.rv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 18px}
.rv-card{display:block;padding:0;text-align:right;min-width:0;color:inherit}
.rv-card-visual{aspect-ratio:9/14;position:relative;overflow:hidden;background:#17201b;border-radius:5px;isolation:isolate}
.rv-card-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0811096b,transparent 32%,transparent 60%,#060f09b3);pointer-events:none}
.rv-card-visual>img{height:100%;width:100%;object-fit:cover;transition:transform .65s,filter .4s;filter:brightness(.86)}
.rv-card:hover img{transform:scale(1.035);filter:brightness(1)}
.rv-card-source{position:absolute;top:16px;right:15px;z-index:1;font:9px Arial,sans-serif;letter-spacing:.7px;line-height:1.5;color:#fff;direction:ltr;max-width:calc(100% - 62px);text-align:right}
.rv-card-play{position:absolute;top:13px;left:13px;z-index:1;width:31px;height:31px;display:grid;place-items:center;border:1px solid #fff6;border-radius:50%;background:#05110d33;backdrop-filter:blur(8px)}
.rv-card-play svg{width:12px;height:12px}
.rv-duration{position:absolute;bottom:16px;left:15px;z-index:1;font:11px Arial,sans-serif}
.rv-card-index{position:absolute;bottom:13px;right:15px;z-index:1;font:32px Arial,sans-serif;letter-spacing:-1px;font-weight:400;color:#f0f5e3bf}
.rv-story-badge{position:absolute;bottom:56px;right:15px;z-index:1;background:#d8f58be6;color:#0b1010;padding:5px 8px;border-radius:2px;font-size:9px;line-height:1.3}
.rv-card-info{padding:14px 2px 0}
.rv-card-info h4{font-size:14px;line-height:1.7;font-weight:400;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:47px;text-align:right}
.rv-card-info>span{font-size:10px;color:var(--rv-muted);display:flex;justify-content:space-between;gap:10px}
.rv-card-info>span>span{font-size:17px;line-height:1;color:var(--rv-acid)}
.rv-more-wrap{text-align:center;margin-top:38px}
.rv-more{border:1px solid #d8f58b66;border-radius:3px;display:inline-flex;gap:40px;padding:14px 22px;font-size:13px}
.rv-more:hover{background:#d8f58b12}
.rv-empty{grid-column:1/-1;text-align:center;border:1px solid var(--rv-line);padding:60px 20px;font-size:15px}
.rv-reset{color:var(--rv-acid);text-decoration:underline;text-underline-offset:7px;margin-top:20px;min-height:44px}
.rv-load-error{padding:35px 0;color:#a4b0a8;line-height:1.8}.rv-load-error a{text-decoration:underline;color:#d8f58b}
.rv-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}

/* Native modal retains the browser's focus trap and Escape behavior. */
dialog.rv-dialog{--rv-ink:#0b1010;--rv-ivory:#eeefe7;--rv-acid:#d8f58b;--rv-muted:#a4b0a8;width:min(980px,calc(100vw - 48px));max-width:none;height:auto;max-height:calc(100svh - 48px);padding:0;border:1px solid #a4b0a838;border-radius:8px;margin:auto;background:var(--rv-ink);color:var(--rv-ivory);overflow:auto;box-shadow:0 40px 130px #000b}
dialog.rv-dialog::backdrop{background:#030806e8;backdrop-filter:blur(14px)}
.rv-viewer-shell{display:grid;grid-template-columns:minmax(280px,.95fr) 1fr;direction:ltr}
.rv-screen{position:relative;min-width:0;height:min(80svh,740px);background:#030604;isolation:isolate;overflow:hidden;touch-action:pan-x}
.rv-viewer-top{position:absolute;inset:0 0 auto;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none;background:linear-gradient(#0009,transparent)}
.rv-viewer-brand{font:11px Arial,sans-serif;font-weight:bold;letter-spacing:1.4px;pointer-events:none;text-shadow:0 1px 12px black}
.rv-viewer-brand span{font-size:8px;opacity:.8;font-weight:400;letter-spacing:.7px}
.rv-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0b1010bd;color:#eeefe7;backdrop-filter:blur(8px);border:1px solid #fff3;pointer-events:auto;flex:none;padding:10px}
.rv-icon svg{width:19px;height:19px}
.rv-dialog .rv-close{position:static;inset:auto;margin:0;font-size:inherit}
.rv-player{height:100%;width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;position:relative}
.rv-player>video{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;background:#030604}
.rv-player>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;border:0;background:white;padding-top:62px}
.rv-player-status{position:absolute;bottom:75px;inset-inline:20px;z-index:2;background:#0b1010e8;color:#eeefe7;text-align:center;line-height:1.7;font-size:11px;direction:rtl;pointer-events:none}
.rv-player-status:not(:empty){padding:10px 12px;border-radius:4px}
.rv-viewer-info{direction:rtl;display:flex;flex-direction:column;min-width:0;padding:37px 32px 24px;max-height:min(80svh,740px);overflow:auto}
.rv-viewer-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--rv-muted);font:10px Arial,sans-serif;letter-spacing:1px}
.rv-source-name{color:var(--rv-acid)}
.rv-content-kind{font-family:inherit;letter-spacing:0;white-space:nowrap;border:1px solid #d8f58b55;border-radius:2px;padding:5px 7px;color:var(--rv-acid)}
#rv-viewer-title{font-size:clamp(22px,2.3vw,32px);line-height:1.4;letter-spacing:-.8px;font-weight:500;margin:28px 0 18px;text-align:right}
.rv-caption{font-size:13px;line-height:1.85;color:#b9c4bb;white-space:pre-line;overflow:auto;max-height:220px;min-height:40px;padding-inline-end:9px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#85927655 transparent}
.rv-caption-preview{display:none}
.rv-caption-details{margin:0;border:0;padding:0}
.rv-caption-details>summary{display:none}
.rv-tools{display:contents}
.rv-tools .rv-close-compact{display:none}
.rv-media-controls{display:flex;gap:15px;margin-top:22px;border-top:1px solid #f0f5e320;border-bottom:1px solid #f0f5e320;padding:10px 0}
.rv-control{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--rv-ivory);padding:7px 9px;font-size:11px}
.rv-control svg{width:18px;height:18px;flex:none}
.rv-control:disabled{opacity:.3;cursor:default}
.rv-control:not(:disabled):hover{color:var(--rv-acid)}
.rv-original{font-size:11px;color:var(--rv-muted);display:inline-block;padding:17px 0;align-self:flex-start;text-decoration:underline;text-underline-offset:5px}
.rv-originals{display:flex;flex-wrap:wrap;gap:0 18px}
.rv-inquire{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 15px;background:var(--rv-acid);color:var(--rv-ink);font-size:12px;margin-top:auto;border-radius:3px;line-height:1.8}
.rv-inquire span{font-size:18px}
.rv-viewer-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-top:15px;border-top:1px solid #f0f5e320}
.rv-next svg{transform:rotate(180deg)}
.rv-nav-hint{font-size:8px;line-height:1.8;text-align:center;max-width:100px;color:var(--rv-muted)}
.rv-external-poster{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}
.rv-external-notice{position:absolute;bottom:35px;inset-inline:20px;padding:25px 20px;background:#0b1010eb;backdrop-filter:blur(15px);border:1px solid #a4b0a83b;text-align:right;direction:rtl;border-radius:5px}
.rv-external-notice h3{font-size:26px;font-weight:500;margin:12px 0}
.rv-external-notice p{font-size:12px;line-height:1.9;color:var(--rv-muted)}
.rv-load-embed{display:block;width:100%;background:var(--rv-acid);color:var(--rv-ink);padding:13px;margin-top:18px;font-size:12px;border-radius:2px}
.rv-external-notice a{display:block;text-decoration:underline;text-underline-offset:5px;font-size:11px;margin-top:17px;min-height:35px}

@media(min-width:1500px){.rv-feature{grid-template-columns:minmax(200px,420px) 1fr 120px;gap:8%}.rv-feature-screen{max-height:650px}}
@media(max-width:1050px){.rv-feature{grid-template-columns:minmax(220px,.9fr) 1fr 78px;gap:4%}.rv-feature-copy h3{font-size:61px}.rv-feature-copy>p{font-size:14px}.rv-feature-picks{gap:10px}.rv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rv-viewer-info{padding:32px 25px 20px}.rv-stage-stats{gap:15px}}
@media(max-width:760px){.rv-feature{grid-template-columns:1fr 1fr;gap:22px 18px;padding-bottom:35px;align-items:start}.rv-feature-screen{grid-row:1;grid-column:1;aspect-ratio:9/17;max-height:none}.rv-feature-copy{grid-row:1;grid-column:2;padding-top:10px}.rv-feature-copy .rv-overline{font-size:7px;letter-spacing:1px;line-height:1.7}.rv-feature-copy h3{font-size:clamp(37px,8vw,57px);line-height:1.12;letter-spacing:-1.7px;margin:15px 0}.rv-feature-copy>p{font-size:11px;line-height:1.9}.rv-feature-watch{gap:15px;font-size:11px;margin-top:12px;padding:12px 0}.rv-feature-watch svg{width:14px;height:14px}.rv-feature-badge{inset:12px 9px auto auto;padding:6px;font-size:8px;gap:5px}.rv-feature-badge i{width:4px;height:4px}.rv-feature-play svg{width:60px;height:60px;padding:19px}.rv-feature-bottom{bottom:12px;inset-inline:12px;font-size:7px}.rv-stage-stats{margin-top:18px;gap:13px;font-size:8px}.rv-stage-stats b{font-size:21px}.rv-stage-stats span{gap:3px}.rv-feature-picks{grid-row:2;grid-column:1/-1;flex-direction:row;gap:10px}.rv-feature-picks button{width:calc((100% - 20px)/3);aspect-ratio:3/2}.rv-feature-picks img{object-position:50% 40%}.rv-feature-picks svg{width:23px;height:23px}.rv-library-top{display:block;padding-top:35px}.rv-library-title h3{font-size:23px;margin-top:9px}.rv-library-title .rv-overline{font-size:8px;letter-spacing:1.3px}.rv-search{min-width:0;width:100%;margin-top:24px;gap:10px}.rv-search input{font-size:13px}.rv-library-bar{gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.rv-source-filters{gap:6px}.rv-source-filters button{padding:9px 12px;font-size:10px;gap:8px}.rv-library-count{font-size:9px;margin-top:11px}.rv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.rv-card-visual{aspect-ratio:9/15}.rv-card-source{top:13px;right:11px;font-size:7px}.rv-card-play{top:9px;left:9px;width:26px;height:26px}.rv-card-play svg{width:10px;height:10px}.rv-card-index{bottom:10px;right:11px;font-size:26px}.rv-duration{bottom:11px;left:10px;font-size:9px}.rv-card-info h4{font-size:12px;line-height:1.8;min-height:43px}.rv-card-info>span{font-size:9px}.rv-card-info{padding:11px 0 0}.rv-more{font-size:12px;padding:13px 20px}.rv-more-wrap{margin-top:30px}dialog.rv-dialog{width:100%;max-width:100%;height:100svh;max-height:100svh;border:0;border-radius:0;margin:0;overflow:auto}.rv-viewer-shell{display:flex;flex-direction:column}.rv-screen{height:68svh;min-height:340px;max-height:720px;flex:none}.rv-viewer-top{padding:12px 16px}.rv-icon{height:42px;width:42px}.rv-viewer-info{padding:23px 22px max(26px,env(safe-area-inset-bottom));max-height:none;overflow:visible}.rv-viewer-meta{font-size:9px}#rv-viewer-title{font-size:24px;line-height:1.5;letter-spacing:-.4px;margin:17px 0 12px}.rv-caption{font-size:12px;max-height:145px;min-height:0;line-height:1.9}.rv-media-controls{margin-top:15px}.rv-control{font-size:12px;min-height:44px}.rv-inquire{font-size:12px;margin-top:10px}.rv-nav-hint{font-size:9px;max-width:150px}.rv-viewer-nav{margin-top:18px;padding-top:12px}.rv-player-status{bottom:70px;font-size:10px}.rv-external-notice{bottom:22px;inset-inline:18px;padding:20px}.rv-external-notice h3{font-size:24px}.rv-original{padding:15px 0}.rv-player>iframe{padding-top:60px}}
@media(max-width:360px){.rv-feature{gap:16px 12px}.rv-feature-copy h3{font-size:35px}.rv-feature-copy>p{font-size:10px}.rv-stage-stats{font-size:7px;gap:10px}.rv-stage-stats b{font-size:18px}.rv-source-filters button{padding:9px}.rv-card-source{font-size:6px}}
@media(max-width:760px){.rv-type-filters{gap:5px;padding-bottom:12px;margin-bottom:14px}.rv-type-filters>span{width:100%;font-size:9px;margin-bottom:3px}.rv-type-filters button{padding:8px 12px;font-size:11px;gap:8px}.rv-story-badge{bottom:47px;right:11px;font-size:8px;padding:4px 6px}.rv-content-kind{font-size:8px;padding:4px 5px}}
@media(max-width:760px){
  .rv-screen{height:55svh;min-height:260px;max-height:520px}
  .rv-viewer-info{padding:0 20px max(24px,env(safe-area-inset-bottom));overflow:visible}
  .rv-tools{display:grid;grid-template-columns:100px 1fr 40px;gap:10px;order:-1;position:sticky;top:0;z-index:4;background:#0b1010f7;backdrop-filter:blur(12px);padding:8px 0;border-bottom:1px solid #f0f5e32a}
  .rv-tools .rv-media-controls{margin:0;padding:0;gap:4px;border:0}
  .rv-tools .rv-media-controls .rv-control{width:46px;height:44px;min-height:44px;padding:11px;border:1px solid #f0f5e32a;border-radius:3px}
  .rv-tools .rv-media-controls .rv-control span{display:none}
  .rv-tools .rv-viewer-nav{margin:0;padding:0;border:0;gap:8px}
  .rv-tools .rv-viewer-nav .rv-control{font-size:11px;min-height:44px;padding:8px 5px;gap:6px}
  .rv-tools .rv-nav-hint{display:none}
  .rv-tools .rv-close-compact{display:grid;place-items:center;padding:10px;border:1px solid #f0f5e32a;border-radius:3px;width:40px;height:44px}
  .rv-dialog[data-source=external] .rv-tools{grid-template-columns:1fr 40px}
  .rv-viewer-meta{margin-top:15px;font-size:8px;gap:9px}
  #rv-viewer-title{font-size:22px;line-height:1.4;margin:12px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .rv-caption-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.7;color:#b9c4bb;white-space:normal;text-align:right}
  .rv-caption-details>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;font-size:10px;color:#d8f58b;min-height:36px;padding:8px 0}
  .rv-caption-details>summary::-webkit-details-marker{display:none}
  .rv-caption-details>summary:focus-visible{outline:2px solid #d8f58b;outline-offset:2px}
  .rv-caption-details[open]>summary>span{transform:rotate(45deg)}
  .rv-caption-details .rv-caption{max-height:none;overflow:visible;padding:0;font-size:12px;line-height:1.9;margin:7px 0 15px;overscroll-behavior:auto}
  .rv-viewer-info:has(.rv-caption-details[open]) .rv-caption-preview{display:none}
  .rv-originals{gap:0 14px}
  .rv-original{font-size:10px;padding:8px 0;min-height:34px}
  .rv-inquire{margin-top:7px;padding:12px 14px;font-size:11px;min-height:44px}
}
@media(max-width:360px){.rv-tools .rv-viewer-nav .rv-control span{display:none}.rv-tools .rv-viewer-nav .rv-control{width:44px}}
@media(prefers-reduced-motion:reduce){.rv-feature-screen>img,.rv-feature-play svg,.rv-feature-picks img,.rv-card-visual>img,.rv-source-filters button{transition:none!important}.rv-feature-screen:hover>img,.rv-feature-screen:hover .rv-feature-play svg,.rv-feature-picks button:hover img,.rv-card:hover img{transform:none}}

/* /stories.css */
/* Editorial treatment selector. All media is original Reuvens work. */
.st-stories { --st-paper:#eeefe7; --st-ink:#15281f; --st-muted:#5e7054; --st-rule:#72856942; color:var(--st-ink); background:var(--st-paper); padding:105px var(--gutter,6%); color-scheme:light; overflow:hidden; }
.st-stories :focus-visible { outline:3px solid #516d30; outline-offset:5px; }
.st-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:45px; margin-bottom:48px; }
.st-eyebrow { font:9px/1.8 Arial,sans-serif; letter-spacing:2.4px; color:var(--st-muted); direction:ltr; text-align:right; }
.st-heading h2 { font-size:clamp(44px,4.8vw,76px); letter-spacing:-.045em; line-height:1.1; margin-top:21px; font-weight:500; }
.st-stories h2 em,.st-stories h3 em { color:#627b4f; font-weight:400; }
.st-intro { color:#526a4e; font-size:17px; line-height:1.9; font-weight:400; max-width:340px; padding-bottom:5px; }
.st-intro>span { display:block; font-size:12px; color:#5e7054; margin-top:13px; }
.st-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid var(--st-rule); border-bottom:1px solid var(--st-rule); margin-bottom:43px; }
.st-tab { display:flex; align-items:center; text-align:right; gap:24px; color:var(--st-ink); padding:24px 23px; position:relative; border-inline-start:1px solid var(--st-rule); min-width:0; transition:background .3s; }
.st-tab:first-child { border-inline-start:0; padding-inline-start:0; }
.st-tab:last-child { padding-inline-end:0; }
.st-tab::after { content:''; position:absolute; inset:auto 0 -1px; background:#2b452a; height:3px; transform:scaleX(0); transform-origin:right; transition:transform .35s ease; }
.st-tab[aria-selected=true]::after { transform:scaleX(1); }
.st-tab:hover { background:#dce2d34d; }
.st-tab-number { font:10px Arial,sans-serif; color:#5e7054; align-self:flex-start; padding-top:7px; }
.st-tab b { display:block; font-size:23px; font-weight:500; line-height:1.2; letter-spacing:-.5px; }
.st-tab small { display:block; margin-top:10px; font:8px/1.4 Arial,sans-serif; letter-spacing:1.3px; color:#5e7054; white-space:nowrap; }
.st-tab-arrow { display:grid; place-items:center; width:36px; height:36px; margin-inline-start:auto; font-size:27px; color:#8ca078; transform:rotate(-45deg); transition:transform .35s,color .35s; }
.st-tab[aria-selected=true] .st-tab-arrow { color:#294a24; transform:rotate(0); }
.st-panel { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(0,.85fr); gap:clamp(38px,5.5vw,92px); direction:ltr; align-items:start; }
.st-panel[hidden] { display:none!important; }
.st-visual { min-width:0; }
.st-photo { display:block; position:relative; aspect-ratio:1.04; overflow:hidden; background:#213228; isolation:isolate; border-radius:3px; }
.st-photo::after { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,#06170d36,transparent 35%,transparent 65%,#06170dbf); pointer-events:none; }
.st-main-image { width:100%; height:100%; object-fit:cover; object-position:50% 76%; transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .4s; }
.st-photo:hover .st-main-image,.st-photo:focus-visible .st-main-image { transform:scale(1.025); filter:brightness(1.055); }
.st-photo-label { position:absolute; inset:24px auto auto 24px; z-index:2; font:8px Arial,sans-serif; letter-spacing:1.8px; color:#f1f4e5; border:1px solid #f1f4e53b; background:#10211947; backdrop-filter:blur(10px); padding:10px 12px; border-radius:2px; }
.st-photo-open { position:absolute; right:23px; top:23px; z-index:2; width:43px; height:43px; border-radius:50%; background:#f0f3e2ed; color:#20391e; display:flex; align-items:center; justify-content:center; font-size:27px; transition:background .2s,width .3s,border-radius .3s; direction:rtl; gap:12px; }
.st-photo-open>span { display:none; font-size:10px; white-space:nowrap; }
.st-photo:hover .st-photo-open,.st-photo:focus-visible .st-photo-open { width:144px; border-radius:3px; background:#d8f58b; }
.st-photo:hover .st-photo-open>span,.st-photo:focus-visible .st-photo-open>span { display:inline; }
.st-photo-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; position:absolute; bottom:25px; left:25px; right:25px; z-index:2; color:#edf5df; font-size:11px; direction:rtl; }
.st-photo-bottom [dir=ltr] { font:10px Arial,sans-serif; letter-spacing:2px; }
.st-frames { display:grid; grid-template-columns:1.12fr repeat(3,1fr); gap:12px; margin-top:14px; align-items:stretch; direction:rtl; }
.st-frames-label { align-self:center; padding-inline:1px 20px; font-size:17px; line-height:1.4; color:#60764d; }
.st-frames-label b { font-weight:400; color:#273f21; }
.st-frame { display:block; position:relative; padding:0; aspect-ratio:1.45; min-width:0; overflow:hidden; border-radius:2px; background:#30452b; border:2px solid transparent; outline-offset:3px; }
.st-frame img { width:100%; height:100%; object-fit:cover; object-position:50% 75%; opacity:.7; transition:opacity .25s,transform .4s; }
.st-frame[aria-pressed=true] { border-color:#304c24; }
.st-frame[aria-pressed=true] img,.st-frame:hover img { opacity:1; }
.st-frame:hover img { transform:scale(1.06); }
.st-frame>span { position:absolute; bottom:7px; left:8px; font:8px Arial,sans-serif; letter-spacing:1px; color:#fff; text-shadow:0 1px 5px #000; }
.st-copy { direction:rtl; text-align:right; padding-top:16px; min-width:0; }
.st-copy h3 { font-size:clamp(36px,3.3vw,52px); font-weight:500; letter-spacing:-.04em; line-height:1.13; margin:23px 0 23px; }
.st-description { color:#556f4d; font-size:15px; line-height:1.95; max-width:420px; }
.st-project-note { margin-top:28px; padding-top:25px; border-top:1px solid var(--st-rule); }
.st-project-note>span { font-size:10px; color:#5e7054; }
.st-project-note h4 { font:400 22px/1.3 Arial,sans-serif; letter-spacing:-.5px; margin:9px 0 12px; }
.st-project-note p { font-size:12px; line-height:1.85; color:#5e7054; max-width:370px; }
.st-project-note>a { display:inline-flex; align-items:center; gap:25px; color:#39572d; font-size:11px; border-bottom:1px solid #78956466; margin-top:15px; padding-bottom:7px; min-height:35px; }
.st-project-note>a:hover { border-color:#283f21; }
.st-project-note>a span { font-size:17px; }
.st-consult { display:flex; justify-content:space-between; align-items:center; width:100%; gap:25px; background:#223b24; color:#edf5df; padding:16px 20px; min-height:54px; font-size:12px; border-radius:3px; margin-top:27px; }
.st-consult:hover { background:#344f2e; transform:translateY(-2px); }
.st-consult>span { font-size:23px; line-height:1; color:#d8f58b; }
.st-film { display:grid; grid-template-columns:100px 1fr; direction:ltr; margin-top:28px; gap:20px; align-items:center; padding:0; color:#243e1f; }
.st-film-photo { display:block; position:relative; aspect-ratio:1.08; border-radius:3px; overflow:hidden; background:#293f25; }
.st-film-photo>img { width:100%; height:100%; object-fit:cover; object-position:50% 35%; filter:brightness(.77); transition:transform .5s,filter .3s; }
.st-film-photo>span { position:absolute; inset:0; display:grid; place-items:center; color:#edf5df; font-size:12px; }
.st-film:hover img { transform:scale(1.045); filter:brightness(.95); }
.st-film-copy { display:flex; flex-direction:column; direction:rtl; gap:7px; }
.st-film-copy small { color:#5e7054; font-size:9px; }
.st-film-copy b { font-size:16px; font-weight:400; letter-spacing:-.2px; }
.st-film-copy>span { display:flex; align-items:center; gap:25px; font-size:10px; margin-top:3px; color:#5e7054; }
.st-film-copy i { font-style:normal; font-size:17px; }
.st-section-bottom { margin-top:42px; border-top:1px solid var(--st-rule); padding-top:25px; display:flex; align-items:center; justify-content:space-between; gap:25px; color:#5e7054; }
.st-section-bottom>span { font:8px Arial,sans-serif; letter-spacing:2px; direction:ltr; }
.st-section-bottom>a { display:flex; align-items:center; gap:30px; font-size:11px; color:#3d5832; padding-block:8px; }
.st-section-bottom>a>span { font-size:17px; }
.st-sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
@media(prefers-reduced-motion:no-preference) { .st-panel:not([hidden]) .st-copy { animation:st-reveal .4s ease both; } .st-panel:not([hidden]) .st-visual { animation:st-reveal .5s ease both; } }
@keyframes st-reveal { from { opacity:.3; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:1150px) {
  .st-stories { padding-block:85px; }
  .st-panel { gap:38px; grid-template-columns:1.2fr 1fr; }
  .st-photo { aspect-ratio:.8; }
  .st-tab { padding-inline:20px; gap:17px; }
  .st-tab b { font-size:21px; }
  .st-tab small { font-size:7px; letter-spacing:1px; }
  .st-copy { padding-top:9px; }
  .st-copy h3 { font-size:39px; }
  .st-description { font-size:13px; }
  .st-project-note { margin-top:23px; padding-top:22px; }
  .st-project-note h4 { font-size:21px; }
  .st-project-note p { font-size:11px; }
  .st-film { grid-template-columns:85px 1fr; gap:17px; margin-top:25px; }
  .st-film-copy b { font-size:15px; }
  .st-frames { gap:8px; }
  .st-frames-label { padding-inline-end:10px; font-size:15px; }
}
@media(max-width:900px) and (min-width:761px) {
  .st-panel { gap:30px; }
  .st-copy h3 { font-size:34px; }
  .st-description { font-size:12px; }
  .st-intro { font-size:15px; }
  .st-tab { gap:14px; padding-inline:15px; }
  .st-tab small { letter-spacing:.6px; font-size:6px; }
  .st-tab-arrow { font-size:23px; width:25px; }
  .st-photo { aspect-ratio:.68; }
  .st-photo-label { left:15px; top:18px; padding:8px; font-size:6px; letter-spacing:1.2px; }
  .st-photo-open { right:15px; top:15px; width:35px; height:35px; font-size:23px; }
  .st-film { grid-template-columns:75px 1fr; }
  .st-film-copy b { font-size:14px; }
  .st-consult { padding-inline:15px; font-size:11px; }
}
@media(max-width:760px) {
  .st-stories { padding:73px var(--gutter,22px) 58px; }
  .st-heading { display:block; margin-bottom:30px; }
  .st-heading h2 { font-size:clamp(42px,10vw,59px); margin-top:18px; }
  .st-eyebrow { font-size:8px; letter-spacing:1.8px; }
  .st-intro { margin-top:23px; font-size:14px; line-height:1.9; max-width:none; }
  .st-intro>span { margin-top:8px; font-size:11px; }
  .st-tabs { margin-bottom:27px; }
  .st-tab { display:grid; grid-template-columns:auto 1fr; padding:15px 12px 18px; gap:10px 7px; align-items:center; }
  .st-tab:first-child { padding-inline-start:0; }
  .st-tab:last-child { padding-inline-end:0; }
  .st-tab-number { grid-row:1; grid-column:1; font-size:8px; padding-top:0; align-self:center; }
  .st-tab>span:nth-child(2) { grid-row:2; grid-column:1 / -1; }
  .st-tab b { font-size:17px; letter-spacing:-.3px; }
  .st-tab small { display:none; }
  .st-tab-arrow { grid-row:1; grid-column:2; font-size:21px; width:20px; height:20px; margin-inline-start:auto; }
  .st-panel { display:flex; flex-direction:column; gap:30px; }
  .st-visual { width:100%; }
  .st-photo { aspect-ratio:1.07; }
  .st-photo-label { left:17px; top:18px; padding:8px 10px; font-size:6px; letter-spacing:1.2px; }
  .st-photo-open { right:16px; top:16px; width:39px; height:39px; font-size:24px; }
  .st-photo-bottom { bottom:19px; left:19px; right:19px; font-size:10px; }
  .st-photo-bottom [dir=ltr] { font-size:8px; letter-spacing:1.3px; }
  .st-frames { grid-template-columns:.95fr repeat(3,1fr); gap:9px; margin-top:11px; }
  .st-frames-label { padding-inline-end:6px; font-size:14px; }
  .st-frame { aspect-ratio:1.2; min-height:49px; }
  .st-frame>span { font-size:7px; left:6px; bottom:5px; }
  .st-copy { padding-top:0; width:100%; }
  .st-copy h3 { font-size:clamp(36px,8.7vw,47px); margin-top:17px; margin-bottom:19px; line-height:1.13; }
  .st-description { font-size:14px; line-height:1.95; max-width:none; }
  .st-project-note { margin-top:25px; padding-top:24px; }
  .st-project-note h4 { font-size:22px; }
  .st-project-note>span { font-size:10px; }
  .st-project-note p { font-size:12px; line-height:1.9; max-width:none; }
  .st-project-note>a { margin-top:10px; min-height:44px; padding-block:8px; font-size:11px; }
  .st-consult { font-size:12px; padding:17px 19px; min-height:55px; margin-top:24px; }
  .st-film { grid-template-columns:96px 1fr; gap:20px; margin-top:25px; padding-top:23px; border-top:1px solid var(--st-rule); }
  .st-film-copy small { font-size:9px; }
  .st-film-copy b { font-size:17px; }
  .st-film-copy>span { font-size:11px; }
  .st-section-bottom { display:flex; flex-direction:column-reverse; align-items:flex-start; gap:17px; margin-top:34px; padding-top:22px; }
  .st-section-bottom>span { font-size:6px; letter-spacing:1.8px; }
  .st-section-bottom>a { min-height:44px; font-size:12px; gap:45px; }
}
@media(max-width:380px) {
  .st-tab { gap:6px; padding-inline:9px; }
  .st-tab b { font-size:15px; }
  .st-tab-arrow { font-size:19px; width:17px; }
  .st-tab-number { font-size:7px; }
  .st-copy h3 { font-size:34px; }
  .st-description { font-size:13px; }
  .st-frames { gap:7px; }
  .st-frames-label { font-size:12px; }
  .st-film { grid-template-columns:87px 1fr; gap:17px; }
}
@media(prefers-reduced-motion:reduce) { .st-stories *, .st-stories *::before, .st-stories *::after { animation:none!important; transition:none!important; } .st-photo:hover img,.st-frame:hover img,.st-film:hover img,.st-consult:hover { transform:none; } }
@media(prefers-contrast:more) { .st-stories { --st-rule:#465b397d; --st-muted:#485c3e; } .st-intro>span,.st-tab small,.st-project-note>span,.st-project-note p,.st-film-copy small,.st-section-bottom { color:#435d36; } }

/* /motion.css */
.header { transition: height .25s ease, background .25s ease, box-shadow .25s ease; }
.header::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: var(--lime); transform: scaleX(var(--reading-progress, 0)); transform-origin: right; pointer-events: none; }
.header.is-scrolled { height: 66px; background: #0b1412f0; box-shadow: 0 8px 35px #0003; }
.header nav a[aria-current="location"] { color: var(--lime); }
.header nav a[aria-current="location"]::after { transform: scaleX(1); }
.reveal-when-near { opacity: 0; transform: translateY(18px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal-when-near.is-revealed { opacity: 1; transform: none; }
@media(max-width:960px) { .header.is-scrolled nav { top: 76px; } }
@media(max-width:760px) { .header.is-scrolled { height: 58px; } .header.is-scrolled nav { top: 68px; } }
@media(prefers-reduced-motion:reduce) { .header { transition: none; } .reveal-when-near { opacity: 1; transform: none; transition: none; } }

/* /light-theme.css */
/* Reuvens / daylight studio. Loaded after the existing shell and media styles.
   Hero geometry and its image overlays are owned by hero.css. */
:root {
  --bg: #ffffff;
  --panel: #f6f8f4;
  --paper: #f7f8f3;
  --text: #17332c;
  --ink: #17332c;
  --muted: #607169;
  --line: #17332c24;
  --lime: #d8f58b;
  --brand: #1d513d;
  --brand-hover: #143c2c;
  --soft: #eef3eb;
  --radius: 10px;
  color: var(--text);
  background: var(--bg);
  color-scheme: light;
}
body { background: var(--bg); color: var(--text); }
::selection { background: #ddf1b1; color: #17332c; }
em, h2 em { color: #496e51; }
.eyebrow { color: #546d60; font-size: 11px; }
.section-heading>p, .section-heading>div>p:not(.eyebrow) { color: #607169; font-size: 16px; line-height: 1.85; }
button, input, select, a, summary { -webkit-tap-highlight-color: #b4d57826; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible,
.works :focus-visible, .st-stories :focus-visible {
  outline: 3px solid #397c56;
  outline-offset: 4px;
}
button:disabled { cursor: not-allowed; }
.skip { color: #17332c; background: #e1f5ae; border: 1px solid #507541; }

/* White glass navigation stays readable over both photos and paper. */
.header, .header.is-scrolled {
  background: #ffffffed;
  color: #17332c;
  border-color: #17332c1f;
  border-radius: 12px;
  box-shadow: 0 6px 30px #17332c0a, 0 1px 2px #17332c05;
}
.header.is-scrolled { background: #fffffffa; box-shadow: 0 8px 28px #17332c10; }
.header::after { background: #438a55; inset-inline: 12px; }
.brand { color: #17332c; }
.brand small { color: #4c6358; }
.header nav { color: #405c4d; font-size: 13px; }
.header nav a { min-height: 44px; display: flex; align-items: center; }
.header nav a:hover, .header nav a[aria-current="location"] { color: #1d513d; }
.header nav a::after { background: #3d784d; height: 2px; }
.header-cta {
  background: #1d513d;
  color: #fff;
  border: 1px solid #1d513d;
  border-radius: 8px;
  min-height: 46px;
  padding: 11px 19px;
  font-size: 13px;
  box-shadow: 0 3px 8px #17332c0a;
}
.header-cta:hover { background: #143c2c; border-color: #143c2c; }
.header-cta span { color: #d8f58b; }
.menu-toggle { color: #17332c; background: #f4f7f1; border-color: #aebfb0; border-radius: 8px; }
.menu-toggle[aria-expanded="true"] { background: #e4eedb; border-color: #608668; }

/* Consistent actions: green primary, outlined secondary, descriptive links. */
.button, .st-consult, .rv-inquire, .rv-more, .rv-feature-watch {
  min-height: 52px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.button { padding: 15px 23px; }
.button.lime, .st-consult, .rv-inquire, #recommendation .lime {
  background: #1d513d;
  border: 1px solid #1d513d;
  color: #fff;
  box-shadow: 0 4px 10px #17332c0b;
}
.button.lime:hover, .st-consult:hover, .rv-inquire:hover, #recommendation .lime:hover {
  background: #143c2c;
  border-color: #143c2c;
  box-shadow: 0 6px 17px #17332c16;
}
.button.lime>span, .st-consult>span, .rv-inquire>span { color: #d8f58b; }
.button.outline, .works .outline, .rv-more {
  background: #fff;
  color: #234b39;
  border: 1px solid #8ba693;
  box-shadow: none;
}
.button.outline:hover, .works .outline:hover, .rv-more:hover { background: #edf4e8; border-color: #3f7151; }
.button:active, .st-consult:active, .rv-inquire:active { transform: translateY(0); }
.text-link { color: #2b6147; border-color: #79967c; min-height: 44px; font-size: 13px; }
.text-link span { color: #3d784d; }
.text-link:hover { color: #173e2b; border-color: #173e2b; }
.ticker { background: #f1f6e9; border-top: 1px solid #dfe7d7; border-bottom: 1px solid #dfe7d7; color: #3c5948; }
.ticker i { color: #648447; }

/* Treatment stories: paper tabs, brighter original photography, strong actions. */
.st-stories { --st-paper: #fff; --st-ink: #17332c; --st-muted: #5d7265; --st-rule: #cfdcd1; background: #fff; }
.st-stories h2 em, .st-stories h3 em { color: #507450; }
.st-eyebrow { font-size: 10px; color: #586f60; }
.st-intro { color: #506b5a; font-size: 18px; }
.st-intro>span { color: #607169; font-size: 13px; }
.st-tabs { gap: 9px; border: 0; background: #f3f6ef; padding: 7px; border-radius: 12px; }
.st-tab, .st-tab:first-child, .st-tab:last-child { padding: 22px 23px; border: 1px solid transparent; border-radius: 8px; }
.st-tab::after { inset: auto 23px 8px; height: 2px; background: #42784a; }
.st-tab[aria-selected="true"] { background: #fff; border-color: #d1deca; box-shadow: 0 3px 10px #24412708; }
.st-tab:hover { background: #ffffffc4; }
.st-tab-number, .st-tab small { color: #5d735b; }
.st-tab small { font-size: 9px; letter-spacing: 1px; }
.st-tab-arrow { color: #6c8463; }
.st-tab[aria-selected="true"] .st-tab-arrow { color: #315f35; }
.st-photo { border-radius: 12px; box-shadow: 0 12px 35px #17332c0b; }
.st-photo-label { border-radius: 5px; background: #ffffffec; border-color: #fff; color: #234533; font-size: 9px; letter-spacing: 1.2px; }
.st-photo-open { color: #234533; background: #ffffffee; width: 46px; height: 46px; }
.st-photo-bottom { color: #fff; font-size: 12px; }
.st-frame { border-radius: 7px; border-width: 2px; }
.st-frame[aria-pressed="true"] { border-color: #39633a; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #809b70; }
.st-frame img { opacity: .9; }
.st-description { color: #526b5a; font-size: 16px; line-height: 1.9; }
.st-project-note { border-color: #d7e1d4; }
.st-project-note>span { color: #60715e; font-size: 12px; }
.st-project-note p { color: #60715e; font-size: 14px; line-height: 1.85; }
.st-project-note>a { color: #2b613e; font-size: 13px; min-height: 44px; border-color: #91ab82; }
.st-consult { padding: 15px 20px; }
.st-film { padding: 15px; border: 1px solid #dae4d5; background: #f6f8f2; border-radius: 10px; gap: 18px; }
.st-film:hover { background: #edf3e7; border-color: #aac49a; }
.st-film-photo { border-radius: 7px; }
.st-film-copy small { color: #5e7157; font-size: 11px; }
.st-film-copy b { font-size: 17px; font-weight: 500; color: #254a30; }
.st-film-copy>span { color: #3d7145; font-size: 12px; }
.st-section-bottom { color: #5d735b; border-color: #d7e1d4; }
.st-section-bottom>a { color: #2f613a; font-size: 13px; min-height: 44px; }

/* Work archive is a clean, readable workspace for choosing inspiration. */
.works { background: #f6f8f3; color: #17332c; border-block: 1px solid #e2e9de; }
.works .eyebrow, .works .section-heading p { color: #59705f!important; }
.works em { color: #527550; }
.works .text-link { color: #2c5e3d; border-color: #91a789; }
.gallery-search { background: #fff; border-color: #d8e3d2; border-radius: 12px; box-shadow: 0 4px 20px #28432204; }
.gallery-search label { color: #244a31; font-size: 21px; }
.gallery-search input { background: #f8faf5; border-color: #7a916d; border-radius: 8px; color: #17332c; min-height: 54px; font-size: 15px; }
.gallery-search input::placeholder { color: #607258; opacity: 1; }
.gallery-search p { color: #63725a; font-size: 12px; }
.brand-shortcuts { gap: 10px; }
.brand-shortcuts span { color: #5e7154; font-size: 12px; }
.brand-shortcuts button { background: #fff; border: 1px solid #d1dfc8; border-radius: 7px; padding: 10px 14px; color: #355731; font-size: 12px; min-height: 44px; }
.brand-shortcuts button:hover { background: #eaf2e1; border-color: #729364; }
.brand-shortcuts #saved-toggle { border-color: #8ba57c; border-radius: 7px; padding: 10px 15px; }
.brand-shortcuts [aria-pressed="true"], .brand-shortcuts #saved-toggle[aria-pressed="true"] { color: #fff; background: #315c37; border-color: #315c37; }
.filters { gap: 9px; border-color: #cad9c3; }
.filters button { background: #fff; color: #496841; border-color: #c6d8be; border-radius: 7px; min-height: 46px; padding: 11px 18px; font-size: 13px; }
.filters button:hover { background: #e8f1df; border-color: #8ba97d; }
.filters button.active { background: #315c37; border-color: #315c37; color: #fff; }
.filters button.filter-reset { color: #466b3e; background: transparent; border: 1px dashed #92ae80; padding-inline: 15px; font-size: 12px; }
.filters button.filter-reset:hover { color: #254e2c; background: #e8f2df; border-color: #5c874b; }
.filters>span { color: #596e51; font-size: 12px; }
.project { border-radius: 12px; }
.project-photo { border-radius: 10px; background: #e2e8dd; }
.project-photo::after { border-color: #17332c0b; }
.project-meta h3 { color: #213e2c; font-weight: 500; }
.project-meta span { color: #5d7155; font-size: 11px; }
.project-sub { color: #617655; font-size: 12px; }
.project-photo .arrow { background: #fffffff2; color: #25462e; border-color: #fff; box-shadow: 0 3px 14px #152a2424; }
.project:hover .arrow { background: #d8f58b; }
.project-photo .play { color: #fff; background: #143e2ccf; }
.empty-gallery { background: #fff; border-color: #b3c7a8; border-radius: 12px; }
.empty-gallery p { color: #5e7356; }
.load-more .button { min-width: 255px; }

/* The film library is white; only the photographic screens carry dark overlays. */
.reels-experience { background: #fff; border-color: #dbe5dd; }
#reels-stage, #reels-library {
  --rv-ink: #17332c;
  --rv-ivory: #17332c;
  --rv-acid: #d8f58b;
  --rv-muted: #607169;
  --rv-line: #17332c24;
  color: #17332c;
}
.rv-feature { border-color: #d9e3da; }
.rv-overline { color: #607169; font-size: 11px; letter-spacing: 1.7px; }
.rv-feature-screen { border-radius: 14px; box-shadow: 0 20px 55px #17332c14; color: #fff; }
.rv-feature-screen>img { filter: brightness(.98); }
.rv-feature-screen:after { background: linear-gradient(180deg,#07171218,transparent 30%,#07171266); }
.rv-feature-badge { background: #ffffffed; color: #234a36; border-color: #fff; border-radius: 5px; font-size: 11px; }
.rv-feature-badge i { background: #367546; box-shadow: none; }
.rv-feature-play svg { background: #ffffffed; color: #245036; border-color: #fff; box-shadow: 0 8px 26px #17332c1f; }
.rv-feature-screen:hover .rv-feature-play svg { background: #d8f58b; color: #17332c; border-color: #d8f58b; }
.rv-feature-bottom { color: #fff; text-shadow: 0 1px 8px #10271a; }
.rv-feature-copy h3 { color: #193c2a; }
.rv-feature-copy h3 em { color: #507954; }
.rv-feature-copy>p { color: #607169; font-weight: 400; font-size: 17px; }
.rv-feature-watch { padding: 14px 20px; gap: 32px; background: #1d513d; color: #fff; border: 1px solid #1d513d; }
.rv-feature-watch:hover { background: #143c2c; border-color: #143c2c; }
.rv-feature-watch svg { color: #d8f58b; }
.rv-stage-stats { color: #607169; gap: 34px; font-size: 12px; }
.rv-stage-stats b { color: #214b32; font-size: 31px; }
.rv-feature-picks button { border-radius: 9px; border: 1px solid #dae3d7; color: #fff; }
.rv-feature-picks img { opacity: .94; }
.rv-feature-picks span { color: #fff; background: #17332c13; }
.rv-library-title h3 { color: #244631; font-size: 30px; }
.rv-search { background: #f7faf3; border: 1px solid #7a916d; border-radius: 8px; padding: 4px 16px; min-height: 55px; min-width: 335px; }
.rv-search input { color: #17332c; min-height: 45px; font-size: 15px; }
.rv-search>svg, .rv-search input::placeholder { color: #607258; opacity: 1; }
.rv-source-filters button { background: #fff; border-color: #c4d6bf; color: #3e633b; border-radius: 7px; min-height: 46px; font-size: 13px; }
.rv-source-filters button:hover { background: #eef5e8; border-color: #8ba77f; }
.rv-source-filters button[aria-pressed="true"] { background: #315c37; border-color: #315c37; color: #fff; }
.rv-source-filters button>span:not([lang]), .rv-source-filters small { font-size: 11px; opacity: .85; }
.rv-library-count { color: #5d7357; font-size: 12px; }
.rv-type-filters { border-color: #d4e0ce; }
.rv-type-filters>span { font-size: 12px; color: #607456; }
.rv-type-filters button { color: #48683e; min-height: 44px; border-radius: 7px; font-size: 13px; }
.rv-type-filters button[aria-pressed="true"] { color: #254d2d; border-color: #94b485; background: #edf5e5; }
.rv-type-filters button:hover { color: #214b2d; background: #f1f6eb; }
.rv-type-filters small { opacity: .85; font-size: 11px; }
.rv-card { border-radius: 10px; }
.rv-card-visual { border-radius: 10px; color: #fff; background: #e0e8dc; }
.rv-card-visual>img { filter: brightness(.98); }
.rv-card-visual:after { background: linear-gradient(180deg,#05190d45,transparent 31%,transparent 65%,#05190d87); }
.rv-card-source { color: #fff; font-size: 10px; text-shadow: 0 1px 6px #06170ce0; }
.rv-card-play { color: #fff; background: #123d2aaa; }
.rv-duration { color: #fff; text-shadow: 0 1px 6px #06170ce0; }
.rv-card-index { color: #ffffffe8; }
.rv-story-badge { background: #eef9d7; color: #254b2f; border-radius: 4px; }
.rv-card-info h4 { color: #264431; font-size: 15px; font-weight: 500; }
.rv-card-info>span { color: #607357; font-size: 12px; }
.rv-card-info>span>span { color: #426f46; }
.rv-more { min-width: 245px; justify-content: space-between; }
.rv-empty { border-color: #c5d8bd; background: #f7faf4; border-radius: 10px; color: #385a36; }
.rv-reset, .rv-load-error a { color: #2b6740; }
.rv-load-error { color: #607169; }

/* The workshop, consultation and comparison are bright, distinct destinations. */
.approach { background: #f7f9f5; color: #17332c; border-block: 1px solid #e0e8dc; }
.approach-photo { border-radius: 12px; }
.approach-photo img { filter: none; }
.approach .intro { color: #49664f; font-weight: 400; }
.photo-label { color: #fff; text-shadow: 0 1px 8px #112719; }
.quote-source { color: #4e7151; display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; text-decoration: underline; text-underline-offset: 5px; }
.steps>div { border-color: #cdddc8; }
.steps>div>span { color: #4e7248; border: 1px solid #c6d9bd; border-radius: 50%; background: #fff; flex-shrink: 0; width: 34px; height: 34px; display: grid; place-items: center; padding: 0; font-size: 11px; }
.steps h3 { color: #2a4c32; font-size: 18px; font-weight: 500; }
.steps p { color: #5d7356; font-size: 14px; }
.finder { background: #eef5e6; color: #213f28; border-bottom: 1px solid #d7e4cc; }
.finder .eyebrow { color: #537248; }
.finder h2 em { color: #527b45; }
.finder>div>p:not(.eyebrow) { color: #5d7351; font-size: 16px; }
.finder-label { color: #35592f; font-size: 17px; font-weight: 500; }
.finder-choices { gap: 10px; border: 0; }
.finder-choices button { border: 1px solid #b7cca9; border-radius: 9px; background: #fff; color: #365c30; padding: 19px 21px; min-height: 66px; font-size: 17px; align-items: center; }
.finder-choices button>span { display: grid; place-items: center; background: #eef5e6; border-radius: 50%; width: 30px; height: 30px; flex-shrink: 0; color: #4c7640; }
.finder-choices button:hover { background: #f9fcf5; color: #23472b; border-color: #648b52; padding-inline: 21px; }
.finder-choices button.selected, .finder-choices button[aria-pressed="true"] { background: #315c37; border-color: #315c37; color: #fff; padding-inline: 21px; }
.finder-choices button.selected>span, .finder-choices button[aria-pressed="true"]>span { background: #d8f58b; color: #31512c; }
#recommendation { background: #fff; border: 1px solid #b4cba5; border-inline-start: 4px solid #527b45; border-radius: 9px; padding: 24px; }
#recommendation h3 { color: #2b5731; }
#recommendation p { color: #5d7351; font-size: 14px; }
.comparison { background: #fff; color: #17332c; border-color: #e1e8de; }
.comparison-grid { gap: 18px; border: 0; border-radius: 0; overflow: visible; }
.comparison-grid article, .comparison-grid article+article { background: #fff; border: 1px solid #d1e0ca; border-radius: 12px; padding: 34px 28px; box-shadow: 0 6px 22px #17332c05; }
.comparison-grid .compare-featured { background: #f3f8ec; border: 1px solid #a9c28f; }
.compare-number { border-color: #bed2af; background: #f3f7ed; color: #537940; font-size: 11px; }
.comparison h3 { color: #24462c; }
.compare-goal { color: #5d7351; font-size: 14px; }
.comparison dl { border-color: #d2e0c9; }
.comparison dt { color: #395f32; font-size: 13px; font-weight: 500; }
.comparison dd { color: #607255; font-size: 14px; }
.comparison .button { font-size: 13px; min-height: 52px; }
.compare-note { color: #637455; font-size: 13px; }
.faq { background: #f7f9f4; color: #17332c; border-bottom: 1px solid #e0e9da; }
.questions { display: grid; gap: 12px; align-content: start; }
.questions details, .questions details:first-child { border: 1px solid #d4e0cb; border-radius: 10px; padding: 0 23px; background: #fff; }
.questions details[open] { background: #fcfef8; border-color: #a5bf93; }
.questions summary { color: #355730; font-size: 17px; font-weight: 500; min-height: 76px; padding-block: 19px; line-height: 1.6; }
.questions summary::after { color: #3c6f35; background: #edf5e5; border-color: #c5d9b6; width: 31px; height: 31px; font-size: 20px; }
.questions details[open] summary { color: #2e622f; }
.questions p { color: #5f7451; font-size: 14px; line-height: 1.95; margin: 0; padding: 0 0 23px; }
.contact { background: radial-gradient(ellipse at 95% 90%, #e9f2d8 0%, transparent 67%), #fff; color: #17332c; border-color: #e0e9da; gap: 8%; }
.contact>div>p:not(.eyebrow) { color: #5d7355; font-size: 16px; }
.contact-actions .button { font-size: 14px; }
.studio-info { border: 1px solid #d3e0c6; border-radius: 14px; padding: 35px; background: #ffffffba; box-shadow: 0 8px 25px #29482405; }
.studio-info>a { color: #31552f; font-size: 28px; }
.studio-info>a:hover { color: #1f602c; }
.studio-info>a span { color: #5d7751; font-size: 13px; }
.studio-info>p:not(.eyebrow) { color: #647951; font-size: 13px!important; }
.social { gap: 17px; flex-wrap: wrap; }
.social a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 14px; border: 1px solid #bcd1ae; border-radius: 7px; color: #426b37; font-size: 12px; background: #fff; }
.social a:hover { background: #edf5e6; border-color: #7fa36d; }
footer { background: #f5f8ef; border-color: #d8e5ce; }
.footer-wordmark { color: #cad9bd; opacity: 1; }
.footer-bottom { border-color: #d1dec6; color: #617651; font-size: 11px; }
.footer-bottom button { color: #496b3b; font-size: 12px; min-height: 44px; padding-inline: 9px; border-radius: 5px; }
.footer-bottom button:hover { background: #e5efd9; }

/* Paper dialogs and clear form fields. Photo/video canvases keep a neutral surround. */
dialog, #project-dialog { background: #fff; color: #17332c; border-color: #d6e1d3; border-radius: 14px; box-shadow: 0 30px 110px #142e2340; }
dialog::backdrop, dialog.rv-dialog::backdrop { background: #1a302c66; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
dialog .close, #project-dialog .close { background: #ffffffed; color: #244e35; border: 1px solid #b9ceae; min-height: 44px; min-width: 44px; box-shadow: 0 3px 12px #17332c12; }
dialog .close:hover, #project-dialog .close:hover { background: #e9f3df; color: #1b482b; border-color: #719462; }
dialog .dialog-heading>p:last-child { color: #607355; font-size: 14px; }
form label { color: #375a31; font-size: 13px; font-weight: 500; }
.form-required-note { grid-column: 1 / -1; color: #607169; font-size: 12px; line-height: 1.8; margin: 0; }
#lead-form .honey { position: absolute; inset: 0 auto auto 0; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; border: 0; }
input, select { color: #243e2b; background: #f8fbf5; border-color: #7a916d; border-radius: 7px; min-height: 52px; box-shadow: none; }
input::placeholder { color: #607258; opacity: 1; }
input:hover, select:hover { border-color: #6c8d5b; }
input:focus, select:focus { background: #fff; border-color: #457844; }
input:user-invalid { border-color: #a75040; background: #fff9f6; }
.consent { color: #5e7352; font-size: 12px; font-weight: 400; line-height: 1.8; padding: 14px; border: 1px solid #dbe5d2; border-radius: 8px; background: #f7faf2; }
.consent input { accent-color: #315f38; width: 18px; height: 18px; min-height: 18px; margin-top: 3px; }
.form-privacy { color: #637555; font-size: 11px; line-height: 1.9; }
.form-privacy button { color: #3d6f35; font-size: inherit; text-underline-offset: 3px; }
.form-privacy button:hover { color: #1e5129; }
.lead-whatsapp { color: #396d3b; min-height: 46px; font-size: 13px; border-radius: 7px; background: #f1f7e9; text-underline-offset: 4px; padding: 13px; }
.lead-whatsapp:hover { background: #e3efd8; }
.lead-inspiration { color: #49713d; background: #f1f8e8; padding: 13px; border: 1px solid #cadfba; border-radius: 7px; }
#form-status { color: #315d34; font-size: 13px; }
#form-status:not(:empty) { border: 1px solid #c7dcb7; background: #f2f8eb; border-radius: 7px; padding: 12px; }
.success-icon { border-color: #91b578; background: #eef7df; color: #457438; }
#form-success p { color: #60764f; font-size: 15px; line-height: 1.8; }
.project-visual { background: #edf1e9; }
.project-visual:has(video), .project-visual:has(iframe) { background: #14211d; }
.project-details>p:not(.eyebrow) { color: #607252; font-size: 14px; }
.project-tools { gap: 12px; flex-wrap: wrap; }
.project-tools button { color: #3d6634; border: 1px solid #adc69c; background: #f8fbf3; border-radius: 7px; padding: 11px 14px; min-height: 44px; font-size: 13px; }
.project-tools button:hover { background: #eaf4df; border-color: #83a76c; }
.project-tools [aria-pressed="true"] { background: #e6f3d5; color: #365e2e; border-color: #6c9358; }
.project-actions>a { color: #537447; font-size: 13px; min-height: 44px; display: flex; align-items: center; text-decoration: underline; text-underline-offset: 4px; }
.slide-controls button { width: 48px; height: 48px; color: #285432; background: #ffffffec; border-color: #d0dfc6; box-shadow: 0 3px 12px #152a242b; }
.slide-controls button:hover { background: #e0f4bd; }
.slide-controls span { color: #2d5130; background: #fffffff0; border: 1px solid #d3e0cd; }
.permalink-label { color: #657b56; font-size: 11px; }
#project-permalink { background: #f7faf3; color: #546e45; border-color: #cadbbe; }
#share-status { color: #3d7535; }
.video-notice { background: #fffffff5; color: #32532c; border-color: #bed4ad; border-radius: 9px; }
.video-notice button { background: #315c37; color: #fff; border-radius: 7px; min-height: 46px; }
#info-dialog p, .service-detail li { color: #607252; font-size: 15px; }
#info-dialog h3 { color: #315832; }

/* A dark video canvas with a light control/description panel. */
dialog.rv-dialog { --rv-ink: #17332c; --rv-ivory: #17332c; --rv-acid: #d8f58b; --rv-muted: #607169; background: #fff; color: #17332c; border-color: #d6e1d3; border-radius: 14px; box-shadow: 0 30px 110px #142e2340; }
.rv-screen, .rv-player>video { background: #101b17; }
.rv-viewer-brand { color: #fff; }
.rv-viewer-top { background: linear-gradient(#14251b70, transparent); }
.rv-icon, .rv-dialog .rv-close { background: #fffffff0; color: #234b35; border-color: #fff; width: 44px; height: 44px; }
.rv-icon:hover, .rv-dialog .rv-close:hover { background: #e5f4cb; color: #214d2e; }
.rv-screen button:focus-visible { outline-color: #d8f58b; }
.rv-player-status { background: #14291de8; color: #fff; }
.rv-viewer-info { background: #fff; }
.rv-viewer-meta { color: #607355; font-size: 11px; }
.rv-source-name { color: #42723c; }
.rv-content-kind { background: #f1f8e8; color: #3f7333; border-color: #b7d29f; border-radius: 4px; }
#rv-viewer-title { color: #26482b; }
.rv-caption, .rv-caption-preview { color: #607252; font-size: 14px; scrollbar-color: #82977966 transparent; }
.rv-media-controls, .rv-viewer-nav { border-color: #d5e2cc; }
.rv-control { color: #365b32; font-size: 12px; min-height: 46px; border-radius: 7px; }
.rv-control:not(:disabled):hover { color: #254e2b; background: #eaf3df; }
.rv-control:disabled { color: #63785c; opacity: .5; }
.rv-original { color: #53764b; font-size: 12px; min-height: 44px; }
.rv-inquire { margin-top: auto; }
.rv-nav-hint { color: #607355; font-size: 10px; }
.rv-external-notice { background: #fffffff5; color: #28472e; border-color: #d0ddc7; border-radius: 10px; }
.rv-external-notice p { color: #607355; font-size: 13px; }
.rv-external-notice a { color: #3c6e37; font-size: 12px; min-height: 44px; }
.rv-load-embed { background: #315c37; color: #fff; border-radius: 7px; min-height: 48px; }

@media (min-width: 761px) {
  dialog.rv-dialog { height: fit-content; }
}
@media (max-width: 1150px) {
  .header nav { font-size: 12px; gap: 18px; }
  .header-cta { font-size: 12px; padding-inline: 15px; }
  .st-tab, .st-tab:first-child, .st-tab:last-child { padding: 21px 17px; gap: 14px; }
  .st-tab small { font-size: 7px; letter-spacing: .8px; }
  .st-description { font-size: 15px; }
  .st-project-note p { font-size: 13px; }
  .st-film { grid-template-columns: 77px 1fr; padding: 12px; gap: 13px; }
  .st-film-copy b { font-size: 15px; }
  .comparison-grid { gap: 13px; }
  .comparison-grid article, .comparison-grid article+article { padding: 30px 21px; }
  .comparison h3 { font-size: 25px; }
  .studio-info { padding: 28px; }
  .studio-info>a { font-size: 25px; }
}
@media (max-width: 960px) {
  .header nav { background: #fffffff9; border-color: #cbdacc; color: #365c44; border-radius: 10px; box-shadow: 0 18px 35px #17332c15; }
  .header nav a { font-size: 16px; border-color: #dbe5d7; }
  .header nav a:hover, .header nav a[aria-current="location"] { color: #2d6a3c; background: #f1f7e9; }
  .menu-toggle { width: 44px; height: 44px; }
}
@media (max-width: 900px) and (min-width: 761px) {
  .st-tab, .st-tab:first-child, .st-tab:last-child { padding-inline: 12px; gap: 10px; }
  .st-tab small { letter-spacing: .3px; font-size: 6px; }
  .st-description { font-size: 14px; }
  .st-project-note p { font-size: 12px; }
  .st-film { grid-template-columns: 65px 1fr; gap: 11px; }
  .st-film-copy b { font-size: 14px; }
  .st-consult { font-size: 13px; padding-inline: 15px; }
  .comparison h3 { font-size: 22px; }
  .comparison dd { font-size: 13px; }
  .comparison .button { font-size: 12px; padding-inline: 12px; }
}
@media (max-width: 760px) {
  .header, .header.is-scrolled { border-radius: 10px; }
  .eyebrow { font-size: 9px; letter-spacing: 1.8px; }
  .section-heading>p, .section-heading>div>p:not(.eyebrow) { font-size: 15px; }
  .button, .st-consult, .rv-inquire, .rv-more { font-size: 14px; min-height: 52px; }
  .button { padding-inline: 20px; }
  .text-link { font-size: 13px; }
  .ticker { padding-block: 17px; }
  .st-intro { font-size: 15px; }
  .st-intro>span { font-size: 12px; }
  .st-tabs { gap: 4px; padding: 5px; border-radius: 10px; }
  .st-tab, .st-tab:first-child, .st-tab:last-child { padding: 14px 11px 17px; gap: 8px 5px; border-radius: 7px; }
  .st-tab::after { inset-inline: 11px; bottom: 5px; }
  .st-tab b { font-size: 17px; }
  .st-tab-number { font-size: 9px; }
  .st-photo { border-radius: 10px; }
  .st-photo-label { font-size: 7px; }
  .st-photo-open { width: 44px; height: 44px; }
  .st-photo-bottom { font-size: 11px; }
  .st-description { font-size: 15px; }
  .st-project-note p { font-size: 14px; }
  .st-project-note>a { font-size: 13px; }
  .st-consult { padding-inline: 18px; }
  .st-film { grid-template-columns: 85px 1fr; gap: 17px; padding: 13px; }
  .st-film-copy small { font-size: 11px; }
  .st-film-copy b { font-size: 17px; }
  .st-film-copy>span { font-size: 12px; }
  .st-section-bottom>a { font-size: 13px; }
  .gallery-search { padding: 20px; }
  .gallery-search label { font-size: 19px; }
  .gallery-search input, .rv-search input { font-size: 16px; }
  .gallery-search p { font-size: 12px; }
  .brand-shortcuts { gap: 8px; }
  .brand-shortcuts button { font-size: 11px; padding: 10px 11px; }
  .brand-shortcuts span { font-size: 11px; }
  .brand-shortcuts #saved-toggle { font-size: 11px; padding: 10px 12px; }
  .filters { gap: 7px; }
  .filters button { font-size: 12px; padding: 10px 13px; }
  .filters>span { font-size: 11px; }
  .project-meta h3 { font-size: 15px; }
  .project-meta span, .project-sub { font-size: 11px; }
  .project:first-child .project-meta h3 { font-size: 21px; }
  .load-more .button { font-size: 13px; }
  .rv-feature { gap: 24px 17px; }
  .rv-feature-copy .rv-overline { font-size: 8px; }
  .rv-feature-copy h3 { font-size: clamp(35px, 8.5vw, 51px); }
  .rv-feature-copy>p { font-size: 13px; line-height: 1.8; }
  .rv-feature-watch { padding: 12px 13px; font-size: 12px; gap: 12px; min-height: 48px; }
  .rv-feature-badge { font-size: 9px; padding: 6px 7px; }
  .rv-stage-stats { font-size: 10px; gap: 15px; }
  .rv-stage-stats b { font-size: 23px; }
  .rv-feature-picks button { border-radius: 8px; }
  .rv-library-title h3 { font-size: 25px; }
  .rv-library-title .rv-overline { font-size: 9px; }
  .rv-search { min-width: 0; min-height: 55px; padding-inline: 13px; }
  .rv-library-count { font-size: 11px; }
  .rv-source-filters { gap: 7px; }
  .rv-source-filters button { font-size: 12px; padding: 10px 12px; min-height: 45px; }
  .rv-source-filters small, .rv-source-filters button>span:not([lang]) { font-size: 10px; }
  .rv-type-filters>span { font-size: 11px; }
  .rv-type-filters button { font-size: 12px; padding-inline: 12px; }
  .rv-card-source { font-size: 8px; }
  .rv-card-info h4 { font-size: 13px; min-height: 46px; }
  .rv-card-info>span { font-size: 10px; }
  .rv-more { font-size: 13px; }
  .steps p { font-size: 14px; }
  .finder>div>p:not(.eyebrow) { font-size: 15px; }
  .finder-label { font-size: 16px; }
  .finder-choices button { font-size: 16px; padding: 17px 18px; min-height: 64px; }
  .finder-choices button:hover, .finder-choices button.selected, .finder-choices button[aria-pressed="true"] { padding-inline: 18px; }
  #recommendation { padding: 21px; }
  #recommendation p { font-size: 14px; }
  .comparison-grid { gap: 16px; }
  .comparison-grid article, .comparison-grid article+article { padding: 29px 24px; }
  .comparison-grid .compare-featured { background: #f3f8ec; }
  .comparison h3 { font-size: 29px; }
  .compare-goal, .comparison dd { font-size: 14px; }
  .comparison dt { font-size: 13px; }
  .compare-note { font-size: 12px; }
  .questions details, .questions details:first-child { padding-inline: 18px; }
  .questions summary { font-size: 16px; min-height: 74px; }
  .questions p { font-size: 14px; }
  .contact>div>p:not(.eyebrow) { font-size: 15px; }
  .contact-actions .button { font-size: 14px; }
  .studio-info { padding: 27px; }
  .studio-info>a { font-size: 27px; }
  .footer-bottom { font-size: 10px; }
  .footer-bottom button { font-size: 11px; margin-right: 4px; }
  .mobile-bar { background: #ffffffed; border-top-color: #c5d8ba; box-shadow: 0 -4px 23px #1833260b; }
  .mobile-bar button { background: #1d513d; color: #fff; border: 1px solid #1d513d; border-radius: 8px; font-size: 14px; min-height: 50px; }
  .mobile-bar a { background: #f6faf0; color: #315832; border: 1px solid #97b484; border-radius: 8px; font-size: 13px; min-height: 50px; justify-content: center; }
  dialog, #project-dialog { border-radius: 12px; }
  dialog h2 { font-size: 39px; }
  form label { font-size: 13px; }
  form input, form select { font-size: 16px; min-height: 54px; }
  .consent { font-size: 12px; padding: 13px; }
  .consent input { min-height: 18px; }
  .form-privacy { font-size: 11px; }
  .lead-whatsapp { font-size: 13px; }
  .project-details>p:not(.eyebrow) { font-size: 14px; }
  .project-tools { gap: 10px; }
  .project-tools button { font-size: 12px; padding-inline: 12px; }
  .project-actions .button { font-size: 13px; min-height: 50px; }
  .project-actions>a { font-size: 12px; }
  .permalink-label { font-size: 11px; }
  dialog.rv-dialog { border-radius: 0; }
  .rv-viewer-info { padding-inline: 20px; }
  .rv-tools { background: #fffffff5; border-color: #c9dcbd; }
  .rv-tools .rv-media-controls .rv-control, .rv-tools .rv-close-compact { background: #f6faef; border-color: #b7cea5; border-radius: 6px; color: #345f31; }
  .rv-tools .rv-viewer-nav .rv-control { color: #345f31; font-size: 12px; }
  .rv-viewer-meta { font-size: 10px; }
  #rv-viewer-title { font-size: 23px; }
  .rv-caption-preview { font-size: 13px; }
  .rv-caption-details>summary { color: #416f33; font-size: 12px; min-height: 44px; }
  .rv-caption-details>summary:focus-visible { outline-color: #397c56; }
  .rv-caption-details .rv-caption { font-size: 14px; }
  .rv-original { font-size: 11px; min-height: 44px; }
  .rv-inquire { margin-top: 9px; padding: 13px 15px; min-height: 50px; font-size: 13px; }
}
@media (max-width: 380px) {
  .st-tab, .st-tab:first-child, .st-tab:last-child { padding-inline: 8px; }
  .st-tab b { font-size: 15px; }
  .st-description { font-size: 14px; }
  .st-film { grid-template-columns: 75px 1fr; gap: 12px; }
  .st-film-copy b { font-size: 15px; }
  .gallery-search { padding: 17px; }
  .gallery-search label { font-size: 18px; }
  .filters button { padding-inline: 11px; font-size: 11px; }
  .project-meta h3 { font-size: 14px; }
  .rv-feature { grid-template-columns: 1fr 1fr; gap: 18px 12px; }
  .rv-feature-copy h3 { font-size: 32px; }
  .rv-feature-copy>p { font-size: 12px; }
  .rv-feature-watch { font-size: 11px; gap: 9px; padding-inline: 10px; }
  .rv-stage-stats { font-size: 9px; gap: 12px; }
  .rv-source-filters button { padding-inline: 10px; }
  .rv-tools { grid-template-columns: 96px 1fr 40px; gap: 6px; }
  .rv-tools .rv-viewer-nav .rv-control span { display: none; }
  .rv-tools .rv-viewer-nav .rv-control { width: 40px; padding-inline: 5px; }
  .mobile-bar { padding-inline: 11px; gap: 8px; }
  .mobile-bar button { font-size: 13px; }
  .mobile-bar a { padding-inline: 14px; font-size: 12px; }
}
@media (prefers-contrast: more) {
  :root { --text: #142d20; --muted: #3f5540; --line: #6e8a62; }
  .header, .header.is-scrolled { background: #fff; border-color: #6d8965; }
  .eyebrow, .project-meta span, .project-sub, .gallery-search p, .brand-shortcuts span { color: #3f5d32; }
  .button.outline, .filters button, .rv-source-filters button, input, select, .gallery-search input { border-color: #5d7e4d; }
}
@media (prefers-reduced-motion: reduce) {
  .button:hover, .st-consult:hover { transform: none; }
}

/* /hero.css */
.hero-cinematic{--hc-paper:#f8f9f2;--hc-acid:#d8f58b;--hc-ink:#173f32;--hc-muted:#596d62;position:relative;isolation:isolate;min-height:750px;height:clamp(750px,96svh,910px);overflow:hidden;background:var(--hc-paper);color:var(--hc-ink)}
.hc-visual{position:absolute;inset:0 24% 0 0;z-index:-3;overflow:hidden;background:#dce0d7;--hc-focal:50% 50%;--hc-mobile-focal:50% 50%;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 62%,#000c 77%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 62%,#000c 77%,#0000 100%)}
.hc-poster{display:block;position:absolute;inset:0}
.hc-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hc-focal)}
.hc-video{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:none;max-height:none;object-fit:cover;object-position:var(--hc-focal);opacity:0;transition:opacity .72s cubic-bezier(.2,.6,.3,1);pointer-events:none;background:#dce0d7}
.hc-video.is-active{opacity:1}
.hc-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(270deg,#f8f9f2 0%,#f8f9f2 28%,#f8f9f2e8 37%,#f8f9f26b 51%,#f8f9f200 65%),linear-gradient(0deg,#f8f9f2 0%,#f8f9f2f5 9%,#f8f9f200 32%)}
.hc-grain{display:none}
.hc-locator{position:absolute;top:134px;left:var(--gutter,6%);display:flex;gap:10px;align-items:center;direction:ltr;font:9px Arial,sans-serif;letter-spacing:1.7px;color:#fff;background:#17332ce0;border-radius:30px;padding:10px 14px;box-shadow:0 2px 18px #09241912}
.hc-locator:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--hc-acid)}
.hc-content{position:relative;width:41%;max-width:650px;margin-inline-start:var(--gutter,6%);padding-top:clamp(198px,24vh,266px);padding-bottom:185px}
.hc-kicker{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.1px;color:var(--hc-muted);margin:0 0 23px;font-weight:450}
.hc-kicker:before{content:'';display:block;flex-shrink:0;width:7px;height:7px;background:#5b8765;border-radius:50%}
.hero-cinematic h1{font-size:clamp(64px,6.3vw,108px);font-weight:650;letter-spacing:-4.6px;line-height:1.08;margin:0 0 26px;max-width:100%;text-wrap:nowrap;color:var(--hc-ink)}
.hero-cinematic h1 em{font-style:normal;color:#52785a;position:relative}
.hc-copy{font-size:19px;line-height:1.75;font-weight:350;color:var(--hc-muted);max-width:390px;margin:0}
.hc-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:31px}
.hc-actions .button{padding:17px 0;min-height:55px;border-radius:0;font-size:13px;font-weight:550;box-shadow:none;transition:color .18s,border-color .18s}
.hc-actions .button.lime{color:#14211d;background:transparent;border:0;border-bottom:1px solid #14211d66}
.hc-actions .button.lime:hover{color:#315c3f;background:transparent;border-color:#14211d;box-shadow:none;transform:none}
.hc-actions .button.lime>span{color:currentColor}
.hc-actions .text-link{font-size:12px;font-weight:450;gap:16px;color:var(--hc-ink);min-height:44px;display:inline-flex;align-items:center}
.hc-actions .text-link>span{color:var(--hc-ink)}
.hc-location{display:flex;align-items:center;gap:10px;font-size:10px;color:#607367;margin-top:24px}
.hc-location span{color:#76917a}
.hc-frame-caption{position:absolute;bottom:170px;left:var(--gutter,6%);max-width:330px;text-align:left;direction:ltr;min-height:84px;padding:15px 0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;color:#14211d;text-shadow:0 1px 12px #f8f9f2d9,0 0 3px #f8f9f2a8}
.hc-frame-caption:before{content:'';position:absolute;inset:-28px -58px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#f8f9f2d6 0%,#f8f9f280 43%,#f8f9f200 73%);filter:blur(12px)}
.hc-frame-caption p{font:500 9px Arial,sans-serif;letter-spacing:1.6px;color:#24392c;line-height:1.7;margin:0 0 6px}
.hc-frame-caption h2{font:600 20px/1.5 Heebo,Arial,sans-serif;letter-spacing:-.3px;margin:0;color:#14211d;min-height:30px;text-align:left}
.hc-frame-caption>span{display:block;font:8px Arial,sans-serif;letter-spacing:1.1px;color:#354b3c;margin-top:8px}
.hc-bottom{position:absolute;bottom:30px;inset-inline:var(--gutter,6%);display:grid;grid-template-columns:minmax(320px,640px) minmax(210px,1fr);gap:50px;direction:ltr;border-top:1px solid #173f3229;padding-top:18px;align-items:center}
.hero-cinematic [data-hc-controls][hidden]{display:none!important}
.hc-chapters{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:13px;direction:ltr}
.hc-chapter{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:12px;text-align:center;padding:10px 0 8px;color:#67796c;min-width:0;min-height:52px;position:relative;border-radius:5px;background:transparent;transition:color .18s,background .18s}
.hc-chapter[aria-pressed=true]{color:var(--hc-ink);background:transparent}
.hc-chapter-number{font:10px Arial,sans-serif;letter-spacing:1px;direction:ltr;align-self:center}
.hc-chapter[aria-pressed=true] .hc-chapter-number{font-weight:700;color:var(--hc-ink)}
.hc-chapter-label{display:none}
.hc-chapter-track{display:block;height:3px;background:#173f3226;border-radius:4px;overflow:hidden;width:100%;direction:ltr}
.hc-chapter-track i{display:block;height:100%;background:#2d694b;transform:scaleX(var(--hc-progress,0));transform-origin:left}
.hc-chapter:hover{color:#173f32;background:transparent}
.hc-utilities{display:flex;justify-content:flex-start;align-items:center;gap:23px;direction:rtl}
.hc-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 0;min-height:44px;min-width:88px;border:0;border-bottom:1px solid currentColor;border-radius:0;font-size:10px;font-weight:500;color:var(--hc-ink);background:transparent}
.hc-toggle svg{width:16px;height:16px}
.hc-toggle:hover{background:transparent;color:#315c3f}
.hc-source{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:450;color:var(--hc-ink);border-bottom:1px solid #173f3230;padding:10px 0;min-height:44px;white-space:nowrap}
.hc-source>span{font-size:17px;color:#4f7852}
.hc-number{font:10px Arial,sans-serif;color:#54735a;display:flex;gap:9px;direction:ltr;align-items:center;white-space:nowrap}
.hc-number:after{content:'STUDIO FILMS';font-size:7px;letter-spacing:1px;color:#607467}
.hc-status{position:absolute;bottom:109px;right:var(--gutter,6%);max-width:350px;font-size:10px;color:#38573e;line-height:1.8;margin:0;pointer-events:none}
.hc-status:not(:empty){background:#f8f9f2f5;border:1px solid #173f3224;border-radius:6px;padding:8px 12px}
.hero-cinematic button:focus-visible,.hero-cinematic a:focus-visible{outline:3px solid #397b4f;outline-offset:5px}
@media(min-width:1700px){.hc-content{margin-inline-start:max(var(--gutter),calc((100vw - 1520px)/2))}.hc-locator,.hc-frame-caption{left:max(var(--gutter),calc((100vw - 1520px)/2))}.hc-bottom{inset-inline:max(var(--gutter),calc((100vw - 1520px)/2))}}
@media(max-width:1080px){.hero-cinematic{min-height:760px}.hero-cinematic h1{font-size:clamp(57px,7.3vw,79px);letter-spacing:-3.8px}.hc-content{width:46%;padding-top:206px}.hc-copy{font-size:17px}.hc-actions{gap:16px}.hc-actions .button{padding:16px 17px;font-size:12px}.hc-bottom{gap:27px;grid-template-columns:minmax(290px,1fr) auto}.hc-chapters{gap:11px}.hc-utilities{gap:18px}.hc-utilities .hc-number{display:none}.hc-frame-caption{bottom:168px;max-width:260px}.hc-frame-caption h2{font-size:18px}.hc-locator{font-size:8px;top:128px}.hc-number:after{display:none}}
@media(max-width:760px){
  .hero-cinematic{--hc-film-height:clamp(390px,56svh,520px);height:auto;min-height:0;padding-bottom:38px;background:var(--hc-paper)}
  .hc-visual{inset:0 0 auto;height:var(--hc-film-height);min-height:0;max-height:none;-webkit-mask-image:linear-gradient(#000 0%,#000 80%,#0000 100%);mask-image:linear-gradient(#000 0%,#000 80%,#0000 100%)}
  .hc-poster img{object-position:var(--hc-mobile-focal)}
  .hc-video{object-position:var(--hc-mobile-focal)}
  .hc-shade{background:none}
  .hc-grain{display:none}
  .hc-locator{top:115px;left:22px;font-size:7px;letter-spacing:1.2px;gap:8px;padding:9px 11px;background:#17332ce8}
  .hc-content{width:auto;max-width:none;margin:0;padding:calc(var(--hc-film-height) - 12px) 24px 0}
  .hc-kicker{font-size:10px;letter-spacing:0;gap:8px;margin-bottom:17px}
  .hero-cinematic h1{font-size:clamp(51px,13.8vw,72px);line-height:1.07;letter-spacing:-2.8px;margin-bottom:19px}
  .hc-copy{font-size:15px;line-height:1.75;max-width:360px}
  .hc-actions{margin-top:23px;gap:20px;flex-wrap:nowrap;align-items:center}
  .hc-actions .button{font-size:11px;padding:15px 0;gap:18px;min-height:51px;border-radius:0}
  .hc-actions .text-link{font-size:10px;gap:10px;white-space:nowrap}
  .hc-location{font-size:10px;margin-top:20px;gap:8px}
  .hc-frame-caption{top:calc(var(--hc-film-height) - 154px);bottom:auto;left:23px;max-width:245px;min-height:65px;padding:10px 0;background:none;border-radius:0;backdrop-filter:none}
  .hc-frame-caption:before{inset:-22px -36px}
  .hc-frame-caption p{font-size:7px;letter-spacing:1.1px;margin-bottom:4px}
  .hc-frame-caption h2{font-size:15px;line-height:1.5;min-height:23px;max-width:218px}
  .hc-frame-caption>span{font-size:7px;letter-spacing:.6px;margin-top:5px}
  .hc-bottom{position:static;bottom:auto;inset:auto;display:flex;flex-direction:column;gap:10px;margin:25px 24px 0;padding-top:9px;align-items:stretch;border-top-color:#173f3224}
  .hc-chapters{gap:11px;order:1}
  .hc-chapter{gap:9px;min-height:47px;padding-top:7px;padding-bottom:5px}
  .hc-chapter-number{font-size:9px}
  .hc-chapter-track{height:3px;margin-top:0}
  .hc-utilities{order:2;justify-content:space-between;gap:15px}
  .hc-toggle{position:relative;top:auto;right:auto;min-width:80px;min-height:44px;font-size:10px;padding:10px 0;color:var(--hc-ink);background:transparent;backdrop-filter:none;z-index:3}
  .hc-toggle:hover{background:transparent;border-color:currentColor}
  .hc-toggle:focus-visible{outline-color:#397b4f}
  .hc-source{font-size:10px;min-height:43px}
  .hc-utilities .hc-number{display:flex;font-size:9px}
  .hc-number:after{display:block;font-size:7px}
  .hc-status{position:relative;inset:auto;max-width:none;margin:10px 24px 0;font-size:10px}
}
@media(max-width:360px){.hc-content{padding-inline:20px}.hc-bottom{margin-inline:20px}.hc-actions{gap:14px}.hc-actions .button{padding:14px 12px;gap:12px;font-size:10px}.hc-actions .text-link{font-size:9px}.hc-chapters{gap:8px}.hc-number:after{display:none}.hc-locator{font-size:6px;letter-spacing:.8px;left:20px}.hc-toggle{right:20px}}
@media(max-width:360px){.hero-cinematic[data-hc-count="6"] .hc-chapters{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:5px 12px}}
@media(prefers-reduced-motion:reduce){.hc-video,.hc-actions .button,.hc-chapter,.hc-toggle{transition:none}.hc-actions .button.lime:hover{transform:none}}

/* Keep playback available to keyboard and screen-reader users without a visible toolbar button. */
.hero-cinematic .hc-toggle:not(:focus){position:absolute;width:1px;height:1px;min-width:0;min-height:0;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.hero-cinematic .hc-toggle:focus{top:auto;right:auto;clip:auto;clip-path:none;white-space:normal;background:transparent;box-shadow:none;border-radius:0}
.hero-cinematic .hc-actions .button.lime{padding-inline:0}

/* /video-nav.css */
/* Editorial navigation over studio films: typography, no button panels. */
.hero-in-view .mobile-bar { visibility: hidden; pointer-events: none; }
.header, .header.is-scrolled {
  --vn-ink: #14211d;
  inset: 20px var(--gutter, 5.5vw) auto;
  width: auto; max-width: none; height: 66px; padding: 0; gap: 18px;
  border: 0; border-radius: 0; background: transparent; color: var(--vn-ink);
  box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
  pointer-events: none; isolation: isolate; transition: none;
}
.header > * { pointer-events: auto; }
.header::after { display: none; }
/* Feathered light only behind the top typography, with footage visible through it. */
.header::before {
  content: ''; position: fixed; inset: 0 0 auto; height: 150px;
  z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, #f8f9f2c7 0%, #f8f9f2b8 44%, #f8f9f22e 78%, #f8f9f200 100%);
}
.header.is-scrolled::before {
  background: linear-gradient(180deg, #f8f9f2f0 0%, #f8f9f2d1 43%, #f8f9f245 77%, #f8f9f200 100%);
}
.header .brand, .header.is-scrolled .brand {
  width: 166px; min-height: 62px; padding: 13px 10px 11px; justify-content: center;
  border: 0; border-radius: 0; color: var(--vn-ink); background: transparent;
  box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
}
.header .brand b { font-size: 28px; letter-spacing: -1.7px; }
.header .brand small, .header.is-scrolled .brand small {
  color: #24342c; font-size: 7px; letter-spacing: 4.4px;
}
.header nav {
  gap: 5px; margin-inline: auto; color: var(--vn-ink); font-size: 12px;
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
.header nav a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 11px 15px; border: 0; border-radius: 0;
  background: transparent; color: var(--vn-ink); font-weight: 500; line-height: 1.6;
  backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none;
  transition: color .18s ease;
}
.header nav a::after {
  display: block; content: ''; position: absolute; inset: auto 15px 8px; height: 1px;
  background: currentColor; transform: scaleX(0); transform-origin: right;
  transition: transform .18s ease;
}
.header nav a:hover, .header nav a[aria-current="location"] {
  color: #14211d; background: transparent; transform: none;
}
.header nav a:hover::after, .header nav a[aria-current="location"]::after,
.header nav a:focus-visible::after { transform: scaleX(1); }
.header .header-cta {
  display: inline-flex; align-items: center; justify-content: space-between; flex-shrink: 0;
  gap: 16px; min-height: 48px; padding: 8px 0;
  border: 0; border-bottom: 1px solid #14211d85; border-radius: 0;
  background: transparent; color: var(--vn-ink); font-size: 12px; font-weight: 600; box-shadow: none;
}
.header .header-cta span {
  display: grid; place-items: center; flex-shrink: 0; width: 25px; height: 25px; margin: 0;
  border: 0; border-radius: 0; color: inherit; background: transparent;
  font-size: 21px; font-weight: 400; line-height: 1; transition: transform .18s ease;
}
.header .header-cta:hover { background: transparent; border-color: #14211d; color: #14211d; }
.header .header-cta:hover span { background: transparent; transform: translate(-2px, -2px); }
.header .menu-toggle, .header .menu-toggle[aria-expanded="true"] {
  width: 46px; height: 46px; min-width: 46px; min-height: 46px; padding: 0;
  border: 0; border-radius: 0; color: var(--vn-ink); background: transparent;
  backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; font-size: 24px;
}
.header a:focus-visible, .header button:focus-visible {
  outline: 2px solid #14211d; outline-offset: 4px; box-shadow: 0 0 0 5px #ffffffc4;
}
@media (min-width: 961px) and (max-width: 1150px) {
  .header, .header.is-scrolled { inset-inline: 26px; gap: 12px; }
  .header .brand, .header.is-scrolled .brand { width: 144px; padding-inline: 8px; }
  .header .brand b { font-size: 26px; }
  .header .brand small, .header.is-scrolled .brand small { font-size: 6px; letter-spacing: 4px; }
  .header nav { gap: 4px; font-size: 11px; }
  .header nav a { padding-inline: 12px; }
  .header .header-cta { gap: 10px; font-size: 11px; }
}
@media (max-width: 960px) {
  .header, .header.is-scrolled { inset: 16px 24px auto; height: 60px; gap: 12px; }
  .header .header-cta { margin-inline-start: auto; margin-inline-end: 0; }
  .header nav, .header.is-scrolled nav {
    position: absolute; top: 72px; right: 0; left: 0; display: none; margin: 0;
    padding: 10px 18px; gap: 0; border: 1px solid #14211d26; border-radius: 3px;
    background: #fafbf7; color: var(--vn-ink); box-shadow: 0 12px 25px #14211d12;
    backdrop-filter: none; -webkit-backdrop-filter: none;
    max-height: calc(100svh - 180px); overflow-y: auto;
  }
  .header nav.open { display: flex; }
  .header nav a, .header nav a:last-child {
    justify-content: flex-start; min-height: 52px; padding: 14px 0; font-size: 15px;
    border: 0; border-bottom: 1px solid #14211d18; border-radius: 0;
    color: var(--vn-ink); background: transparent;
  }
  .header nav a:last-child { border-bottom: 0; }
  .header nav a:hover, .header nav a[aria-current="location"] {
    color: #14211d; background: transparent; text-decoration: underline; text-underline-offset: 5px;
  }
  .header nav a::after { display: none; }
  .header .menu-toggle { display: grid; place-items: center; }
}
@media (max-width: 760px) {
  .header, .header.is-scrolled { inset: 14px 18px auto; gap: 9px; height: 60px; }
  .header .brand, .header.is-scrolled .brand { width: 132px; min-height: 56px; padding: 11px 0; }
  .header .brand b { font-size: 23px; letter-spacing: -1.4px; }
  .header .brand small, .header.is-scrolled .brand small {
    font-size: 5px; letter-spacing: 3.65px; margin-top: 6px;
  }
  .header .header-cta { min-height: 44px; padding: 6px 0; font-size: 11px; gap: 9px; }
  .header .header-cta span { width: 23px; height: 23px; font-size: 19px; }
  .header .menu-toggle { width: 44px; height: 44px; min-width: 44px; min-height: 44px; font-size: 23px; }
  .header nav, .header.is-scrolled nav { top: 71px; }
}
@media (max-width: 370px) {
  .header, .header.is-scrolled { inset-inline: 14px; gap: 7px; }
  .header .brand, .header.is-scrolled .brand { width: 111px; }
  .header .brand b { font-size: 21px; }
  .header .brand small, .header.is-scrolled .brand small { font-size: 4.7px; letter-spacing: 3px; }
  .header .header-cta { font-size: 10px; gap: 6px; }
  .header .header-cta span { width: 22px; height: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .header nav a, .header nav a::after, .header .header-cta span { transition: none; }
  .header .header-cta:hover span { transform: none; }
}
@media (prefers-contrast: more) {
  .header::before, .header.is-scrolled::before {
    background: linear-gradient(180deg, #f8f9f2f2 0%, #f8f9f2e8 48%, #f8f9f266 80%, #f8f9f200 100%);
  }
  .header .brand, .header nav a, .header .header-cta, .header .menu-toggle { color: #07110b; }
}


/* /apple-design.css */
/* Reuvens / precision in daylight. Loaded last; original media and interactions stay intact. */
:root{--bg:#fff;--panel:#f5f5f7;--paper:#f5f5f7;--text:#1d1d1f;--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--lime:#eaf3ff;--brand:#0071e3;--brand-hover:#0077ed;--soft:#f5f5f7;--radius:24px;color-scheme:light}
body{background:#fff;color:#1d1d1f;-webkit-font-smoothing:antialiased}
::selection{background:#cce4ff;color:#1d1d1f}
em,h2 em{color:#86868b;font-style:normal}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{transition:background .2s,color .2s,box-shadow .2s,transform .2s}
button:active:not(:disabled){transform:scale(.98)}
:is(button,a,input,select,textarea,summary):focus-visible,.header :is(button,a):focus-visible,.hero-cinematic :is(button,a):focus-visible,.st-stories :focus-visible,.works :focus-visible{outline:3px solid #0071e3;outline-offset:4px;box-shadow:none}
.eyebrow,.st-eyebrow,.rv-overline{color:#6e6e73;letter-spacing:.12em}
.section-heading h2,.st-heading h2,.approach h2,.finder h2,.contact h2{font-weight:600;letter-spacing:-.045em;color:#1d1d1f}
.section-heading>p,.section-heading>div>p:not(.eyebrow){color:#6e6e73}
.header,.header.is-scrolled{--vn-ink:#1d1d1f;inset:18px var(--gutter,5.5vw) auto;height:66px;padding:0 18px;border-radius:22px;transition:background .25s,box-shadow .25s;gap:14px}
.header::before{background:linear-gradient(#ffffffbd,#ffffff6b 55%,#fff0)}
.header.is-scrolled{background:#ffffffdf;box-shadow:0 6px 25px #00000009,0 0 0 1px #00000008;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.header.is-scrolled::before{display:none}
.header .brand,.header.is-scrolled .brand{color:#1d1d1f;width:152px;padding-inline:0}
.header .brand small,.header.is-scrolled .brand small{color:#515157}
.header nav a{color:#1d1d1f;font-size:12px;border-radius:999px;padding-inline:12px}
.header nav a:hover,.header nav a[aria-current=location]{color:#111111;background:#ffffff65}
.header nav a::after{display:none}
.header .header-cta{background:transparent;color:#111111;border:0;min-height:44px;padding:8px 4px;font-weight:500}
.header .header-cta:hover{background:transparent;color:#111111;border:0}
.header .header-cta span{color:inherit}
.header .menu-toggle,.header .menu-toggle[aria-expanded=true]{color:#1d1d1f;border-radius:50%;background:#ffffff75}
.hero-cinematic{--hc-paper:#fff;--hc-acid:#0071e3;--hc-ink:#1d1d1f;--hc-muted:#6e6e73;background:#fff}
.hc-visual,.hc-video{background:#ebedf0}
.hc-shade{background:linear-gradient(270deg,#fff 0%,#fff 28%,#fffffff0 37%,#ffffff66 51%,#fff0 65%),linear-gradient(0deg,#fff 0%,#fffffff0 9%,#fff0 32%)}
.hero-cinematic h1{font-weight:600;letter-spacing:-.055em;line-height:1.09;color:#1d1d1f}
.hero-cinematic h1 em{color:#77777e}
.hc-kicker{color:#6e6e73;font-size:12px}.hc-kicker:before{background:#0071e3;width:6px;height:6px}
.hc-copy{color:#6e6e73;font-size:20px;line-height:1.65}
.hc-location,.hc-location span{color:#86868b}
.hero-cinematic .hc-actions .button.lime{background:transparent;border:0;border-bottom:1px solid #0071e355;color:#111111;border-radius:0;padding-inline:0;box-shadow:none}
.hero-cinematic .hc-actions .button.lime:hover{color:#111111;background:transparent;border-color:#0077ed}
.hc-actions .text-link,.hc-actions .text-link>span{color:#515157}
.hc-frame-caption{color:#1d1d1f;text-shadow:0 1px 12px #fff,0 0 3px #ffffffa8}
.hc-frame-caption:before{background:radial-gradient(ellipse,#ffffffd6,#ffffff80 43%,#fff0 73%)}
.hc-frame-caption p,.hc-frame-caption h2,.hc-frame-caption>span{color:#1d1d1f}
.hc-frame-caption>span{opacity:.65}
.hc-bottom{border-color:#e5e5ea}.hc-chapter,.hc-number,.hc-number:after{color:#86868b}
.hc-chapter-track{background:#e5e5ea;height:2px}.hc-chapter-track i{background:#0071e3}
.hc-source,.hc-source>span{color:#111111;border-color:#0071e333}
.ticker{background:#f5f5f7;color:#6e6e73;border:0;padding-block:23px;font-size:12px;letter-spacing:.06em}
.ticker i{color:#b9b9c1;font-size:14px}
.button,.st-consult,.rv-inquire,.rv-more,.rv-feature-watch{border-radius:999px;min-height:50px;font-size:14px;font-weight:500;line-height:1.5;box-shadow:none;padding:14px 24px}
.button.lime,.st-consult,.rv-inquire,#recommendation .lime{background:#0071e3;border:1px solid #0071e3;color:#fff;box-shadow:none}
.button.lime:hover,.st-consult:hover,.rv-inquire:hover,#recommendation .lime:hover{background:#0077ed;border-color:#0077ed;box-shadow:0 5px 15px #0071e322;transform:none}
.button.lime>span,.st-consult>span,.rv-inquire>span{color:inherit}
.button.outline,.rv-more,.rv-feature-watch{background:transparent;color:#111111;border:1px solid #0071e3}
.button.outline:hover,.rv-more:hover,.rv-feature-watch:hover{background:#edf5ff;color:#111111;transform:none}
.text-link{color:#111111}
.st-stories{--st-paper:#f5f5f7;--st-ink:#1d1d1f;--st-muted:#6e6e73;--st-rule:#d2d2d7;background:#f5f5f7;color:#1d1d1f;padding-block:110px}
.st-stories h2 em,.st-stories h3 em{color:#86868b;font-weight:inherit}
.st-intro,.st-intro>span,.st-description,.st-project-note p,.st-project-note>span{color:#6e6e73}
.st-tabs{display:grid;background:#e8e8ed;border:0;border-radius:20px;gap:6px;padding:6px;margin-bottom:40px}
.st-tab,.st-tab:first-child,.st-tab:last-child{border:0;border-radius:15px;padding:20px 24px;gap:18px;color:#6e6e73;background:transparent}
.st-tab::after{display:none}.st-tab[aria-selected=true]{background:#fff;color:#1d1d1f;box-shadow:0 3px 8px #00000008}
.st-tab:hover{background:#ffffff75}.st-tab[aria-selected=true]:hover{background:#fff}
.st-tab b{font-size:22px;font-weight:600}.st-tab small,.st-tab-number{color:#86868b}.st-tab-arrow,.st-tab[aria-selected=true] .st-tab-arrow{color:#111111}
.st-photo{border-radius:28px}.st-photo-open{background:#ffffffeb;color:#1d1d1f;border-radius:50%;backdrop-filter:blur(12px)}
.st-photo:hover .st-photo-open{background:#fff;border-radius:999px}
.st-frame{border-radius:12px;background:#e5e5ea}.st-frame[aria-pressed=true]{border-color:#0071e3}
.st-frames-label,.st-frames-label b{color:#6e6e73}
.st-copy h3{font-weight:600;color:#1d1d1f}.st-project-note{border-color:#dcdce2}.st-project-note h4{color:#1d1d1f}
.st-project-note>a,.st-section-bottom>a{color:#111111;border-color:#0071e355}
.st-consult{justify-content:center;gap:18px}.st-film{background:#fff;border:1px solid #e5e5ea;border-radius:20px;padding:16px;color:#1d1d1f}
.st-film-photo{border-radius:12px}.st-film-copy small,.st-film-copy>span{color:#6e6e73}.st-film-copy b{color:#1d1d1f}
.st-section-bottom{border-color:#dcdce2;color:#6e6e73}
.works{background:#fff}.gallery-search{background:#f5f5f7;border:0;border-radius:24px;padding:28px}
.gallery-search label{color:#1d1d1f}.gallery-search p,.brand-shortcuts span{color:#6e6e73}
.gallery-search input,.rv-search{border:1px solid #d2d2d7;background:#fff;border-radius:14px;color:#1d1d1f}
.brand-shortcuts button,.brand-shortcuts #saved-toggle,.filters button,.rv-source-filters button,.rv-type-filters button{border:1px solid #e0e0e5;background:#f5f5f7;color:#6e6e73;border-radius:999px;min-height:44px;padding:10px 18px}
.filters button.active,.filters button[aria-pressed=true],.brand-shortcuts button[aria-pressed=true],.rv-source-filters button[aria-pressed=true],.rv-type-filters button[aria-pressed=true]{background:#1d1d1f;border-color:#1d1d1f;color:#fff}
.filters button:hover,.brand-shortcuts button:hover{border-color:#b0b0b8}
.project{border-radius:24px;overflow:hidden;background:#f5f5f7;border:0;box-shadow:none}
.project img{transition:transform .5s}.project:hover{box-shadow:0 10px 30px #0000000a}
.project-meta{padding:18px 22px}.project-meta h3{color:#1d1d1f;font-weight:600}.project-meta span,.project-sub{color:#6e6e73}
.reels-experience{--rv-ink:#1d1d1f;--rv-muted:#6e6e73;background:#f5f5f7;color:#1d1d1f}
.rv-feature-copy h3,.rv-library-title h3,.rv-card-info h4,.rv-stage-stats b{color:#1d1d1f}
.rv-feature-copy h3 em{color:#86868b}.rv-feature-copy>p,.rv-stage-stats,.rv-library-count,.rv-type-filters>span{color:#6e6e73}
.rv-feature,.rv-stage{border-color:#dedee5}.rv-feature-screen,.rv-feature-poster,.rv-feature-media{border-radius:28px;overflow:hidden}
.rv-feature-picks button,.rv-card{border-radius:18px;overflow:hidden}.rv-card{background:#fff;border-color:#e5e5ea}
.rv-card-info{padding:16px}.rv-card-info>span{color:#6e6e73}.rv-card:hover{border-color:#b4d6fa}
.rv-source-filters small{color:inherit;opacity:.7}.rv-search input{color:#1d1d1f;background:transparent}
.approach{background:#fff;color:#1d1d1f}.approach-photo{border-radius:28px;overflow:hidden}.approach-copy p,.steps p{color:#6e6e73}.steps>div{border-color:#e5e5ea}.steps span{color:#111111}
.finder{background:#f5f5f7;color:#1d1d1f}.finder>div>p:not(.eyebrow){color:#6e6e73}.finder-panel{background:#fff;border:1px solid #e5e5ea;border-radius:28px;padding:32px}
.finder-label{color:#1d1d1f}.finder-choices button{background:#f5f5f7;color:#1d1d1f;border:1px solid transparent;border-radius:14px;min-height:60px;padding:17px 20px}
.finder-choices button:hover,.finder-choices button.selected,.finder-choices button[aria-pressed=true]{background:#edf5ff;color:#111111;border-color:#b7d8fc;padding-inline:20px}
#recommendation{background:#f0f6ff;border:1px solid #d6e8ff;border-radius:20px;color:#1d1d1f;padding:24px}#recommendation p{color:#616169}
.comparison{background:#fff}.comparison-grid{gap:22px}.comparison-grid article,.comparison-grid article+article{background:#f5f5f7;color:#1d1d1f;border:1px solid transparent;border-radius:28px;padding:36px}
.comparison-grid .compare-featured{background:#f0f6ff;border-color:#cce3ff;box-shadow:none}.comparison h3{color:#1d1d1f;font-weight:600}.compare-goal,.comparison dd{color:#6e6e73}.comparison dt{color:#1d1d1f}.comparison dl>div{border-color:#dedee5}.compare-note{color:#6e6e73}
.compare-number{background:#fff;color:#6e6e73;border-color:#dedee5}
.faq{background:#f5f5f7}.questions details,.questions details:first-child{background:#fff;border:0;border-radius:18px;padding-inline:26px;margin-bottom:12px}.questions summary{color:#1d1d1f;min-height:82px;font-weight:500}.questions summary::after{color:#86868b}.questions p{color:#6e6e73}
.contact{background:#fff;color:#1d1d1f}.contact>div>p:not(.eyebrow){color:#6e6e73}.studio-info{background:#f5f5f7;border:0;border-radius:28px;color:#1d1d1f}.studio-info>a{color:#1d1d1f}.studio-info p,.studio-info small{color:#6e6e73}.studio-info .social a{color:#111111}
footer{background:#f5f5f7;color:#6e6e73;border-color:#e5e5ea}.footer-wordmark{color:#dddde3}.footer-bottom{border-color:#dedee5}.footer-bottom a,.footer-bottom button{color:#515157}
dialog,#project-dialog,dialog.rv-dialog{background:#fff;color:#1d1d1f;border:1px solid #e5e5ea;border-radius:28px;box-shadow:0 24px 100px #0003}
dialog::backdrop{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
dialog .close{background:#eeeef3;color:#6e6e73;border:0;border-radius:50%;width:44px;height:44px}
dialog h2{color:#1d1d1f;font-weight:600;letter-spacing:-.04em}.dialog-heading p{color:#6e6e73}
form input:not([type=checkbox]),form select{background:#fff;border:1px solid #c9c9d0;border-radius:12px;color:#1d1d1f;min-height:54px;padding:13px 15px}
form label{color:#515157}form input::placeholder{color:#86868b}form input[type=checkbox]{accent-color:#0071e3}
.consent{background:#f5f5f7;border-color:#e5e5ea;border-radius:14px;color:#6e6e73}.form-privacy,.lead-whatsapp{color:#6e6e73}.lead-whatsapp a{color:#111111}
.project-details>p:not(.eyebrow){color:#6e6e73}.project-tools button{background:#f5f5f7;border-color:#e5e5ea;border-radius:999px;color:#515157;min-height:44px}.project-actions>a{color:#111111}
.rv-viewer-info,.rv-tools{background:#fff;color:#1d1d1f;border-color:#e5e5ea}#rv-viewer-title{color:#1d1d1f}.rv-caption,.rv-caption-preview,.rv-viewer-meta,.rv-nav-hint{color:#6e6e73}
.rv-control,.rv-original,.rv-caption-details>summary{color:#111111}.rv-control:not(:disabled):hover{background:#edf5ff;color:#111111}.rv-tools .rv-media-controls .rv-control,.rv-tools .rv-close-compact{background:#f5f5f7;border-color:#e5e5ea;color:#515157;border-radius:999px}.rv-tools .rv-viewer-nav .rv-control{color:#111111}
.rv-external-notice{background:#fff;color:#1d1d1f;border-color:#e5e5ea;border-radius:18px}.rv-external-notice p{color:#6e6e73}.rv-external-notice a{color:#111111}.rv-load-embed{background:#0071e3;color:#fff;border-radius:999px}
@media(max-width:1150px){.header,.header.is-scrolled{inset-inline:24px;padding-inline:12px}.header nav a{padding-inline:9px}.comparison-grid article,.comparison-grid article+article{padding:28px 24px}}
@media(max-width:960px){.header,.header.is-scrolled{inset:12px 18px auto;padding-inline:12px}.header nav,.header.is-scrolled nav{top:74px;padding:12px;background:#fffffff5;border:1px solid #e5e5ea;border-radius:22px;box-shadow:0 16px 40px #00000012;backdrop-filter:blur(24px)}.header nav a,.header nav a:last-child{border:0;border-radius:12px;padding:14px 16px;color:#1d1d1f}.header nav a:hover,.header nav a[aria-current=location]{background:#f5f5f7;color:#111111;text-decoration:none}}
@media(max-width:760px){
 .header,.header.is-scrolled{inset:10px 12px auto;height:60px;gap:8px;border-radius:18px}.header .brand,.header.is-scrolled .brand{width:122px}.header .header-cta{font-size:11px;padding:8px 0;gap:6px}.header .brand b{font-size:23px}.header .menu-toggle{background:#ffffff65}
 .hero-cinematic{--hc-film-height:clamp(390px,56svh,520px);background:#fff}.hc-shade{background:none}.hc-content{padding-inline:24px}.hero-cinematic h1{font-size:clamp(51px,13.6vw,72px);letter-spacing:-.055em}.hc-copy{font-size:17px}.hc-kicker{font-size:10px}.hc-frame-caption h2{font-size:15px}.hc-actions{gap:22px}.hc-actions .button{font-size:12px}.hc-actions .text-link{font-size:11px}
 .ticker{padding-block:21px;font-size:10px}.st-stories{padding-block:72px}.st-tabs{padding:5px;border-radius:16px;gap:4px}.st-tab,.st-tab:first-child,.st-tab:last-child{padding:16px 12px;border-radius:12px;gap:6px}.st-tab b{font-size:17px}.st-tab-number{font-size:9px}.st-tab-arrow{color:#111111}.st-photo{border-radius:22px}.st-frame{border-radius:10px}.st-film{border-radius:18px;padding:14px}.st-consult{padding-inline:20px}
 .gallery-search{border-radius:22px;padding:22px}.brand-shortcuts button,.filters button,.rv-source-filters button,.rv-type-filters button{padding:10px 15px;font-size:12px}.project{border-radius:18px}.project-meta{padding:14px}.rv-card{border-radius:16px}.rv-card-info{padding:13px}.rv-feature-screen,.rv-feature-poster,.rv-feature-media{border-radius:22px}.rv-feature-watch{padding:12px 16px;font-size:12px}
 .finder-panel{padding:22px;border-radius:24px}.finder-choices button{font-size:15px}.comparison-grid article,.comparison-grid article+article{padding:28px;border-radius:24px}.comparison-grid .compare-featured{background:#f0f6ff}.questions details,.questions details:first-child{padding-inline:20px;border-radius:16px}.questions summary{font-size:16px;min-height:76px}.studio-info{padding:28px;border-radius:24px}
 .mobile-bar{background:#ffffffde;border-top:1px solid #e5e5ea;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 -3px 18px #00000004;padding-block:12px calc(12px + env(safe-area-inset-bottom));gap:10px}.mobile-bar button{border-radius:999px;background:#0071e3;color:#fff;border:1px solid #0071e3;min-height:48px;font-weight:500}.mobile-bar a{border-radius:999px;background:#f5f5f7;color:#1d1d1f;border:1px solid #e0e0e5;min-height:48px}
 dialog,#project-dialog{border-radius:24px}dialog.rv-dialog{border-radius:0}.rv-tools{background:#ffffffed}.button,.st-consult,.rv-inquire,.rv-more{min-height:50px}
}
@media(prefers-reduced-motion:reduce){button,.header,.project img{transition:none}button:active:not(:disabled){transform:none}}
@media(prefers-contrast:more){:root{--muted:#515157;--line:#86868b}.header.is-scrolled{background:#fff}.header::before{background:linear-gradient(#ffffffef,#ffffffbb 55%,#fff0)}.button.outline,.filters button{border-color:#515157}}

/* /studio-experience.css */
/* Reuvens / the studio edit. Real work, generous photography, deliberate controls. */
:root{--studio-paper:#faf9f6;--studio-ink:#202124;--studio-muted:#656560;--studio-rule:#deded8;--studio-ease:cubic-bezier(.2,0,0,1)}
body{min-width:0;background:var(--studio-paper);color:var(--studio-ink)}
.header:not(.is-scrolled){background:transparent;border-color:transparent;box-shadow:none;--vn-ink:#fff}
.header:not(.is-scrolled)::before{display:none}
.header:not(.is-scrolled) .brand,.header:not(.is-scrolled) .brand small,.header:not(.is-scrolled) nav a,.header:not(.is-scrolled) .header-cta{color:#fff;text-shadow:0 1px 12px #0004}
.header:not(.is-scrolled) .header-cta{border-bottom:1px solid #ffffff80;border-radius:0}
.header:not(.is-scrolled) .menu-toggle{color:#fff;background:#ffffff20;border:1px solid #ffffff40}
.hero-cinematic{--hc-ink:#fff;--hc-muted:#e2e2de;min-height:700px;height:min(880px,100svh);background:#242524;color:#fff}
.hc-visual{inset:0;mask-image:none;-webkit-mask-image:none;background:#242524}
.hc-shade{background:linear-gradient(180deg,#0006 0%,#0000 28%,#0000 40%,#000b 100%),linear-gradient(270deg,#0005,#0000 70%)}
.hc-content{width:auto;max-width:800px;margin:0;position:absolute;inset:auto var(--gutter,6%) 118px auto;padding:0}
.hc-kicker{color:#f2f2ee;font-size:12px;margin-bottom:23px;letter-spacing:0}
.hc-kicker:before{background:#fff;width:5px;height:5px}
.hero-cinematic h1{font-size:clamp(72px,8.2vw,132px);font-weight:550;line-height:1.02;letter-spacing:-.055em;color:#fff;margin:0 0 22px;text-wrap:balance}
.hero-cinematic h1 em{color:#fff;font-weight:350}
.hc-copy{color:#eeeee9;font-size:17px;line-height:1.6;font-weight:400;max-width:440px}
.hc-actions{margin-top:26px;gap:24px}
.hero-cinematic .hc-actions .button.lime{color:#202124;background:#fff;border:1px solid #fff;border-radius:999px;padding:15px 24px;font-weight:550;min-height:52px;box-shadow:0 2px 4px #0001,0 8px 25px #0001;transition:background .18s,transform .18s}
.hero-cinematic .hc-actions .button.lime:hover{background:#eeeee8;color:#202124;border-color:#eeeee8;transform:translateY(-2px)}
.hc-actions .text-link,.hc-actions .text-link>span{color:#fff;font-size:13px}
.hc-location{display:none}
.hc-frame-caption{left:var(--gutter,6%);bottom:141px;text-shadow:none;max-width:260px;color:#fff;text-align:left;min-height:0;padding:0}
.hc-frame-caption:before{display:none}.hc-frame-caption p,.hc-frame-caption h2,.hc-frame-caption>span{color:#fff}.hc-frame-caption p{font-size:9px;letter-spacing:.15em}.hc-frame-caption h2{font-size:19px;font-weight:450}.hc-frame-caption>span{font-size:11px;direction:rtl;letter-spacing:0;opacity:.7}
.hc-bottom{bottom:24px;border-top-color:#ffffff38;padding-top:9px;grid-template-columns:minmax(240px,460px) 1fr;gap:48px}
.hc-chapter,.hc-chapter[aria-pressed=true],.hc-chapter[aria-pressed=true] .hc-chapter-number,.hc-number{color:#fff}.hc-chapter-track{background:#ffffff35}.hc-chapter-track i{background:#fff}.hc-chapter-number{opacity:.7}.hc-chapter[aria-pressed=true] .hc-chapter-number{opacity:1}
.hc-utilities{justify-content:flex-start}.hc-source,.hc-source>span{color:#fff;border-color:#ffffff50}.hc-number:after{color:#ddd}.hc-status:not(:empty){background:#202124eb;color:#fff;border-color:#ffffff40}.hc-toggle:focus{color:#fff!important;outline-color:#fff!important}
.studio-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px var(--gutter,6%);border-bottom:1px solid var(--studio-rule);background:var(--studio-paper);font-size:12px}
.studio-strip>span{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.14em;direction:ltr}.studio-strip p{margin:0;color:var(--studio-muted)}.studio-strip a{display:flex;gap:22px;align-items:center;color:var(--studio-ink);min-height:44px}
.studio-cinema,.studio-selected{padding:104px var(--gutter,6%);background:var(--studio-paper);overflow:hidden}
.studio-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:42px}.studio-overline{font-size:12px;font-weight:450;color:var(--studio-muted);margin:0 0 18px;letter-spacing:0}.studio-heading h2{font-size:clamp(44px,5.3vw,78px);line-height:1.1;letter-spacing:-.055em;font-weight:550;margin:0}.studio-heading h2 em{font-weight:400;color:#85857d}.studio-intro{max-width:380px;font-size:16px;line-height:1.9;color:var(--studio-muted)}.studio-intro p{margin:0 0 13px}.studio-link{display:inline-flex;align-items:center;gap:25px;color:var(--studio-ink);font-size:14px;font-weight:500;min-height:44px;border-bottom:1px solid #a8a8a0;text-decoration:none}.studio-link span{font-size:20px;transition:transform .2s}.studio-link:hover span{transform:translate(-3px,-3px)}
.studio-film-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 0 8px;overscroll-behavior-x:contain}.studio-film-rail::-webkit-scrollbar{display:none}
.studio-film{position:relative;isolation:isolate;flex:0 0 28%;height:460px;min-width:240px;display:block;border-radius:18px;overflow:hidden;color:#fff;scroll-snap-align:start;background:#252727;outline-offset:3px}.studio-film:first-child{flex-basis:35%}.studio-film:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,#0000 35%,#0000 40%,#000d);pointer-events:none;z-index:-1}.studio-film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .65s var(--studio-ease);outline:1px solid #0002;outline-offset:-1px}.studio-film:hover img{transform:scale(1.045)}
.studio-film-top{position:absolute;top:24px;inset-inline:24px;display:flex;justify-content:space-between;gap:10px;font-size:11px}.studio-film-top>span:first-child{background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;padding:5px 10px;backdrop-filter:blur(10px)}.studio-film-top>span:last-child{padding-top:6px;font:12px/1.7 Arial,sans-serif}.studio-film-play{position:absolute;top:43%;left:calc(50% - 27px);width:54px;height:54px;display:grid;place-content:center;font-size:15px;padding-left:3px;border:1px solid #ffffff7d;border-radius:50%;background:#ffffff24;backdrop-filter:blur(8px);transition:background .2s,transform .2s}.studio-film:hover .studio-film-play{background:#ffffff45;transform:scale(1.08)}.studio-film-copy{position:absolute;bottom:27px;inset-inline:26px;display:flex;flex-direction:column;gap:10px}.studio-film-copy small{color:#e5e5df;font-size:11px}.studio-film-copy strong{font-size:27px;line-height:1.25;letter-spacing:-.03em;font-weight:500;max-width:270px}.studio-film-copy>span{display:flex;justify-content:space-between;font-size:11px;margin-top:10px;align-items:center}.studio-film-copy i{font-style:normal;font-size:20px}
.studio-rail-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;color:var(--studio-muted);font-size:12px}.studio-rail-controls{display:flex;gap:9px}.studio-rail-controls button{width:46px;height:46px;border:1px solid #cfcfc8;border-radius:50%;background:transparent;color:var(--studio-ink);font-size:22px;transition:background .15s,transform .15s}.studio-rail-controls button:hover:not(:disabled){background:#e9e9e2}.studio-rail-controls button:disabled{opacity:.25;cursor:default}
.st-stories{background:#f0f0eb;--st-paper:#f0f0eb;padding-block:100px}.st-heading h2{font-weight:550}.st-tabs{background:transparent;border:0;border-bottom:1px solid #c8c8c1;border-radius:0;padding:0;gap:0}.st-tab,.st-tab:first-child,.st-tab:last-child{background:transparent;border-radius:0;border:0;padding-block:26px}.st-tab[aria-selected=true]{background:transparent;box-shadow:inset 0 -3px 0 #202124;color:#202124}.st-tab b{font-weight:500}.st-tab-number,.st-tab-arrow{color:#62625c}.st-photo{border-radius:18px}.st-copy h3{font-weight:500}.st-project-note{background:transparent;border-left:0;border-right:0;border-radius:0;padding-inline:0}.st-film{background:#ffffff70;border:1px solid #dcdcd4;border-radius:16px}.st-consult{background:#202124;border-color:#202124;box-shadow:0 2px 4px #0001,0 8px 20px #0001}.st-consult:hover{background:#3b3c3c;border-color:#3b3c3c}
.studio-selected{background:#fff;padding-bottom:108px}.studio-selector{display:flex;gap:0;margin-bottom:32px;border-block:1px solid var(--studio-rule)}.studio-selector button{flex:1;display:flex;align-items:center;gap:13px;padding:24px 20px;color:#6d6d67;border:0;border-radius:0;background:transparent;min-width:0}.studio-selector button>span:first-child{font:500 18px/1.5 Arial,sans-serif}.studio-selector small{font:11px/1.5 Arial,sans-serif}.studio-selector button>span:last-child{margin-inline-start:auto;font-size:22px}.studio-selector [aria-selected=true]{color:#202124;background:#f4f4ef;box-shadow:inset 0 -2px #202124}.studio-project{display:grid;grid-template-columns:1.35fr 1fr;gap:50px}.studio-project[hidden]{display:none}.studio-project-main{position:relative;height:670px;border-radius:18px;overflow:hidden;background:#e5e5df}.studio-project-main img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--studio-ease)}.studio-project-main:hover img{transform:scale(1.035)}.studio-project-open{position:absolute;bottom:22px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:13px;text-shadow:0 1px 10px #000}.studio-project-open b{width:45px;height:45px;display:grid;place-content:center;border:1px solid #ffffff60;background:#0004;backdrop-filter:blur(10px);border-radius:50%;font-size:22px;font-weight:400}.studio-project-story{padding:20px 0 0;display:flex;flex-direction:column;align-items:flex-start}.studio-project-story h3{font-size:clamp(30px,3.3vw,49px);font-weight:500;line-height:1.18;letter-spacing:-.04em;margin:0 0 22px;max-width:430px}.studio-project-story>p{font-size:16px;line-height:1.95;color:var(--studio-muted);max-width:400px;margin:0 0 18px}.studio-project-detail{position:relative;display:block;width:100%;height:270px;overflow:hidden;border-radius:14px;margin-top:auto;background:#e5e5df}.studio-project-detail img{width:100%;height:100%;object-fit:cover}.studio-project-detail>span{position:absolute;bottom:14px;right:18px;font-size:11px;color:#fff;text-shadow:0 1px 7px #000;background:#0005;padding:5px 10px;border-radius:99px}
.works{background:#f5f5f1}.gallery-search{border-radius:16px;background:#fff;border:1px solid #e2e2db;box-shadow:none}.project{border-radius:16px;box-shadow:none}.project-meta{background:transparent}.project h3{font-weight:500}.gallery{gap:26px}.brand-shortcuts button,.filters button{background:transparent}.filters button.active{background:#202124;color:#fff;border-color:#202124}.brand-shortcuts button:hover,.filters button:hover{background:#e6e6e0}.section-heading h2,.st-heading h2,.approach h2,.finder h2,.contact h2{font-weight:550;line-height:1.13}.section-heading .eyebrow,.st-eyebrow{letter-spacing:0}
.reels-experience{background:#fff}.rv-feature-screen{box-shadow:none}.rv-card{box-shadow:none;border-radius:16px}.approach{background:#f0f0eb}.approach-photo{border-radius:0}.approach-photo img{filter:none}.approach-copy{padding-block:64px}.approach .intro{font-size:23px;line-height:1.75}.steps>div{border-color:#cecec6}.finder{background:#fff}.finder-panel{background:#f4f4ef;border-radius:22px}.finder-choices button{background:#fff;border-radius:14px;border:1px solid #dfdfd7}.comparison{background:#faf9f6}.comparison-grid article,.comparison-grid article+article{border-radius:20px;background:#fff;border:1px solid #e4e4dc}.comparison-grid .compare-featured{background:#edf2f7;border-color:#d4dce4}.faq{background:#f0f0eb}.questions details,.questions details:first-child{background:transparent;border-bottom:1px solid #ccccc5;border-radius:0;padding-inline:0}.contact{background:#faf9f6}.studio-info{background:#eeeee8;border-radius:20px}footer{background:#eaeae4}.footer-wordmark{color:#cecec5}.footer-bottom{border-color:#c9c9c0}
.button,.st-consult{transition:background .18s,transform .18s,box-shadow .18s}.button:active,.st-consult:active{transform:scale(.97)}
@media(min-width:1500px){.studio-cinema,.studio-selected{padding-inline:max(6%,calc((100% - 1440px)/2))}.studio-film{height:530px}}
@media(max-width:1100px){.hc-frame-caption{display:none}.studio-film{flex-basis:35%;height:420px}.studio-film:first-child{flex-basis:40%}.studio-project{gap:30px}.studio-project-main{height:620px}.studio-project-detail{height:230px}.studio-selector button{padding-inline:14px;gap:9px}.studio-selector button>span:first-child{font-size:15px}}
@media(max-width:960px){.header:not(.is-scrolled) nav a{color:#202124;text-shadow:none}.header:not(.is-scrolled) nav a:hover{color:#111111}.studio-heading{gap:20px}.studio-intro{font-size:14px;max-width:310px}}
@media(max-width:760px){
 .hero-cinematic{height:780px;height:100svh;min-height:700px;max-height:900px;padding:0}.hc-visual{inset:0;height:100%;mask-image:none;-webkit-mask-image:none}.hc-shade{background:linear-gradient(#0007,#0000 22%,#0007 38%,#000b 68%,#000d)}.hc-content{position:absolute;inset:auto 24px 123px;max-width:none;width:auto;margin:0;padding:0}.hc-kicker{font-size:10px;margin-bottom:17px}.hero-cinematic h1{font-size:clamp(59px,16vw,91px);line-height:1.01;margin-bottom:17px;letter-spacing:-.055em}.hc-copy{font-size:15px;line-height:1.6}.hc-actions{gap:20px;flex-wrap:wrap;margin-top:23px}.hero-cinematic .hc-actions .button.lime{font-size:12px;padding:14px 18px;gap:15px;min-height:48px}.hc-actions .text-link{font-size:11px;gap:9px}.hc-bottom{position:absolute;inset:auto 24px 22px;margin:0;display:block;border-color:#ffffff45;padding-top:6px}.hc-chapters{gap:9px}.hc-chapter{min-height:44px}.hc-utilities{display:flex;position:absolute;bottom:0;left:0}.hc-utilities .hc-source,.hc-utilities .hc-number{display:none}.hc-status{position:absolute;bottom:85px;inset-inline:24px;margin:0}.hc-toggle:focus{position:fixed!important;bottom:12px!important;left:16px!important;right:auto!important;z-index:1000!important;background:#202124!important;padding:12px!important}.hc-utilities:focus-within{display:flex}.hc-chapter-track{height:2px}
 .studio-strip{padding:17px 24px;flex-wrap:wrap;gap:2px 20px;align-items:center}.studio-strip>span{font-size:8px;letter-spacing:.1em}.studio-strip p{font-size:10px;flex:1;text-align:left}.studio-strip>a{display:none}
 .studio-cinema,.studio-selected{padding:65px 24px}.studio-heading{display:block;margin-bottom:27px}.studio-heading h2{font-size:46px;line-height:1.08}.studio-overline{font-size:11px;margin-bottom:15px}.studio-intro{font-size:14px;line-height:1.85;max-width:360px;margin-top:21px}.studio-intro p{margin-bottom:8px}.studio-link{font-size:12px;gap:18px}.studio-film-rail{margin-left:-24px;margin-right:0;padding-left:24px;scroll-padding-right:0;gap:13px}.studio-film,.studio-film:first-child{flex-basis:78%;height:410px;min-width:230px;border-radius:16px}.studio-film-copy{inset-inline:22px;bottom:25px}.studio-film-copy strong{font-size:27px}.studio-film-top{inset-inline:21px;top:20px}.studio-rail-footer{padding-top:17px;font-size:10px}.studio-rail-controls button{width:42px;height:42px}
 .st-stories{padding-block:65px}.st-tab,.st-tab:first-child,.st-tab:last-child{padding:18px 9px}.st-tab-number{display:none}.st-tab b{font-size:18px}.st-copy h3{font-size:34px}.st-photo{border-radius:16px}.st-film{padding:12px}.st-heading h2{font-size:43px}
 .studio-selector{gap:0;margin-bottom:22px}.studio-selector button{padding:16px 8px;flex-wrap:wrap;justify-content:center;gap:4px 8px}.studio-selector button>span:first-child{font-size:12px}.studio-selector button>span:last-child{display:none}.studio-selector small{font-size:9px}.studio-project{grid-template-columns:1fr;gap:27px}.studio-project-main{height:430px;border-radius:16px}.studio-project-story{padding:0}.studio-project-story h3{font-size:34px;max-width:320px;margin-bottom:15px}.studio-project-story>p{font-size:15px;line-height:1.85;margin-bottom:10px}.studio-project-detail{margin-top:25px;height:240px}.studio-project-open{inset-inline:18px;bottom:18px}.studio-project-open b{width:42px;height:42px}
 .section-heading h2,.finder h2,.contact h2{font-size:42px}.gallery{gap:22px}.approach-copy{padding-block:45px}.approach .intro{font-size:20px}.studio-info{border-radius:18px}.comparison-grid article,.comparison-grid article+article{border-radius:18px}.mobile-bar{background:#faf9f6ed}.mobile-bar button{background:#202124;border-color:#202124}.mobile-bar a{background:#eeeee9;border-color:#dbdbd3}
}
@media(max-width:360px){.hc-content{inset-inline:20px}.hero-cinematic h1{font-size:48px}.hc-actions{gap:15px}.hero-cinematic .hc-actions .button.lime{font-size:11px;padding:13px 15px}.hc-actions .text-link{font-size:10px}.studio-cinema,.studio-selected{padding-inline:20px}.studio-film,.studio-film:first-child{flex-basis:84%}.studio-selector button>span:first-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.studio-film img,.studio-film-play,.studio-project-main img,.studio-link span,.hero-cinematic .hc-actions .button.lime{transition:none;transform:none!important}.studio-film-rail{scroll-behavior:auto}.studio-project{animation:none}}

/* Keep the automatic film sequence, without a separate player-navigation strip. */
.hero-cinematic .hc-bottom{display:none!important}
.hero-cinematic{width:100%;height:100vh;height:100dvh;min-height:0;max-height:none}
.hero-cinematic .hc-content{bottom:46px}
.hero-cinematic .hc-frame-caption{bottom:69px}
@media(max-width:760px){
 .hero-cinematic{height:100vh;height:100dvh;min-height:0;max-height:none}
 .hero-cinematic .hc-content{bottom:51px}
 .hero-cinematic .hc-status{bottom:12px}
}

/* Text-led calls to action keep the films unobstructed. */
.hero-cinematic .hc-actions .button.lime,
.hero-cinematic .hc-actions .button.lime:hover{
 background:transparent;color:#fff;border:0;border-bottom:1px solid #ffffff80;
 border-radius:0;box-shadow:none;padding:12px 0;min-height:48px;
 font-size:14px;font-weight:550;transform:none;
}
.hero-cinematic .hc-actions .button.lime:hover{border-bottom-color:#fff}
.hero-cinematic .hc-actions .text-link{font-size:14px;min-height:48px;align-items:center}
.hero-cinematic .hc-actions :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:6px}
.atelier-arrows button,.studio-rail-controls button{width:auto;min-width:62px;padding-inline:14px;border-radius:999px;font-family:inherit;font-size:12px;font-weight:500}
.slide-controls button{width:auto;min-width:64px;padding-inline:12px;border-radius:999px;font-size:13px}
@media(max-width:760px){.hero-cinematic .hc-actions{gap:22px}.hero-cinematic .hc-actions .button.lime,.hero-cinematic .hc-actions .text-link{font-size:12px}}
.studio-music{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#fff}
.studio-music-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;color:inherit;border:0;border-bottom:1px solid #ffffff80;border-radius:0;min-height:48px;padding:12px 0;font:inherit;font-size:12px;cursor:pointer}
.studio-music-volume{display:flex;align-items:center;gap:8px;font-size:11px}.studio-music-volume[hidden]{display:none}
.studio-music-volume input{width:70px;min-height:44px;accent-color:#fff}
.studio-music-status,.studio-music-credit{font-size:11px;color:inherit}.studio-music-status:empty{display:none}

/* Fill the visible browser viewport, including when mobile browser bars resize. */
.hero-cinematic .hc-visual{inset:0;width:100%;height:100%}
.hero-cinematic .hc-video,.hero-cinematic .hc-poster img{width:100%;height:100%;object-fit:cover}
.hero-cinematic .hc-content{bottom:max(46px,calc(env(safe-area-inset-bottom,0px) + 24px))}
@media(max-height:600px){
 .hero-cinematic .hc-content{bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 12px))}
 .hero-cinematic h1{font-size:clamp(34px,9vh,54px);line-height:1.02;margin-bottom:12px}
 .hero-cinematic .hc-kicker{font-size:10px;margin-bottom:12px}
 .hero-cinematic .hc-copy{font-size:13px;line-height:1.5}
 .hero-cinematic .hc-actions{margin-top:12px;gap:20px}
 .hero-cinematic .hc-frame-caption{display:none}
}

/* Keep audio optional, compact, and stoppable after scrolling. */
.studio-music{flex-basis:100%;gap:14px;min-height:44px}
.studio-music-toggle{min-height:44px;padding:8px 0}
.studio-music.is-docked{position:fixed;inset:auto 24px 24px auto;z-index:85;flex-basis:auto;padding:0 14px;border:1px solid #ffffff40;border-radius:999px;background:#16191ee8;color:#fff;box-shadow:0 3px 16px #0002}
.studio-music.is-docked .studio-music-toggle{border-bottom:0}
.music-attribution{font:11px/1.8 Arial,sans-serif;color:#5c5c58;margin:18px 0 0;max-width:820px;text-align:left}
.music-attribution a{text-decoration:underline;text-underline-offset:3px;color:inherit}
@media(max-width:760px){.hero-cinematic .hc-actions{row-gap:7px}.studio-music.is-docked{right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}.music-attribution{font-size:10px}}

/* A single mute switch replaces the player row. */
.studio-music{flex:0 0 44px;min-height:44px;width:44px;gap:0;position:relative}
.studio-music-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff60;border-radius:50%;background:transparent;color:#fff}
.studio-music-toggle svg{width:19px;height:19px}.studio-music .music-muted{display:none}
.studio-music[data-muted=true] .music-waves{display:none}.studio-music[data-muted=true] .music-muted{display:block}
.studio-music.is-docked{width:44px;height:44px;padding:0;border:0;border-radius:50%}
.studio-music.is-docked .studio-music-toggle{border:1px solid #ffffff60}
.studio-music-status:not(:empty){position:absolute;bottom:52px;right:0;width:180px;padding:8px 12px;border-radius:8px;background:#16191e;color:#fff}

/* Mobile social shortcuts: transparent, with full-size touch targets. */
.header-social{display:none}
@media(max-width:960px){
 .header-social{display:flex;align-items:center;flex:0 0 auto;gap:0;color:#111}
 .header-social a{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;color:inherit;background:transparent;border:0;border-radius:50%;text-decoration:none}
 .header-social svg{display:block;filter:drop-shadow(0 1px 3px #0002)}
 .header:not(.is-scrolled) .header-social{color:#fff}
 .header-social a:hover{opacity:.75}
 .header-social a:focus-visible{outline:2px solid currentColor;outline-offset:0}
}
@media(max-width:600px){
 .header,.header.is-scrolled{padding-inline:0;gap:4px}
 .header .brand,.header.is-scrolled .brand{width:94px;flex:0 0 94px}
 .header .brand b{font-size:19px;letter-spacing:-1px}
 .header .brand small,.header.is-scrolled .brand small{font-size:4.7px;letter-spacing:2.4px}
 .header .header-cta{font-size:11px;white-space:nowrap;gap:0}
 .header .menu-toggle{background:transparent}
 .header:not(.is-scrolled) .menu-toggle{background:transparent;border-color:#ffffff40}
}
@media(max-width:359px){
 .header,.header.is-scrolled{inset-inline:8px;gap:2px}
 .header .brand,.header.is-scrolled .brand{width:76px;flex-basis:76px}
 .header .brand b{font-size:16px}
 .header .brand small,.header.is-scrolled .brand small{font-size:4px;letter-spacing:1.8px}
 .header .header-cta{font-size:9px}
}

/* /photo-journal.css */
.photo-journal,.photo-comparison{padding:90px var(--gutter,6%);background:#faf9f6}
.photo-journal{padding-bottom:70px}.photo-journal .studio-heading h2{font-size:clamp(42px,4.7vw,70px)}
.pj-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pj-tile{display:block;position:relative;isolation:isolate;aspect-ratio:3/4;overflow:hidden;border-radius:16px;background:#deded8;color:#fff}
.pj-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,0,0,1)}
.pj-tile:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}
.pj-tile:hover img{transform:scale(1.045)}
.pj-tile-caption{position:absolute;inset:auto 20px 21px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.pj-tile-caption strong{display:block;font-size:19px;font-weight:500;line-height:1.4}.pj-tile-caption small{display:block;font-size:11px;margin-top:5px;color:#f1f1ed}.pj-tile-caption b{font-size:22px;font-weight:400}
.pj-footnote{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px;color:#656560;font-size:12px;line-height:1.8}.pj-footnote p{margin:0;max-width:660px}
.photo-comparison{background:#eeeee8}.pj-comparison-control{width:320px;flex-shrink:0}.pj-comparison-control label{display:block;font-size:13px;font-weight:500;margin-bottom:10px}.pj-comparison-control select{background:#fff;color:#202124;border:1px solid #cdcdc5;border-radius:12px;padding:15px 18px;font:inherit;font-size:15px;width:100%;min-height:52px}.pj-comparison-control p{font-size:12px;line-height:1.9;color:#656560;margin:13px 0 0}
.pj-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pj-pair[hidden]{display:none}.pj-pair figure{margin:0;min-width:0}.pj-pair a{display:block;position:relative;border-radius:18px;overflow:hidden;background:#dddcd5;height:510px}.pj-pair img{width:100%;height:100%;object-fit:contain;background:#202124}.pj-pair figcaption{display:flex;justify-content:space-between;align-items:center;padding:17px 2px;font-size:12px;color:#686861}.pj-pair figcaption b{font-size:18px;font-weight:500;color:#202124}.pj-zoom{position:absolute;bottom:18px;left:18px;display:grid;place-content:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff70;background:#0005;backdrop-filter:blur(8px);color:#fff;font-size:21px}
#gallery.gallery--photos{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
#gallery.gallery--photos .project,#gallery.gallery--photos .project:first-child{grid-column:auto;grid-row:auto;min-width:0;border-radius:14px;background:transparent}
#gallery.gallery--photos .project-photo,#gallery.gallery--photos .project:first-child .project-photo,#gallery.gallery--photos .project:nth-child(2) .project-photo{aspect-ratio:3/4;border-radius:14px}
#gallery.gallery--photos .project-photo img{object-position:center}
#gallery.gallery--photos .project-meta{padding:14px 0 3px;align-items:flex-start;gap:10px}
#gallery.gallery--photos .project-meta h3,#gallery.gallery--photos .project:first-child .project-meta h3{font-size:16px;line-height:1.5;font-weight:500;min-width:0;white-space:normal}
#gallery.gallery--photos .project-meta>span{font-size:10px;white-space:nowrap;padding-top:4px}#gallery.gallery--photos .project-sub{padding:0;font-size:11px;margin:0;color:#6a6a65}
@media(min-width:1500px){.photo-journal,.photo-comparison{padding-inline:max(6%,calc((100% - 1440px)/2))}}
@media(max-width:1000px){.pj-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pj-tile:nth-child(1),.pj-tile:nth-child(8){grid-column:span 2;aspect-ratio:auto}.pj-pair a{height:420px}#gallery.gallery--photos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .photo-journal,.photo-comparison{padding:62px 24px}.photo-journal .studio-heading h2{font-size:40px}.pj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pj-tile,.pj-tile:nth-child(1),.pj-tile:nth-child(8){grid-column:auto;aspect-ratio:3/4;border-radius:12px}.pj-tile-caption{inset:auto 13px 15px;gap:5px}.pj-tile-caption strong{font-size:15px;line-height:1.3}.pj-tile-caption small{font-size:9px;line-height:1.5}.pj-tile-caption b{font-size:18px}.pj-footnote{flex-direction:column;align-items:flex-start;gap:10px;font-size:11px;margin-top:20px}.pj-footnote .button{width:100%;margin-top:6px}
 .pj-comparison-control{width:100%;margin-top:27px}.pj-comparison-control select{font-size:14px}.pj-pair{gap:12px}.pj-pair a{height:auto;aspect-ratio:3/4;border-radius:12px}.pj-pair figcaption{display:block;padding-top:12px;font-size:10px}.pj-pair figcaption b{font-size:15px;display:block;margin-bottom:4px}.pj-zoom{width:34px;height:34px;bottom:10px;left:10px;font-size:17px}
 #gallery.gallery--photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}#gallery.gallery--photos .project-meta{display:block;padding-top:11px}#gallery.gallery--photos .project-meta h3,#gallery.gallery--photos .project:first-child .project-meta h3{font-size:14px}#gallery.gallery--photos .project-meta>span{font-size:10px;display:block;margin-top:4px}#gallery.gallery--photos .project-sub{font-size:10px}.filters{gap:8px}.filters button{font-size:11px;padding:10px 13px}
}
@media(max-width:360px){.photo-journal,.photo-comparison{padding-inline:20px}.photo-journal .studio-heading h2{font-size:35px}.pj-tile-caption strong{font-size:13px}.pj-tile-caption small{display:none}}
@media(prefers-reduced-motion:reduce){.pj-tile img{transition:none}.pj-tile:hover img{transform:none}}

/* /atelier-carousel.css */
/* The atelier: generous frames, native touch movement, quiet controls. */
.photo-journal{overflow:hidden;background:#f6f5f1;padding-bottom:54px}
.photo-journal .studio-heading{margin-bottom:30px}.photo-journal .studio-heading h2{font-size:clamp(44px,5.5vw,80px);letter-spacing:-.055em;line-height:1.04}
.atelier-collections{display:flex;gap:4px;width:fit-content;max-width:100%;padding:5px;background:#e9e8e3;border:1px solid #deddd7;border-radius:99px;margin-bottom:28px}
.atelier-collections button{font:inherit;font-size:13px;font-weight:500;min-height:44px;border:0;border-radius:99px;background:transparent;color:#64645f;padding:10px 24px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.atelier-collections button[aria-pressed=true]{background:#fff;color:#202124;box-shadow:0 2px 7px #0000000b}
.atelier-rail,.studio-film-rail.atelier-rail{--carousel-gap:20px;display:flex;gap:var(--carousel-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 10px;margin:0;cursor:grab;isolation:isolate}
.atelier-rail::-webkit-scrollbar{display:none}.atelier-rail:after{content:'';flex:0 0 max(0px,calc(var(--carousel-tail,0px) - var(--carousel-gap)));pointer-events:none}
.atelier-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.atelier-rail.is-dragging a{cursor:grabbing}
.atelier-rail .pj-tile,.atelier-rail .pj-tile:nth-child(n){flex:0 0 39%;min-width:0;height:520px;aspect-ratio:auto;scroll-snap-align:start;border-radius:24px;grid-column:auto;outline-offset:-4px;transform:translateZ(0)}
.atelier-rail [data-carousel-card][hidden]{display:none!important}
.atelier-rail .pj-tile img{object-position:center;transform:none}.atelier-rail .pj-tile:hover img{transform:scale(1.025)}
.atelier-rail .pj-tile:after{inset:40% 0 0;background:linear-gradient(transparent,#000b)}
.atelier-rail .pj-tile-caption{inset:auto 28px 28px;align-items:center}.atelier-rail .pj-tile-caption strong{font-size:27px;letter-spacing:-.025em}.atelier-rail .pj-tile-caption small{font-size:12px;color:#e9e9e6;margin-top:7px}
.atelier-rail .pj-tile-caption>b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff20;border:1px solid #ffffff55;backdrop-filter:blur(9px);flex-shrink:0}
.atelier-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:23px;min-height:48px}
.atelier-caption{display:flex;gap:16px;align-items:center;color:#777772;font-size:12px}.atelier-count{font:13px/1.5 Arial,sans-serif;color:#242524;font-variant-numeric:tabular-nums;min-width:48px}
.atelier-pagination{display:flex;align-items:center;justify-content:center;gap:0;direction:rtl}
.atelier-pagination button{position:relative;padding:0;border:0;background:transparent;width:24px;height:44px;cursor:pointer}
.atelier-pagination button:after{content:'';position:absolute;inset:19px 9px;background:#c4c4be;border-radius:8px;transition:inset .25s,background .25s}
.atelier-pagination button[aria-current=true]:after{inset-inline:3px;background:#252725}
.atelier-arrows{display:flex;gap:8px}.atelier-arrows button{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #dadad4;border-radius:50%;background:#fff;color:#222523;cursor:pointer;transition:background .2s,transform .2s}
.atelier-arrows button:hover:not(:disabled){background:#222523;color:#fff;transform:translateY(-2px)}.atelier-arrows button:disabled{opacity:.3;cursor:default}.atelier-arrows svg{width:18px;height:18px}
.studio-cinema{overflow:hidden;background:#fff}.studio-cinema .studio-heading h2{letter-spacing:-.05em}
.studio-film-rail.atelier-rail .studio-film,.studio-film-rail.atelier-rail .studio-film:first-child{flex:0 0 30%;min-width:0;height:480px;border-radius:24px}
.studio-film-rail.atelier-rail .studio-film-play{width:64px;height:64px;left:calc(50% - 32px);background:#ffffff16;box-shadow:0 3px 25px #0002}
.pj-mobile-view{display:none}
@media(min-width:1500px){.atelier-rail .pj-tile,.atelier-rail .pj-tile:nth-child(n){height:580px}.studio-film-rail.atelier-rail .studio-film,.studio-film-rail.atelier-rail .studio-film:first-child{height:550px}}
@media(max-width:1000px){.atelier-rail .pj-tile,.atelier-rail .pj-tile:nth-child(n){flex-basis:49%;height:480px}.studio-film-rail.atelier-rail .studio-film,.studio-film-rail.atelier-rail .studio-film:first-child{flex-basis:40%}.atelier-caption>span{display:none}}
@media(max-width:760px){
 .photo-journal,.studio-cinema{padding:48px 22px}.photo-journal .studio-heading h2,.studio-cinema .studio-heading h2{font-size:43px;line-height:1.05}.photo-journal .studio-heading,.studio-cinema .studio-heading{margin-bottom:24px}.photo-journal .studio-intro,.studio-cinema .studio-intro{margin-top:16px;font-size:13px}.photo-journal .studio-intro p{display:none}
 .atelier-collections{margin-bottom:18px;width:100%;padding:4px}.atelier-collections button{padding:9px 13px;font-size:12px;flex:1;white-space:nowrap}
 .atelier-rail,.studio-film-rail.atelier-rail{--carousel-gap:12px;margin-inline-end:-22px;padding-inline-end:22px;scroll-padding-inline-start:0}
 .atelier-rail .pj-tile,.atelier-rail .pj-tile:nth-child(n){flex-basis:86%;height:clamp(340px,108vw,460px);border-radius:20px;scroll-snap-stop:always}
 .atelier-rail .pj-tile-caption{inset:auto 20px 23px;gap:10px}.atelier-rail .pj-tile-caption strong{font-size:23px}.atelier-rail .pj-tile-caption small{display:block;font-size:11px;line-height:1.5}.atelier-rail .pj-tile-caption>b{width:40px;height:40px;font-size:18px}
 .studio-film-rail.atelier-rail .studio-film,.studio-film-rail.atelier-rail .studio-film:first-child{flex-basis:86%;height:clamp(350px,112vw,470px);border-radius:20px;scroll-snap-stop:always}
 .atelier-controls{gap:6px;margin-top:15px}.atelier-pagination button{width:24px}.atelier-pagination button:after{inset-inline:9px}.atelier-pagination button[aria-current=true]:after{inset-inline:3px}.atelier-arrows{gap:6px}.atelier-arrows button{width:44px;height:44px}.atelier-caption{font-size:11px}.atelier-count{font-size:11px;min-width:36px}
 .pj-footnote{margin-top:20px;padding-top:20px;border-top:1px solid #deded6}.pj-footnote>span{font-size:11px}.photo-comparison{padding:48px 22px}.pj-comparison-control{margin-top:22px}
 .pj-mobile-view.is-ready{display:flex;margin:0 0 18px;padding:4px;background:#deded6;border-radius:99px;gap:4px}.pj-mobile-view button{flex:1;min-height:44px;border:0;border-radius:99px;background:transparent;color:#666760;font:inherit;font-size:13px;cursor:pointer}.pj-mobile-view button[aria-pressed=true]{background:#fff;color:#202124;box-shadow:0 2px 5px #0001}
 .photo-comparison.is-interactive .pj-pair{grid-template-columns:1fr}.photo-comparison.is-interactive .pj-pair figure[hidden]{display:none}.photo-comparison.is-interactive .pj-pair a{aspect-ratio:4/5;border-radius:20px}.photo-comparison.is-interactive .pj-pair figcaption{display:flex;align-items:center;padding:14px 2px}.photo-comparison.is-interactive .pj-pair figcaption b{margin:0;font-size:16px}.photo-comparison.is-interactive .pj-zoom{width:44px;height:44px}
}
@media(max-width:360px){.photo-journal,.studio-cinema,.photo-comparison{padding-inline:18px}.atelier-rail,.studio-film-rail.atelier-rail{margin-inline-end:-18px;padding-inline-end:18px}.photo-journal .studio-heading h2,.studio-cinema .studio-heading h2{font-size:37px}.atelier-collections button{padding-inline:8px;font-size:11px}.atelier-caption{display:none}.atelier-controls{justify-content:space-between}.atelier-rail .pj-tile-caption strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.atelier-rail *,.atelier-controls *,.atelier-collections *{transition:none!important;scroll-behavior:auto!important}.atelier-rail .pj-tile:hover img{transform:none}.atelier-arrows button:hover:not(:disabled){transform:none}}

/* /studio-upgrade.css */
/* The studio edit: photography leads, controls stay quiet. */
.studio-discover{padding:94px var(--gutter,6%) 60px;background:#fff;color:#111}
.discover-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}
.discover-heading .studio-overline{font:10px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#666}
.discover-heading h2{font-size:clamp(44px,5.3vw,76px);font-weight:550;line-height:1.06;letter-spacing:-.045em;margin:0}
.discover-heading h2 em{color:#72726e;font-weight:400}
.discover-heading>p{font-size:15px;line-height:1.9;color:#666;margin:0 0 5px}
.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.discover-card{display:block;position:relative;isolation:isolate;min-width:0;height:510px;overflow:hidden;border-radius:24px;background:#242424;color:#fff;text-decoration:none}
.discover-card:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0004,transparent 35%,#0002 52%,#000b)}
.discover-card img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,0,0,1)}
.discover-card:hover img{transform:scale(1.035)}
.discover-tag{z-index:2;position:absolute;top:26px;left:26px;font:10px/1.5 Arial,sans-serif;letter-spacing:.14em;text-shadow:0 1px 8px #0008}
.discover-copy{z-index:2;position:absolute;inset:auto 28px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.discover-copy small{font-size:12px;color:#fff}.discover-copy strong{font-size:clamp(28px,3.1vw,44px);font-weight:500;line-height:1.17;letter-spacing:-.04em}
.discover-copy>span{font-size:12px;min-height:36px;display:inline-flex;align-items:center;border-bottom:1px solid #ffffff80;margin-top:7px}
.discover-card:focus-visible{outline:3px solid #111;outline-offset:5px}
.discover-note{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:12px;color:#6e6e68}.discover-note a{color:#111;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.photo-journal{background:#f5f4f0}.studio-cinema{background:#fff}.studio-heading h2 em{color:#6b6b66}
.comparison-grid article{overflow:hidden;padding-top:0;position:relative}
.comparison-grid .compare-image{width:calc(100% + 56px);max-width:none;height:220px;object-fit:cover;margin:0 -28px 28px;border-bottom:1px solid #e4e4dc}
.comparison-grid .compare-featured{background:#fff;border-color:#bdbdb7;box-shadow:0 12px 35px #00000006}
.comparison-grid .compare-number{color:#111;font-variant-numeric:tabular-nums}.comparison-grid h3{font-weight:500;letter-spacing:-.025em}.comparison-grid dt{color:#111}
.atelier-arrows button{font-size:12px;font-weight:500;border-radius:999px;width:auto;min-width:58px;padding-inline:12px}
.studio-selector{border:0;background:#f2f2ee;border-radius:16px;padding:5px;gap:4px}.studio-selector button{border-radius:12px;padding:18px;color:#666}.studio-selector [aria-selected=true]{background:#fff;color:#111;box-shadow:0 2px 8px #00000009}
.gallery-search{padding:24px}.gallery-search input{border-radius:12px}.project-photo img{transition:transform .6s cubic-bezier(.2,0,0,1)}
@media(min-width:1500px){.studio-discover{padding-inline:max(6%,calc((100% - 1440px)/2))}.discover-card{height:580px}}
@media(max-width:960px){.discover-card{height:430px}.discover-copy{inset-inline:22px}.discover-copy strong{font-size:30px}.discover-heading>p{font-size:13px}}
@media(max-width:760px){
 .studio-discover{padding:52px 22px 32px}.discover-heading{display:block;margin-bottom:24px}.discover-heading h2{font-size:44px}.discover-heading>p{font-size:13px;line-height:1.8;margin:19px 0 0}.discover-heading .studio-overline{margin-bottom:16px}
 .discover-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline-end:-22px;padding-inline-end:22px;padding-bottom:8px}.discover-grid::-webkit-scrollbar{display:none}
 .discover-card{flex:0 0 87%;height:clamp(350px,112vw,460px);border-radius:20px;scroll-snap-align:start}.discover-copy{inset:auto 23px 26px;gap:11px}.discover-copy strong{font-size:36px}.discover-tag{top:22px;left:22px}
 .discover-note{align-items:flex-start;gap:7px;flex-direction:column;font-size:11px;padding-top:14px}
 .comparison-grid .compare-image{height:230px;width:calc(100% + 48px);margin-inline:-24px;margin-bottom:24px}.studio-selector{gap:0}.studio-selector button{padding:14px 10px;font-size:12px;gap:7px}.studio-selector button small{display:none}
 .gallery-search{padding:20px}.atelier-controls{flex-wrap:wrap;row-gap:3px}.atelier-pagination{max-width:100%;flex-wrap:wrap}.atelier-pagination button{width:22px}
}
@media(max-width:359px){.studio-discover{padding-inline:18px}.discover-heading h2{font-size:38px}.discover-grid{margin-inline-end:-18px;padding-inline-end:18px}.discover-copy strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){.discover-card img,.project-photo img{transition:none}.discover-card:hover img{transform:none}}
html.a11y-reduce-motion .discover-card img{transition:none}html.a11y-reduce-motion .discover-card:hover img{transform:none}

/* Original project photos, with direct navigation and mobile gestures. */
#project-dialog .project-details{min-width:0}
.project-thumbnails{min-width:0;width:100%;display:flex;gap:8px;overflow-x:auto;padding:5px 3px 12px;max-width:100%;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.project-thumbnails[hidden],.project-photo-position[hidden]{display:none}
.project-thumbnails button{flex:0 0 58px;width:58px;height:72px;padding:3px;border:1px solid transparent;border-radius:11px;background:transparent;scroll-snap-align:center;opacity:.65}
.project-thumbnails button[aria-current=true]{border-color:#111;opacity:1}.project-thumbnails button:hover{opacity:1}
.project-thumbnails img{width:100%;height:100%;object-fit:cover;border-radius:7px}.project-thumbnails button:focus-visible{outline:2px solid #111;outline-offset:1px}
.project-details>.project-photo-position{font-size:11px;color:#666;margin:0 0 22px;line-height:1.7;max-height:none}
#project-dialog .project-visual.is-photo-album{touch-action:pan-y pinch-zoom}
#project-dialog .slide-controls button{min-width:64px;min-height:44px;background:#111c;border-color:#ffffff70;color:#fff;font-size:12px;line-height:1.5;border-radius:999px}
#project-dialog .slide-controls span{border-radius:999px;background:#111c;color:#fff;font-variant-numeric:tabular-nums}
#project-dialog .project-actions .button{border-radius:999px;min-height:48px}
@media(max-width:760px){.project-thumbnails{margin-bottom:0}.project-thumbnails button{flex-basis:54px;width:54px;height:67px}.project-details>.project-photo-position{font-size:10px;margin-bottom:18px}#project-dialog .project-details{padding:22px}#project-dialog .slide-controls{bottom:14px;inset-inline:14px}}

/* /accessibility-tools.css */
/* Baseline access remains available whether the optional controls are enabled or not. */
:focus-visible{outline:3px solid #0964bb!important;outline-offset:4px;box-shadow:0 0 0 2px #fff!important}
.studio-overline,.studio-intro,.pj-footnote,.atelier-caption,.eyebrow,.form-privacy{color:#595954}
.header.is-scrolled .header-cta,.studio-link,.text-link{color:#111111}
.hero-cinematic .text-link{color:#fff}
#accessibility-trigger{position:fixed;z-index:95;left:max(14px,env(safe-area-inset-left));bottom:22px;width:48px;height:48px;padding:10px;display:grid;place-items:center;border:1px solid #72787380;border-radius:50%;color:#202522;background:#ffffff65;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 2px 12px #00000012;cursor:pointer;transition:background .2s}
#accessibility-trigger svg{width:26px;height:26px;filter:drop-shadow(0 1px 1px #fff8)}
.hero-in-view #accessibility-trigger{color:white;background:#151a1738;border-color:#ffffffa6;box-shadow:0 1px 7px #0003}.hero-in-view #accessibility-trigger svg{filter:drop-shadow(0 1px 2px #000b)}
#accessibility-trigger:hover{background:#ffffffb5;color:#202522}
#accessibility-panel{position:fixed;inset:auto auto 82px 14px;margin:0;width:min(390px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 104px);overflow-y:auto;padding:24px;border:1px solid #deded9;border-radius:24px;background:#fcfcfa;color:#202522;box-shadow:0 16px 70px #0003;direction:rtl;font:15px/1.6 Heebo,Arial,sans-serif}
#accessibility-panel::backdrop{background:#10181235;backdrop-filter:blur(2px)}
#accessibility-panel .a11y-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}#accessibility-panel .a11y-heading p{font-size:10px;letter-spacing:.06em;color:#62665f;margin:0 0 7px}#accessibility-panel h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:0;color:#202522}
#accessibility-panel .a11y-close{position:static;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:#ebede8;color:#252923;font:28px/1 Arial;cursor:pointer}
#accessibility-panel .a11y-intro{font-size:13px;line-height:1.7;color:#555c53;margin:17px 0}
#accessibility-panel .a11y-options{display:grid;gap:9px}#accessibility-panel [data-a11y-option]{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:13px 14px;text-align:right;border:1px solid #d9ddd5;border-radius:13px;background:#fff;color:#202522;font:inherit;font-size:14px;cursor:pointer}
.a11y-switch{position:relative;width:34px;height:21px;flex-shrink:0;border-radius:99px;background:#d1d6ce}.a11y-switch:after{content:'';position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;background:white;box-shadow:0 1px 2px #0003}button[aria-pressed=true]>.a11y-switch{background:#126438}button[aria-pressed=true]>.a11y-switch:after{right:16px}
#accessibility-panel .a11y-reset{display:block;min-height:44px;margin:10px auto;border:0;background:none;color:#111111;text-decoration:underline;font:inherit;font-size:13px;cursor:pointer}
#accessibility-panel nav{display:grid;gap:3px;border-top:1px solid #dde0d8;padding-top:12px}#accessibility-panel nav a{display:block;min-height:44px;padding:10px 0;color:#111111;font-size:13px;text-decoration:underline;text-underline-offset:4px}#accessibility-panel .a11y-help{font-size:11px;line-height:1.7;color:#596152;margin:14px 0 0}
.a11y-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.a11y-links a{text-decoration:underline!important;text-underline-offset:4px!important;text-decoration-thickness:2px!important}
.a11y-large-text main :is(p,li,label,input,select,textarea),.a11y-large-text #lead-dialog :is(p,label,input,select){font-size:max(18px,1em)!important;line-height:1.8!important}
.a11y-large-text :is(input,select,textarea){height:auto!important;min-height:48px}
.a11y-contrast :is(main,section,footer,aside,dialog,.header.is-scrolled,.mobile-bar,.mobile-consultation){background-color:#fff!important;color:#111!important}
.a11y-contrast :is(main,footer,aside,dialog) :is(p,li,label,small,em,h1,h2,h3,h4,span,dt,dd){color:#111!important}
.a11y-contrast :is(.hero-cinematic,.pj-tile,.studio-film,.reels-stage,.rv-player,.studio-project-main){background:#111!important}
.a11y-contrast :is(.hero-cinematic,.pj-tile,.studio-film,.reels-stage,.rv-player,.studio-project-main) :is(p,span,strong,small,em,h1,h2,h3,h4,a){color:#fff!important;text-shadow:0 1px 4px #000}
.a11y-contrast :is(.hero-cinematic,.pj-tile,.studio-film) :is(.hc-content,.pj-tile-caption,.studio-film-copy){background:#000c;padding:12px;border-radius:12px}
.a11y-contrast :is(a,button,input,select){outline-color:#000!important}.a11y-contrast a:not(.pj-tile):not(.studio-film){text-decoration:underline}
.a11y-reduce-motion,.a11y-reduce-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.a11y-reduce-motion .reveal-when-near{opacity:1!important;transform:none!important}
.form-privacy-notice{font-size:13px!important;line-height:1.8!important;color:#454c46!important;border-top:1px solid #d8ddd5;padding-top:15px;margin-top:14px}.form-privacy-notice a{color:#111111;text-decoration:underline}
@media(max-width:760px){#accessibility-trigger{bottom:calc(94px + env(safe-area-inset-bottom));width:44px;height:44px;padding:9px;left:12px}#accessibility-panel{left:10px;bottom:calc(92px + env(safe-area-inset-bottom));width:calc(100% - 20px);max-height:calc(100dvh - 110px - env(safe-area-inset-bottom));padding:20px;border-radius:21px}.a11y-large-text .mobile-bar{height:auto}.a11y-large-text .header nav.open{max-height:75dvh;overflow:auto}}
@media(prefers-reduced-motion:reduce){#accessibility-trigger{transition:none}}
.st-eyebrow,.st-intro,.st-intro span,.st-tab small,.st-tab b,.st-frames-label,.st-frames-label b,.st-description,.st-project-note>span,.st-project-note p,.st-section-bottom>span,.studio-info .eyebrow,.studio-info p,.studio-info a>span,.footer-bottom p,.footer-bottom #year{color:#555a52!important}
[data-rv-type] small,[data-rv-source] small{color:inherit!important;opacity:1!important}
/* Keep readable text before an entrance animation reaches its final frame. */
.reveal-when-near{opacity:1!important}
.st-frames-label,.st-film-copy{opacity:1!important}
.st-copy h3 em,.st-film-copy small,.st-film-copy>span,.approach-copy .eyebrow,.steps section p{color:#555a52!important}
.st-project-note a{color:#111111!important}
.journey li>span,.stepper li{color:#555a62!important}
.a11y-contrast .hero-cinematic button span{color:#111!important;text-shadow:none!important}

.a11y-contrast :is(button,.button,.primary){background:#fff!important;color:#111!important;border:2px solid #111!important;text-shadow:none!important}.a11y-contrast :is(button,.button,.primary) *{color:#111!important;text-shadow:none!important}.a11y-contrast #accessibility-trigger{background:#fff!important;color:#111!important}

[data-decorative-arrow]{display:none!important}

/* Direct business contact sits above accessibility, clear of the mobile action bar. */
#whatsapp-shortcut{position:fixed;z-index:95;left:max(14px,env(safe-area-inset-left));bottom:80px;width:48px;height:48px;padding:10px;display:grid;place-items:center;box-sizing:border-box;border:1px solid #72787380;border-radius:50%;color:#205039;background:transparent;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);text-decoration:none;transition:background .2s,color .2s}
#whatsapp-shortcut svg{width:26px;height:26px;filter:drop-shadow(0 1px 1px #fff8)}
.hero-in-view #whatsapp-shortcut{color:#fff;border-color:#ffffffa6;background:transparent}
.hero-in-view #whatsapp-shortcut svg{filter:drop-shadow(0 1px 2px #000b)}
#whatsapp-shortcut:hover{background:#ffffff35}
.a11y-contrast #whatsapp-shortcut{background:#fff!important;color:#111!important;border:2px solid #111!important}
@media(max-width:760px){#whatsapp-shortcut{left:12px;bottom:calc(148px + env(safe-area-inset-bottom));width:44px;height:44px;padding:9px}}
@media(prefers-reduced-motion:reduce){#whatsapp-shortcut{transition:none}}

/* /studio-assistant.css */
/* A quiet glass launcher; the conversation itself stays high contrast and distraction free. */
#studio-assistant-trigger{position:fixed;z-index:95;left:max(14px,env(safe-area-inset-left));bottom:138px;width:48px;height:48px;padding:10px;display:grid;place-items:center;box-sizing:border-box;border:1px solid #72787380;border-radius:50%;color:#202522;background:transparent;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer;transition:background .2s,color .2s,transform .2s}
#studio-assistant-trigger svg{width:26px;height:26px;filter:drop-shadow(0 1px 1px #fff8)}
.hero-in-view #studio-assistant-trigger{color:#fff;border-color:#ffffffa6;background:transparent}
.hero-in-view #studio-assistant-trigger svg{filter:drop-shadow(0 1px 2px #000b)}
#studio-assistant-trigger:hover{background:#ffffff35;transform:translateY(-2px)}
#studio-assistant-trigger:focus-visible{outline:3px solid currentColor!important;outline-offset:4px}
#studio-assistant-dialog{position:fixed;inset:auto auto 22px 76px;margin:0;padding:0;width:420px;max-width:calc(100% - 100px);height:min(680px,calc(var(--sa-available-height,100dvh) - 44px));max-height:none;overflow:hidden;border:1px solid #dcdce0;border-radius:28px;background:#fbfbfc;color:#19191b;box-shadow:0 24px 90px #00000030,0 1px 1px #00000008;direction:rtl;font:14px/1.7 Heebo,Arial,sans-serif;letter-spacing:0;isolation:isolate}
#studio-assistant-dialog:not([open]){display:none}
#studio-assistant-dialog::backdrop{background:#15151945;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#studio-assistant-dialog *{box-sizing:border-box}
#studio-assistant-dialog .sa-shell{height:100%;min-height:0;display:flex;flex-direction:column}
#studio-assistant-dialog .sa-header{position:relative;flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:none;margin:0;padding:22px 24px 19px;border-bottom:1px solid #e9e9ec;background:#fff}
#studio-assistant-dialog .sa-brand{min-width:0;display:flex;gap:15px;align-items:center}
#studio-assistant-dialog .sa-brand img{width:92px;height:auto;max-width:none;object-fit:contain;flex:none}
#studio-assistant-dialog .sa-brand>div{border-right:1px solid #dedee2;padding-right:15px;min-width:0}
#studio-assistant-dialog h2{font:600 15px/1.4 Heebo,Arial,sans-serif;letter-spacing:-.02em;color:#19191b;margin:0}
#studio-assistant-dialog #studio-assistant-title:focus{outline:0!important;box-shadow:none!important}
#studio-assistant-dialog .sa-header p{display:flex;align-items:center;gap:6px;margin:4px 0 0;color:#66666c;font-size:10px;line-height:1.5}
#studio-assistant-dialog .sa-status-dot{width:5px;height:5px;flex:none;background:#45454b;border-radius:50%}
#studio-assistant-dialog .sa-close{position:static;display:grid;place-items:center;width:44px;height:44px;padding:10px;flex:none;border:1px solid #e5e5e9;border-radius:50%;background:#f8f8fa;color:#37373c;cursor:pointer;line-height:1;transition:background .2s}
#studio-assistant-dialog .sa-close svg{width:19px;height:19px}
#studio-assistant-dialog .sa-close:hover{background:#ededf1}
#studio-assistant-dialog .sa-scroll{flex:1;min-height:0;padding:27px 24px 20px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5d5da transparent;scroll-padding-bottom:20px}
#studio-assistant-dialog .sa-welcome{margin-bottom:25px}
#studio-assistant-dialog .sa-overline{margin:0 0 16px;color:#6a6a71;font:9px/1.5 Arial,sans-serif;letter-spacing:1.3px;direction:ltr;text-align:right}
#studio-assistant-dialog .sa-welcome h3{margin:0;font:600 30px/1.35 Heebo,Arial,sans-serif;letter-spacing:-.035em;color:#19191b}
#studio-assistant-dialog .sa-welcome h3 span{font-weight:400;color:#6c6c73}
#studio-assistant-dialog .sa-welcome>p:last-child{margin:15px 0 0;color:#626269;font-size:13px;line-height:1.9;max-width:32ch}
#studio-assistant-dialog .sa-has-messages .sa-welcome{display:none}
#studio-assistant-dialog.sa-has-messages .sa-welcome{display:none}
#studio-assistant-dialog .sa-messages{display:flex;flex-direction:column;gap:18px}
#studio-assistant-dialog .sa-message{width:fit-content;max-width:100%;margin:0;padding:14px 16px;border-radius:18px;font-size:14px;line-height:1.8;color:#252529;overflow-wrap:anywhere}
#studio-assistant-dialog .sa-message--user{align-self:flex-start;max-width:90%;background:#ebebef;border-radius:18px 5px 18px 18px}
#studio-assistant-dialog .sa-message--assistant{align-self:flex-end;background:#fff;border:1px solid #e5e5e9;border-radius:5px 18px 18px 18px;box-shadow:0 2px 3px #00000002}
#studio-assistant-dialog .sa-message-label{display:block;font-size:10px;line-height:1.5;font-weight:500;color:#6a6a71;margin-bottom:5px}
#studio-assistant-dialog .sa-message p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.85;color:#252529}
#studio-assistant-dialog .sa-message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #ececef}
#studio-assistant-dialog .sa-message-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;background:#202023;color:#fff;text-decoration:none;border-radius:11px;font-size:12px;font-weight:500;line-height:1.5;text-align:center;overflow-wrap:anywhere}
#studio-assistant-dialog .sa-message-actions a:hover{background:#414146}
#studio-assistant-dialog .sa-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
#studio-assistant-dialog .sa-suggestions:empty{display:none}
#studio-assistant-dialog .sa-suggestions button{max-width:100%;min-height:44px;padding:11px 14px;border:1px solid #dfdfe5;border-radius:13px;background:#fff;color:#45454c;font:400 12px/1.6 Heebo,Arial,sans-serif;text-align:right;cursor:pointer;transition:background .2s,border-color .2s}
#studio-assistant-dialog .sa-suggestions button:hover{background:#f1f1f5;border-color:#bdbdc5}
#studio-assistant-dialog .sa-suggestions button:disabled{cursor:wait;opacity:.65}
#studio-assistant-dialog .sa-typing{display:flex;align-items:center;gap:4px;min-height:36px;margin-top:16px;color:#76767d}
#studio-assistant-dialog .sa-typing[hidden]{display:none}
#studio-assistant-dialog .sa-typing>span:not(.sa-typing-label){width:4px;height:4px;flex:none;background:#7a7a82;border-radius:50%;animation:sa-breathe 1.2s ease-in-out infinite}
#studio-assistant-dialog .sa-typing>span:nth-child(2){animation-delay:.15s}
#studio-assistant-dialog .sa-typing>span:nth-child(3){animation-delay:.3s}
#studio-assistant-dialog .sa-typing-label{font-size:11px;padding-right:5px;color:#66666d}
#studio-assistant-dialog .sa-guidance{flex:none;max-height:120px;overflow:auto;padding:12px 20px 11px;border-top:1px solid #e6e6eb;background:#f4f4f7}
#studio-assistant-dialog .sa-guidance[hidden]{display:none}
#studio-assistant-dialog .sa-guidance-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px}
#studio-assistant-dialog .sa-guidance h3{margin:0;color:#37373d;font:500 11px/1.6 Heebo,Arial,sans-serif}
#studio-assistant-dialog .sa-guidance-stage{color:#696970;font-size:10px;line-height:1.6;text-align:left}
#studio-assistant-dialog .sa-guidance-items{display:flex;flex-wrap:wrap;gap:5px 7px;margin:0}
#studio-assistant-dialog .sa-guidance-items>div{display:flex;align-items:baseline;gap:5px;max-width:100%;padding:4px 8px;border:1px solid #e0e0e6;border-radius:8px;background:#fff;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
#studio-assistant-dialog .sa-guidance dt{flex:none;color:#717178;font-weight:400}
#studio-assistant-dialog .sa-guidance dd{min-width:0;margin:0;color:#25252a;font-weight:500}
#studio-assistant-dialog .sa-composer{padding:14px 20px 18px;background:#fff;border-top:1px solid #e9e9ed;flex:none}
#studio-assistant-dialog .sa-feedback{font-size:11px;line-height:1.6;color:#606067;margin:0 3px 7px;min-height:0}
#studio-assistant-dialog .sa-feedback:empty{display:none}
#studio-assistant-dialog .sa-form{margin:0;display:flex;align-items:flex-end;gap:8px;border:1px solid #dadade;border-radius:17px;padding:6px 6px 6px 12px;background:#fafafb;box-shadow:0 1px 2px #00000003}
#studio-assistant-dialog .sa-form:focus-within{border-color:#81818b;box-shadow:0 0 0 3px #1b1b2010}
#studio-assistant-dialog textarea{display:block;flex:1;min-width:0;width:auto;min-height:44px;max-height:112px;padding:10px 7px;margin:0;resize:none;overflow:auto;border:0;border-radius:0;background:transparent;color:#202024;font:400 16px/1.5 Heebo,Arial,sans-serif;outline:0;box-shadow:none!important}
#studio-assistant-dialog textarea:focus-visible{outline:0!important}
#studio-assistant-dialog textarea::placeholder{font-size:13px;color:#73737b;opacity:1}
#studio-assistant-dialog .sa-send{min-width:65px;min-height:44px;padding:11px 13px;border:1px solid #202024;border-radius:12px;background:#202024;color:white;font:500 13px/1.5 Heebo,Arial,sans-serif;cursor:pointer;flex:none;transition:background .2s}
#studio-assistant-dialog .sa-send:hover{background:#424249}
#studio-assistant-dialog .sa-send:disabled{background:#66666e;border-color:#66666e;cursor:wait}
#studio-assistant-dialog .sa-composer-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:5px;padding:0 4px;font-size:10px;line-height:1.4;color:#717179}
#studio-assistant-dialog .sa-consultation{min-height:44px;padding:8px 0;border:0;background:transparent;color:#414148;font:500 11px/1.5 Heebo,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#studio-assistant-dialog .sa-reset{min-height:44px;padding:8px 4px;border:0;background:transparent;color:#5b5b63;font:400 11px/1.5 Heebo,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#studio-assistant-dialog .sa-reset:hover,#studio-assistant-dialog .sa-consultation:hover{color:#111}
#studio-assistant-dialog :is(button,a):focus-visible{outline:2px solid #303037;outline-offset:3px}
#studio-assistant-dialog .sa-disclosure{font-size:10px;line-height:1.75;margin:0 4px;color:#696971}
#studio-assistant-dialog .sa-disclosure a{display:inline-block;color:#414148;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
#studio-assistant-dialog .sa-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.a11y-large-text #studio-assistant-dialog :is(p,button,a,textarea){font-size:max(16px,1em)!important}
.a11y-large-text #studio-assistant-dialog .sa-header p{font-size:12px!important}
.a11y-contrast #studio-assistant-trigger{background:#fff!important;color:#111!important;border:2px solid #111!important}
.a11y-contrast #studio-assistant-dialog .sa-message--user{border:1px solid #111}
@keyframes sa-breathe{0%,70%,100%{opacity:.3}35%{opacity:1}}
@media(max-width:760px){
 #studio-assistant-trigger{left:12px;bottom:calc(202px + env(safe-area-inset-bottom));width:44px;height:44px;padding:9px}
 #studio-assistant-dialog{inset:auto 0 var(--sa-keyboard-inset,0px);width:100%;max-width:none;height:min(740px,calc(var(--sa-available-height,100dvh) - 12px));max-height:none;border:0;border-top:1px solid #dedee3;border-radius:25px 25px 0 0;box-shadow:0 -16px 70px #00000024}
 #studio-assistant-dialog .sa-header{padding:19px 20px 17px}
 #studio-assistant-dialog .sa-brand{gap:12px}
 #studio-assistant-dialog .sa-brand img{width:88px}
 #studio-assistant-dialog .sa-brand>div{padding-right:12px}
 #studio-assistant-dialog .sa-scroll{padding:24px 20px 20px}
 #studio-assistant-dialog .sa-guidance{padding:10px 16px}
 #studio-assistant-dialog .sa-composer{padding:12px 16px max(15px,env(safe-area-inset-bottom))}
 #studio-assistant-dialog .sa-welcome h3{font-size:29px}
}
#studio-assistant-dialog.sa-compact .sa-header{padding:10px 16px}
#studio-assistant-dialog.sa-compact .sa-header p{display:none}
#studio-assistant-dialog.sa-compact .sa-scroll{padding:14px 16px}
#studio-assistant-dialog.sa-compact .sa-guidance{display:none}
#studio-assistant-dialog.sa-compact .sa-composer{padding:8px 12px max(8px,env(safe-area-inset-bottom))}
#studio-assistant-dialog.sa-compact .sa-disclosure{font-size:9px;line-height:1.5}
@media(max-width:360px){#studio-assistant-dialog .sa-header{padding:16px}#studio-assistant-dialog .sa-brand{gap:10px}#studio-assistant-dialog .sa-brand img{width:72px}#studio-assistant-dialog h2{font-size:14px}#studio-assistant-dialog .sa-brand>div{padding-right:10px}#studio-assistant-dialog .sa-scroll{padding:21px 16px}#studio-assistant-dialog .sa-welcome h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){#studio-assistant-trigger,#studio-assistant-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.a11y-reduce-motion #studio-assistant-trigger,.a11y-reduce-motion #studio-assistant-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* /studio-editorial.css */
/* Photography, readable spacing and quiet controls throughout the studio. */
html{scroll-padding-top:80px}
.chapter-nav{position:sticky;top:0;z-index:25;display:flex;justify-content:center;gap:32px;overflow-x:auto;padding:12px 24px;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e9e9e6;scrollbar-width:none}
.chapter-nav a{flex-shrink:0;display:flex;align-items:center;min-height:44px;color:#555;text-decoration:none;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}
.chapter-nav a[aria-current]{color:#111;border-bottom-color:#111}.chapter-nav a:focus-visible{outline:2px solid #111;outline-offset:3px}
.editorial-stories{padding:100px var(--gutter,6%);background:#f7f7f4;color:#111;scroll-margin-top:75px}.editorial-stories .studio-heading{margin-bottom:48px}.editorial-intro{font-size:15px;line-height:1.9;color:#666}
.editorial-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 28px}.editorial-case{min-width:0}.editorial-case:nth-child(even){padding-top:100px}
.case-photo{display:block;position:relative;overflow:hidden;border-radius:22px;aspect-ratio:4/5;background:#ddd;color:#fff}.case-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0004,transparent 24%,transparent 65%,#0009)}
.case-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.case-photo:hover img{transform:scale(1.025)}.case-index{position:absolute;top:24px;left:24px;z-index:1;font:10px/1.5 Arial,sans-serif;letter-spacing:.12em}.case-open{position:absolute;bottom:25px;right:26px;z-index:1;font-size:12px;border-bottom:1px solid #fff9;padding-bottom:8px}
.case-copy{padding:28px 5px 0;max-width:520px}.case-copy .eyebrow{font-size:11px;color:#666}.case-copy h3{font-size:clamp(29px,3.3vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:12px 0}.case-copy .case-car{text-align:right;color:#111;font-size:13px;letter-spacing:.04em}.case-copy>p{font-size:14px;color:#666;line-height:1.9}.case-copy>a{display:inline-flex;align-items:center;min-height:44px;color:#111;font-size:12px;text-underline-offset:6px}.case-photo:focus-visible{outline:3px solid #111;outline-offset:4px}
.editorial-ending{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #dcdcd7;padding-top:30px;margin-top:55px}.editorial-ending p{font-size:21px}.editorial-ending .button{border-radius:999px}
#work .gallery-search{border:1px solid #e4e4e1;border-radius:20px;background:#f7f7f5}#work .filters{gap:8px}#work .filters button,#work .brand-shortcuts button{min-height:44px;border-radius:999px}#work .project-photo{border-radius:16px;overflow:hidden}#work .project-meta h3{font-weight:500}
#finder{background:#f4f4f1}#finder .finder-panel{border-radius:24px;background:#fff;padding:32px}#finder .finder-choices button{min-height:64px;border-radius:14px;border:1px solid #e7e7e3;padding:18px;text-align:right}#finder .finder-choices button.selected{background:#111;color:#fff;border-color:#111}
.faq .questions details{border-bottom:1px solid #deded9;padding:6px 0}.faq .questions summary{min-height:64px;align-content:center;font-weight:500}.faq .questions details[open]{background:#f4f4f1;border-radius:16px;padding:6px 20px;margin-block:6px}.faq .questions p{line-height:1.9;color:#555}
#contact{background:#f5f5f2;color:#111}#contact .studio-info{border:0;padding:0;min-width:0}#contact .contact-studio-photo{width:100%;height:240px;object-fit:cover;border-radius:20px;margin-bottom:26px}#contact .contact-actions{gap:12px;flex-wrap:wrap}#contact .button{border-radius:999px;min-height:50px}.comparison-grid article{border-radius:22px}.approach-photo{overflow:hidden}.approach-photo img{height:100%;object-fit:cover}
@media(min-width:1500px){.editorial-stories{padding-inline:max(6%,calc((100% - 1440px)/2))}}
@media(max-width:760px){html{scroll-padding-top:70px}.chapter-nav{justify-content:flex-start;gap:24px;padding:7px 22px}.chapter-nav a{font-size:11px}.editorial-stories{padding:56px 22px}.editorial-stories .studio-heading{margin-bottom:28px}.editorial-intro{font-size:13px}.editorial-cases{gap:38px;grid-template-columns:1fr}.editorial-case:nth-child(even){padding-top:0}.case-photo{aspect-ratio:4/4.6;border-radius:18px}.case-copy{padding:20px 2px 0}.case-copy h3{font-size:33px}.case-index{top:20px;left:20px;font-size:9px}.editorial-ending{align-items:flex-start;flex-direction:column;gap:10px;margin-top:34px}.editorial-ending p{font-size:18px}#finder .finder-panel{padding:22px;border-radius:20px}#contact .contact-studio-photo{height:210px}.faq .questions summary{line-height:1.6;padding-block:14px}}
@media(prefers-reduced-motion:reduce){.case-photo img{transition:none}.case-photo:hover img{transform:none}}html.a11y-reduce-motion .case-photo img{transition:none}html.a11y-reduce-motion .case-photo:hover img{transform:none}

.editorial-film-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#111;text-underline-offset:6px}.editorial-intro p{margin-top:0}

/* /treatment-finder.css */
/* Scoped guidance panel: original photographs, black type and optional detail. */
#finder{display:block;color:#171817}
#finder [hidden]{display:none!important}
#finder h2,#finder h2 em,#finder p,#finder .eyebrow,#finder a{color:#171817}
#finder h2 em{font-style:normal}
#finder>.finder-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 48px;margin-bottom:36px}
#finder>.finder-heading .eyebrow{grid-column:1/-1}
#finder>.finder-heading>p:last-child{font-size:15px;line-height:1.9;max-width:470px;margin-bottom:8px}
#finder .finder-panel{border:1px solid #dedfda;border-radius:24px;padding:32px;background:#fff}
#finder .finder-label{font-size:15px;line-height:1.6;font-weight:600;margin:0 0 18px}
#finder .finder-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:0}
#finder .finder-choices button,#finder .finder-guide-fallback nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:66px;padding:15px 12px;border:1px solid #d4d7cf;border-radius:14px;background:#f8f9f6;color:#171817;font:inherit;font-size:14px;line-height:1.6;text-align:center;text-decoration:none;cursor:pointer}
#finder .finder-choices button[aria-pressed=true]{border-color:#171817;background:#fff;color:#171817;box-shadow:inset 0 0 0 1px #171817;font-weight:600}
#finder button:focus-visible,#finder a:focus-visible,#finder select:focus-visible,#finder summary:focus-visible{outline:2px solid #171817;outline-offset:4px}
#finder .finder-controls-bottom{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-top:22px}
#finder .finder-controls-bottom:has(.finder-refine[hidden]):has(.finder-reset[hidden]){display:none}
#finder .finder-refine{flex:1;min-width:0;border:1px solid #dedfda;border-radius:14px;background:#fafbf8}
#finder .finder-refine summary{min-height:48px;padding:12px 18px;cursor:pointer;font-size:14px;line-height:1.7;font-weight:500;overflow-wrap:anywhere}
#finder .finder-refine summary span{font-size:12px;font-weight:400;margin-inline-start:7px}
#finder .finder-refine-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:8px 18px 18px}
#finder .finder-refine-fields label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;line-height:1.7;font-weight:500}
#finder .finder-refine-fields select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #bdc3b6;border-radius:9px;background:#fff;color:#171817;font:inherit;font-size:14px;line-height:1.7}
#finder .finder-reset{flex-shrink:0;min-height:48px;padding:10px 6px;border:0;border-bottom:1px solid #7a8074;border-radius:0;background:transparent;color:#171817;font:inherit;font-size:13px;cursor:pointer}
#finder .finder-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#finder #recommendation{margin-top:28px;padding:0;background:none;border:0;border-radius:0}
#finder .finder-result{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:36px;align-items:start;padding-top:28px;border-top:1px solid #dedfda}
#finder .finder-result-figure{margin:0;min-width:0}
#finder .finder-result-photo{display:block;aspect-ratio:4/4.4;overflow:hidden;border-radius:16px;background:#f1f3ee;text-decoration:none}
#finder .finder-result-photo img{display:block;width:100%;height:100%;object-fit:cover}
#finder .finder-result-caption{display:flex;flex-direction:column;align-items:start;gap:5px;padding-top:17px;line-height:1.7;color:#171817}
#finder .finder-result-caption strong{font-size:17px;font-weight:600}
#finder .finder-result-caption>span{font-size:12px}
#finder .finder-result-copy{min-width:0}
#finder .finder-overline{font-size:11px;letter-spacing:.07em;line-height:1.8;margin:0 0 12px}
#finder #recommendation h3{font-size:clamp(28px,3.2vw,44px);line-height:1.22;letter-spacing:-.035em;color:#171817;margin:0 0 20px;overflow-wrap:anywhere}
#finder .finder-description{font-size:15px;line-height:1.9;margin:0}
#finder .finder-reasons{padding:0 20px 0 0;margin:22px 0;font-size:14px;line-height:1.85}
#finder .finder-reasons li{padding-inline-start:4px;margin:8px 0}
#finder .finder-check{border-inline-start:2px solid #171817;padding-inline-start:16px;margin:22px 0}
#finder .finder-check strong{font-size:13px;font-weight:600;line-height:1.7}
#finder .finder-check p{font-size:14px;line-height:1.85;margin:7px 0 0}
#finder .finder-reading{display:flex;gap:8px 22px;flex-wrap:wrap;margin:18px 0}
#finder .finder-text-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid #7a8074;font-size:13px;line-height:1.7;text-decoration:none}
#finder .finder-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
#finder .finder-consult{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;border:1px solid #171817;border-radius:999px;background:#fff;color:#171817;font-size:13px;font-weight:600;line-height:1.6;text-decoration:none;text-align:center}
#finder .finder-consult-secondary{font-weight:400;border-color:#b8bfb0}
#finder .finder-disclaimer{font-size:12px;line-height:1.85;margin:18px 0 0}
#finder .finder-guide-fallback p{font-size:14px;line-height:1.9;margin-bottom:18px}
#finder .finder-guide-fallback nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#finder .finder-fallback-contact{display:flex;flex-wrap:wrap;gap:8px 24px;margin:20px 0 0}
@media(hover:hover){#finder .finder-choices button:hover,#finder .finder-guide-fallback nav a:hover{border-color:#171817}#finder .finder-consult:hover{background:#f2f4ee}#finder .finder-text-link:hover,#finder .finder-reset:hover{border-color:#171817}}
@media(max-width:900px){#finder .finder-result{gap:26px}#finder .finder-panel{padding:24px}#finder .finder-choices button{font-size:13px}#finder .finder-consult{padding-inline:18px}}
@media(max-width:760px){#finder>.finder-heading{display:block;margin-bottom:26px}#finder>.finder-heading>p:last-child{font-size:14px;margin-top:20px}#finder .finder-panel{padding:18px;border-radius:18px}#finder .finder-choices,#finder .finder-guide-fallback nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#finder .finder-choices button,#finder .finder-guide-fallback nav a{font-size:13px;min-height:64px;padding:12px 9px}#finder .finder-controls-bottom{flex-wrap:wrap;margin-top:18px;gap:12px}#finder .finder-refine{flex-basis:100%}#finder .finder-refine-fields{gap:14px;padding-inline:14px}#finder .finder-refine summary{padding-inline:14px}#finder .finder-reset{margin-inline-start:0}#finder .finder-result{grid-template-columns:1fr;gap:28px;padding-top:22px}#finder .finder-result-photo{aspect-ratio:4/3.5}#finder #recommendation h3{font-size:31px}#finder .finder-description{font-size:14px}#finder .finder-result-actions .finder-consult:first-child{flex-basis:100%}#finder .finder-consult-secondary{flex:1 1 auto}#finder .finder-reasons,#finder .finder-check p{font-size:13px}}
@media(max-width:380px){#finder .finder-refine-fields{grid-template-columns:1fr}#finder .finder-refine summary span{display:block;margin-inline-start:0}#finder .finder-result-caption strong{font-size:16px}#finder #recommendation h3{font-size:28px}#finder .finder-consult{padding-inline:14px;font-size:12px}}
@media(max-height:500px) and (min-width:761px){#finder .finder-result{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}#finder .finder-result-photo{aspect-ratio:4/3}#finder .finder-panel{padding:24px}}
@media(prefers-reduced-motion:reduce){#finder *{scroll-behavior:auto}}

/* /related-projects.css */
/* Compact original-photo suggestions inside the existing project viewer. */
#project-dialog .project-related{border-top:1px solid #dededb;margin-top:30px;padding-top:24px;min-width:0}#project-dialog .project-related[hidden]{display:none}#project-dialog .project-related h3{font-size:17px;line-height:1.5;font-weight:500;margin:0 0 6px;color:#111}#project-dialog .project-related>p{font-size:11px;line-height:1.8;color:#666;margin:0 0 17px}#project-related-items{display:grid;gap:9px}#project-related-items button{display:flex;align-items:center;gap:14px;width:100%;min-width:0;padding:8px;text-align:right;border:1px solid #e9e9e5;border-radius:14px;background:#f8f8f5;color:#111}#project-related-items button:hover{border-color:#aaa;background:#f1f1ed}#project-related-items button:focus-visible{outline:2px solid #111;outline-offset:2px}#project-related-items img{flex:0 0 54px;width:54px;height:66px;object-fit:cover;border-radius:8px}#project-related-items span{min-width:0;display:flex;flex-direction:column;gap:6px}#project-related-items strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}#project-related-items small{font-size:10px;color:#666;line-height:1.6}#project-title:focus{outline:0}#project-title:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:760px){#project-dialog .project-related{margin-top:24px;padding-top:21px}#project-related-items button{min-height:78px}}

/* /photo-view.css */
/* A quiet photo-only canvas; the existing dialog keeps focus and close semantics. */
#project-dialog .project-view-toggle{position:absolute;top:16px;right:18px;z-index:4;min-height:44px;padding:10px 17px;border:1px solid #ffffff80;border-radius:999px;background:#111b;color:#fff;font-size:11px;line-height:1.5;backdrop-filter:blur(10px)}#project-dialog .project-view-toggle[hidden]{display:none}#project-dialog .project-view-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
#project-dialog.photo-immersive[open]{position:fixed;inset:0;display:block;width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#111;overflow:hidden;grid-template-columns:none}
#project-dialog.photo-immersive .project-details{display:none}#project-dialog.photo-immersive .project-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;display:flex;align-items:center;justify-content:center;background:#111;overflow:hidden;border-radius:0}
#project-dialog.photo-immersive .project-visual>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0}
#project-dialog.photo-immersive .close{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:5;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#111c;color:#fff;border:1px solid #ffffff80;border-radius:50%;padding:0}
#project-dialog.photo-immersive .project-view-toggle{top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}
#project-dialog.photo-immersive .slide-controls{position:absolute;inset-inline:20px;bottom:max(20px,env(safe-area-inset-bottom));width:auto;z-index:3}
@media(max-width:760px){#project-dialog .project-view-toggle{top:12px;right:12px;padding-inline:13px;font-size:10px}#project-dialog.photo-immersive .slide-controls{inset-inline:16px}}

/* /project-sharing.css */
#project-dialog .project-tools{display:flex;flex-wrap:wrap;gap:8px}#project-dialog .project-tools button{min-height:44px;padding:10px 13px;border:1px solid #deded9;border-radius:999px;background:#f8f8f5;color:#111;font-size:11px}#project-dialog .project-tools button:hover{background:#ededE8}#project-dialog .project-tools button:focus-visible,#project-dialog .project-whatsapp:focus-visible{outline:2px solid #111;outline-offset:3px}#project-dialog .project-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}#project-dialog .project-actions .project-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #d7d7d1;border-radius:999px;color:#111;font-size:11px;text-decoration:none}#project-dialog .project-actions .project-whatsapp:hover{background:#f0f0eb}@media(max-width:760px){#project-dialog .project-tools button{font-size:10px;padding-inline:11px}#project-dialog .project-actions .project-whatsapp{font-size:10px}}

/* /service-guide-links.css */
.comparison-grid .service-guide-link{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:11px;color:#111;text-underline-offset:5px;margin-top:10px}.comparison-grid .service-guide-link:focus-visible{outline:2px solid #111;outline-offset:3px}

/* /lead-experience.css */
#lead-dialog{background:#fff;color:#111;border-radius:24px}#lead-dialog .dialog-heading>p:last-child{font-size:14px;color:#666;line-height:1.8}#lead-form{column-gap:20px;row-gap:22px}#lead-form>label:not(.consent):not(.honey){position:relative;font-size:12px;color:#222}#lead-form input:not([type=checkbox]),#lead-form select{min-height:52px;border-radius:12px;border:1px solid #d9d9d3;background:#fafaf8;color:#111;font-size:16px;box-shadow:none}#lead-form input:focus,#lead-form select:focus{outline:2px solid #111;outline-offset:2px}#lead-form [aria-invalid=true]{border-color:#a52c27!important;background:#fff9f8!important}#lead-form .lead-field-error{display:block;font-size:11px;line-height:1.7;color:#9c2722;margin-top:7px}#lead-form .lead-field-hint{display:block;font-size:10px;line-height:1.7;color:#777;margin-top:7px}#lead-form .lead-optional{font-size:10px;color:#777;font-weight:400;margin-inline-start:6px}#lead-form .submit{border-radius:999px;min-height:52px;background:#111;border:1px solid #111;color:#fff}#lead-form .submit:disabled{opacity:.6;cursor:wait}#lead-form #lead-whatsapp{display:flex;align-items:center;justify-content:center;min-height:44px;color:#111;font-size:12px;text-underline-offset:5px}#lead-form .form-required-note{padding:14px 16px;border-radius:12px;background:#f4f4f0;color:#555;font-size:11px;line-height:1.8}#form-status:empty{display:none}#form-status{font-size:12px;line-height:1.8;color:#555}#lead-dialog #form-success{padding:20px 0;text-align:center}#lead-dialog #form-success h3{font-size:28px;font-weight:500}#lead-dialog #form-success p{font-size:14px;color:#666;line-height:1.9}
@media(max-width:760px){#lead-dialog{padding:32px 22px;border-radius:20px;max-height:90dvh}#lead-form{row-gap:19px}#lead-form input:not([type=checkbox]),#lead-form select{font-size:16px}#lead-form .lead-field-error{font-size:11px}}

#lead-dialog .lead-inspiration{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;padding:14px;margin:0 0 24px;border:1px solid #e4e4df;background:#fafaf7;border-radius:16px;text-align:start}#lead-dialog .lead-inspiration[hidden]{display:none}#lead-inspiration-photo{width:82px;height:106px;object-fit:cover;border-radius:9px}#lead-inspiration span{font-size:10px;color:#666;display:block;margin-bottom:7px}#lead-inspiration strong{display:block;font-size:17px;color:#111}#lead-inspiration p{font-size:12px;line-height:1.7;color:#555;margin:5px 0}#lead-inspiration-remove{font:inherit;font-size:11px;color:#555;background:transparent;border:0;border-bottom:1px solid #aaa;padding:8px 0;min-height:36px;cursor:pointer}#lead-inspiration-remove:focus-visible{outline:2px solid #111;outline-offset:4px}

/* /original-brand.css */
/* Use the original transparent logo rather than recreating its lettering. */
.header .brand .original-brand-logo{display:block;width:100%;height:auto;max-width:none;object-fit:contain;filter:brightness(0) invert(1)}
.header.is-scrolled .brand .original-brand-logo{filter:none}
.guide-brand .original-brand-logo{display:block;width:170px;height:auto;max-width:100%;filter:none}
@media(max-width:760px){.guide-brand .original-brand-logo{width:145px}}

/* /studio-refinement.css */
.studio-origin{font-size:17px;line-height:1.9;color:#50504c;max-width:46ch;margin:22px 0}.studio-reputation{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(36px,7vw,120px);padding:clamp(60px,8vw,120px) max(5vw,24px);background:#fafaf7;color:#171717;border-top:1px solid #e4e4df}.studio-reputation h2{font-size:clamp(38px,5vw,72px);line-height:1.12;letter-spacing:-.04em;margin:20px 0}.studio-reputation p{font-size:17px;line-height:1.9;max-width:48ch;color:#50504c}.reputation-link{display:inline-flex;align-items:center;min-height:48px;padding:12px 0;border-bottom:1px solid #171717;color:#171717;text-decoration:none;font-weight:600}.reputation-link:focus-visible{outline:2px solid #171717;outline-offset:6px}.studio-promise{align-self:center;border:1px solid #deded8;border-radius:24px;padding:clamp(24px,4vw,50px);background:white}.studio-promise>span{font-size:11px;letter-spacing:.15em}.studio-promise h3{font-size:32px;margin:22px 0}.studio-promise p{border-top:1px solid #ecece7;padding-top:16px;margin:16px 0 0}.approach .approach-copy{padding-block:clamp(32px,5vw,80px)}@media(max-width:700px){.studio-reputation{grid-template-columns:1fr;gap:32px}.studio-origin,.studio-reputation p{font-size:16px}.studio-reputation h2{font-size:44px}}

.verified-reviews{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.verified-reviews figure{margin:0;padding:28px;border:1px solid #deded8;border-radius:20px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.verified-reviews blockquote{margin:0;font-size:20px;line-height:1.7}.verified-reviews figcaption{font-size:14px;color:#555}.verified-reviews a{color:inherit;text-underline-offset:4px;margin-inline-start:8px}@media(max-width:700px){.verified-reviews{grid-template-columns:1fr;gap:12px}.verified-reviews figure{padding:24px}.verified-reviews blockquote{font-size:19px}}

.gallery-loading{grid-column:1/-1;width:100%;padding:24px 0;color:#171717}.gallery-loading>span{font-size:11px;letter-spacing:.15em}.gallery-loading>p{font-size:20px;margin:14px 0 24px}.gallery-loading>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-loading i{display:block;aspect-ratio:3/4;background:linear-gradient(145deg,#eeeee9,#f7f7f3);border-radius:16px}.gallery-instagram{display:inline-flex;align-items:center;min-height:44px;margin-inline-start:20px;color:#171717;text-underline-offset:5px}@media(max-width:600px){.gallery-loading>div{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-loading i:last-child{display:none}.gallery-instagram{margin-inline-start:0;display:flex;justify-content:center}}

/* /comparison-experience.css */
.comparison-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 28px}.comparison-regions button{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;min-width:0;text-align:start;padding:10px;background:#fafaf7;color:#171717;border:1px solid #d8d8d2;border-radius:16px;font:inherit;font-size:14px;cursor:pointer}.comparison-regions button[aria-pressed=true]{border-color:#171717;background:#fff;box-shadow:0 0 0 1px #171717}.comparison-regions button:focus-visible,.pj-mobile-view button:focus-visible{outline:2px solid #171717;outline-offset:4px}.comparison-regions img{display:block;width:76px;height:64px;border-radius:9px;object-fit:cover}.has-region-picker .pj-comparison-control label,.has-region-picker .pj-comparison-control select{display:none}.has-region-picker .pj-comparison-control p{margin:0}.comparison-detail-hint{font-size:12px;line-height:1.8;color:#5c5c56;margin:0 0 18px}.photo-comparison .pj-pair a:focus-visible{outline:2px solid #171717;outline-offset:5px}@media(max-width:1000px){.comparison-regions button{grid-template-columns:1fr;gap:10px}.comparison-regions img{width:100%;height:82px}}@media(max-width:760px){.comparison-regions{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 3px 12px;gap:10px;margin:0 -3px 16px;scrollbar-width:thin}.comparison-regions button{flex:0 0 112px;scroll-snap-align:start;font-size:12px;padding:8px;gap:8px;border-radius:12px}.comparison-regions img{height:68px}.photo-comparison[data-comparison-view=both] .pj-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-comparison[data-comparison-view=both] .pj-pair a{aspect-ratio:3/4;border-radius:12px}.photo-comparison[data-comparison-view=both] .pj-pair figcaption{display:block}.photo-comparison[data-comparison-view=both] .pj-pair figcaption b{font-size:13px;margin-bottom:5px}.photo-comparison .pj-mobile-view button{font-size:12px}.comparison-detail-hint{font-size:11px}}

/* /reel-sharing.css */
.rv-share-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0}.rv-share-film{min-height:44px;padding:11px 19px;background:transparent;border:1px solid #d5d5d0;border-radius:999px;color:inherit;font:inherit;font-size:12px;cursor:pointer}.rv-share-film:hover{background:#00000006}.rv-share-film:focus-visible{outline:2px solid currentColor;outline-offset:4px}.rv-share-status{font-size:11px!important;line-height:1.7;margin:0!important}.rv-share-status:empty{display:none}@media(max-width:760px){.rv-share-tools{gap:10px;margin:12px 0}.rv-share-film{font-size:11px;padding:10px 16px}}

/* /studio-finish.css */
/* Quiet navigation and tactile photography. The opening film remains edge to edge. */
.chapter-nav{gap:6px;padding:10px 18px;background:rgba(255,255,255,.91);border-bottom:1px solid #1111110d;box-shadow:0 8px 30px #00000004;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);scroll-padding-inline:18px}
.chapter-nav a{min-height:44px;padding:0 19px;border:0;border-radius:999px;color:#171717;font-size:13px;transition:background .2s,color .2s}
.chapter-nav a:hover{background:#11111108}.chapter-nav a[aria-current]{background:#171717;color:white}
.chapter-nav a:focus-visible{outline:2px solid #171717;outline-offset:2px}
.discover-card,.case-photo,#work .project-photo{box-shadow:0 10px 30px #00000005}
.case-copy h3{max-width:18ch;text-wrap:balance}.case-copy>p:not(.eyebrow):not(.case-car){max-width:45ch}
.verified-reviews figure{border-color:#1111110c;box-shadow:0 8px 32px #00000003}.verified-reviews blockquote{text-wrap:pretty}
.faq .questions summary{cursor:pointer}.faq .questions details[open]{box-shadow:inset 0 0 0 1px #11111106}
#work .filters button,#work .brand-shortcuts button{transition:background .18s,box-shadow .18s}
#work .gallery-search input:focus-visible{outline:2px solid #171717;outline-offset:3px}
#contact .contact-actions .button{padding-inline:28px}
@media(max-width:760px){
 .chapter-nav{gap:5px;padding:8px 14px;scroll-padding-inline:14px;mask-image:linear-gradient(to right,transparent,#000 15px,#000 calc(100% - 15px),transparent)}
 .chapter-nav a{padding-inline:15px;font-size:12px}
 .editorial-cases{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scroll-padding-inline:22px;margin-inline:-22px;padding:4px 22px 20px;scrollbar-width:thin}
 .editorial-case{flex:0 0 min(86vw,430px);scroll-snap-align:start}
 .editorial-case .case-photo{aspect-ratio:4/4.7}.editorial-case .case-copy{padding-top:20px}
 .editorial-case .case-copy h3{font-size:31px}.editorial-case .case-copy>p{font-size:14px}
 .editorial-stories .studio-heading{gap:20px}.editorial-intro{font-size:14px}
 .verified-reviews{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding:4px 2px 16px;scrollbar-width:thin}
 .verified-reviews figure{flex:0 0 88%;min-width:0;scroll-snap-align:start;box-sizing:border-box}.verified-reviews blockquote{font-size:18px}
 #contact .contact-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}#contact .contact-actions .button{justify-content:center;padding-inline:12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.chapter-nav a,#work .filters button,#work .brand-shortcuts button{transition:none}}
html.a11y-reduce-motion .chapter-nav a{transition:none}

/* /site-care.css */
/* Shared finishing details: accessible targets, quiet forms, resilient media. */
.email-consent{padding-block:14px;border-top:1px solid #e5e5e8}
[data-compare-view]:not([aria-pressed=true]){color:#333!important}
.studio-origin{color:#555!important}
.lead-field-hint,.lead-optional{color:#555!important}
.footer-wordmark{color:#666!important}
#lead-form input[type=email]{text-align:left;direction:ltr}
.mail-preferences{max-width:680px;margin:70px auto;padding:32px 24px}
.mail-preferences h1{font-size:clamp(32px,7vw,58px);letter-spacing:-.04em;line-height:1.12}
.mail-preferences p{line-height:1.85}.mail-note{font-size:14px;color:#545458}
.mail-preferences button{border:0;border-radius:40px;background:#171719;color:white;padding:16px 26px;font:inherit;font-weight:600;cursor:pointer;min-height:48px}
.mail-preferences button:disabled{opacity:.55;cursor:default}
:focus-visible{outline:2px solid #171719;outline-offset:5px}
.hero-cinematic :focus-visible,.header :focus-visible{outline-color:currentColor}
img{content-visibility:auto} .hc-poster img,.original-brand-logo{content-visibility:visible}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:760px){.mail-preferences{margin:24px auto}.email-consent{font-size:14px}.header-social a,.menu-toggle{min-width:44px;min-height:44px}#lead-form .consent input{min-width:20px;min-height:20px}}
@media(forced-colors:active){button,a,input,select,summary{forced-color-adjust:auto}.hc-shade{display:none}}

#lead-form label:has(input[type=email]){grid-column:1/-1}

/* /seo-accessibility.css */
/* Keep photograph labels legible regardless of the current image's brightness. */
.st-frame > span {
  color: #fff;
  background: #111;
  border-radius: 3px;
  padding: 3px 4px;
  font-size: 10px;
  line-height: 1.2;
  text-shadow: none;
}

/* Separate footer destinations into dependable touch and keyboard targets. */
.footer-bottom > div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  align-items: center;
}
.footer-bottom > div > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 8px 4px;
}

/* /consultation-upgrades.css */
.consultation-refine{grid-column:1/-1;margin:0;border:1px solid #dededb;border-radius:18px;background:#fafaf8;color:#171717;overflow:hidden}.consultation-refine>summary{padding:18px 20px;font-weight:600;font-size:14px;cursor:pointer;list-style-position:inside;min-height:48px}.consultation-refine-content{padding:0 20px 20px;display:grid;gap:16px}.consultation-refine-content label{display:grid;gap:8px;margin:0;font-size:14px}.consultation-refine-content select,.consultation-refine-content input:not([type=checkbox]){width:100%;min-width:0;background:#fff;border:1px solid #d3d3cf;border-radius:10px;min-height:48px;padding:11px;font:inherit;color:#171717}.consultation-refine-title{margin:0;font-size:17px;font-weight:650}.consultation-refine-note{font-size:12px;line-height:1.7;color:#555;margin:0}.ppf-area-picker{border:0;padding:0;margin:0;min-width:0}.ppf-area-picker legend{font-size:14px;font-weight:600;margin-bottom:10px}.ppf-diagram{background:linear-gradient(145deg,#fff,#eeeee9);border:1px solid #e3e3dd;border-radius:18px;margin-bottom:12px}.ppf-diagram svg{display:block;width:100%;max-height:160px;margin:auto;fill:#e6e6e0;stroke:#555;stroke-width:1.4}.ppf-glass{fill:#c2c8c6}.ppf-lights{stroke-width:3}.ppf-diagram[data-selected~=hood] .ppf-hood,.ppf-diagram[data-selected~=bumper] .ppf-bumper,.ppf-diagram[data-selected~=mirrors] .ppf-mirrors,.ppf-diagram[data-selected~=front] .ppf-hood,.ppf-diagram[data-selected~=front] .ppf-bumper,.ppf-diagram[data-selected~=full] path:not(.ppf-glass){fill:#a5b0ad;stroke:#171717}.ppf-area-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.ppf-area-options button{border:1px solid #d0d0ca;border-radius:30px;background:transparent;color:#171717;min-height:44px;padding:8px 15px;font:inherit;font-size:13px;cursor:pointer}.ppf-area-options button[aria-pressed=true]{background:#171717;color:white;border-color:#171717}.vehicle-photo-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.vehicle-photo-previews>div{min-width:0}.vehicle-photo-previews img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.vehicle-photo-previews button{padding:7px 0;border:0;background:none;font:inherit;font-size:11px;min-height:44px;cursor:pointer;text-decoration:underline;color:#171717}.consultation-refine :focus-visible{outline:2px solid #171717;outline-offset:3px}.booking-request-note{font-size:12px;line-height:1.7}.lead-context-summary{padding:12px 16px;background:#f4f4ef;border-radius:12px;font-size:13px;line-height:1.7;margin:12px 0;grid-column:1/-1}.lead-context-summary[hidden]{display:none}@media(max-width:420px){.consultation-refine-content{padding:0 14px 16px}.consultation-refine>summary{padding:15px 14px}.vehicle-photo-previews{grid-template-columns:repeat(2,minmax(0,1fr))}}

.booking-availability{justify-self:start;background:none;border:0;border-bottom:1px solid #aaa;min-height:44px;padding:6px 0;color:#171717;font:inherit;font-size:13px;cursor:pointer}.booking-slot-options{display:flex;flex-wrap:wrap;gap:8px}.booking-slot-options button{border:1px solid #ccc;border-radius:22px;background:#fff;color:#171717;min-height:44px;padding:8px 14px;font:inherit;font-size:12px;cursor:pointer}.booking-slot-options button[aria-pressed=true]{background:#171717;color:#fff}