:root{--paper:#eeede5;--ink:#302e29;--muted:#77746b;--line:rgba(48,46,41,.22);--gutter:clamp(20px,3vw,52px);--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}img,video{display:block;max-width:100%}video{pointer-events:none}figure{margin:0}h1,h2,h3,p{margin:0;font-weight:400}em{font-family:var(--serif);font-weight:400}p{line-height:1.55}ul{margin:0;padding:0;list-style:none}[hidden]{display:none!important}.ui-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible;fill:none;stroke:currentColor;pointer-events:none}.section-kicker,.hoc-eyebrow{display:block;font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.text-link,.hoc-link-arrow,.back{display:inline-flex;align-items:center;gap:35px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid currentColor;padding:0 0 8px}.text-link .ui-arrow,.hoc-link-arrow .ui-arrow{transition:transform .3s}.text-link:hover .ui-arrow{transform:translate(3px,-3px)}
/* Quiet, fixed header and a full-screen editorial menu. */
.site-header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px var(--gutter);z-index:100;color:var(--paper);mix-blend-mode:difference;pointer-events:none}.wordmark,.menu-toggle{pointer-events:auto}.wordmark{font-size:15px;letter-spacing:-.06em;white-space:nowrap}.wordmark em{font-size:19px;letter-spacing:-.07em;margin:0 2px}.home-page:not(.past-hero):not(.menu-open) .wordmark{opacity:0;pointer-events:none}.menu-toggle{background:transparent;border:0;padding:0;display:flex;gap:10px;align-items:center;font-size:16px}.menu-toggle-icon{font-size:22px;font-weight:300;line-height:1;transition:transform .35s}.menu-open .menu-toggle-icon{transform:rotate(45deg)}.menu-open .site-header{mix-blend-mode:normal;color:var(--ink)}.menu-overlay{position:fixed;inset:0;background:var(--paper);z-index:90;visibility:hidden;transform:translateY(-102%);transition:transform .65s cubic-bezier(.76,0,.24,1),visibility .65s;overflow-y:auto;padding:90px var(--gutter) 25px}.menu-open .menu-overlay{visibility:visible;transform:translateY(0)}.menu-inner{max-width:1440px;margin:auto;min-height:calc(100svh - 160px);display:grid;grid-template-columns:1.45fr 1fr;gap:9vw;align-items:center}.menu-links a{display:flex;align-items:baseline;gap:20px;font-size:clamp(30px,4.5vw,76px);line-height:1.15;letter-spacing:-.065em;white-space:nowrap;transition:opacity .25s,transform .35s}.menu-links a:hover{transform:translateX(12px);opacity:.55}.menu-links a:nth-child(6){font-size:clamp(26px,3.4vw,56px)}.menu-index{font-family:var(--serif);font-size:17px;font-style:italic;letter-spacing:-.04em;min-width:24px}.menu-visual{max-width:420px;width:100%;justify-self:end}.menu-visual img{width:100%;aspect-ratio:3/4;object-fit:cover}.menu-visual>span{display:block;font-family:var(--serif);font-style:italic;font-size:22px;margin-top:14px}.menu-bottom{max-width:1440px;margin:30px auto 0;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.03em}
/* Full-bleed film with an oversized, split studio wordmark. */
.cinema-hero{height:100svh;min-height:640px;position:relative;overflow:hidden;color:var(--paper);background:#564a36}.cinema-hero>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:translateY(var(--hero-drift,0px)) scale(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 45%,rgba(0,0,0,.22))}.hero-brand{position:absolute;inset:0;line-height:.74;letter-spacing:-.075em;font-weight:400;pointer-events:none}.hero-brand-top{position:absolute;top:27px;left:1.3vw;font-size:22.6vw}.hero-brand-bottom{position:absolute;bottom:85px;right:2.2vw;font-size:14.5vw;white-space:nowrap}.hero-brand-bottom em{font-size:.53em;letter-spacing:-.1em;margin-right:.08em}.hero-caption{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;text-transform:uppercase;letter-spacing:.07em;line-height:1.5}.hero-caption a{display:flex;gap:25px;align-items:center}.hero-caption .ui-arrow{width:24px;height:24px}.studio-manifesto{text-align:center;padding:150px var(--gutter) 135px;position:relative;overflow:hidden}.manifesto-title{font-size:clamp(60px,7.7vw,126px);letter-spacing:-.07em;line-height:.93;margin:38px auto 50px;position:relative;z-index:2}.manifesto-title em{letter-spacing:-.065em}.manifesto-images{display:flex;justify-content:center;align-items:flex-start;gap:17vw;height:310px;max-width:1020px;margin:-100px auto 0;position:relative}.manifesto-images img{width:25%;height:100%;object-fit:cover}.manifesto-images img:first-child{margin-top:15px}.manifesto-images img:last-child{margin-top:100px;height:200px;object-position:52% 50%}.manifesto-note{font-size:14px;margin:65px auto 30px;color:var(--muted)}
/* Projects are large images, set into a changing editorial rhythm. */
.projects{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gutter);row-gap:90px;padding:0 var(--gutter) 130px}.work-heading{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;padding:40px 0 25px;border-bottom:1px solid var(--line);margin-bottom:-55px}.work-heading h2{font-size:clamp(35px,5vw,80px);line-height:.95;letter-spacing:-.065em}.work-count{font-size:12px}.work-heading>.section-kicker{max-width:100px}.project-card{display:block;min-width:0}.selected-projects>.project-card:nth-of-type(1),.selected-projects>.project-card:nth-of-type(4){grid-column:1/-1}.selected-projects>.project-card:nth-of-type(3){padding-top:130px}.selected-projects>.project-card:nth-of-type(6){padding-top:120px}.project-image{position:relative;overflow:hidden;isolation:isolate;background:#d7d3c7;aspect-ratio:4/5}.selected-projects>.project-card:nth-of-type(1) .project-image,.selected-projects>.project-card:nth-of-type(4) .project-image{aspect-ratio:1.9}.project-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.6,.3,1)}.project-card:hover .project-image img{transform:scale(1.035)}.nt-cover .project-image{aspect-ratio:1.28}.nt-cover .project-image img,.perfume-cover .project-image img{object-position:center}.view-project{position:absolute;bottom:25px;right:25px;background:var(--paper);color:var(--ink);border-radius:50%;width:90px;height:90px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;text-transform:uppercase;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s}.project-card:hover .view-project{opacity:1;transform:none}.caption{display:flex;align-items:baseline;gap:10px;padding-top:17px}.caption h2{font-size:26px;letter-spacing:-.045em;line-height:1.1}.project-number{font-size:12px;font-family:var(--serif);font-style:italic}.project-open{margin-left:auto}.project-open .ui-arrow{width:21px;height:21px}.all-work{padding:0 var(--gutter) 100px;text-align:center}.all-work a{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding-bottom:10px}.hero{padding:175px var(--gutter) 90px}.hero h1{font-size:clamp(62px,8.5vw,142px);line-height:.95;letter-spacing:-.075em;max-width:1250px}.hero h1 em{letter-spacing:-.07em}.hero .back{margin-bottom:45px}.project-hero{padding-bottom:65px}.project-hero h1{font-size:clamp(74px,12vw,190px)}
/* The studio, services and process retain all original copy. */
.editorial{padding:110px var(--gutter);border-top:1px solid var(--line)}.editorial h2,.contact-layout h2{font-size:clamp(45px,5.5vw,86px);line-height:1;letter-spacing:-.065em}.hoc-eyebrow{margin-bottom:30px}.editorial p{font-size:17px;line-height:1.6;margin-top:25px}.hoc-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.hoc-about__media{padding-top:90px}.hoc-about__media img,.hoc-about__media video{width:100%;aspect-ratio:4/5;object-fit:cover}.hoc-about__content>p{max-width:540px}.hoc-link-arrow{margin-top:35px}.hoc-about__secondary{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:100px;padding-top:40px;border-top:1px solid var(--line)}.hoc-about__idx{font:italic 19px var(--serif)}.hoc-about__secondary .hoc-lead{font-size:clamp(26px,3vw,44px);line-height:1.2;letter-spacing:-.035em}.hoc-about__creation h3{font-family:var(--serif);font-style:italic;font-size:36px;letter-spacing:-.04em}.studio-section-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:10vw}.studio-section-intro{position:sticky;top:110px;align-self:start}.studio-section-intro h2{max-width:400px;font-size:clamp(62px,6.5vw,100px)}.service-row{border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row summary{list-style:none;display:grid;grid-template-columns:26px 1fr 16px;gap:20px;align-items:baseline;cursor:pointer;padding:28px 0}.service-row summary::-webkit-details-marker{display:none}.row-number{font-family:var(--serif);font-style:italic;font-size:14px}.service-row h3{font-size:clamp(25px,2.5vw,39px);line-height:1.1;letter-spacing:-.05em}.row-toggle{position:relative;width:14px;height:14px}.row-toggle:before,.row-toggle:after{content:'';position:absolute;background:currentColor;left:0;right:0;top:6px;height:1px}.row-toggle:after{transform:rotate(90deg);transition:transform .2s}.service-row[open] .row-toggle:after{transform:rotate(0)}.service-description{padding:0 30px 30px 46px}.service-description p{font-size:16px;margin:0;color:#625e55}.process-row{display:grid;grid-template-columns:26px 1fr;gap:20px;border-top:1px solid var(--line);padding:26px 0 40px}.process-copy h3{font-family:var(--serif);font-style:italic;font-size:clamp(32px,3.1vw,47px);letter-spacing:-.045em}.process-copy p{margin-top:16px;font-size:16px;color:#625e55}.hoc-become-creator__grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.hoc-become-creator__intro h2{font-size:clamp(50px,5.5vw,86px)}.hoc-benefits{margin-top:30px;border-top:1px solid var(--line)}.hoc-benefits li{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.hoc-benefits li:before{content:'+';margin-right:18px}.creator-wizard{padding:32px;background:#e3e1d7;min-width:0}.wizard-top{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.wizard-count{font-family:var(--serif);font-size:13px;font-style:italic}.wizard-progress{height:1px;background:rgba(48,46,41,.2);margin:20px 0 65px}.wizard-progress>span{display:block;height:100%;width:10%;background:var(--ink);transition:width .4s}.wizard-question{min-height:190px}.wizard-question>label{font-family:var(--serif);font-size:34px;line-height:1.1;letter-spacing:-.04em;display:block;margin-bottom:25px}.wizard-question small{display:block;font:10px Helvetica,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:10px}.wizard-question input:not([type=checkbox]):not([type=radio]),.wizard-question textarea{background:transparent;border:0;border-bottom:1px solid var(--ink);width:100%;padding:12px 0;border-radius:0;outline:none;font-size:20px}.wizard-question textarea{font-size:16px;resize:vertical}.wizard-question input:focus,.wizard-question textarea:focus{border-bottom-width:2px}.hoc-form__choices{display:flex;gap:8px;flex-wrap:wrap}.hoc-choice{position:relative;cursor:pointer;font-size:13px!important;font-family:inherit!important;letter-spacing:0!important;margin:0!important}.hoc-choice input{position:absolute;opacity:0;width:1px;height:1px}.hoc-choice span{display:block;border:1px solid var(--line);padding:11px 13px;transition:background .2s,color .2s}.hoc-choice input:checked+span{background:var(--ink);color:var(--paper)}.hoc-choice input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.wizard-actions{margin-top:40px;display:flex;justify-content:flex-end;gap:20px;align-items:center}.wizard-back{margin-right:auto;border:0;background:transparent;padding:12px 0;display:flex;gap:8px;align-items:center;font-size:12px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;padding:12px 0;font-size:13px}.pill .ui-arrow{width:20px;height:20px}.wizard-error{color:#9a342c;font-size:13px!important}.inline-form-status{font-size:12px!important;line-height:1.45;margin-top:18px;min-height:0;color:var(--muted)}.inline-form-status:empty{display:none}.inline-form-status.is-success{color:#42604c}.inline-form-status.is-error{color:#943c35}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
/* Case studies and all original media. */
.case-layout{padding:0 var(--gutter);display:grid;grid-template-columns:230px minmax(0,1fr);gap:6vw}.hoc-project__sidebar{font-size:13px;padding-top:6px}.hoc-project__meta-row{padding:15px 0;border-top:1px solid var(--line)}.hoc-project__meta-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}.hoc-project__meta-value{font-size:13px;line-height:1.5}.hoc-project__main{min-width:0}.hoc-project__cover img{width:100%;height:auto}.hoc-project__content>p{font-size:19px;line-height:1.6;margin:35px 0;max-width:850px}.hoc-project__content>p:first-child{font:italic clamp(27px,3vw,45px)/1.2 var(--serif);letter-spacing:-.035em}.hoc-project__content figure{margin:28px 0}.hoc-project__content figure img{width:100%;height:auto}.hoc-project__gallery,.hoc-showcase__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:35px}.hoc-project__gallery-item,.hoc-project__shorts-item,.hoc-showcase__item{display:block;position:relative;background:#dedcd2;border:0;padding:0;width:100%;overflow:hidden}.hoc-project__gallery-item img,.hoc-showcase__item img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.hoc-project__gallery-item:hover img,.hoc-showcase__item:hover img{transform:scale(1.035)}.hoc-project__gallery-item--video video,.hoc-showcase__item video{width:100%;height:100%;object-fit:cover}.hoc-project__gallery--ig .hoc-project__gallery-item{aspect-ratio:4/5}.hoc-project__shorts-title{font:italic 38px var(--serif);margin:65px 0 25px}.hoc-project__shorts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hoc-project__shorts-item img,.hoc-project__shorts-item video{width:100%;aspect-ratio:9/16;object-fit:cover}.hoc-project__shorts-item iframe,.hoc-project__gallery iframe,.hoc-showcase__item iframe{display:block;border:0;width:100%;aspect-ratio:9/16;pointer-events:none}.hoc-project__links{margin:50px 0;font-size:13px;overflow-wrap:anywhere}.hoc-project__links li{margin:8px 0}.hoc-project__links a{border-bottom:1px solid var(--line)}.related{margin-top:110px;padding-top:60px;border-top:1px solid var(--line)}.related>h2{padding:0 var(--gutter);font:italic 60px var(--serif);letter-spacing:-.05em;margin-bottom:45px}.related .projects{row-gap:40px}.related .project-image{aspect-ratio:1.3}.hoc-showcase__tabs{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:35px;padding-bottom:15px;border-bottom:1px solid var(--line)}.hoc-showcase__tab{border:0;padding:7px 0;background:transparent;font-size:13px;opacity:.5}.hoc-showcase__tab.is-active{opacity:1;border-bottom:1px solid currentColor}.showcase{padding:0 var(--gutter) 80px}.hoc-showcase__cell{min-width:0}.hoc-showcase__item{aspect-ratio:4/5}.hoc-showcase__scrim,.hoc-showcase__play{display:none}.hoc-showcase__icon--zoom{position:absolute;right:15px;bottom:15px;color:white;font-size:20px}.contact-layout{padding:0 var(--gutter) 100px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-layout p{font-size:17px;margin:24px 0}.contact-layout .contact-email{display:inline-block;font-size:clamp(16px,1.9vw,29px);letter-spacing:-.03em;margin-top:30px;border-bottom:1px solid var(--line);padding-bottom:6px;overflow-wrap:anywhere}.contact-layout h3{font:italic 36px var(--serif);letter-spacing:-.03em;margin-top:55px}.contact-layout form>p:first-child{margin-top:0;font:italic 30px/1.2 var(--serif);letter-spacing:-.03em;margin-bottom:40px}.contact-layout form>label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin:26px 0}.contact-layout input,.contact-layout textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:13px 0;font-size:18px;outline:none;border-radius:0;resize:vertical}.contact-layout input:focus,.contact-layout textarea:focus{border-color:var(--ink)}.contact-layout .pill{min-width:180px}.contact-layout form{align-self:start}.viewer-content img{max-width:90vw;max-height:86svh;object-fit:contain}#viewer{max-width:96vw;max-height:96svh;border:0;padding:20px;background:var(--paper)}#viewer::backdrop{background:rgba(20,18,16,.85)}.viewer-close{border:0;background:none;display:block;margin:0 0 15px auto;font-size:12px}
/* A typographic closing frame. */
footer{background:var(--ink);color:var(--paper);padding:100px var(--gutter) 25px}.footer-call{text-align:center;padding:30px 0 100px}.footer-call>p{font-size:10px;max-width:300px;margin:0 auto 35px;line-height:1.5}.footer-call>a{display:inline-flex;align-items:baseline;gap:25px;font-size:clamp(76px,12vw,190px);line-height:.9;letter-spacing:-.075em}.footer-call>a em{margin-left:-.1em}.footer-call>a .ui-arrow{width:.48em;height:.48em}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:40px;padding:55px 0;border-top:1px solid rgba(238,237,229,.25);font-size:11px;line-height:1.7}.footer-grid>div>a{display:block;margin-bottom:5px;width:fit-content}.footer-grid>div>a:hover{opacity:.6}.footer-brand{font-size:28px;line-height:1.02;letter-spacing:-.035em}.footer-instagram{display:flex!important;align-items:center;gap:10px;margin-top:22px}.footer-instagram svg{width:19px;height:19px}.footer-wordmark{font-size:11.5vw;line-height:.85;letter-spacing:-.075em;white-space:nowrap;padding:40px 0 55px;text-align:center}.footer-wordmark em{font-size:.5em;margin-right:.1em;letter-spacing:-.1em}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.03em;padding-top:20px;border-top:1px solid rgba(238,237,229,.25)}.footer-bottom a{display:flex;align-items:center;gap:15px}
/* Fade and lift media; headings resolve with a soft, restrained reveal. */
.reveal-ready [data-reveal],.reveal-ready .reveal-heading{opacity:0;transform:translateY(25px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,.61,.36,1)}.reveal-ready .in-view{opacity:1;transform:none}.reveal-ready .project-card:nth-child(2n){transition-delay:.12s}.heading-wipe{display:block}.wizard-question.question-current{animation:question-in .4s ease both}@keyframes question-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hoc-about__grid,.hoc-about__secondary,.studio-section-grid,.hoc-become-creator__grid,.contact-layout,.case-layout{max-width:1540px;margin-inline:auto}.editorial{padding-top:140px;padding-bottom:140px}}
@media(max-width:1000px){.menu-inner{gap:4vw;grid-template-columns:1.4fr 1fr}.menu-links a{font-size:5vw}.menu-links a:nth-child(6){font-size:3.9vw}.studio-section-grid{gap:6vw;grid-template-columns:1fr 1.4fr}.hoc-about__grid,.hoc-about__secondary,.hoc-become-creator__grid,.contact-layout{gap:6vw}.creator-wizard{padding:25px}.footer-grid{grid-template-columns:1fr 1fr;row-gap:35px}.case-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.selected-projects>.project-card:nth-of-type(3),.selected-projects>.project-card:nth-of-type(6){padding-top:75px}.work-heading{gap:15px}.work-heading h2{font-size:5vw}.manifesto-images{gap:15vw;height:240px}.manifesto-images img:last-child{height:160px;margin-top:90px}.studio-manifesto{padding-top:120px}}
@media(max-width:700px){html{scroll-padding-top:75px}.site-header{padding:20px var(--gutter)}.wordmark{font-size:13px}.wordmark em{font-size:17px}.menu-toggle{font-size:14px}.menu-overlay{padding-top:105px}.menu-inner{display:block;min-height:calc(100svh - 200px)}.menu-links a{font-size:clamp(31px,7.5vw,53px);padding:8px 0;gap:12px;line-height:1.15}.menu-links a:nth-child(6){font-size:clamp(25px,5.8vw,42px)}.menu-index{font-size:15px;min-width:22px}.menu-visual{display:none}.menu-bottom{display:block;line-height:2;font-size:9px}.menu-bottom a{display:block}.cinema-hero{min-height:600px;height:100svh}.hero-brand-top{top:95px;left:3vw;font-size:25vw}.hero-brand-bottom{bottom:120px;right:4vw;font-size:14.8vw}.hero-brand-bottom em{font-size:.52em}.cinema-hero>video{object-position:48% 50%}.hero-caption{bottom:28px;font-size:9px;align-items:flex-end}.hero-caption a{gap:10px;font-size:8px}.hero-caption .ui-arrow{width:20px}.studio-manifesto{padding:95px var(--gutter) 80px}.manifesto-title{font-size:clamp(48px,12vw,80px);line-height:.98;margin:30px 0 45px}.manifesto-images{margin:-70px auto 0;gap:25vw;height:210px}.manifesto-images img{width:34%;height:150px}.manifesto-images img:first-child{margin-top:20px}.manifesto-images img:last-child{height:120px;margin-top:90px}.manifesto-note{font-size:12px;margin-top:38px;max-width:290px}.manifesto-note br{display:none}.section-kicker,.hoc-eyebrow{font-size:9px}.projects{gap:45px 16px;padding-bottom:75px}.work-heading{display:grid;grid-template-columns:1fr auto;gap:22px;padding:20px 0;margin-bottom:-17px}.work-heading>.section-kicker{grid-column:1/-1;max-width:none}.work-heading h2{font-size:10vw}.work-count{font-size:10px}.selected-projects>.project-card:nth-of-type(1),.selected-projects>.project-card:nth-of-type(4){grid-column:1/-1}.selected-projects>.project-card:nth-of-type(3),.selected-projects>.project-card:nth-of-type(6){padding-top:50px}.selected-projects>.project-card:nth-of-type(1) .project-image,.selected-projects>.project-card:nth-of-type(4) .project-image{aspect-ratio:1.2}.project-image{aspect-ratio:3/4}.nt-cover .project-image{aspect-ratio:3/4}.caption{padding-top:12px;gap:5px}.caption h2{font-size:18px}.project-number{font-size:10px}.project-open .ui-arrow{width:15px;height:15px}.view-project{display:none}.hero{padding:140px var(--gutter) 65px}.hero h1{font-size:clamp(45px,10vw,70px)}.project-hero h1{font-size:14vw}.hero .back{margin-bottom:35px}.editorial{padding:75px var(--gutter)}.hoc-about__grid{display:flex;flex-direction:column-reverse;gap:45px}.hoc-about__content h2{max-width:400px}.hoc-about__media{padding-top:0;width:80%;margin-left:auto}.hoc-about__media img,.hoc-about__media video{aspect-ratio:4/5}.editorial p{font-size:15px;margin-top:20px}.editorial h2,.contact-layout h2{font-size:clamp(42px,10vw,70px)}.hoc-about__secondary{grid-template-columns:1fr;gap:40px;margin-top:55px}.hoc-about__secondary .hoc-lead{font-size:28px}.hoc-about__creation h3{font-size:32px}.hoc-eyebrow{margin-bottom:23px}.studio-section-grid{grid-template-columns:1fr;gap:40px}.studio-section-intro{position:static}.studio-section-intro h2{font-size:15vw;max-width:100%}.service-row h3{font-size:28px}.service-row summary{gap:15px;padding:24px 0}.service-description{padding-left:41px;padding-right:10px}.service-description p,.process-copy p{font-size:15px}.process-row{gap:15px;padding-bottom:30px}.process-copy h3{font-size:36px}.hoc-become-creator__grid{grid-template-columns:1fr;gap:45px}.hoc-benefits li{font-size:13px}.creator-wizard{padding:25px 22px}.wizard-progress{margin-bottom:45px}.wizard-question{min-height:180px}.wizard-question>label{font-size:30px}.wizard-actions{margin-top:30px}.case-layout{display:flex;flex-direction:column;gap:35px}.hoc-project__sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.hoc-project__meta-row:last-child{grid-column:1/-1}.hoc-project__content>p{font-size:16px;margin:25px 0}.hoc-project__content>p:first-child{font-size:28px}.hoc-project__gallery,.hoc-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hoc-project__shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.related{margin-top:65px;padding-top:45px}.related>h2{font-size:44px;margin-bottom:30px}.related .projects{column-gap:15px}.related .project-image{aspect-ratio:3/4}.hoc-showcase__tabs{gap:18px}.hoc-showcase__tab{font-size:12px}.contact-layout{grid-template-columns:1fr;gap:55px;padding-bottom:65px}.contact-layout p{font-size:15px}.contact-layout h3{margin-top:35px;font-size:31px}.contact-layout form>p:first-child{font-size:29px}.contact-layout .contact-email{font-size:20px}footer{padding-top:65px}.footer-call{padding:15px 0 65px}.footer-call>p{font-size:9px;max-width:240px}.footer-call>a{font-size:20vw;gap:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding:35px 0;font-size:10px}.footer-brand{font-size:26px;grid-column:1/-1}.footer-wordmark{font-size:11.6vw;padding:30px 0 40px}.footer-bottom{font-size:8px;gap:15px;line-height:1.4}.footer-bottom a{gap:7px;white-space:nowrap}}
@media(max-width:360px){.caption h2{font-size:16px}.project-number{display:none}.menu-links a{font-size:8vw}.menu-links a:nth-child(6){font-size:6vw}.hero-caption a{font-size:7px}.footer-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal-ready [data-reveal],.reveal-ready .reveal-heading{opacity:1;transform:none}.cinema-hero>video{transform:none}}
/* Keep the long studio name and contact line within narrow viewports. */
.footer-wordmark{font-size:10.2vw}
@media(max-width:700px){.footer-call>a{font-size:18vw;gap:14px}.footer-wordmark{font-size:10.2vw}}
.past-hero .site-header{background:rgba(238,237,229,.96);mix-blend-mode:normal;color:var(--ink)}
/* Studio typography and reference-scale editorial layouts. */
@font-face{font-family:StudioSans;src:url('/assets/fonts/studio-sans.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:StudioDisplay;src:url('/assets/fonts/studio-display.woff2') format('woff2');font-display:swap;font-weight:500}@font-face{font-family:StudioItalic;src:url('/assets/fonts/studio-italic.woff2') format('woff2');font-display:swap;font-weight:300;font-style:italic}
:root{--paper:#ecece4;--ink:#484036;--muted:#8e8a78;--olive:#c2c4ac;--serif:StudioItalic,Georgia,serif;--gutter:2vw}body{font-family:StudioSans,Arial,sans-serif}em{font-family:var(--serif);font-weight:300}h1,h2,h3{letter-spacing:-.04em}.site-header{padding:20px 2vw;align-items:center}.wordmark{font-family:StudioSans,Arial,sans-serif;font-size:20px;letter-spacing:-.035em;line-height:1;transform-origin:left center}.wordmark em{font-size:1em;letter-spacing:0;margin:0 .05em}.menu-toggle{font-size:22px;gap:10px}.menu-toggle>.ui-arrow{width:15px;height:15px;transition:transform .5s}.menu-open .menu-toggle>.ui-arrow{transform:rotate(-180deg)}.past-hero .site-header{background:transparent;mix-blend-mode:difference;color:var(--paper)}.menu-open .site-header{background:none;mix-blend-mode:normal;color:var(--ink)}.home-page:not(.past-hero):not(.menu-open) .wordmark{opacity:0}
/* Split-letter loading and closing curtain; content never waits for video downloads. */
.transition-curtain{position:fixed;inset:0;z-index:1000;pointer-events:none;background:var(--ink);color:var(--paper);overflow:hidden;transform:translateY(-101%);visibility:hidden}.js-motion .transition-curtain{visibility:visible;transform:translateY(0);transition:transform 1.05s cubic-bezier(.76,0,.24,1) .9s,visibility 0s 2s}.site-entered .transition-curtain{transform:translateY(-101%);visibility:hidden}.is-leaving .transition-curtain{visibility:visible;transform:translateY(0);transition:transform .6s cubic-bezier(.76,0,.24,1),visibility 0s}.curtain-top{position:absolute;top:2vw;left:1.2vw;font-size:22vw;line-height:.74;letter-spacing:-.06em;transition:letter-spacing .9s}.curtain-bottom{position:absolute;bottom:2vw;right:2vw;font-size:16vw;line-height:.74;letter-spacing:-.06em;white-space:nowrap}.curtain-bottom em{font-size:.5em}.curtain-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:15px;line-height:1.15;white-space:nowrap}.curtain-center em{font-size:20px}.hero-brand{inset:26px 1.7vw auto;font-size:10.6vw;line-height:.85;letter-spacing:-.055em;white-space:nowrap}.hero-brand>span{display:block;transform-origin:left top;animation:hero-settle 1.9s cubic-bezier(.2,.7,.3,1) both}.hero-brand em{font-size:.64em;letter-spacing:-.03em;margin-right:.05em}.hero-caption{font-size:12px}.hero-caption>a{display:block;text-align:right;font-size:16px;text-transform:none;letter-spacing:0;line-height:1.1}.hero-caption>a em{font-size:22px}.cinema-hero>video{transform:translateY(var(--hero-drift,0px)) scale(1.08)}@keyframes hero-settle{from{transform:translateY(-35px);opacity:0}to{transform:none;opacity:1}}
/* Same centered menu rhythm, with the full seven-section navigation retained. */
.menu-overlay{padding:85px 2vw 20px}.center-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - 140px);padding-bottom:15px}.menu-row{position:relative;display:block;text-align:center;font-size:min(5vw,8svh);line-height:.98;letter-spacing:-.06em;white-space:nowrap;transition:opacity .35s}.menu-row:hover{opacity:.6}.menu-row-label{display:inline-block;transform:translateY(120%);opacity:0;transition:transform .85s cubic-bezier(.22,.61,.36,1),opacity .6s}.menu-open .menu-row-label{transform:translateY(0);opacity:1}.menu-row:nth-of-type(2) .menu-row-label{transition-delay:.08s}.menu-row:nth-of-type(3) .menu-row-label{transition-delay:.12s}.menu-row:nth-of-type(4) .menu-row-label{transition-delay:.16s}.menu-row:nth-of-type(5) .menu-row-label{transition-delay:.2s}.menu-row:nth-of-type(6) .menu-row-label{transition-delay:.24s}.menu-row:nth-of-type(7) .menu-row-label{transition-delay:.28s}.menu-row .menu-index{position:absolute;right:calc(100% + 8px);top:5px;font-family:var(--serif);font-size:.25em;letter-spacing:0}.menu-center-image{width:27vw;height:min(16svh,180px);overflow:hidden;margin:8px 0 3px;position:relative;transform:scale(.9);opacity:0;transition:transform 1s .15s,opacity .8s .15s}.menu-open .menu-center-image{transform:none;opacity:1}.menu-center-image img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.menu-bottom{font-size:10px;text-transform:uppercase;letter-spacing:0;display:flex;justify-content:space-between;margin:0;max-width:none}
/* Paired reveal masks and serif / uppercase intro, to the original proportions. */
.reference-intro{padding:165px 2vw 140px;text-align:center}.reference-intro>h2{font-family:StudioDisplay,Arial,sans-serif;font-size:3vw;line-height:.98;letter-spacing:0;font-weight:500}.reference-intro>h3{font-size:3.2vw;line-height:1;margin:6px 0 18px;letter-spacing:0}.intro-pair{width:50.2vw;display:grid;grid-template-columns:1fr 1fr;gap:.8vw;margin:0 auto}.intro-pair>figure{aspect-ratio:.86;margin:0}.intro-pair img{width:100%;height:100%;object-fit:cover}.intro-pair>figure:nth-child(2){transition-delay:.12s}.intro-bottom{font-size:3.2vw;line-height:1.04;margin-top:20px;letter-spacing:-.015em}.media-wipe{position:relative;overflow:hidden;isolation:isolate;background:#d8d5c9}.media-wipe:after{content:'';position:absolute;inset:-1px;background:var(--paper);transform:scaleY(0);transform-origin:bottom;pointer-events:none}.js-motion .media-wipe:after{transform:scaleY(1);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}.js-motion .media-wipe img,.js-motion .media-wipe video{transform:scale(1.25);transition:transform 2s cubic-bezier(.2,.7,.2,1)}.js-motion .media-wipe.media-visible:after{transform:scaleY(0)}.js-motion .media-wipe.media-visible img,.js-motion .media-wipe.media-visible video{transform:scale(1)}
/* Sticky headline, changing serif discipline, scattered images and independent drift. */
.scroll-collage{position:relative;min-height:210vw;padding:0 2vw;background:var(--paper)}.collage-main{position:absolute;left:0;top:0;width:50%;height:59vw}.collage-main video{width:100%;height:100%;object-fit:cover}.collage-headline{position:sticky;top:100px;margin-left:auto;width:35%;padding-top:2vw;z-index:3}.collage-headline h2{font-size:4.1vw;line-height:.99;letter-spacing:-.04em;color:var(--olive)}.collage-headline h2>span{white-space:nowrap}.discipline-word{display:inline-block;vertical-align:bottom;color:var(--ink);font-size:1em;font-style:italic;height:1.05em;position:relative;min-width:6em;overflow:hidden;letter-spacing:-.02em}.discipline-word>span{display:block;line-height:1.05;transform:translateY(calc(var(--word-step,0)*-105%));transition:transform .65s cubic-bezier(.76,0,.24,1)}.collage-cloud{position:absolute;inset:0;pointer-events:none}.cloud-image{position:absolute;margin:0;will-change:translate;translate:0 var(--parallax-y,0)}.cloud-image img{width:100%;height:100%;object-fit:cover}.cloud-image-1{top:59vw;left:51%;width:14vw;height:14vw}.cloud-image-2{top:76vw;left:2%;width:27vw;height:34vw}.cloud-image-3{top:96vw;left:52%;width:36vw;height:26vw}.cloud-image-4{top:125vw;left:15%;width:25vw;height:31vw}.cloud-image-5{top:149vw;left:2%;width:20vw;height:26vw}.cloud-image-6{top:175vw;left:25%;width:29vw;height:25vw}
/* Desktop scroll-pinned project deck; mobile follows the original stacked presentation. */
.scene-projects{position:relative;height:calc(var(--scene-count)*85svh + 15svh);scroll-margin-top:0}.scene-pin{height:100svh;position:sticky;top:0;overflow:hidden;background:var(--paper)}.project-scene{position:absolute;inset:0;padding:17px 2vw 0;pointer-events:none}.scene-title{display:flex;align-items:flex-start;gap:1.5vw;height:14vh;min-height:118px;padding-top:18px;position:relative;overflow:hidden;opacity:0;transform:translateY(25px);transition:opacity .4s,transform .65s cubic-bezier(.22,.61,.36,1)}.scene-title h2{font-size:7.9vw;line-height:.98;letter-spacing:-.04em}.scene-title sup{font-family:var(--serif);font-style:italic;font-size:2.5vw;line-height:1;margin-top:5px}.scene-image{position:absolute;inset:max(14vh,118px) 2vw 0;display:block;overflow:hidden;background:#c8c5ba;clip-path:inset(0 0 calc(100% - var(--scene-reveal,0%)) 0)}.scene-image img{width:100%;height:100%;object-fit:cover;transform:scale(var(--scene-scale,1.1));will-change:transform}.project-scene:first-child .scene-image{clip-path:none}.project-scene.scene-active{pointer-events:auto}.scene-active .scene-title{opacity:1;transform:none}.project-scene:nth-child(4) .scene-title h2{font-size:7vw}.project-cursor{position:fixed;left:0;top:0;width:100px;height:100px;z-index:200;pointer-events:none;opacity:0;transition:opacity .2s;color:var(--paper);mix-blend-mode:difference}.project-cursor.cursor-on{opacity:1}.project-cursor>svg{width:100%;height:100%;animation:cursor-orbit 15s linear infinite;overflow:visible}.project-cursor text{font:10px StudioSans,Arial,sans-serif;letter-spacing:1.5px;fill:currentColor}.project-cursor>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.project-cursor>span .ui-arrow{width:27px;height:27px}@keyframes cursor-orbit{to{transform:rotate(360deg)}}
/* Oversized link floating above an animated thumbnail index. */
.project-index{position:relative;padding:45px 2vw 100px}.project-index-head{position:sticky;top:80px;z-index:3;display:flex;gap:20px;align-items:flex-start;pointer-events:none;padding-bottom:70px}.project-index-head>a{font-size:7.8vw;letter-spacing:-.04em;line-height:.98;pointer-events:auto}.project-index-head>span{display:flex;flex-direction:column;gap:12px}.project-index-head em{font-size:3.1vw;line-height:1}.project-index-head .ui-arrow{width:28px;height:28px}.index-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw 12vw;padding-top:60px}.mosaic-tile{display:block;width:100%;aspect-ratio:1.5;overflow:hidden;position:relative;transition-delay:var(--tile-delay)!important}.mosaic-tile:nth-child(3n+2){margin-top:8vw}.mosaic-tile:nth-child(3n){margin-top:3vw}.mosaic-tile>span{position:absolute;inset:0;display:block;animation:thumbnail-swap 10s cubic-bezier(.76,0,.24,1) infinite;animation-delay:var(--cycle-delay)}.mosaic-tile img{width:100%;height:100%;object-fit:cover}.mosaic-tile img+img{position:absolute;top:100%;left:0}@keyframes thumbnail-swap{0%,35%,100%{transform:translateY(0)}45%,85%{transform:translateY(-100%)}}
/* The About page's large statements, paired imagery and original studio copy. */
.studio-story{padding:110px 2vw 140px}.story-heading{font-size:6vw;line-height:.95;text-align:center;margin:0 0 100px}.story-heading em{font-size:1.3em}.ink-statement{font-size:4.1vw!important;line-height:1.1!important;letter-spacing:-.04em;text-align:center;max-width:1100px;margin:0 auto 90px}.ink-word{opacity:.16;transition:opacity .35s}.ink-word.word-lit{opacity:1}.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:14vw;margin:0 12vw 80px;align-items:start}.story-pair figure{aspect-ratio:4/5}.story-pair figure:nth-child(2){margin-top:12vw}.story-pair img{width:100%;height:100%;object-fit:cover}.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px 7vw;max-width:1020px;margin:auto}.story-copy p{font-size:17px;line-height:1.5}.about-film{position:relative;height:100svh;overflow:hidden;padding:0!important;display:flex;align-items:flex-end}.about-film>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.75)}.about-film>h1{position:relative;z-index:1;color:var(--paper);font-size:8vw!important;line-height:.98;letter-spacing:-.04em;max-width:1100px;padding:0 2vw 45px}.reference-services{padding:90px 4vw 120px;border:0}.reference-services .studio-section-grid{display:block}.reference-services .studio-section-intro{position:static;text-align:center;margin-bottom:70px}.reference-services .studio-section-intro h2{font-size:10vw;max-width:none}.reference-services .service-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 7vw;max-width:1020px;margin:auto;align-items:start}.reference-services .service-row{border:0}.reference-services .service-row summary{display:flex;gap:15px;justify-content:center;padding:15px 0}.reference-services .row-number{display:none}.reference-services .service-row h3{font-family:StudioDisplay,Arial,sans-serif;font-size:27px;text-transform:uppercase;letter-spacing:0;text-align:center;color:#8e9177}.reference-services .row-toggle{width:10px;flex-shrink:0;opacity:.6}.reference-services .service-description{padding:15px 15px 25px;text-align:center}.reference-services .service-description p{font-size:15px}.reference-process{padding:90px 4vw 130px;border:0}.reference-process .studio-section-grid{display:block}.reference-process .studio-section-intro{position:static;text-align:center;margin-bottom:65px}.reference-process .studio-section-intro h2{max-width:none;font-size:9vw}.reference-process .process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.reference-process .process-row{display:block;border:0;padding:0}.reference-process .row-number{font:italic 30px var(--serif);display:block;margin-bottom:20px}.reference-process .process-copy h3{font-size:29px;line-height:1}.reference-process .process-copy p{font-size:14px;line-height:1.5}.creators{border:0;padding-top:80px;padding-bottom:120px}.hoc-become-creator__grid{display:block;max-width:1100px;margin:auto}.hoc-become-creator__intro{text-align:center}.hoc-become-creator__intro .hoc-eyebrow{font-size:25px;font-family:StudioDisplay,Arial,sans-serif;letter-spacing:0;margin-bottom:20px}.hoc-become-creator__intro h2{font:italic 6vw/.95 var(--serif);letter-spacing:-.02em;max-width:900px;margin:auto}.hoc-become-creator__intro .hoc-lead{font-size:18px;max-width:620px;margin:35px auto}.hoc-benefits{display:flex;flex-wrap:wrap;gap:10px 25px;justify-content:center;border:0;max-width:800px;margin:30px auto 70px}.hoc-benefits li{border:0;padding:0;font-size:12px}.hoc-benefits li:before{margin-right:8px}.creator-wizard{max-width:660px;margin:auto;background:transparent;padding:30px 0}.wizard-question{text-align:center;min-height:210px}.wizard-question>label{font-size:43px}.wizard-question input:not([type=checkbox]):not([type=radio]),.wizard-question textarea{text-align:center;font-size:24px;border-color:#a9ab98}.hoc-form__choices{justify-content:center}.wizard-top{font-size:10px}.wizard-question small{font-family:StudioSans,Arial,sans-serif}.wizard-actions{justify-content:center;position:relative}.wizard-back{position:absolute;left:0;margin:0}.wizard-next{border:0;font-size:22px;padding:10px;gap:18px}.wizard-progress{margin-bottom:50px}.inline-form-status{text-align:center;font-size:12px!important}
/* Contact follows the centered original, with the existing inline sending behavior. */
.contact-page .hero{padding:65px 2vw 115px;text-align:center}.contact-page .hero h1{font-size:12.2vw;white-space:nowrap;letter-spacing:-.06em;max-width:none;line-height:1}.reference-contact{text-align:center;padding-bottom:130px}.contact-address{display:block;font-size:3vw;letter-spacing:-.04em;margin-bottom:6px}.reference-contact .intro-pair{width:57.2vw}.reference-contact>h2{font-family:StudioDisplay,Arial,sans-serif;font-size:3vw;letter-spacing:0;line-height:1;margin-top:20px}.reference-contact>h3{font-size:3.6vw;line-height:1;margin-top:5px;letter-spacing:0}.contact-form-slot{max-width:570px;margin:65px auto 90px}.contact-form-slot form>p:first-child{font-size:13px;max-width:440px;margin:0 auto 30px;color:var(--muted)}.contact-form-slot form>label{display:block;font-size:0;margin:35px 0}.contact-form-slot input,.contact-form-slot textarea{display:block;width:100%;border:0;border-bottom:1px solid #aaac96;border-radius:0;background:transparent;text-align:center;font-size:19px;padding:12px;outline:none}.contact-form-slot input:focus,.contact-form-slot textarea:focus{border-bottom-color:var(--ink)}.contact-form-slot textarea{resize:vertical;min-height:180px}.contact-form-slot button{border:0;padding:10px;display:inline-flex;gap:14px;font-size:22px;margin-top:15px}.contact-original{max-width:850px;margin:auto;padding:0 30px}.contact-original h2{font:italic 60px/1 var(--serif);margin-bottom:30px}.contact-original p{font-size:15px;line-height:1.55;margin:20px auto;max-width:640px}.contact-original .contact-email{font-size:17px}.contact-original h3{font:italic 45px var(--serif);margin-top:45px}
/* Full-bleed case opening, centered narrative and large uncropped galleries. */
.project-page .project-hero{position:relative;min-height:100svh;padding:0!important;display:flex;align-items:flex-end;background:#746e62;overflow:hidden}.case-hero-media{position:absolute;inset:0;z-index:0}.case-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0005)}.case-hero-media img{width:100%;height:100%;object-fit:cover}.project-page .project-hero h1{position:relative;z-index:2;color:var(--paper);font-size:10vw;max-width:95%;padding:0 2vw 30px;line-height:.95;letter-spacing:-.05em}.project-page .project-hero .back{position:absolute;top:95px;left:2vw;z-index:3;color:var(--paper);font-size:11px}.project-page .case-layout{display:flex;flex-direction:column;padding:0;gap:0}.project-page .hoc-project__sidebar{order:-1;display:grid;grid-template-columns:repeat(5,1fr);gap:25px;padding:55px 4vw;width:100%;max-width:1300px;margin:auto}.project-page .hoc-project__meta-row{border:0;padding:0}.project-page .hoc-project__meta-label{font-size:10px}.project-page .hoc-project__meta-value{font-size:12px}.project-page .hoc-project__main{width:100%}.project-page .hoc-project__content>p{max-width:720px;text-align:center;margin:35px auto;font-size:17px;padding:0 25px}.project-page .hoc-project__content>p:first-child{max-width:1120px;font:italic 5vw/1 var(--serif);padding:60px 30px 30px}.project-page .hoc-project__content figure{margin:30px 2vw}.project-page .hoc-project__gallery{margin:60px 2vw 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw}.project-page .hoc-project__gallery--ig .hoc-project__gallery-item{aspect-ratio:4/5}.project-page .hoc-project__shorts,.project-page .hoc-project__links{margin-inline:2vw}.related{padding-top:75px;border:0}.related>h2{font-family:StudioSans,Arial,sans-serif;font-style:normal;font-size:7.8vw;margin-bottom:40px}.related .project-image{border-radius:0}.related .caption h2{font-family:StudioSans,Arial,sans-serif;font-size:26px;letter-spacing:-.035em}.work-page .hero{padding:80px 2vw 110px}.work-page .hero h1{font-size:16vw;max-width:none;letter-spacing:-.04em;text-align:center}.work-directory{display:grid;grid-template-columns:1fr 1fr;gap:80px 2vw;padding:0 2vw 110px}.directory-project:nth-child(2n){padding-top:100px}.directory-project h2{font-size:4vw;line-height:1;letter-spacing:-.03em;margin-bottom:16px}.directory-project sup{font:italic .35em var(--serif);margin-left:10px;vertical-align:top}.directory-project figure{aspect-ratio:.9}.directory-project img{width:100%;height:100%;object-fit:cover}
/* Photographic closing frame, paper-colored contact square and understated signature. */
.photo-footer{position:relative;padding:0!important;color:var(--ink);background:var(--paper);overflow:hidden}.footer-picture{height:49vw;min-height:620px;position:relative;overflow:hidden}.footer-picture img{width:100%;height:115%;max-width:none;object-fit:cover;object-position:center;transform:translateY(var(--parallax-y,0px))}.footer-contact-box{position:absolute;top:7vw;left:50%;transform:translateX(-50%)!important;width:39vw;min-height:30vw;background:var(--paper);padding:3vw 2vw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-contact-box>p{font-family:StudioDisplay,Arial,sans-serif;font-size:1.7vw;line-height:.97;letter-spacing:0;margin:0 auto 25px}.footer-talk{font-size:4vw;line-height:.9;margin-bottom:35px;letter-spacing:0}.footer-email{font-size:1.2vw;letter-spacing:-.03em}.footer-social{position:absolute;top:calc(49vw - 45px);left:2vw;right:2vw;display:flex;align-items:center;justify-content:space-between;color:var(--paper);font-size:12px;line-height:1}.footer-social .footer-instagram{margin:0;gap:8px}.footer-social svg{width:16px;height:16px}.footer-social>a{display:flex;gap:8px}.footer-signature{text-align:center;padding:70px 20px 40px;font-family:StudioDisplay,Arial,sans-serif;font-size:24px;line-height:1.05}.footer-signature em{display:block;font-size:30px}.footer-signature small{display:block;font-family:StudioSans,Arial,sans-serif;font-size:9px;margin-top:35px;text-transform:uppercase;letter-spacing:.05em}
/* Reusable letter entrances and progressive opacity, independent of scrolling libraries. */
[data-split-reveal] .split-word{display:inline-block;white-space:nowrap}[data-split-reveal] .split-char{display:inline-block;transform:translateY(115%);opacity:0;transition:transform 1s cubic-bezier(.22,.61,.36,1),opacity .7s;transition-delay:calc(var(--char-index)*.018s)}[data-split-reveal].letters-visible .split-char{transform:translateY(0);opacity:1}.split-line-clip{overflow:hidden}.reveal-ready [data-reveal],.reveal-ready .reveal-heading{transform:translateY(45px);transition:opacity 1.3s ease,transform 1.4s cubic-bezier(.22,.61,.36,1)}.reveal-ready .in-view{transform:none}.footer-contact-box[data-reveal]{transform:translateX(-50%)!important}
@media(max-width:1099px){.scene-projects{height:auto}.scene-pin{position:relative;height:auto;overflow:visible}.project-scene{position:relative;padding:40px 2vw 0;pointer-events:auto}.scene-title{height:auto;min-height:0;opacity:1;transform:none;padding:0 0 15px}.scene-title h2,.project-scene:nth-child(4) .scene-title h2{font-size:10vw}.scene-title sup{font-size:3vw}.scene-image{position:relative;inset:auto;clip-path:none!important;height:65vw}.project-scene:nth-child(2n) .scene-image{height:90vw}.scene-image img{transform:none!important}.scroll-collage{min-height:230vw}.collage-headline{top:80px;width:42%}.collage-headline h2{font-size:4.8vw}.cloud-image-6{top:185vw;height:30vw}.project-index-head{top:75px}.reference-process .process-list{grid-template-columns:1fr 1fr;gap:45px}.photo-footer .footer-contact-box{top:8vw;width:45vw;min-height:32vw}.footer-picture{min-height:0;height:58vw}.footer-contact-box>p{font-size:2vw}.footer-talk{font-size:5vw}.footer-email{font-size:1.4vw}.footer-social{top:calc(58vw - 35px)}.contact-page .hero{padding-top:100px}.project-page .hoc-project__sidebar{grid-template-columns:repeat(3,1fr)}.project-page .hoc-project__meta-row:last-child{grid-column:auto}.project-cursor{display:none}}
@media(max-width:700px){:root{--gutter:4vw}.site-header{padding:20px 4vw}.wordmark{font-size:14px}.wordmark em{font-size:1em}.menu-toggle{font-size:16px;gap:7px}.menu-toggle>.ui-arrow{width:12px;height:12px}.hero-brand{top:95px;left:3vw;right:3vw;font-size:10.6vw;white-space:nowrap}.hero-caption{bottom:25px;left:4vw;right:4vw;font-size:9px}.hero-caption>a{font-size:12px}.hero-caption>a em{font-size:16px}.curtain-top{top:40px;font-size:24vw}.curtain-bottom{bottom:45px;font-size:16vw}.curtain-center{font-size:11px}.curtain-center em{font-size:15px}.menu-overlay{padding:80px 5vw 20px}.center-menu{min-height:calc(100svh - 160px);padding-bottom:10px}.menu-row{font-size:min(8.7vw,5.5svh);line-height:1.09}.menu-row:nth-of-type(6){font-size:min(6.8vw,4.5svh)}.menu-row .menu-index{font-size:.3em;top:5px;right:calc(100% + 6px)}.menu-center-image{width:50vw;height:min(20svh,160px);margin:10px 0}.menu-bottom{font-size:8px;gap:8px;flex-wrap:wrap;line-height:1.4}.menu-bottom>a:nth-child(2){order:3;width:100%;text-align:center}.reference-intro{padding:95px 4vw 85px}.reference-intro>h2{font-size:5.6vw;max-width:330px;margin:auto;line-height:1.02}.reference-intro>h3{font-size:6.6vw;margin:13px 0 20px}.intro-pair{width:77vw;gap:2vw}.intro-pair>figure{aspect-ratio:.83}.intro-bottom{font-size:6.2vw;line-height:1.05;margin-top:20px}.scroll-collage{min-height:300vw;padding:0 4vw}.collage-main{width:58%;height:75vw}.collage-headline{width:100%;margin-left:0;padding-top:89vw;position:sticky;top:-70vw;pointer-events:none}.collage-headline h2{font-size:9.3vw;line-height:.98;max-width:90%;margin-left:auto;text-align:right}.collage-cloud{top:0}.cloud-image-1{top:135vw;left:5%;width:27vw;height:30vw}.cloud-image-2{top:180vw;left:32%;width:39vw;height:45vw}.cloud-image-3{top:225vw;left:2%;width:27vw;height:36vw}.cloud-image-4{top:244vw;left:58%;width:34vw;height:40vw}.cloud-image-5,.cloud-image-6{display:none}.scene-projects{padding-top:25px}.project-scene{padding:35px 4vw 0}.scene-title h2,.project-scene:nth-child(4) .scene-title h2{font-size:12vw;line-height:.98}.scene-title sup{font-size:5vw;margin-top:0}.scene-image{height:80vw}.project-scene:nth-child(2n) .scene-image{height:105vw}.project-scene:last-child .scene-image{height:73vw}.project-index{padding:70px 4vw}.project-index-head{top:70px;padding-bottom:25px;gap:10px}.project-index-head>a{font-size:10.5vw;line-height:.92;max-width:80%;white-space:normal}.project-index-head em{font-size:6vw}.project-index-head .ui-arrow{width:19px;height:19px}.index-mosaic{padding-top:15px;gap:10vw 6vw}.mosaic-tile{aspect-ratio:.8}.mosaic-tile:nth-child(3n+2){margin-top:16vw}.mosaic-tile:nth-child(3n){margin-top:5vw}.studio-story{padding:80px 5vw}.story-heading{font-size:11vw;margin-bottom:50px}.ink-statement{font-size:8vw!important;line-height:1.12!important;margin-bottom:50px}.story-pair{gap:6vw;margin:0 0 45px}.story-pair figure:nth-child(2){margin-top:20vw}.story-copy{grid-template-columns:1fr;gap:20px}.story-copy p{font-size:15px}.reference-services{padding:50px 5vw 70px}.reference-services .studio-section-intro{margin-bottom:35px}.reference-services .studio-section-intro h2{font-size:15vw}.reference-services .service-list{grid-template-columns:1fr;gap:0}.reference-services .service-row h3{font-size:23px}.reference-services .service-description p{font-size:14px}.reference-process{padding:50px 5vw 80px}.reference-process .studio-section-intro h2{font-size:15vw}.reference-process .studio-section-intro{margin-bottom:40px}.reference-process .process-list{grid-template-columns:1fr;gap:35px}.reference-process .process-row{display:grid;grid-template-columns:25px 1fr;gap:20px}.reference-process .row-number{font-size:24px}.reference-process .process-copy h3{font-size:32px}.reference-process .process-copy p{font-size:14px}.creators{padding:50px 5vw 80px}.hoc-become-creator__intro .hoc-eyebrow{font-size:19px}.hoc-become-creator__intro h2{font-size:12vw}.hoc-become-creator__intro .hoc-lead{font-size:15px}.hoc-benefits{gap:10px 15px;margin-bottom:30px}.hoc-benefits li{font-size:10px}.creator-wizard{padding:20px 0}.wizard-question>label{font-size:35px}.wizard-question input:not([type=checkbox]):not([type=radio]),.wizard-question textarea{font-size:20px}.wizard-next{font-size:18px}.wizard-back{font-size:11px}.hoc-choice span{font-size:12px}.contact-page .hero{padding:100px 4vw 70px}.contact-page .hero h1{font-size:11.8vw}.reference-contact{padding-bottom:70px}.contact-address{font-size:5vw;margin-bottom:15px}.reference-contact .intro-pair{width:86vw}.reference-contact>h2{font-size:5.4vw;max-width:340px;margin:20px auto 0;line-height:1.05}.reference-contact>h3{font-size:8vw}.contact-form-slot{margin:45px 7vw 60px}.contact-form-slot input,.contact-form-slot textarea{font-size:16px}.contact-form-slot textarea{min-height:140px}.contact-form-slot form>label{margin:25px 0}.contact-original{padding:0 7vw}.contact-original h2{font-size:45px}.contact-original p{font-size:14px}.contact-original h3{font-size:34px}.contact-original .contact-email{font-size:16px}.about-film>h1{font-size:12vw!important;padding:0 4vw 40px}.project-page .project-hero h1{font-size:15vw;padding:0 4vw 35px}.project-page .project-hero .back{left:4vw;top:90px}.project-page .project-hero{min-height:85svh}.project-page .hoc-project__sidebar{grid-template-columns:1fr 1fr;gap:20px;padding:40px 5vw}.project-page .hoc-project__meta-row:last-child{grid-column:1/-1}.project-page .hoc-project__content>p{font-size:15px;padding:0 6vw;margin:25px auto}.project-page .hoc-project__content>p:first-child{font-size:9vw;padding:40px 5vw 20px}.project-page .hoc-project__gallery{grid-template-columns:1fr 1fr;gap:3vw;margin:35px 4vw 0}.project-page .hoc-project__content figure{margin:20px 4vw}.project-page .hoc-project__shorts,.project-page .hoc-project__links{margin-inline:4vw}.related>h2{font-size:11vw;padding-inline:4vw}.work-page .hero{padding:110px 4vw 65px}.work-page .hero h1{font-size:15vw}.work-directory{grid-template-columns:1fr;gap:45px;padding:0 4vw 75px}.directory-project:nth-child(2n){padding-top:0}.directory-project h2{font-size:10vw}.directory-project figure{aspect-ratio:1}.photo-footer .footer-picture{height:140vw;min-height:0}.photo-footer .footer-contact-box{top:18vw;width:77vw;min-height:92vw;padding:10vw 6vw}.footer-contact-box>p{font-size:4.3vw;line-height:1.05;margin-bottom:25px}.footer-talk{font-size:10vw;margin-bottom:25px}.footer-email{font-size:3.4vw}.footer-social{top:calc(140vw - 35px);left:4vw;right:4vw;font-size:9px;gap:10px}.footer-social .footer-instagram{font-size:9px;gap:5px}.footer-social svg{width:13px;height:13px}.footer-signature{font-size:17px;padding:45px 20px 30px}.footer-signature em{font-size:24px}.footer-signature small{font-size:8px;margin-top:30px}}
@media(prefers-reduced-motion:reduce){.transition-curtain{display:none!important}.project-cursor{display:none}.js-motion .media-wipe:after{transform:scaleY(0)}.js-motion .media-wipe img,.js-motion .media-wipe video{transform:none}.ink-word{opacity:1!important}[data-split-reveal] .split-char{transform:none;opacity:1}.scene-projects{height:auto!important}.scene-pin{height:auto;position:relative}.project-scene{position:relative;padding:30px 2vw;pointer-events:auto}.scene-title{height:auto;opacity:1;transform:none}.scene-image{position:relative;inset:auto;height:65vw;clip-path:none!important}.scene-image img{transform:none!important}}
[data-split-reveal] .split-word{overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
@media(hover:hover) and (pointer:fine){[data-project-cursor]{cursor:none}}

.site-header{transition:opacity .4s}
@media(min-width:701px){.contact-page .hero h1{font-size:14.4vw}}
.collage-headline{width:41%}
@media(max-width:1099px){.collage-headline{width:48%}}
@media(max-width:700px){.collage-headline{width:100%}}
.site-header{transition:opacity .4s,transform .45s cubic-bezier(.22,.61,.36,1)}

.header-hidden .site-header:focus-within{transform:none}
@media(max-width:700px){.hero-brand{font-size:9.4vw}.collage-headline h2{max-width:100%;font-size:8.5vw}}

/* Original partner marks, with optical sizing. */
.brand-partners{padding:8vw 5vw 9vw;background:var(--paper);color:var(--ink)}
.brand-partners h2{font-family:StudioSans,sans-serif;font-size:clamp(30px,3.8vw,60px);font-weight:400;line-height:1.1;text-align:center;letter-spacing:-.04em;margin:0 0 5vw}
.brand-partners h2 em{font-family:StudioItalic,serif;font-weight:400}
.brand-grid{list-style:none;padding:0;margin:0 auto;max-width:1420px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:3vw;row-gap:2.5vw}
.brand-logo{height:118px;display:flex;align-items:center;justify-content:center;min-width:0;mix-blend-mode:multiply;transition-delay:var(--brand-delay,0ms)!important}
.brand-logo img{display:block;width:100%;max-width:174px;height:65px;object-fit:contain;filter:grayscale(1);mix-blend-mode:normal;opacity:.82;transition:opacity .35s}
.brand-logo:hover img{opacity:1}.brand-logo--odore img{max-width:194px}.brand-logo--puro img{max-width:155px;height:76px}.brand-logo--ilgosios img{max-width:170px}.brand-logo--lab img{max-width:185px}.brand-logo--mokosh img{max-width:145px}.brand-logo--uoga img{max-width:155px}.brand-logo--plaza img{max-width:168px}.brand-logo--tony img{max-width:222px;height:101px}.brand-logo--finhr img{width:115px;height:115px;filter:grayscale(1) contrast(5) invert(1);clip-path:inset(23% 10% 27%)}.brand-logo--lofficiel img{max-width:178px}
@media(max-width:760px){.brand-partners{padding:80px 6vw}.brand-partners h2{font-size:36px;max-width:300px;margin:0 auto 35px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.brand-logo{height:94px;transition-delay:0ms!important}.brand-logo img{max-width:138px;height:58px}.brand-logo--odore img,.brand-logo--lab img{max-width:150px}.brand-logo--mokosh img{max-width:120px}.brand-logo--tony img{max-width:180px;height:90px}.brand-logo--finhr img{width:110px;height:110px}.brand-logo--puro img{max-width:130px;height:70px}}

.brand-logo--finhr img{width:160px;height:160px;max-width:160px}.brand-logo--tony img{transform:scale(1.16)}
@media(max-width:760px){.brand-logo--finhr img{width:145px;height:145px;max-width:145px}.brand-logo--tony img{transform:scale(1.12)}}

/* Keep the filtered FinHR mark on one compositing layer on hover. */
.brand-logo--finhr img,.brand-logo--finhr:hover img{opacity:.82;transition:none}

/* Split opening with changing project photography. */
.photo-hero{display:grid;grid-template-columns:1fr 1fr;height:100svh;min-height:640px;background:var(--paper);color:var(--ink)}
.hero-slides{position:relative;height:100%;min-width:0;overflow:hidden;background:#c9c6ba}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s ease;z-index:0}
.hero-slide.is-current{opacity:1;z-index:1}.hero-slide img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.035);transition:transform 5s linear}.hero-slide.is-current img{transform:scale(1)}
.hero-statement{position:relative;display:flex;align-items:flex-end;padding:100px 3.5vw 24px 14vw;min-width:0}
.hero-statement h1{font-family:StudioSans,Arial,sans-serif;font-weight:400;font-size:clamp(40px,4.1vw,84px);line-height:.96;letter-spacing:-.045em;color:#c2c4ac;margin:0;max-width:100%}
.hero-changing-word{font-family:StudioItalic,serif;font-weight:400;color:var(--ink);letter-spacing:-.035em;display:inline-block;white-space:nowrap;transition:opacity .25s ease,transform .35s ease}.hero-changing-word.is-changing{opacity:0;transform:translateY(8px)}
.home-page.has-photo-hero:not(.past-hero):not(.menu-open) .site-header{color:var(--ink);mix-blend-mode:normal}.home-page.has-photo-hero:not(.past-hero):not(.menu-open) .wordmark{opacity:1;pointer-events:auto}
@media(min-width:761px) and (max-width:1100px){.hero-statement{padding-left:7vw}.hero-statement h1{font-size:4.8vw}}
@media(max-width:760px){.photo-hero{grid-template-columns:1fr;grid-template-rows:62% 38%;min-height:640px;height:100svh}.hero-statement{padding:24px 6vw 28px;justify-content:flex-end}.hero-statement h1{font-size:clamp(30px,8.7vw,48px);width:82%;max-width:310px}.hero-slides{height:100%}.hero-slide img{object-position:center}.home-page.has-photo-hero:not(.past-hero):not(.menu-open) .site-header{background:linear-gradient(180deg,rgba(236,236,228,.8),rgba(236,236,228,0));padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide img,.hero-changing-word{transition:none;transform:none}}

/* Editorial montage: show each complete composition with crisp frame changes. */
.photo-hero .hero-slides{background:#f8f8f6}.photo-hero .hero-slide{transition:none}.photo-hero .hero-slide img,.photo-hero .hero-slide.is-current img{object-fit:contain;transform:none;transition:none}

/* Photography continues directly from the opening while the statement stays in view. */
.photo-hero{height:auto;min-height:0;grid-template-rows:minmax(640px,100svh) auto;overflow:visible;isolation:isolate}
.photo-hero>.hero-slides{grid-column:1;grid-row:1;min-height:0}
.photo-hero>.hero-statement{grid-column:2;grid-row:1/3;position:sticky;top:0;align-self:start;height:100svh;min-height:640px;z-index:3;pointer-events:none}
.flow-gallery{grid-column:1/-1;grid-row:2;height:101vw;position:relative;min-width:0;overflow:clip;z-index:1;background:var(--paper)}
.flow-image{position:absolute;margin:0;min-width:0}.flow-media{width:100%;height:100%;translate:0 var(--parallax-y,0px);will-change:translate}.flow-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.flow-contain{background:#f8f8f6}.flow-contain img{object-fit:contain}
.flow-image-1{top:0;left:49%;width:13vw;height:16.25vw}.flow-image-2{top:16vw;left:18%;width:30vw;height:37.5vw}.flow-image-3{top:62vw;left:34%;width:26vw;height:32.5vw}
@media(max-width:760px){.photo-hero{grid-template-columns:1fr;grid-template-rows:62svh minmax(250px,38svh) auto;height:auto;min-height:0}.photo-hero>.hero-statement{grid-column:1;grid-row:2;position:relative;height:auto;min-height:0;align-self:stretch}.flow-gallery{grid-column:1;grid-row:3;height:270vw}.flow-image-1{top:8vw;left:55%;width:39vw;height:48.75vw}.flow-image-2{top:78vw;left:5%;width:65vw;height:81.25vw}.flow-image-3{top:184vw;left:36%;width:59vw;height:73.75vw}}
@media(prefers-reduced-motion:reduce){.flow-media{translate:none;will-change:auto}.photo-hero>.hero-statement{position:relative;align-self:start}}

@media(min-width:761px){.photo-hero .hero-statement h1{translate:0 calc(0px - var(--flow-text-lift,0px))}}
@media(min-width:1100px){.photo-hero .hero-statement h1{font-size:clamp(40px,3.8vw,80px)}}

/* Curated Canva editorials, composed for the homepage. */
.editorial-intro{padding:7vw 5vw 4vw;background:var(--paper);color:var(--ink)}
.editorial-heading{max-width:1200px;margin:0 auto 7vw;text-align:center}.editorial-eyebrow{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:32px}.editorial-heading h2{font-family:StudioSans,sans-serif;font-size:clamp(44px,6.8vw,110px);font-weight:400;letter-spacing:-.05em;line-height:.98;margin:0}.editorial-heading h2 em{font-family:StudioItalic,serif;font-weight:400}.editorial-heading p{max-width:390px;margin:32px auto 0;font-size:16px;line-height:1.5}
.editorial-studies{display:grid;grid-template-columns:1fr 1.12fr .85fr;align-items:start;gap:4vw;max-width:1480px;margin:auto}.editorial-study{margin:0;min-width:0}.editorial-study>.media-wipe{aspect-ratio:4/5;overflow:hidden}.editorial-study img{display:block;width:100%;height:100%;object-fit:cover}.editorial-study--summer{margin-top:11vw}.editorial-study--summer>.media-wipe{aspect-ratio:3/4}.editorial-study--detail{margin-top:3vw}.editorial-study figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px;line-height:1.3}.editorial-study figcaption span:last-child{font-size:10px;opacity:.6}.editorial-next{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:5vw 0 2vw;margin-top:3vw;border-bottom:1px solid rgba(72,64,54,.22);font-size:12px}.editorial-next a{display:flex;align-items:center;gap:30px;font-size:18px}.editorial-next a span{font-size:28px;transition:transform .3s}.editorial-next a:hover span{transform:translate(4px,4px)}
@media(max-width:760px){.editorial-intro{padding:65px 6vw 35px}.editorial-heading{margin-bottom:45px}.editorial-eyebrow{font-size:9px;margin-bottom:24px}.editorial-heading h2{font-size:11.5vw}.editorial-heading p{font-size:14px;max-width:280px;margin-top:24px}.editorial-studies{grid-template-columns:1fr 1fr;gap:35px 5vw}.editorial-study--beauty{grid-column:1/-1;width:82%;margin:0}.editorial-study--summer{margin:0}.editorial-study--detail{margin-top:40px}.editorial-study figcaption{font-size:10px;margin-top:10px}.editorial-next{margin-top:40px;padding:0 0 20px;align-items:flex-end}.editorial-next>span{max-width:130px;font-size:10px;line-height:1.5}.editorial-next a{font-size:13px;gap:10px}.editorial-next a span{font-size:23px}}

/* L’Officiel: show complete campaign layouts, including their typography. */
.lofficiel-opening{padding:120px 5vw 0}.lofficiel-opening>.back{display:inline-block;font-size:13px;margin-bottom:38px}.lofficiel-opening h1{font-family:StudioSans,sans-serif;font-size:clamp(65px,14vw,220px);font-weight:400;line-height:.9;letter-spacing:-.065em;margin:0 0 45px}.lofficiel-cover{width:100%;overflow:hidden}.lofficiel-cover img{display:block;width:100%;height:auto}.lofficiel-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;padding:8vw 7vw;align-items:start}.lofficiel-overview h2{font-family:StudioSans,sans-serif;font-weight:400;font-size:clamp(38px,5vw,80px);line-height:1.02;letter-spacing:-.04em;margin:0}.lofficiel-overview h2 em{font-family:StudioItalic,serif;font-weight:400}.lofficiel-overview p{max-width:400px;font-size:19px;line-height:1.5;margin:0 0 28px}.lofficiel-overview span{font-size:11px;letter-spacing:.04em}.lofficiel-gallery{display:grid;grid-template-columns:1fr 1fr;gap:3vw;padding:0 5vw 7vw}.lofficiel-frame{margin:0;overflow:hidden;align-self:start}.lofficiel-frame img{width:100%;height:auto;display:block}.lofficiel-frame:nth-child(3n){grid-column:1/-1}.scene-image img[src*="projects/lofficiel"]{object-fit:contain;background:var(--paper)}.directory-project img[src*="projects/lofficiel"],.project-image img[src*="projects/lofficiel"]{object-fit:contain;background:var(--paper)}
@media(max-width:760px){.lofficiel-opening{padding:100px 5vw 0}.lofficiel-opening>.back{margin-bottom:30px}.lofficiel-opening h1{font-size:18vw;margin-bottom:28px}.lofficiel-overview{grid-template-columns:1fr;gap:28px;padding:50px 6vw}.lofficiel-overview h2{font-size:11vw}.lofficiel-overview p{font-size:16px;margin-bottom:20px}.lofficiel-gallery{grid-template-columns:1fr;gap:22px;padding:0 4vw 55px}.lofficiel-frame:nth-child(3n){grid-column:auto}}

/* ELLE editorial series: original 4:5 compositions stay uncropped. */
.elle-cover{max-width:700px;margin:0 auto}.elle-opening h1{margin-bottom:50px}.elle-series{padding:0 6vw 7vw;max-width:1600px;margin:auto}.elle-series-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:35px;padding-top:30px;border-top:1px solid rgba(72,64,54,.25)}.elle-series-heading h2{font-family:StudioSans,sans-serif;font-size:clamp(26px,3.3vw,54px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:0}.elle-series-heading>span{font-size:11px;white-space:nowrap}.elle-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;align-items:start}.elle-frame{margin:0;overflow:hidden}.elle-frame img{display:block;width:100%;height:auto}.elle-series:last-of-type .elle-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin:auto}.scene-image img[src*="projects/elle"],.directory-project img[src*="projects/elle"],.project-image img[src*="projects/elle"]{object-fit:contain;background:var(--paper)}
@media(max-width:1000px){.elle-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.elle-cover{max-width:100%}.elle-series{padding:0 5vw 55px}.elle-series-heading{margin-bottom:25px;padding-top:22px;gap:15px}.elle-series-heading h2{font-size:30px}.elle-series-heading>span{font-size:10px}.elle-gallery,.elle-series:last-of-type .elle-gallery{grid-template-columns:1fr;gap:24px}.elle-opening h1{margin-bottom:30px}}

/* Homepage portfolio covers fill the same frame as every other project. */
.home-page .scene-image img[src*="projects/lofficiel"],.home-page .scene-image img[src*="projects/elle"]{object-fit:cover;object-position:center;background:transparent}

/* Calm, photo-led portfolio covers stay strictly inside their frames. */
.home-page .scene-image:has(img[src*="projects/lofficiel"]),.home-page .scene-image:has(img[src*="projects/elle"]){overflow:hidden;contain:paint}
.home-page .scene-image img[src*="projects/lofficiel"],.home-page .scene-image img[src*="projects/elle"]{display:block;max-width:100%;width:100%;height:100%;object-fit:cover;transform:none!important;will-change:auto}
.home-page .scene-image img[src*="projects/lofficiel"]{object-position:50% 15%}.home-page .scene-image img[src*="projects/elle"]{object-position:50% 35%}
.directory-project img[src*="projects/lofficiel"],.directory-project img[src*="projects/elle"]{object-fit:cover}.directory-project img[src*="projects/elle"]{object-position:50% 35%}

/* Preserve the complete uploaded fashion layouts beneath the studio statement. */
.editorial-study--summer>.media-wipe{aspect-ratio:4/5}.editorial-study img{object-fit:contain}

/* Supplied studio logo: original transparent pixels, optically framed. */
.wordmark{display:block;width:190px;line-height:0;flex-shrink:0}.wordmark img{display:block;width:100%;height:auto;max-width:none;filter:brightness(0) invert(1)}.menu-open .wordmark img,.home-page.has-photo-hero:not(.past-hero):not(.menu-open) .wordmark img{filter:none}.curtain-logo{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:65vw;max-width:950px;height:auto;filter:brightness(0) invert(1)}.transition-curtain .curtain-center{left:0;top:auto;bottom:10vh;transform:none;width:100%;text-align:center;font-size:13px;line-height:1.5}.footer-brand-logo{display:block;width:280px;max-width:70vw;height:auto;margin:0 auto 35px}
@media(max-width:760px){.wordmark{width:145px}.curtain-logo{width:80vw}.transition-curtain .curtain-center{font-size:11px;bottom:15vh}.footer-brand-logo{width:230px;margin-bottom:28px}}

.contact-page .hero{padding-top:120px}

/* Give navigation, project titles and photography separate layout rows. */
@media(min-width:1100px){
 .home-page .project-scene{display:grid;grid-template-rows:auto minmax(0,1fr);gap:22px;padding:116px 2vw 24px;min-height:0}
 .home-page .scene-title{height:auto;min-height:0;padding:0;margin:0;overflow:visible;align-items:flex-start;gap:16px;align-self:start}
 .home-page .scene-title h2,.home-page .project-scene:nth-child(4) .scene-title h2{font-size:clamp(38px,5.4vw,88px);line-height:1.06;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere}
 .home-page .scene-title sup{font-size:clamp(18px,2vw,30px);margin-top:4px;line-height:1}
 .home-page .scene-image{position:relative;inset:auto;display:block;min-height:0;height:100%;width:100%;margin:0;grid-row:2;align-self:stretch;overflow:hidden}
}
@media(max-width:1099px){
 .home-page .project-scene{scroll-margin-top:100px}
 .home-page .scene-title{height:auto;min-height:0;padding:0;margin:0 0 18px;overflow:visible;gap:12px}
 .home-page .scene-title h2,.home-page .project-scene:nth-child(4) .scene-title h2{font-size:clamp(30px,9vw,76px);line-height:1.08;margin:0;overflow-wrap:anywhere}
 .home-page .scene-title sup{font-size:clamp(15px,3vw,24px);margin-top:2px;line-height:1}
}
@media(prefers-reduced-motion:reduce) and (min-width:1100px){.home-page .project-scene{padding-top:40px;grid-template-rows:auto auto}.home-page .scene-image{height:65vw}}

/* Visible Instagram link beside the footer identity, with a generous tap target. */
.footer-signature .footer-instagram{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:44px;width:fit-content;margin:24px auto 0;padding:0 8px;font-family:StudioSans,Arial,sans-serif;font-size:11px;line-height:1;letter-spacing:.08em;color:var(--ink);transition:opacity .2s}.footer-signature .footer-instagram svg{display:block;width:24px;height:24px;flex-shrink:0}.footer-signature .footer-instagram:hover{opacity:.65}.footer-signature .footer-instagram:focus-visible{outline:1px solid currentColor;outline-offset:5px}.footer-signature small{margin-top:20px}

/* New Purovitalis collages stay complete; existing video gallery is preserved. */
.puro-cover{max-width:1000px;margin:0 auto}.puro-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3vw;max-width:1200px;padding:0 3vw;margin:45px auto 60px}.puro-gallery-item{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;background:white;overflow:hidden;cursor:zoom-in}.puro-gallery-item:first-child{grid-column:1/-1}.puro-gallery-item img{display:block;width:100%;height:auto;object-fit:contain}.puro-gallery-item:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.scene-image img[src*="projects/purovitalis"],.directory-project img[src*="projects/purovitalis"]{object-fit:cover;object-position:50% 100%}
@media(max-width:760px){.puro-gallery{grid-template-columns:1fr;gap:24px;padding:0 4vw;margin:30px auto 45px}.puro-gallery-item:first-child{grid-column:auto}.puro-opening h1{font-size:16vw}.puro-cover{max-width:100%}}

/* The Very Lab: complete campaign posters, with shared reveal motion. */
.very-lab-opening h1{font-size:clamp(58px,12vw,190px)}.very-lab-cover{max-width:700px;margin:auto}.very-lab-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;padding:0 5vw 7vw;align-items:start}.very-lab-frame{margin:0;overflow:hidden}.very-lab-frame img{display:block;width:100%;height:auto}.very-lab-frame:last-child{grid-column:2}.scene-image img[src*="projects/the-very-lab"]{object-fit:contain;transform:none!important;background:var(--paper)}.directory-project img[src*="projects/the-very-lab"]{object-fit:contain;background:var(--paper)}
@media(max-width:1000px){.very-lab-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.very-lab-frame:last-child{grid-column:auto}}
@media(max-width:760px){.very-lab-opening h1{font-size:16vw}.very-lab-gallery{grid-template-columns:1fr;gap:24px;padding:0 5vw 55px}}

/* Responsive, expanded The Very Lab project cover. */
.very-lab-cover{max-width:none}.very-lab-cover-picture{display:block;width:100%}.scene-image .very-lab-cover-picture,.directory-project .very-lab-cover-picture,.mosaic-tile .very-lab-cover-picture{height:100%}.scene-image img[src*="the-very-lab/cover"],.directory-project img[src*="the-very-lab/cover"]{object-fit:cover;object-position:center;transform:none!important}.very-lab-cover .very-lab-cover-picture img{width:100%;height:auto}
@media(max-width:760px){.very-lab-cover{max-width:700px}.very-lab-cover .very-lab-cover-picture img{aspect-ratio:4/5}.scene-image img[src*="the-very-lab/cover"]{object-fit:contain}}

/* New Ilgosios Ausytes campaign: complete photographs at native proportions. */
.ausytes-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw;margin:60px 2vw 0;align-items:start}.ausytes-gallery-item{display:block;width:100%;padding:0;border:0;background:transparent;overflow:hidden;cursor:zoom-in;align-self:start}.ausytes-gallery-item img{display:block;width:100%;height:auto;object-fit:contain;transition:opacity .3s}.ausytes-gallery-item:hover img{opacity:.92}.ausytes-gallery-item:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:1000px){.ausytes-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:3vw;margin:40px 4vw 0}}
@media(max-width:600px){.ausytes-gallery{grid-template-columns:1fr;gap:24px}}

/* FinHR Solutions: individually extracted identity and campaign assets. */
.finhr-opening h1{font-size:clamp(48px,10.6vw,170px)}.finhr-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:2/1;background:#1e3a51;overflow:hidden}.finhr-cover img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}.scene-image.finhr-scene-image{background:#1e3a51}.scene-image.finhr-scene-image img,.finhr-directory-image img{object-fit:contain!important;object-position:center;transform:none!important;background:#1e3a51}.finhr-series{padding:0 5vw 7vw;max-width:1600px;margin:auto}.finhr-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5vw;align-items:start}.finhr-frame{display:block;width:100%;padding:0;border:0;background:transparent;overflow:hidden;cursor:zoom-in}.finhr-frame img{display:block;width:100%;height:auto;object-fit:contain}.finhr-frame:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.finhr-series--social .finhr-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin:auto}.finhr-series--social .finhr-frame:last-child{grid-column:1/-1;max-width:700px;justify-self:center}.finhr-series--profiles .finhr-gallery{grid-template-columns:1.6fr 1fr}.finhr-series--company .finhr-gallery{grid-template-columns:1.6fr 1fr;max-width:1100px;margin:auto}
@media(max-width:760px){.finhr-opening h1{font-size:12vw}.finhr-cover{aspect-ratio:4/3}.finhr-series{padding:0 5vw 55px}.finhr-gallery,.finhr-series--social .finhr-gallery,.finhr-series--profiles .finhr-gallery,.finhr-series--company .finhr-gallery{grid-template-columns:1fr;gap:24px}.finhr-series--social .finhr-frame:last-child{grid-column:auto}.finhr-series .elle-series-heading{align-items:start;flex-direction:column;gap:10px}}

/* New real estate concept gallery, complete compositions. */
.nt-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5vw;margin:60px 3vw 0;align-items:start}.nt-gallery-item,.nt-direction-image{display:block;width:100%;padding:0;border:0;background:transparent;overflow:hidden;cursor:zoom-in;align-self:start}.nt-gallery-item img,.nt-direction-image img{display:block;width:100%;height:auto;object-fit:contain}.nt-gallery-item:focus-visible,.nt-direction-image:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.nt-direction{margin:7vw 3vw 0}.nt-direction h2{font:400 clamp(30px,4vw,60px)/1.1 StudioSans,sans-serif;margin:0 0 35px;letter-spacing:-.04em}.nt-direction-image+.nt-direction-image{margin-top:35px}.nt-concept-note{padding:45px 3vw 0}.nt-concept-note>p{font-size:clamp(20px,2.4vw,34px)!important;padding:0!important;max-width:850px;line-height:1.3}.nt-concept-note>span{font-size:11px;letter-spacing:.04em}.scene-image img[src*="projects/nt/"],.directory-project img[src*="projects/nt/"]{object-fit:contain!important;transform:none!important;background:#151b1e}.scene-image:has(img[src*="projects/nt/"]){background:#151b1e}
@media(max-width:760px){.nt-gallery{grid-template-columns:1fr;gap:24px;margin:35px 4vw 0}.nt-direction{margin:55px 4vw 0}.nt-concept-note{padding:30px 4vw 0}}

/* Home contact invitation followed by an unobstructed silent campaign film. */
.home-page .photo-footer .footer-contact-box{position:relative;top:auto;left:auto;transform:none!important;width:100%;min-height:0;padding:7vw 4vw 6vw;background:var(--paper)}.home-page .photo-footer .footer-contact-box>p{font-size:12px;letter-spacing:.06em;margin-bottom:28px}.home-page .photo-footer .footer-talk{font-size:clamp(45px,6vw,96px);line-height:1.02;margin-bottom:28px}.home-page .photo-footer .footer-email{font-size:clamp(12px,1.15vw,18px)}.home-page .photo-footer .footer-video{height:auto;min-height:0;aspect-ratio:16/9;width:100%;background:#172024;position:relative}.footer-video video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.home-page .photo-footer .footer-social{position:relative;inset:auto;padding:24px 4vw;color:var(--ink);font-size:11px}.home-page .photo-footer .footer-social a{color:inherit}.contact-page .reference-contact>.contact-address{display:block;margin-bottom:65px}
@media(max-width:760px){.home-page .photo-footer .footer-contact-box{padding:65px 5vw 50px}.home-page .photo-footer .footer-talk{font-size:11vw}.home-page .photo-footer .footer-contact-box>p{font-size:10px;margin-bottom:22px}.home-page .photo-footer .footer-email{font-size:3.3vw}.home-page .photo-footer .footer-social{font-size:9px;padding:22px 4vw}.contact-page .reference-contact>.contact-address{margin-bottom:40px}}

/* Compact link to the complete portfolio after featured projects. */
.home-page .project-index{padding:45px 2vw 70px}.home-page .project-index-head{position:relative;top:auto;padding-bottom:0}
@media(max-width:760px){.home-page .project-index{padding:45px 4vw 55px}}

/* FinHR brand mark has intrinsic transparency, without inverted bitmap backgrounds. */
.brand-logo--finhr{mix-blend-mode:normal;background:transparent}.brand-logo--finhr img,.brand-logo--finhr:hover img,.brand-logo--finhr:active img,.brand-logo--finhr:focus-within img{width:176px;height:86px;max-width:176px;filter:none!important;clip-path:none;mix-blend-mode:normal;background:transparent!important;opacity:.82;transition:none}
@media(max-width:760px){.brand-logo--finhr img,.brand-logo--finhr:hover img,.brand-logo--finhr:active img{width:145px;height:73px;max-width:145px}}

/* Match the home mobile frame to The Very Lab portrait cover. */
@media(max-width:760px){.home-page .project-scene--very-lab .scene-image{height:auto;aspect-ratio:4/5;overflow:hidden;background:var(--paper)}.home-page .project-scene--very-lab .very-lab-cover-picture{display:block;width:100%;height:100%;margin:0}.home-page .project-scene--very-lab .scene-image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none!important;will-change:auto}}

/* Opening: centered statement and a contained horizontal slide carousel. */
.photo-hero .hero-slide.is-entering{opacity:1;z-index:2}
@media(min-width:761px){
 .photo-hero>.hero-statement{align-items:center;padding-top:100px;padding-bottom:100px}
 .photo-hero .hero-statement h1{translate:none}
}

.photo-hero .hero-slides{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.photo-hero .hero-slides.is-dragging{cursor:grabbing}
.hero-carousel-controls{position:absolute;bottom:20px;right:20px;z-index:5;display:flex;gap:8px}
.hero-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(0,0,0,.2);border-radius:50%;background:rgba(248,248,246,.9);color:var(--ink);font-size:23px;line-height:1;cursor:pointer}
.hero-carousel-controls button:hover{background:var(--paper)}
.hero-carousel-controls button:focus-visible,.hero-slides:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}

/* Partner logos form one continuous, gently moving row. */
.brand-partners{padding-left:0;padding-right:0;overflow:hidden}
.brand-partners h2{padding-inline:5vw}
.brand-marquee{width:100%;overflow:hidden}
.brand-marquee-track{display:flex;width:max-content;animation:brand-drift 110s linear infinite;will-change:transform}
.brand-marquee .brand-grid{display:flex;flex-wrap:nowrap;align-items:center;gap:0;max-width:none;margin:0;padding:0;flex-shrink:0}
.brand-marquee .brand-logo{flex:0 0 240px;width:240px;height:118px;padding:0 28px;mix-blend-mode:normal}
.brand-marquee .brand-logo img{width:100%;max-width:184px;height:76px;object-fit:contain}
.brand-marquee .brand-logo--finhr img{width:176px;height:86px}
.brand-marquee .brand-logo--tony img{transform:none;height:92px}

@keyframes brand-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.brand-marquee .brand-logo{flex-basis:180px;width:180px;height:94px;padding:0 20px}.brand-marquee .brand-logo img{max-width:140px;height:62px}.brand-marquee .brand-logo--finhr img{width:140px;height:70px}.brand-marquee .brand-logo--tony img{height:78px}}
@media(prefers-reduced-motion:reduce){.brand-marquee-track{animation:none;will-change:auto}.brand-marquee{overflow-x:auto}.brand-marquee .brand-grid[aria-hidden]{display:none}}

.brand-marquee .brand-logo--balcia img{height:112px;max-width:200px}
@media(max-width:760px){.brand-marquee .brand-logo--balcia img{height:82px;max-width:150px}}
.brand-marquee .brand-logo--balcia img,.brand-marquee .brand-logo--7bet img,.brand-marquee .brand-logo--jobexpert img{filter:brightness(0)}

/* Uniform ink logos; composite the complete strip once for smooth movement. */
.brand-marquee{isolation:isolate;background:var(--paper)}
.brand-marquee-track{mix-blend-mode:multiply;backface-visibility:hidden;transform:translate3d(0,0,0)}
.brand-marquee .brand-logo,.brand-marquee .brand-logo:hover{mix-blend-mode:normal;transition:none!important}
.brand-marquee .brand-logo img,.brand-marquee .brand-logo:hover img,.brand-marquee .brand-logo:active img{filter:grayscale(1) brightness(.6) contrast(100)!important;opacity:.82;mix-blend-mode:normal;transition:none!important}
@keyframes brand-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Featured work: centered brand identities on warm, darker panels. */
.home-page .project-scene .scene-image.project-logo-cover{display:flex;align-items:center;justify-content:center;background:#d8d6cb;isolation:isolate;aspect-ratio:auto}
.home-page .project-scene .scene-image.project-logo-cover .project-cover-logo{position:static;display:block;width:min(52%,650px);max-width:72%;height:clamp(70px,14vw,190px);max-height:42%;object-fit:contain;object-position:center;background:transparent;transform:none!important;will-change:auto;filter:brightness(0);opacity:.82;mix-blend-mode:multiply}
.home-page .project-scene .project-logo-cover--elle .project-cover-logo{width:min(34%,410px)}
.home-page .project-scene .project-logo-cover--nt .project-cover-logo{width:min(28%,300px)}
.home-page .project-scene .project-logo-cover--finhr-solutions .project-cover-logo{width:min(42%,500px)}
.home-page .scene-title h2,.home-page .project-scene:nth-child(4) .scene-title h2{font-size:clamp(30px,4vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.045em}
@media(max-width:1099px){.home-page .project-scene .scene-image.project-logo-cover{height:clamp(260px,62vw,650px);min-height:0}.home-page .project-scene .scene-image.project-logo-cover .project-cover-logo{width:58%;max-width:76%;height:clamp(65px,18vw,150px)}.home-page .project-scene .project-logo-cover--elle .project-cover-logo{width:40%}.home-page .project-scene .project-logo-cover--nt .project-cover-logo{width:32%}}

.lofficiel-overview .project-brand-disclaimer{font-size:14px;line-height:1.5;margin:16px 0 0;color:var(--ink)}

/* Persistent navigation and the hero's sage accent for creator applications. */
.site-header{transform:none}
.menu-row--creator,.menu-row--creator:hover,.menu-row--creator:focus-visible{color:#c2c4ac}

.footer-phones{display:flex;flex-wrap:wrap;gap:10px 24px}.footer-phones a{white-space:nowrap}
@media(max-width:700px){.footer-phones{flex-direction:column;gap:8px}}

/* Full fragrance videos: portrait clips and a full-width landscape film. */
.project-page .odore-video-gallery .odore-video-frame{aspect-ratio:9/16}
.project-page .odore-video-gallery .odore-video-frame--wide{grid-column:1/-1;aspect-ratio:16/9}
.project-page .odore-video-gallery .odore-video-frame video{display:block;width:100%;height:100%;object-fit:contain}

/* Reading progress stays at the very top, independent of the header. */
.page-scroll-progress{position:fixed;inset:0 0 auto;height:3px;width:100%;z-index:250;background:#9b9f80;transform:scaleX(0);transform-origin:left center;pointer-events:none;will-change:transform}

/* Other: campaign collections within the studio's editorial palette. */
.other-directory-cover{display:grid;place-items:center;background:#d8d6cb}.other-directory-cover img{object-fit:contain!important;padding:20%;width:100%;height:100%}
.other-hero{padding:150px 5vw 60px}.other-eyebrow{font-size:12px;letter-spacing:.12em;margin:45px 0 15px}.other-hero h1{font:400 clamp(80px,14vw,220px)/1 Georgia,serif;letter-spacing:-.06em;margin:0 0 48px}.other-category-nav{display:flex;gap:12px 28px;flex-wrap:wrap;max-width:1000px}.other-category-nav a{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:7px}
.other-collections{padding:0 5vw 90px}.other-collection{padding:65px 0 25px;border-top:1px solid #bcbdb1;scroll-margin-top:95px}.other-collection h2{font:400 clamp(30px,4vw,64px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 32px}.other-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.other-media-card{min-width:0}.other-video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#d8d6cb}.other-source{display:block;font-size:12px;letter-spacing:.02em;padding:13px 0}.other-post-link{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#d8d6cb;color:var(--ink);font:italic 30px Georgia,serif;text-align:center;padding:30px}.other-post-link:hover{background:#c9c8bb}
@media(max-width:900px){.other-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.other-hero{padding-top:125px}}@media(max-width:520px){.other-media-grid{grid-template-columns:1fr;gap:22px}.other-collection{padding-top:40px}.other-hero{padding-bottom:40px}.other-category-nav{gap:16px 22px}.other-category-nav a{font-size:12px}}