*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f0eb;color:#111;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;mix-blend-mode:difference}.brand{font-size:30px;letter-spacing:.08em;font-weight:700}.links{display:flex;gap:28px;font-size:11px;letter-spacing:.17em}.hero{height:100svh;position:relative;background:#111;overflow:hidden}.triptych{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:3px}.panel{overflow:hidden;background:#222}.panel img,.panel video{width:100%;height:100%;object-fit:cover;display:block}.panel img{animation:drift 14s ease-in-out infinite alternate}.panel:nth-child(3) img{animation-delay:-5s}@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.10)}}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.08),rgba(0,0,0,.38))}.hero-copy{position:absolute;left:4vw;bottom:6vh;color:#fff;z-index:2}.kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase}.hero h1{font-size:clamp(46px,7vw,108px);line-height:.88;margin:12px 0 20px;font-weight:400;letter-spacing:-.055em;max-width:1000px}.hero p{font-size:16px;max-width:470px;line-height:1.5}.section{padding:110px 5vw}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.big{font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.045em;margin:16px 0}.body{font-size:16px;line-height:1.7;max-width:650px}.dark{background:#111;color:#f3f1ec}.projects{padding:0 2vw 100px}.project-card{position:relative;height:82vh;margin:0 0 20px;overflow:hidden;background:#222}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project-card:hover img{transform:scale(1.025)}.project-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 50%)}.caption{position:absolute;z-index:2;left:3vw;bottom:3vw;color:#fff}.caption h2{font-size:clamp(40px,6vw,92px);font-weight:400;letter-spacing:-.04em;margin:0}.caption span{font-size:10px;letter-spacing:.2em}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.process-grid img{width:100%;height:56vh;object-fit:cover}.countries{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.country-list{font-size:clamp(24px,3vw,48px);line-height:1.35;letter-spacing:-.025em}.footer{padding:80px 5vw;background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer h2{font-size:clamp(44px,7vw,100px);font-weight:400;letter-spacing:-.05em;margin:0}.subhero{height:72vh;position:relative;background:#111;color:#fff;display:flex;align-items:flex-end;padding:7vw 5vw}.subhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68}.subhero h1{z-index:2;font-size:clamp(60px,9vw,140px);font-weight:400;letter-spacing:-.06em;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid2 img{width:100%;height:70vh;object-fit:cover}.simple-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ccc}.simple-list div{background:#f2f0eb;padding:50px}.simple-list h3{font-size:30px;font-weight:400;margin:0 0 12px}.next{display:block;padding:70px 5vw;font-size:clamp(35px,5vw,70px);background:#111;color:#fff}@media(max-width:760px){.links{gap:12px}.links a:nth-child(2),.links a:nth-child(3){display:none}.triptych{grid-template-columns:1fr 1.25fr}.panel:nth-child(3){display:none}.intro,.countries,.footer{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-grid img{height:60vh}.project-card{height:72vh}.grid2{grid-template-columns:1fr}.grid2 img{height:62vh}.simple-list{grid-template-columns:1fr}.brand{font-size:23px}}
/* V4 */
.hero-v4{height:100svh;min-height:700px;position:relative;background:#080808;overflow:hidden;color:#fff}.hero-still{position:absolute;inset:0 38% 0 0}.hero-still img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-film{position:absolute;inset:0 0 0 62%;background:#050505;overflow:hidden}.hero-film video{width:100%;height:100%;object-fit:cover}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.28) 100%)}.hero-copy.v4{bottom:7vh}.hero-v4 h1{font-size:clamp(66px,9.2vw,148px);line-height:.78;margin:18px 0 32px;font-weight:500;letter-spacing:-.065em}.hero-link,.text-link{font-size:11px;letter-spacing:.17em;border-bottom:1px solid currentColor;padding-bottom:7px}.scroll-note{position:absolute;right:3vw;bottom:3vh;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.ticker{overflow:hidden;background:#111;color:#fff;border-top:1px solid #333;border-bottom:1px solid #333;padding:15px 0;white-space:nowrap}.ticker div{font-size:11px;letter-spacing:.18em;animation:ticker 30s linear infinite;width:max-content}@keyframes ticker{to{transform:translateX(-50%)}}.feature-project{padding:0 2vw 2vw;background:#f2f0eb}.feature-project a{display:block;height:92vh;position:relative;overflow:hidden;background:#111}.feature-project img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.feature-project a:hover img{transform:scale(1.025)}.feature-project a:after,.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.58),transparent 50%)}.feature-label{position:absolute;z-index:2;left:3vw;right:3vw;bottom:3vw;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end}.feature-label span{grid-column:1/-1;font-size:9px;letter-spacing:.2em}.feature-label h2{font-size:clamp(60px,10vw,160px);font-weight:400;letter-spacing:-.06em;line-height:.8;margin:10px 0 0}.feature-label b{font-size:10px;letter-spacing:.16em;font-weight:400}.duo-projects{display:grid;grid-template-columns:1fr 1fr;gap:2vw;padding:0 2vw 2vw;background:#f2f0eb}.tile{height:76vh;position:relative;overflow:hidden;background:#111}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.tile:hover img{transform:scale(1.03)}.tile>div{position:absolute;z-index:2;left:2vw;bottom:2vw;color:#fff}.tile span{font-size:9px;letter-spacing:.2em}.tile h2{font-size:clamp(45px,6vw,90px);font-weight:400;letter-spacing:-.055em;margin:7px 0 0}.manufacture-home{display:grid;grid-template-columns:.8fr 1.4fr;gap:5vw}.manufacture-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.manufacture-strip img{width:100%;height:62vh;object-fit:cover}.light{background:#f2f0eb}
@media(max-width:760px){.hero-v4{min-height:620px}.hero-still{inset:0 0 42% 0}.hero-film{inset:58% 0 0 45%}.hero-vignette{background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.12) 70%)}.hero-v4 h1{font-size:17vw}.hero-copy.v4{bottom:6vh}.scroll-note{display:none}.duo-projects{grid-template-columns:1fr}.feature-project a{height:74vh}.tile{height:68vh}.manufacture-home{grid-template-columns:1fr}.manufacture-strip{grid-template-columns:1fr 1fr}.manufacture-strip img{height:48vh}.manufacture-strip img:last-child{display:none}.feature-label{grid-template-columns:1fr}.feature-label b{margin-top:16px}}
/* FLAGSHIP */
:root{--paper:#f1efe9;--ink:#10100f;--line:rgba(16,16,15,.18)}body{background:var(--paper)}.menu-btn{display:none;background:none;border:0;color:inherit;font:inherit;font-size:10px;letter-spacing:.18em}.cinema-hero{height:100svh;min-height:680px;position:relative;background:#090909;color:#fff;overflow:hidden}.hero-reel,.reel{position:absolute;inset:0;width:100%;height:100%}.reel{object-fit:cover;opacity:0;transition:opacity .8s ease}.reel.active{opacity:1}.reel.popup-reel{object-fit:contain;background:#090909}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.20) 47%,rgba(0,0,0,.08) 75%),linear-gradient(0deg,rgba(0,0,0,.34),transparent 45%)}.hero-copy.flagship{bottom:7vh}.hero-copy.flagship h1{font-size:clamp(68px,9.5vw,158px);line-height:.78;margin:18px 0 34px;font-weight:500;letter-spacing:-.065em}.hero-index{position:absolute;right:4vw;bottom:5vh;display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.12em}.hero-index i{display:block;width:80px;height:1px;background:rgba(255,255,255,.45)}.manifesto{padding-top:130px;padding-bottom:150px}.manifesto-grid{display:grid;grid-template-columns:1.4fr .65fr;gap:10vw;align-items:end}.manifesto h2,.making h2,.international h2{font-size:clamp(55px,7.5vw,118px);font-weight:400;line-height:.83;letter-spacing:-.06em;margin:28px 0 0}.manifesto p,.making-head p{font-size:17px;line-height:1.65;max-width:550px}.project-stack{padding:0 2vw 2vw}.editorial-project{height:94vh;display:block;position:relative;overflow:hidden;background:#111;margin-bottom:2vw}.editorial-project img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.editorial-project:hover img{transform:scale(1.025)}.editorial-project:after,.split-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 60%)}.project-meta{position:absolute;z-index:2;left:3vw;bottom:3vw;color:#fff}.project-meta span,.split-card span{font-size:9px;letter-spacing:.2em}.project-meta h2{font-size:clamp(56px,8vw,130px);font-weight:400;line-height:.82;letter-spacing:-.06em;margin:13px 0 28px}.project-meta b{font-size:10px;letter-spacing:.16em;font-weight:400}.right-copy .project-meta{left:auto;right:3vw;text-align:right}.split-work{display:grid;grid-template-columns:1fr 1fr;gap:2vw}.split-card{height:78vh;position:relative;overflow:hidden;background:#111;color:#fff}.split-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.split-card:hover img{transform:scale(1.025)}.split-card>div{position:absolute;z-index:2;left:2.5vw;bottom:2.5vw}.split-card h3{font-size:clamp(34px,4vw,68px);font-weight:400;letter-spacing:-.045em;margin:9px 0}.making{padding:130px 4vw}.making-head{display:grid;grid-template-columns:1.35fr .65fr;gap:10vw;align-items:end;margin-bottom:70px}.making-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr 1.15fr;gap:8px}.making-grid figure{margin:0}.making-grid img{width:100%;height:62vh;object-fit:cover}.making-grid figure:nth-child(2) img,.making-grid figure:nth-child(3) img{height:48vh;margin-top:14vh}.making-grid figcaption{font-size:9px;letter-spacing:.18em;margin-top:10px}.large-link{display:inline-block;font-size:clamp(32px,4vw,65px);letter-spacing:-.04em;margin-top:85px;border-bottom:1px solid currentColor}.capability-band{padding:100px 5vw}.capability-band .eyebrow{margin-bottom:28px}.capability-band>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0;font-size:clamp(25px,3vw,48px);letter-spacing:-.03em}.capability-band>a:after{content:'↗';font-size:.7em}.international{display:grid;grid-template-columns:1fr .9fr;gap:9vw;align-items:end;padding-top:130px;padding-bottom:140px}.international h2{font-size:clamp(50px,6.6vw,105px);margin-bottom:45px}.flagship-footer{padding-top:110px;padding-bottom:110px}.flagship-footer h2{font-size:clamp(64px,9vw,145px);line-height:.78;margin-top:22px}.flagship-footer .body{align-self:end}.flagship-footer a:hover,.capability-band a:hover{opacity:.55}
@media(max-width:760px){.menu-btn{display:block}.links{display:none;position:absolute;top:70px;left:0;right:0;background:#111;padding:25px 5vw;flex-direction:column;gap:22px}.nav.open .links{display:flex}.cinema-hero{min-height:650px}.hero-copy.flagship h1{font-size:17vw}.hero-index{display:none}.manifesto-grid,.making-head,.international{grid-template-columns:1fr}.manifesto-grid{gap:30px}.manifesto{padding-top:95px;padding-bottom:100px}.editorial-project{height:76vh}.project-meta h2{font-size:14vw}.right-copy .project-meta{left:6vw;right:auto;text-align:left}.split-work{grid-template-columns:1fr}.split-card{height:68vh}.making{padding:90px 5vw}.making-grid{grid-template-columns:1fr 1fr}.making-grid img,.making-grid figure:nth-child(2) img,.making-grid figure:nth-child(3) img{height:46vh;margin-top:0}.large-link{margin-top:55px}.capability-band{padding:80px 5vw}.international{gap:50px}.flagship-footer{grid-template-columns:1fr;gap:60px}}
.project-feature{padding:0 4vw 8vw}.project-feature img{display:block;width:100%;max-height:90vh;object-fit:contain;background:#e8e5de}.hero-still{object-position:center center}

/* Manufacturing film hero */
.manufacturing-video-hero{overflow:hidden}.manufacturing-video-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.manufacturing-video-hero .subhero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.48),rgba(0,0,0,.06) 65%)}.manufacturing-video-hero h1{position:relative;z-index:2}

.subhero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Contact hero: show more of the original installation photograph */
.contact-team-hero{overflow:hidden;background:#1b1b1b}
.contact-team-hero:before{content:"";position:absolute;inset:-24px;background:url("assets/contact-roche-installation.jpg") center 48%/cover no-repeat;filter:blur(16px);transform:scale(1.06);opacity:.42}
.contact-team-hero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.16);z-index:1}
.contact-team-hero img{object-fit:contain;object-position:center center;opacity:.88;filter:blur(.25px);z-index:1}
.contact-team-hero h1{z-index:2}
@media(max-width:760px){.contact-team-hero img{object-fit:cover;object-position:center 48%;filter:blur(.2px)}}

/* Homepage cinematic stills — preserve original photography, add restrained camera movement */
.cinema-hero .hero-still{transform:scale(1.015);transform-origin:center center;will-change:transform;transition:opacity .8s ease}
.cinema-hero .hero-still.active{animation:rocheHeroPush 3.4s cubic-bezier(.2,.55,.35,1) both}
.cinema-hero .hero-still:nth-of-type(2).active{animation-name:rocheHeroPull}
.cinema-hero .hero-still:nth-of-type(3).active{animation-name:rocheHeroDriftRight}
.cinema-hero .hero-still:nth-of-type(4).active{animation-name:rocheHeroDriftLeft}
.cinema-hero .hero-still:nth-of-type(5).active{animation-name:rocheHeroPushSoft}
.cinema-hero .hero-still:nth-of-type(6).active{animation-name:rocheHeroPullSoft}
@keyframes rocheHeroPush{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-.6%,.25%,0)}}
@keyframes rocheHeroPull{from{transform:scale(1.09) translate3d(.35%,0,0)}to{transform:scale(1.02) translate3d(0,-.25%,0)}}
@keyframes rocheHeroDriftRight{from{transform:scale(1.065) translate3d(-1.2%,0,0)}to{transform:scale(1.085) translate3d(.9%,-.25%,0)}}
@keyframes rocheHeroDriftLeft{from{transform:scale(1.07) translate3d(1.1%,.2%,0)}to{transform:scale(1.04) translate3d(-.8%,-.15%,0)}}
@keyframes rocheHeroPushSoft{from{transform:scale(1.02)}to{transform:scale(1.07) translate3d(0,-.35%,0)}}
@keyframes rocheHeroPullSoft{from{transform:scale(1.075) translate3d(0,-.2%,0)}to{transform:scale(1.02)}}
@media(prefers-reduced-motion:reduce){.cinema-hero .hero-still.active{animation:none}}