/* Selected studies: original editorial composition over the retained brand system. */
html{scroll-padding-top:112px}.header{position:fixed;height:98px;background:#101211e8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12;padding-block:20px}.header nav{gap:30px}.header nav a{font-size:12px}.header .nav-contact{margin-left:16px}main>section{scroll-margin-top:98px}
.hero{height:auto;min-height:0;max-height:none;padding:0;background:radial-gradient(ellipse at 77% 48%,#2c3537,transparent 58%),#101211}.hero-content{position:relative;width:100%;padding:172px var(--pad) 148px;max-width:none}.hero h1{font-size:clamp(86px,10.5vw,164px);max-width:800px}.hero h1 em{font-size:.48em;margin-top:23px}.hero .eyebrow{margin-bottom:28px;font-size:10px;letter-spacing:.14em}.hero-intro{margin-top:31px;gap:38px;max-width:680px}.hero-intro p{font-size:14px;max-width:330px}.hero-art{top:80px;bottom:54px;left:45%;right:-8%}.hero>.motion-state{top:120px;right:var(--pad);max-width:310px;gap:10px}.motion-state #motion-status{font-size:10px;max-width:155px}.hero-baseline{bottom:18px;min-height:54px}.hero-side-label{top:45%}
.section-pad{padding:84px var(--pad)}.section-top{margin-bottom:38px}.section-index{font-size:10px;line-height:1.6}.showcase{background:#eeeae1;color:#101211;padding-top:66px;padding-bottom:70px;overflow:hidden}.showcase .section-index{color:#5c625a}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:35px}.showcase h2,.journey h2{font-size:clamp(66px,8vw,126px);line-height:.94;letter-spacing:-.066em}.showcase h2 em{color:#776c5b}.showcase-intro{max-width:350px;padding-bottom:4px}.showcase-intro>p:first-child{font-size:21px;line-height:1.55;color:#343b34;letter-spacing:-.025em}.showcase-intro .showcase-note{font-size:12px;line-height:1.8;margin-top:20px;color:#60665c;max-width:320px}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 0;border-top:1px solid #1012113b;margin-bottom:27px}.showcase-toolbar>p{font-size:12px;color:#51594e}.showcase-playback{display:flex;align-items:center;gap:22px}#showcase-motion{font-size:12px;line-height:1.6;min-height:44px;display:inline-flex;align-items:center;gap:22px;padding:9px 16px;border:1px solid #6b7464;color:#263123;white-space:nowrap;background:transparent}#showcase-motion:hover{background:#101211;color:#f2f0e9}#showcase-motion:focus-visible{outline:2px solid #33452e;outline-offset:5px}#showcase-motion:disabled{opacity:.6;cursor:wait}#showcase-status{font-size:11px;line-height:1.65;color:#596350;max-width:230px;margin:0}.showcase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px 38px}.showcase-item{min-width:0;margin:0}.showcase-item--wide{grid-column:1/-1}.showcase-media{position:relative;isolation:isolate;background:#121816;overflow:hidden;border:1px solid #10121116}.showcase-media--wide{aspect-ratio:1928/1076}.showcase-media video{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;pointer-events:none;background:#121816}.showcase-media--wide video{aspect-ratio:1928/1076}.showcase-media--portrait{aspect-ratio:1076/1928;max-height:760px}.showcase-media--portrait video{aspect-ratio:1076/1928;object-fit:contain}.showcase-media-label{position:absolute;top:20px;left:22px;right:22px;z-index:2;color:#fff8ed;font-size:9px;line-height:1.8;letter-spacing:.15em;text-shadow:0 1px 8px #000c;pointer-events:none}.showcase-fallback{position:absolute;bottom:15px;left:15px;right:15px;z-index:3;padding:9px 13px;background:#101211e8;color:#f2f0e9;font-size:12px;line-height:1.5;border:1px solid #ffffff35}.showcase-fallback[hidden]{display:none!important}.showcase-item figcaption{display:flex;justify-content:space-between;align-items:flex-end;gap:38px;padding-top:22px}.showcase-category{font-size:9px;line-height:1.8;letter-spacing:.11em;color:#5c6655;display:block;margin-bottom:13px}.showcase-item h3{font-size:clamp(34px,4.1vw,62px);line-height:1.03;letter-spacing:-.05em;color:#20271f}.showcase-item h3 em{color:#756955}.showcase-item figcaption>p{font-size:13px;line-height:1.8;color:#5c6457;max-width:275px}.showcase-item--portrait figcaption{display:block}.showcase-item--portrait figcaption>p{margin-top:15px;max-width:360px}.showcase-item--portrait h3{font-size:clamp(34px,3.7vw,54px)}.showcase-end{margin-top:45px;border-top:1px solid #10121130;padding-top:22px;display:flex;justify-content:space-between;align-items:start;gap:35px}.showcase-end p{max-width:520px;font-size:11px;line-height:1.8;color:#5c6457}.showcase-end a,.group-world-link,.journey-next a{font-size:12px;line-height:1.8;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;border-bottom:1px solid #10121155;flex:0 0 auto}.showcase-end a:hover,.group-world-link:hover{border-color:#101211}.showcase :is(a,button):focus-visible{outline-color:#33452e}.showcase-noscript{margin-top:16px;color:#525d4c;font-size:12px}
.group{padding-top:72px;padding-bottom:46px;border-top:1px solid #11121118;background:#e1ded4}.group .section-top{margin-bottom:38px}.group-layout{grid-template-columns:1.12fr 1fr;gap:10%;align-items:start}.group h2{font-size:clamp(50px,6vw,90px)}.group-copy .lead{font-size:23px;line-height:1.5;margin-bottom:20px;letter-spacing:-.025em}.group-copy>p:not(.lead){font-size:14px;line-height:1.85;max-width:470px}.group-world-link{margin-top:18px;color:#303d29}.connection-drawing{margin-top:18px}.connection-drawing svg{height:95px}.connection-drawing>div{font-size:9px}
.journey{background:#151a17;position:relative;overflow:hidden;padding-top:75px;padding-bottom:66px}.journey-heading{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:50px;margin-bottom:35px}.journey h2{font-size:clamp(60px,7vw,108px)}.journey h2 em{color:#c2a785}.journey-heading>div{padding-bottom:5px}.journey-heading p{font-size:15px;line-height:1.85;max-width:390px;color:#bbc1b7}.journey-duration{display:block;font-size:9px;line-height:1.8;letter-spacing:.13em;color:#bfae92;margin-top:22px}.showcase-media--timeline{aspect-ratio:16/9;border:1px solid #ffffff1c;background:#111512}.showcase-media--timeline video{aspect-ratio:16/9;object-fit:contain}.journey-film figcaption{font-size:11px;color:#abb5a6;line-height:1.8;margin-top:14px}.journey-milestones{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.journey-milestones li{min-width:0;border-top:1px solid #9b88714d;padding-top:17px;position:relative}.journey-milestones li:before{content:'';width:5px;height:5px;background:#baa17e;position:absolute;top:-3px;left:0;border-radius:50%}.journey-date{display:block;font-size:9px;line-height:1.7;color:#b3a184;letter-spacing:.09em;margin-bottom:10px}.journey-milestones strong{font-weight:500;font-size:16px;line-height:1.5;color:#e1e5da;letter-spacing:-.025em}.journey-next{margin-top:30px;padding-top:20px;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;gap:30px}.journey-next p{font-size:12px;color:#a4afa0}.journey-next a{border-color:#b9ad9566;color:#e9e3d7}
.worlds{padding-top:76px;padding-bottom:70px}.worlds-heading{margin-bottom:28px}.worlds h2{font-size:clamp(55px,6vw,90px)}.worlds-heading>p{font-size:14px}.world-selector{margin-top:28px!important}.concept-note{margin-top:22px;font-size:11px}.company-film-section{padding-top:70px;padding-bottom:65px;border-top:1px solid #ffffff16}.company-film-section .section-top{margin-bottom:35px}.company-film-heading{gap:50px;margin-bottom:29px}.company-film-section h2{font-size:clamp(50px,6vw,84px)}.company-film-heading>p{font-size:14px;max-width:340px;line-height:1.8}.company-film-concepts{font-size:11px;line-height:1.8;margin-top:15px}.company-film-story{padding-block:15px;margin-top:10px}.company-film-story p,.company-film-story li{font-size:13px;line-height:1.8}.approach{padding-top:70px;padding-bottom:65px}.approach .section-top{margin-bottom:35px}.approach h2{font-size:clamp(50px,5.8vw,83px)}.approach-intro p{font-size:15px;margin-top:22px;line-height:1.8}.research-strip{margin-top:34px;padding-top:25px}.research-strip p{font-size:13px;margin-top:7px}.contact{padding-top:75px;padding-bottom:65px}.contact .section-top{margin-bottom:32px}.footer{padding-top:35px}.footer-word{margin-top:32px}
@media(min-width:1600px){.hero-content{padding-top:182px;padding-bottom:155px}.hero-art{left:47%;right:-2%}.hero-intro{margin-top:34px}}
@media(min-width:701px) and (max-width:1100px){.header{height:94px}.header nav{gap:18px}.header nav a{font-size:11px}.header .nav-contact{margin-left:0;padding:9px}.hero-content{padding-top:178px;padding-bottom:130px}.hero h1{font-size:clamp(86px,11.7vw,128px)}.hero h1 em{font-size:.48em}.hero-intro{display:block;max-width:320px}.hero-actions{max-width:300px;margin-top:16px}.hero-explore{margin-top:0}.hero-art{left:42%;right:-18%;top:140px;bottom:75px}.hero>.motion-state{top:112px;max-width:340px}.hero-caption{display:none}.showcase-heading{gap:25px}.showcase-intro{max-width:265px}.showcase-intro>p:first-child{font-size:18px}.showcase h2{font-size:85px}.showcase-playback{gap:13px}#showcase-status{max-width:190px;font-size:10px}.showcase-grid{gap:40px 24px}.showcase-item figcaption{gap:25px}.showcase-item figcaption>p{max-width:220px;font-size:12px}.showcase-item--wide h3{font-size:46px}.showcase-item--portrait h3{font-size:40px}.group-layout{gap:7%;grid-template-columns:1fr 1fr}.group h2{font-size:56px}.group-copy .lead{font-size:20px}.journey-heading{gap:30px;grid-template-columns:1fr 1fr}.journey h2{font-size:68px}.journey-milestones{gap:17px}.journey-milestones strong{font-size:14px}}
@media(max-width:700px){html{scroll-padding-top:98px}.header{height:86px;padding:18px var(--pad)}main>section{scroll-margin-top:86px}.header nav{top:85px}.header nav a{font-size:17px;min-height:48px}.header .nav-contact{margin:8px 0 0}.header .menu-button{width:44px;height:44px;display:grid;place-items:center}.header .nav-contact .ui-icon{width:20px;height:20px}.hero{min-height:0;padding:0 0 18px;display:flex;flex-direction:column}.hero-content{padding:126px var(--pad) 0;width:100%;order:0}.hero .eyebrow{font-size:9px;letter-spacing:.09em;max-width:285px;margin-bottom:24px}.hero h1{font-size:clamp(68px,17.6vw,116px);max-width:100%;line-height:.9}.hero h1 em{font-size:.48em;white-space:normal;margin-top:18px}.hero-intro{display:block;max-width:none;margin-top:23px}.hero-intro p{font-size:13px;line-height:1.8;max-width:100%}.hero-actions{max-width:none;display:flex;gap:20px;flex-wrap:wrap;margin-top:14px}.hero-explore,.hero-story{font-size:11px;gap:23px;min-height:44px;margin:0;flex:1 1 auto}.hero-story{justify-content:space-between;color:#bbc1b7}.hero-art{position:relative;inset:auto;height:300px;width:100%;order:2;margin:-6px 0 -10px;pointer-events:none}#brand-sculpture{height:300px}.hero>.motion-state{position:relative;inset:auto;order:1;margin:17px var(--pad) 0;max-width:none;justify-content:flex-start;gap:14px}.motion-state .hero-play{min-height:44px;padding:8px 12px}.motion-state #motion-status{max-width:none;font-size:10px;line-height:1.5;flex:1}.hero-baseline{position:relative;inset:auto;order:3;margin:0 var(--pad);padding-top:12px;min-height:54px;display:flex;justify-content:space-between;gap:15px}.scroll-cue{font-size:9px;letter-spacing:.04em;gap:12px}.motion-panel summary{font-size:9px;gap:8px}.hero-grid,.hero-side-label,.hero-caption{display:none}.section-pad{padding:54px var(--pad)}.section-top{margin-bottom:28px;gap:15px}.eyebrow{font-size:9px;letter-spacing:.09em}.section-index{font-size:9px;letter-spacing:.04em;max-width:125px;text-align:right}.showcase{padding-top:44px;padding-bottom:45px}.showcase-heading{display:block;margin-bottom:27px}.showcase h2{font-size:clamp(64px,16vw,96px);line-height:.94}.showcase-intro{margin-top:26px;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0}.showcase-intro>p:first-child{font-size:16px;line-height:1.6}.showcase-intro .showcase-note{font-size:11px;line-height:1.8;margin:0;max-width:none}.showcase-toolbar{display:block;margin-bottom:21px;padding:14px 0}.showcase-toolbar>p{font-size:11px;margin-bottom:12px}.showcase-playback{justify-content:space-between;gap:17px}#showcase-motion{font-size:11px;gap:18px;padding:8px 12px;white-space:normal;min-width:124px}#showcase-status{font-size:10px;line-height:1.7;max-width:210px}.showcase-grid{grid-template-columns:1fr;gap:36px}.showcase-item--wide{grid-column:auto}.showcase-media--wide{aspect-ratio:1928/1076}.showcase-media--portrait{aspect-ratio:1076/1928;max-height:none}.showcase-media-label{top:12px;left:14px;right:14px;font-size:8px;letter-spacing:.1em}.showcase-item figcaption{display:block;padding-top:17px}.showcase-category{font-size:8px;margin-bottom:10px;letter-spacing:.08em}.showcase-item h3,.showcase-item--portrait h3{font-size:clamp(34px,9.3vw,51px);line-height:1.04}.showcase-item figcaption>p{font-size:12px;line-height:1.8;max-width:100%;margin-top:13px}.showcase-end{display:block;margin-top:30px;padding-top:18px}.showcase-end p{font-size:10px;line-height:1.85;max-width:100%}.showcase-end a{font-size:12px;margin-top:12px;gap:35px;min-height:44px}.group{padding-top:50px;padding-bottom:33px}.group .section-top{margin-bottom:29px}.group-layout{grid-template-columns:1fr;gap:26px}.group h2{font-size:clamp(43px,11vw,67px)}.group-copy .lead{font-size:21px;margin-bottom:20px}.group-copy>p:not(.lead){font-size:13px;line-height:1.85}.group-world-link{font-size:12px;margin-top:14px}.connection-drawing{margin-top:13px}.connection-drawing svg{height:75px}.connection-drawing>div{font-size:7px;letter-spacing:.07em}.journey{padding-top:50px;padding-bottom:46px}.journey-heading{display:block;margin-bottom:26px}.journey h2{font-size:clamp(56px,13.6vw,85px);line-height:.98}.journey-heading>div{margin-top:24px;padding:0}.journey-heading p{font-size:13px;line-height:1.85}.journey-duration{font-size:8px;margin-top:16px}.journey-film{margin-inline:calc(-1 * var(--pad))}.journey-film figcaption{margin:12px var(--pad) 0;font-size:10px;line-height:1.8}.showcase-media--timeline{border-inline:0;aspect-ratio:16/9}.journey-milestones{grid-template-columns:1fr 1fr;gap:26px 24px;margin-top:29px}.journey-milestones li{padding-top:14px}.journey-date{font-size:8px;letter-spacing:.07em;margin-bottom:8px}.journey-milestones strong{font-size:15px;line-height:1.5}.journey-next{display:block;margin-top:25px;padding-top:17px}.journey-next p{font-size:11px}.journey-next a{font-size:12px;margin-top:11px;min-height:44px}.worlds{padding-top:50px;padding-bottom:45px}.worlds h2{font-size:clamp(44px,11vw,70px)}.worlds-heading>p{font-size:13px;margin-top:19px}.worlds-heading{margin-bottom:25px}.concept-note{font-size:10px;margin-top:18px}.company-film-section{padding-top:48px;padding-bottom:45px}.company-film-section .section-top{margin-bottom:26px}.company-film-section h2{font-size:clamp(43px,11vw,68px)}.company-film-heading{margin-bottom:24px}.company-film-heading>p{font-size:13px;line-height:1.85;margin-top:20px}.company-film-concepts{font-size:10px;line-height:1.85}.company-film-story{padding-block:14px}.company-film-story p,.company-film-story li{font-size:12px;line-height:1.85}.approach{padding-top:49px;padding-bottom:45px}.approach .section-top{margin-bottom:27px}.approach h2{font-size:48px}.approach-intro p{font-size:14px;margin-top:20px}.principles summary{font-size:18px}.principles p{font-size:13px}.research-strip{margin-top:27px;padding-top:23px}.research-strip p{font-size:12px}.contact{padding-top:50px;padding-bottom:43px}.contact .section-top{margin-bottom:28px}.contact h2{font-size:clamp(43px,11vw,66px)}.contact-heading{margin-bottom:12px}.enquiry-layout{margin-top:27px}}
@media(max-width:360px){.hero{padding-top:0}.hero-content{padding-top:123px}.hero h1{font-size:65px}.hero-art,#brand-sculpture{height:260px}.hero .eyebrow{font-size:8px;letter-spacing:.06em}.hero-actions{gap:10px 20px}.hero-explore,.hero-story{flex-basis:100%;min-height:42px}.motion-state #motion-status{font-size:9px}.showcase-intro{grid-template-columns:1fr;gap:13px}.showcase-intro .showcase-note{max-width:260px}.showcase-playback{gap:12px}#showcase-motion{min-width:115px}#showcase-status{font-size:9px}.showcase h2{font-size:62px}.journey h2{font-size:54px}.journey-milestones{gap:24px 20px}.journey-milestones strong{font-size:14px}.section-index{font-size:8px;max-width:100px}.section-top{gap:12px}.hero-baseline{gap:10px}.scroll-cue,.motion-panel summary{font-size:8px}}
@media(min-width:701px) and (max-height:700px){.hero-content{padding-top:163px;padding-bottom:125px}.hero h1{font-size:clamp(82px,9vw,130px)}.hero-intro{margin-top:25px}.hero-art{top:90px;bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.showcase-media video{transition:none}.header{transition:none}}/* Browser review: one anchor offset, high-contrast labels, media sooner on phones. */
main>section{scroll-margin-top:0}
.showcase-media-label{right:auto;max-width:calc(100% - 40px);padding:6px 10px;color:#f2f0e9;background:#101211de;border:1px solid #f2f0e934;font-size:10px;line-height:1.5}
@media(max-width:700px){
  html{scroll-padding-top:96px}
  .showcase .section-top{margin-bottom:22px}
  .showcase-heading{margin-bottom:18px}
  .showcase h2{font-size:clamp(48px,13.5vw,72px);line-height:.98}
  .showcase-intro{display:block;margin-top:15px}
  .showcase-intro>p:first-child{display:none}
  .showcase-intro .showcase-note{font-size:11px;max-width:none;margin:0}
  .showcase-toolbar{padding:12px 0;margin-bottom:18px}
  .showcase-toolbar>p{display:none}
  .showcase-media-label{font-size:8px;left:12px;top:12px;max-width:calc(100% - 24px);padding:5px 8px}
}
