:root{--ink:#182e27;--paper:#f5f3e8;--blue:#20584a;--acid:#e9dda1;--line:#d6dccb;--muted:#627369;--surface:#e5ebdd;--surface-2:#eee7ca;--card:#fcfcf3;--on-accent:#f5f6e8}
:root[data-palette="forest"]{--ink:#182e27;--paper:#f5f3e8;--blue:#20584a;--acid:#e9dda1;--line:#d6dccb;--muted:#627369;--surface:#e5ebdd;--surface-2:#eee7ca;--card:#fcfcf3;--on-accent:#f5f6e8}
body,.studio-hero{background:var(--paper);color:var(--ink)}
.nav{background:var(--paper);border-color:var(--line)}
.nav nav{background:var(--paper)}
.studio-hero .eyebrow,.hero-note,.hero-copy>p,.section-heading>p,.credit,.portfolio-intro>p{color:var(--muted)}
.hero-copy .hero-subhead{font-size:clamp(20px,2vw,27px);line-height:1.35;font-weight:600;letter-spacing:-.035em;color:var(--ink);margin-bottom:17px}
.hero-copy .hero-description{max-width:490px;font-size:16px;line-height:1.6;margin:0}
.hero-copy .hero-note{max-width:450px;font-size:12px;line-height:1.6;letter-spacing:0}.hero-note strong{color:var(--ink)}
.queue-callout{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;margin-top:26px;padding:30px 34px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.queue-callout h3{font-size:22px;letter-spacing:-.045em;margin:0}.queue-callout p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}.queue-callout>span{font-size:12px;font-weight:600}
.closing .closing-action{display:block;max-width:350px}.closing-support{display:block;font-size:11px;line-height:1.65;margin-top:20px}.site-footer .footer-description{max-width:335px;font-size:13px;line-height:1.6;margin-top:12px}
@media(max-width:980px){.queue-callout{grid-template-columns:1fr;gap:12px}.closing .closing-action{max-width:100%}}
@media(max-width:760px){.hero-copy .hero-subhead{font-size:22px}.hero-copy .hero-description{font-size:15px}.queue-callout{padding:25px}.closing .closing-action{display:block}.closing-support{font-size:11px}}
@media(max-width:400px){.studio-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.hero-actions .button,.hero-actions .text-link{white-space:nowrap}}
.services,.page-hero,.contact-layout form,.timeline article{background:var(--surface);border-color:var(--line)}
.service-art,.editor-art,.steps article:nth-child(2),#breathe{background:var(--surface-2)}
#home-burgers,.steps article:nth-child(3),.page-pricing .page-hero{background:var(--surface)}
.plan,.steps article,.questions details,.tags span,.table-scroll,input,select,textarea,.motion-toggle{background:var(--card);border-color:var(--line);color:var(--ink)}
.principles,.plan.featured,.page-about .page-hero,thead{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}
.principles .section-label,.principles-grid p,.principles .credit,.principles .section-heading>p,.featured .plan-intro,.featured .billing,.featured .price span,.featured .plan-note span,.page-about .page-hero>p,.page-about .eyebrow{color:var(--on-accent)}
.principles .serif,.featured li:before,.page-about .serif,.page-work .page-hero .serif{color:var(--acid)}
.page-work .page-hero{background:var(--ink);color:var(--paper)}
.page-work .page-hero>p,.page-work .page-hero .eyebrow{color:var(--paper)}
.page-hero>p,.editorial-rows p,td{color:var(--muted)}
.page-hero .eyebrow,.page-pricing .page-hero .eyebrow,.tags span,.service-art>.credit,.service-list article>span{color:var(--blue)}
.service-list article,.questions details,.table-scroll,td,th,.timeline article,.plain-list{border-color:var(--line)}
.service-list article>span,.plan-symbol,.editor-profile .editor-role{background:var(--paper);border-color:var(--line);color:var(--blue)}
.featured .plan-symbol{background:var(--acid);color:var(--ink)}
.questions details[open],.launch-note,tbody tr:last-child{background:var(--surface-2);border-color:var(--line)}
.closing,.dark{background:var(--acid);color:var(--ink)}
.closing .serif,.closing .section-label{color:var(--ink)}
.nav .small,.closing .button{background:var(--ink);color:var(--paper)}
.button:hover{background:var(--blue);color:var(--on-accent)}
.featured .button:hover{background:var(--paper);color:var(--ink)}
.service-strip{background:var(--ink);color:var(--acid)}
.service-strip b{color:var(--paper)}
.flow-section .artwork>.artwork-media{box-shadow:12px 12px 0 var(--surface-2)}
.page-hero:after{border-color:var(--line)}
.service-art .artwork>.artwork-media{box-shadow:none}
.studio-hero .hero-feature{animation:none}
.hero-motion{display:flex;flex-direction:column;min-width:0;min-height:590px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:26px;color:var(--ink);box-shadow:16px 16px 0 var(--acid);overflow:hidden}
.hero-motion-window{display:grid;grid-template-columns:.88fr 1.15fr .8fr;gap:8px;height:520px;border-radius:17px;overflow:hidden;background:var(--paper)}
.hero-lane{min-width:0;overflow:hidden}.hero-lane-track{display:flex;flex-direction:column;will-change:transform;animation:hero-lane-up 22s linear infinite}.hero-lane-2 .hero-lane-track{animation:hero-lane-down 27s linear infinite}.hero-lane-3 .hero-lane-track{animation-duration:22s}
.hero-lane-set{display:grid;gap:8px;padding-bottom:8px}.hero-tile{display:block;overflow:hidden;border-radius:8px;background:var(--surface)}.hero-tile img{display:block;width:100%;height:auto;object-fit:contain}




@keyframes hero-lane-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes hero-lane-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.hero-motion-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 9px 7px}.hero-motion-meta span{font-size:9px;letter-spacing:1.5px}.hero-motion-meta strong{font-family:Georgia,serif;font-size:17px;font-weight:400;font-style:italic;text-align:right}
.creative-reel{padding:58px 0 65px;border-bottom:1px solid var(--line)}
.reel-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}
.reel-heading .section-label{margin:0 0 10px}.reel-heading h2{font-size:clamp(32px,4vw,54px)}
.reel-track{animation-duration:76s}.reel-window{padding:20px 0 25px}
.reel-card{width:300px;height:360px;border-radius:8px;box-shadow:none;transform:none;background:var(--surface)}
.reel-card:nth-child(even){height:300px;width:360px}
.reel-card:hover{transform:translateY(-6px)}
.reel-card>span{display:block;opacity:1;padding:60px 20px 20px}
.reel-card b{font-size:16px}.reel-card small{margin-top:3px}
.reel-caption{margin-top:8px}
.work-gallery-section{padding:90px 0 120px}
.work-gallery-shell{width:min(1480px,calc(100% - 40px));margin:auto}
.work-gallery-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;max-width:1160px;margin:0 auto 34px}
.work-gallery-intro h2{font-size:clamp(52px,6vw,90px);line-height:.93;letter-spacing:-.06em;margin:16px 0 0}.work-gallery-intro .serif{color:var(--blue)}
.work-gallery-intro>div:last-child{max-width:470px;padding-bottom:6px}.work-gallery-intro p{font-size:18px;line-height:1.55;margin:0;color:var(--muted)}.work-gallery-intro .credit{font-size:12px;margin-top:18px}
.work-filters{display:flex;gap:8px;flex-wrap:wrap;max-width:1160px;margin:0 auto 28px;padding-top:25px;border-top:1px solid var(--line)}
.work-filters button{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:10px 16px;font:700 11px Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.work-filters button:hover{transform:translateY(-2px);border-color:var(--ink)}.work-filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.work-gallery{columns:3;column-gap:14px}
.work-card{display:inline-block;width:100%;margin:0 0 14px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:18px;break-inside:avoid;overflow:hidden}
.work-card[hidden]{display:none}.work-card-media{display:block;width:100%;padding:0;border:0;border-radius:11px;overflow:hidden;background:var(--surface);color:inherit;cursor:zoom-in}.work-card-media img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .45s cubic-bezier(.2,.6,.2,1)}
.work-card:hover .work-card-media img{transform:scale(1.018)}.work-card-video .work-card-media{position:relative;cursor:pointer}
.work-card-video .play-icon,.work-card-video .video-label{z-index:1}.work-card-video .play-icon{position:absolute;left:18px;bottom:17px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acid);color:var(--ink);font-size:14px}.work-card-video .video-label{position:absolute;right:18px;bottom:28px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.work-card-caption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:13px 5px 5px}.work-card-caption b{font-size:13px;letter-spacing:-.01em}.work-card-caption span{color:var(--muted);font-size:10px;text-align:right}
.reveal-ready{translate:0 28px;transition:translate .8s cubic-bezier(.2,.6,.2,1)}
.reveal-ready.is-visible{opacity:1;translate:0 0}
.button>span{transition:transform .3s}.button:hover>span{transform:translate(3px,-3px)}
html[data-motion="paused"] .hero-lane-track,html[data-motion="paused"] .reel-track{animation-play-state:paused}
html[data-motion="playing"] .creative-reel:focus-within .reel-track{animation-play-state:running}
html[data-motion="paused"] .reveal-ready{opacity:1;translate:none;transition:none}
html[data-motion="paused"] .reel-window{overflow-x:auto}html[data-motion="paused"] .reel-track{animation:none}html[data-motion="paused"] .reel-group[aria-hidden]{display:none}
@media(max-width:1100px){.hero-motion{min-height:530px}.hero-motion-window{height:460px}.hero-motion-meta strong{font-size:15px}.work-gallery{columns:2}.work-gallery-intro{gap:40px}}
@media(max-width:760px){.creative-reel{padding:35px 0 45px}.reel-card{width:235px;height:300px}.reel-card:nth-child(even){width:290px;height:245px}.reel-heading{align-items:start}.reel-heading h2{font-size:35px}.reel-heading .text-link{font-size:12px;white-space:nowrap;margin-top:35px}.reel-caption>p{max-width:240px}.hero-motion{min-height:500px;border-radius:19px;box-shadow:10px 10px 0 var(--acid)}.hero-motion-window{height:430px;grid-template-columns:.84fr 1.12fr .76fr;gap:6px;border-radius:12px}.hero-lane-set{gap:6px;padding-bottom:6px}.hero-tile{border-radius:6px}.hero-motion-meta{padding:17px 5px 4px}.hero-motion-meta span{font-size:8px}.hero-motion-meta strong{font-size:14px}.work-gallery-section{padding:60px 0 80px}.work-gallery-shell{width:calc(100% - 24px)}.work-gallery-intro{grid-template-columns:1fr;gap:24px;margin-bottom:26px;padding:0 8px}.work-gallery-intro h2{font-size:49px}.work-gallery-intro p{font-size:16px}.work-filters{margin:0 8px 20px;padding-top:20px}.work-filters button{padding:9px 13px}.work-card{border-radius:14px;padding:6px}.work-card-media{border-radius:9px}.work-card-caption{display:block;padding:11px 4px 4px}.work-card-caption b,.work-card-caption span{display:block}.work-card-caption span{text-align:left;margin-top:3px}}
@media(max-width:560px){.work-gallery{columns:1}.work-card{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-lane-track,.reel-track{animation:none!important}.hero-lane-set[aria-hidden]{display:none}.reveal-ready{opacity:1;translate:none;transition:none}.reel-window{overflow-x:auto}.reel-group[aria-hidden]{display:none}}

.work-card-media,.work-card-video .work-card-media{cursor:default}.work-card:hover .work-card-media img,.artwork .artwork-media:hover img{transform:none}.reel-card:hover,.artwork>.artwork-media:hover{transform:none;box-shadow:none}.inline-film{aspect-ratio:16/9;background:#111}.inline-film video{display:block;width:100%;height:100%;object-fit:contain}.film-sound{border:0;background:none;color:var(--muted);font:inherit;font-size:11px;padding:4px;cursor:pointer}.film-sound[aria-pressed="true"]{color:var(--ink)}.film-status{font-size:12px;margin:0;color:var(--muted)}.film-status:empty{display:none}

.hero-tile video{display:block;width:100%;height:auto}.reel-card video{display:block;width:100%;height:100%;object-fit:contain;background:var(--surface)}.reel-card:after{display:none}.work-card-video{position:relative}.film-controls{position:absolute;right:14px;bottom:14px}.film-sound{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--paper);color:var(--ink);opacity:.85;font-size:14px}

.reel-card.reel-card-portrait{height:360px;width:202.5px}
.hero-copy{min-width:0;container-type:inline-size}.studio-hero .hero-wordmark{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,16cqw,104px);font-weight:800;line-height:.91;letter-spacing:-.075em;word-spacing:-.025em;margin:28px 0 34px;color:var(--ink)}.hero-wordmark-line{display:block;white-space:nowrap;-webkit-text-stroke:.018em currentColor}.hero-wordmark .hero-accent{display:block;font-family:Georgia,'Times New Roman',serif;font-size:.88em;font-weight:400;font-style:italic;line-height:1.12;letter-spacing:-.06em;word-spacing:0;color:var(--ink);margin-top:.16em;white-space:nowrap}
.landing-example .section-heading>div{max-width:630px}.landing-example .section-label{margin-bottom:18px}.landing-preview{margin:0}.landing-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px}.landing-preview figcaption{font-size:14px;line-height:1.6;color:var(--muted);padding:16px 0 0}
.booking-layout{align-items:start;padding-bottom:90px}.booking-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,48px)}.booking-card h3{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.045em;margin:20px 0}.booking-card>p{font-size:16px;line-height:1.6;color:var(--muted)}.booking-card .button{margin:18px 0;white-space:normal}.booking-card .booking-note{font-size:14px}.booking-prep{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.booking-prep h4{font-size:18px;margin:0 0 12px}.booking-prep p{font-size:15px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){.reel-card.reel-card-portrait{height:300px;width:168.75px}}
@media(min-width:761px) and (max-height:850px){.studio-hero{padding-top:28px;padding-bottom:28px}.studio-hero .hero-wordmark{font-size:clamp(40px,14cqw,88px);margin:20px 0 24px}.hero-copy .hero-subhead{margin-top:0;margin-bottom:14px}.studio-hero .hero-actions{margin-top:22px}.studio-hero .hero-note{margin-top:18px}.hero-motion{min-height:500px}.hero-motion-window{height:440px}}
.legal-page{max-width:820px;padding-top:52px;padding-bottom:80px}.legal-page h1{font-size:clamp(42px,6vw,72px);line-height:1.05;letter-spacing:-.055em;margin:20px 0}.legal-page .legal-date{font-size:14px;color:var(--muted);margin-bottom:28px}.legal-page .legal-intro{font-size:19px;line-height:1.6}.legal-page h2{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:36px 0 12px}.legal-page p,.legal-page li{font-size:16px;line-height:1.75}.legal-page ul{padding-left:22px}.legal-page a{text-decoration:underline;text-underline-offset:3px}.legal-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px 0;border-block:1px solid var(--line);margin:28px 0}.legal-nav a{font-size:14px}.footer-legal{display:flex;flex-wrap:wrap;gap:12px 20px}.legal-note{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:12px}

/* Closing creative wall */
.closing.closing-showcase{display:block;width:min(1480px,calc(100% - 40px));padding:76px 0 0;margin:40px auto 80px;border-radius:10px;overflow:hidden;text-align:center}
.closing-showcase-copy{position:relative;z-index:2;width:min(780px,calc(100% - 48px));margin:0 auto}
.closing-showcase .section-label{margin:0 0 18px;color:var(--ink)}
.closing-showcase h2{margin:0;font-size:clamp(54px,6.4vw,94px);line-height:.9;letter-spacing:-.07em}
.closing-showcase h2 .serif{display:inline-block;margin-top:.12em;color:var(--ink)}
.closing-showcase .closing-action{max-width:610px;margin:30px auto 0}
.closing-showcase .closing-action p{max-width:590px;margin:0 auto 24px;font-size:17px;line-height:1.6}
.closing-showcase .button{display:inline-flex;box-shadow:none}
.closing-showcase .closing-support{margin:17px auto 0;font-size:12px}
.closing.closing-showcase>.closing-showcase-wall{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;justify-content:normal;gap:14px;width:105%;height:430px;margin:58px -2.5% -48px;padding:0 4px;overflow:hidden}
.closing-column{display:flex;min-width:0;flex-direction:column;gap:14px;align-self:end}
.closing-column:nth-child(1){translate:0 -78px}.closing-column:nth-child(2){translate:0 -18px}.closing-column:nth-child(3){translate:0 118px}.closing-column:nth-child(4){translate:0 164px}.closing-column:nth-child(5){translate:0 118px}.closing-column:nth-child(6){translate:0 -18px}.closing-column:nth-child(7){translate:0 -78px}
.closing-tile{display:block;min-width:0;overflow:hidden;border-radius:14px;background:var(--surface);box-shadow:0 1px 0 #182e2714}
.closing-tile img,.closing-tile video{display:block;width:100%;height:100%;object-fit:cover}
.closing-portrait{aspect-ratio:4/5}.closing-vertical{aspect-ratio:9/16}.closing-square{aspect-ratio:1}.closing-landscape{aspect-ratio:16/9}
@media(max-width:1100px){.closing.closing-showcase{padding-top:64px}.closing.closing-showcase>.closing-showcase-wall{grid-template-columns:repeat(5,minmax(0,1fr));height:420px;width:108%;margin-left:-4%;margin-right:-4%}.closing-column:nth-child(n+6){display:none}}
@media(max-width:760px){.closing.closing-showcase{width:calc(100% - 16px);padding-top:50px;margin-top:18px;margin-bottom:52px;border-radius:8px}.closing-showcase-copy{width:calc(100% - 36px)}.closing-showcase .section-label{font-size:10px}.closing-showcase h2{font-size:clamp(44px,13vw,60px);line-height:.94}.closing-showcase .closing-action{margin-top:24px}.closing-showcase .closing-action p{font-size:16px}.closing-showcase .button{font-size:14px}.closing-showcase .closing-support{font-size:11px;line-height:1.55}.closing.closing-showcase>.closing-showcase-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:calc(100% + 24px);height:550px;margin:38px -12px -55px;padding:0}.closing-column{gap:10px}.closing-column:nth-child(n+3){display:none}.closing-column:nth-child(1){translate:0 20px}.closing-column:nth-child(2){translate:0 72px}.closing-tile{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.closing-film video{visibility:hidden}.closing-film{background-position:center;background-size:cover}.closing-film:has(video[poster*="product-edit"]){background-image:url('/assets/films/product-edit.jpg')}.closing-film:has(video[poster*="universe-ring"]){background-image:url('/assets/films/universe-ring.jpg')}}

/* Annotated homepage refinements */
.hero-motion-meta{justify-content:flex-start}
.reel-card,.reel-card:nth-child(even),.reel-card.reel-card-portrait{width:auto;height:360px;flex:0 0 auto}
.reel-card img,.reel-card video{width:100%;height:100%;object-fit:contain}
.services-home .service-grid{grid-template-columns:1fr}
.services-home .service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.services-home .service-list article{align-items:flex-start;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.services-home .service-list article:first-child{padding-top:28px}
.faq-centered{display:block;text-align:center}
.faq-centered>div:first-child{margin-bottom:34px}
.faq-centered .questions{max-width:850px;margin:0 auto;text-align:left}
.closing.closing-showcase>.closing-showcase-wall{margin-top:18px}
@media(max-width:1100px){.services-home .service-list{grid-template-columns:1fr}.closing-column:nth-child(1){translate:0 -48px}.closing-column:nth-child(2){translate:0 10px}.closing-column:nth-child(3){translate:0 105px}.closing-column:nth-child(4){translate:0 105px}.closing-column:nth-child(5){translate:0 -48px}}
@media(max-width:760px){.reel-card,.reel-card:nth-child(even),.reel-card.reel-card-portrait{height:285px}.services-home .service-list{gap:14px}.services-home .service-list article{padding:24px}.services-home .service-list article:first-child{padding-top:24px}.faq-centered>div:first-child{margin-bottom:24px}.closing.closing-showcase>.closing-showcase-wall{margin-top:38px}.closing-column:nth-child(1){translate:0 20px}.closing-column:nth-child(2){translate:0 72px}}
