/* Review-only cinematic layout. Live source remains in dist/. */
html{scroll-padding-top:24px}body{background:#100f0e}.header{position:absolute;inset:0 0 auto;z-index:3;height:114px;padding:0 4%;border-bottom:1px solid #ffffff24;background:linear-gradient(#0006,transparent);gap:24px}.header .logo{width:126px;height:76px}.header nav{font-size:15px;gap:36px}.header .button{background:#d9c19ae8}.header .instagram-link{color:#fff}.opening-film{position:relative;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#1b1917;isolation:isolate;scroll-margin-top:0}.opening-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 35%,#0002 70%,#100f0e80);pointer-events:none}.center-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(290px,36vw,560px);height:auto;filter:invert(1);mix-blend-mode:screen;pointer-events:none}.panel-stack{padding:40px clamp(16px,3vw,56px) 0;max-width:1720px;margin:auto}.reveal-panel{position:relative;width:100%;max-width:none;margin:0 0 28px;border:1px solid #d9c19a2a;border-radius:12px;background:#1d1b19;padding:clamp(48px,6vw,100px) clamp(25px,5vw,84px);box-shadow:0 18px 55px #0002;scroll-margin-top:24px}.hero.reveal-panel{min-height:460px;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center}.hero h1{font-size:clamp(48px,5.5vw,84px)}.hero-copy{padding:0}.about.reveal-panel{background:#25221f}.services-strip.reveal-panel{padding-top:28px;padding-bottom:28px;font-size:14px;background:#191715;box-shadow:none}.packages.reveal-panel{background:#1d1b19}.team.reveal-panel{background:#28241f;gap:9%}.details.reveal-panel{background:#1d1b19}.contact.reveal-panel{background:#31291f}.reveal-panel.motion-ready{opacity:0;transform:translate3d(0,76px,0);transition:opacity .85s ease,transform 1.05s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal-panel.motion-ready.is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}.eyebrow{font-size:14px}.number,.recommended{font-size:12px}.price-card ul{font-size:14px}.price-card .button{font-size:14px}.package-desc{font-size:14px}.pricing-fine{font-size:13px}.card-note{font-size:12px}.team-signoff,.team-list .member-info p{font-size:12px}.team-intro>p:not(.eyebrow),details p,.section-heading>p,.contact>div>p:not(.eyebrow){font-size:16px}summary{font-size:16px}.contact-right #selection{font-size:14px}.price span{font-size:13px}.price-card{padding-left:22px;padding-right:22px}.skip{z-index:20}footer{padding-top:30px;padding-bottom:40px}
@media(max-width:1000px){.header nav{gap:22px}.header{height:102px}.header .logo{width:112px;height:67px}.hero.reveal-panel{gap:5%;grid-template-columns:1.25fr 1fr}.price-grid{gap:14px}.price-card{padding-left:16px;padding-right:16px}.price-card .button{font-size:12px}.team.reveal-panel,.details.reveal-panel{gap:6%}}
@media(max-width:700px){.header{height:auto;min-height:130px;padding:14px 6%;gap:10px}.header .logo{width:106px;height:63px}.header nav{order:3;width:100%;padding-top:12px;gap:34px;margin:0;border-top:1px solid #ffffff25;font-size:14px}.header .header-actions{gap:12px}.header .button.small{font-size:13px;padding:11px 13px}.opening-film{height:100svh;min-height:560px}.center-logo{width:min(76vw,380px);top:51%}.panel-stack{padding:20px 14px 0}.reveal-panel{border-radius:9px;padding:46px 24px;margin-bottom:20px}.hero.reveal-panel{grid-template-columns:1fr;gap:28px;min-height:0}.hero h1{font-size:clamp(42px,11vw,67px)}.hero .intro{font-size:16px}.hero .button{font-size:14px}.hero .actions{margin-top:20px}.section h2{font-size:46px}.about.reveal-panel,.team.reveal-panel,.details.reveal-panel,.contact.reveal-panel{grid-template-columns:1fr;gap:32px}.services-strip.reveal-panel{font-size:13px;gap:20px;padding:25px 24px}.price-grid{grid-template-columns:1fr;gap:30px}.price-card{padding:30px 23px}.price-card .button{font-size:14px}.team-list>.team-member{grid-template-columns:100px minmax(0,1fr);gap:20px}.team-portrait{width:100px;height:137px}.team-list .member-info h3{font-size:30px}.contact-right .button{min-width:0;width:100%}.contact h2{font-size:56px}.email{font-size:clamp(17px,5vw,23px)}.reveal-panel.motion-ready{transform:translate3d(0,44px,0)}.reveal-panel.motion-ready.is-visible{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-panel.motion-ready{opacity:1;transform:none;transition:none;will-change:auto}}

/* The centered film mark is the primary brand; keep navigation clear. */
.header>a:first-child{display:none}.header nav{margin-right:auto}.header{height:92px}
@media(max-width:700px){.header{min-height:112px;height:auto;justify-content:center;padding:17px 5%;gap:15px}.header nav{order:0;width:auto;margin:0;padding:0;border:0;gap:24px;justify-content:center}.header-actions{width:100%;justify-content:center}.header .button.small{padding:9px 18px}.header .instagram-link{min-height:34px}.header{background:linear-gradient(#0008,transparent)}}

/* Fixed vector icons cannot be substituted with colorful emoji by mobile fonts. */
.line-icon{display:inline-block;flex:0 0 auto;width:22px;height:22px;vertical-align:middle}
.text-link .line-icon{margin-left:14px}.services-strip i{display:flex;align-items:center;justify-content:center}.services-strip .service-icon{width:24px;height:24px}
footer .top-icon{width:15px;height:15px;margin-left:5px}
.price-card li:before{content:'';width:6px;height:11px;border:solid var(--accent);border-width:0 1.7px 1.7px 0;transform:rotate(45deg);top:3px;left:2px}
@media(max-width:700px){.services-strip i{display:none}}

/* Keep the expanded team role readable at narrow widths. */
.team-list .member-info p{letter-spacing:.06em;font-size:12px;overflow-wrap:anywhere;line-height:1.6}

/* Cinematic typography and a hazy charcoal navigation surface. */
.header{background:rgba(23,22,21,.20);-webkit-backdrop-filter:blur(18px) saturate(.7);backdrop-filter:blur(18px) saturate(.7);border-bottom-color:rgba(217,193,154,.28);box-shadow:0 8px 32px rgba(0,0,0,.12)}
.header nav,.button,.text-link,.services-strip{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:500;letter-spacing:.045em}
.header nav{font-size:19px}.button{font-size:18px}.button.small{font-size:17px}.price-card .button{font-size:17px}.text-link{font-size:18px}.services-strip.reveal-panel{font-size:18px}
h1,h2,h3,.price strong{font-family:'Bodoni Moda',Georgia,serif;font-weight:400}
.hero h1{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;line-height:1.14;font-size:clamp(44px,4.8vw,74px);letter-spacing:-.035em}
.section h2{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;line-height:1.18;font-size:clamp(38px,3.7vw,58px)}
.price-card h3,.team-list .member-info h3{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;font-size:clamp(27px,2.7vw,36px);line-height:1.25}
.eyebrow,.number,.recommended,.team-signoff,.team-list .member-info p{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:500}
.hero .intro,.about-copy p,.team-intro>p:not(.eyebrow){line-height:1.85}
@media(max-width:700px){.header nav{font-size:18px;gap:24px}.header .button.small{font-size:16px}.hero h1{font-size:clamp(35px,9.2vw,58px)}.section h2{font-size:clamp(33px,9vw,46px)}.contact h2{font-size:clamp(40px,10.8vw,56px)}.hero .button,.price-card .button{font-size:17px}.services-strip.reveal-panel{font-size:17px}.team-list .member-info h3{font-size:27px}.team-list .member-info p{font-size:12px;letter-spacing:.025em}.price-card h3{font-size:32px}}