/* Preview 3: a cinematic frame, editorial pacing, and connected destinations. */
:root{--ivory:#f4f4f1;--ink:#08090d;--steel:#adcde0}body{font-size:18px}.section{padding:112px 6%}.header,.home .header{height:100px;background:#08090df0;position:relative}.home .header{position:absolute;background:linear-gradient(#08090dbb,transparent);border:0}.desktop-nav a{font-size:18px}.header .logo img{width:205px}.header-cta{font-size:15px}.kicker{font-family:inherit;text-transform:none;letter-spacing:0;font-size:16px}.page-intro{background:var(--ivory);color:var(--ink);padding-top:85px;padding-bottom:85px}.page-intro h1{font-size:clamp(48px,7.3vw,112px);max-width:1100px;line-height:1.02}.page-intro p{color:#4c5055;font-size:19px;max-width:650px}.breadcrumb{font-size:14px;color:#50545a}.cursor-setting,.motion-toggle{border:1px solid currentColor;color:inherit;background:none;padding:10px 16px;font-size:14px}.cursor-setting{align-self:start}.footer{padding-bottom:40px}.preview-dock{display:none!important}.section-jump-nav{display:none}.button{border-radius:0;font-size:16px;transition:transform .16s,background .2s}.button:active{transform:scale(.97)}.text-link{font-size:16px}.arrival-hero{height:max(760px,100svh);max-height:1150px;position:relative;overflow:hidden;padding:150px 6% 40px;display:flex;flex-direction:column;justify-content:space-between}.arrival-image,.arrival-gradient{position:absolute;inset:0}.arrival-image img{width:100%;height:100%;object-fit:cover;object-position:center 47%}.arrival-gradient{background:linear-gradient(180deg,#08090d65,transparent 35%,#08090de0),linear-gradient(90deg,#08090d70,transparent)}.arrival-top,.arrival-hero h1,.arrival-bottom{position:relative;z-index:2}.arrival-top{font-size:16px}.arrival-hero h1{font-size:clamp(72px,10.3vw,165px);font-weight:450;line-height:.98;letter-spacing:-.065em;margin-top:70px;max-width:1100px}.arrival-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.arrival-bottom p{color:#f4f4f1;font-size:17px}.arrival-credit{font-size:14px}.hero-disc{border:1px solid #fff8;border-radius:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;gap:20px;line-height:1.3;background:#08090d33;backdrop-filter:blur(8px);transition:background .25s,transform .25s}.hero-disc:hover{background:var(--ivory);color:var(--ink);transform:rotate(-6deg)}.hero-disc span{font-size:28px}.arrival-line{position:absolute;inset:5% 0;pointer-events:none;opacity:0}.arrival-line svg{width:100%;height:100%;fill:none;stroke:var(--steel);stroke-width:2}.arrival-line path{stroke-dasharray:2200;stroke-dashoffset:2200}.intro-playing .arrival-line{opacity:1}.intro-playing .arrival-line path{animation:arrival-trace 1.1s ease-in-out forwards}.intro-playing h1{animation:arrival-type .85s ease-out}.skip-intro{position:absolute;right:6%;top:115px;z-index:4;background:#08090dcc;color:white;border:1px solid #fff8;padding:10px 18px;font-size:14px}@keyframes arrival-trace{to{stroke-dashoffset:0}}@keyframes arrival-type{from{transform:translateY(25px);opacity:.4}to{transform:none;opacity:1}}.new-viewpoint{background:var(--ivory);color:var(--ink);display:grid;grid-template-columns:1fr 3fr;gap:40px}.new-viewpoint h2{font-size:clamp(38px,5.3vw,82px)}.viewpoint-bottom{display:grid;grid-template-columns:2fr 1fr;gap:60px;margin-top:48px;align-items:end}.viewpoint-bottom p{color:#4c5055;font-size:18px}.selected-work{background:var(--ivory);color:var(--ink);padding-top:35px}.selected-work .section-heading{align-items:end}.selected-work .section-heading h2{font-size:clamp(40px,5vw,76px)}.work-stage-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:6%}.work-stage-row{display:grid;grid-template-columns:1fr auto;padding:25px 0;border-top:1px solid #08090d33;transition:padding .25s}.work-stage-row>span:first-child{grid-column:1/-1;font-size:14px;color:#52565a;margin-bottom:12px}.work-stage-row h3{font-size:clamp(24px,2.6vw,40px)}.work-stage-row.is-selected{padding-left:20px;border-top-color:var(--ink)}.work-stage-list>p{font-size:14px;color:#52565a;margin-top:25px;max-width:32ch}.work-stage-image{position:relative;min-height:470px;overflow:hidden}.work-stage-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.work-stage-image>span{position:absolute;bottom:22px;left:22px;background:#08090ddb;padding:12px 18px;font-size:15px;color:white}.destination-explorer{background:#131820;color:var(--ivory)}.destination-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #fff4;margin:40px 0}.destination-tabs button{background:none;color:#c5cbd0;border:0;border-bottom:2px solid transparent;padding:16px 20px;font-size:17px}.destination-tabs button[aria-pressed=true]{border-color:var(--steel);color:white;background:#adcde012}.destination-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:5%;align-items:center}.destination-stage{position:relative;background:#222c36;aspect-ratio:1.35;overflow:hidden}.destination-stage>img{width:100%;height:100%;object-fit:contain}.destination-stage:has(img[src*="dining"]){aspect-ratio:1.1}.hotspot-layer{position:absolute;inset:0}.hotspot{position:absolute;width:44px;height:44px;border:1px solid white;background:#08090dbd;color:white;border-radius:50%;transform:translate(-50%,-50%);font-size:20px;transition:background .2s,color .2s}.hotspot[aria-pressed=true]{background:var(--ivory);color:var(--ink);box-shadow:0 0 0 7px #fff2}.media-caption{position:absolute;bottom:12px;left:15px;font-size:14px;background:#08090dd9;padding:5px 10px}.destination-story h3{font-size:clamp(28px,3.2vw,48px);margin-bottom:24px}.destination-story>p{font-size:17px}.destination-story .text-link{margin-top:24px;display:flex;justify-content:space-between}.destination-story .text-link:last-child{font-size:14px;margin-top:12px}.destination-story #observation{margin-top:25px;border-top:1px solid #fff4;padding-top:20px}.destination-story #observation>span{font-size:14px;color:var(--steel)}.destination-story h4{font-size:20px;font-weight:500;line-height:1.3;margin:12px 0}.destination-story #observation p{font-size:16px}.explorer-note{font-size:14px;margin-top:28px}.editorial-art{height:100%;display:flex;flex-direction:column;justify-content:center;padding:9%;gap:15px;background:radial-gradient(ellipse at 80% 0,#536c7c66,transparent 70%)}.editorial-art strong{font-size:clamp(25px,4vw,64px);font-weight:400;line-height:1.15}.editorial-art strong:nth-child(2){margin-left:8%;color:var(--steel)}.editorial-art strong:nth-child(3){margin-left:16%}.new-services{background:var(--ivory);color:var(--ink);display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.new-services h2{margin-top:25px}.living-line{fill:none;stroke:#35566b;stroke-width:2;width:100%;max-width:400px;margin-top:35px;stroke-dasharray:70 25;animation:line-flow 16s linear infinite}.motion-paused .living-line{animation-play-state:paused}.motion-toggle{display:block}.new-service-row{display:grid;grid-template-columns:1fr auto;padding:25px 0;border-top:1px solid #08090d33}.new-service-row h3{font-size:30px}.new-service-row p{color:#555b61;font-size:16px;margin-top:10px}.new-service-row>span{grid-column:2;grid-row:1/3;align-self:center;transition:transform .2s}.new-service-row:hover>span{transform:translate(5px,-5px)}@keyframes line-flow{to{stroke-dashoffset:-760}}.new-studio{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.studio-brand{border:1px solid #fff2;aspect-ratio:1.25;display:grid;place-items:center;padding:40px;background:linear-gradient(140deg,#20252c,#08090d)}.new-studio h2{margin:25px 0}.studio-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:35px}.new-invitation{background:var(--steel);color:var(--ink)}.new-invitation>p{color:#263f50}.new-invitation>a{display:flex;justify-content:space-between;align-items:center;margin:35px 0}.new-invitation h2{font-size:clamp(52px,9.5vw,145px);line-height:1}.new-invitation>a>span{font-size:clamp(60px,12vw,170px)}.inner .case-hero{margin:0;height:72vh;min-height:380px;position:relative}.inner .case-hero img{width:100%;height:100%;object-fit:cover}.inner .case-hero figcaption{position:absolute;bottom:20px;left:6%;right:6%;background:#08090de6;color:white;padding:10px 15px;font-size:14px}.work-gallery .studies-grid.index-mode{display:block}.index-mode .study-card{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:40px;border-top:1px solid #fff4;padding:25px 0}.index-mode .study-image{height:150px;aspect-ratio:auto}.index-mode .study-caption{display:block}.work-view-controls{display:flex;gap:12px;margin-bottom:28px}.work-view-controls button{background:none;border:1px solid #fff7;color:white;padding:10px 20px}.work-view-controls button[aria-pressed=true]{background:var(--ivory);color:var(--ink)}.typology-editorial{background:#adcde0;color:#08090d}.typology-editorial h2{font-size:clamp(40px,7vw,100px);margin-top:30px}.brief-steps{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.brief-steps span{padding:8px 12px;border-bottom:2px solid #fff3;color:#aeb4ba;font-size:14px}.brief-steps span[aria-current=step]{border-color:var(--steel);color:white}.brief-controls{display:flex;justify-content:space-between;gap:20px;margin-top:28px}.brief-review{border-top:1px solid #fff3;padding-top:25px}.brief-review dl{display:grid;grid-template-columns:1fr 2fr;gap:12px;font-size:16px;overflow-wrap:anywhere}.brief-review dd{margin:0}.service-rows .service-row:hover{padding-left:18px}.service-row{transition:padding .2s}.process-list article{transition:background .25s}.process-list article:hover{background:#adcde012}.mobile-nav{background:#08090d}.mobile-nav a{font-size:clamp(28px,6vw,48px)}.mobile-nav:not([hidden]){animation:menu-arrive .35s ease-out}.mobile-nav a:hover{color:var(--steel)}@keyframes menu-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}[hidden]{display:none!important}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.24s}::view-transition-new(root){animation-duration:.35s}.study-image img,.case-hero img{view-transition-name:var(--study-transition,none)}
@media(max-width:1020px){.header,.home .header{height:88px;gap:18px}.header .logo img{width:190px}.header-cta{margin-left:auto}.mobile-nav{position:fixed!important;inset:88px 0 0!important;z-index:29;padding:25px 7%;overflow:auto}.mobile-nav:not([hidden]){display:flex;flex-direction:column;justify-content:center;gap:15px}.mobile-nav a{padding:6px 0}.menu-toggle{z-index:50}.destination-grid{grid-template-columns:1.25fr 1fr;gap:30px}.section{padding:75px 6%}.work-stage-grid{gap:30px}.work-stage-image{min-height:400px}.arrival-hero h1{font-size:clamp(65px,11vw,110px)}}
@media(max-width:700px){body{font-size:16px}.section{padding:65px 6%}.header-cta{display:none}.header .menu-toggle{margin-left:auto}.arrival-hero{height:calc(100svh - 0px);min-height:680px;max-height:900px;padding:125px 6% 28px}.arrival-hero h1{font-size:clamp(56px,13.5vw,93px);margin:0;line-height:1.01}.arrival-image img{object-position:48% center}.arrival-top{font-size:14px;max-width:210px}.arrival-bottom{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.arrival-bottom p{font-size:15px}.hero-disc{width:105px;height:105px;font-size:14px;gap:8px}.arrival-credit{grid-column:1/-1;font-size:14px}.new-viewpoint{grid-template-columns:1fr;gap:25px}.new-viewpoint h2{font-size:clamp(32px,8.5vw,50px)}.viewpoint-bottom{grid-template-columns:1fr;gap:25px;margin-top:28px}.viewpoint-bottom p{font-size:16px}.work-stage-grid{display:flex;flex-direction:column-reverse}.work-stage-image{min-height:270px}.work-stage-row h3{font-size:28px}.selected-work .section-heading{display:block}.selected-work .section-heading>a{margin-top:25px}.destination-tabs{margin:25px 0;gap:0}.destination-tabs button{padding:12px 10px;font-size:15px}.destination-grid{grid-template-columns:1fr;gap:30px}.destination-story h3{font-size:34px}.destination-story>p{font-size:16px}.new-services,.new-studio{grid-template-columns:1fr;gap:45px}.new-services h2{font-size:43px}.living-line{max-height:130px;margin-top:20px}.new-service-row h3{font-size:27px}.studio-brand{aspect-ratio:2}.new-studio h2{font-size:40px}.new-invitation h2{font-size:clamp(47px,12vw,80px)}.page-intro{padding-top:55px;padding-bottom:55px}.page-intro h1{font-size:clamp(42px,10.5vw,72px)}.page-intro p{font-size:16px}.inner .case-hero{height:55vh;min-height:350px}.index-mode .study-card{grid-template-columns:90px 1fr;gap:20px}.index-mode .study-image{height:100px}.index-mode .image-tag,.index-mode .image-arrow{display:none}.index-mode .study-caption h3{font-size:23px}.brief-review dl{grid-template-columns:1fr}.brief-review dd{margin-bottom:12px}.new-invitation>a>span{font-size:60px}.new-invitation>a{gap:20px}}
.inner{padding-top:0}.inner .header{position:sticky;top:0}.hotspot{overflow:visible}.scope-builder p,.journey-copy p{font-size:16px}.scope-builder .button{font-size:16px}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--steel);transform:translateY(-2px)}.desktop-nav a{transition:color .2s,transform .2s}.is-menu-open{overflow:hidden}.stage-selection{margin:20px 0;padding:16px;border:1px solid #adcde055;font-size:16px}.process-stage-link{display:inline-flex;margin-top:25px;font-size:16px;border-bottom:1px solid #adcde0;padding-bottom:8px;color:var(--steel)}.studio-brand img{width:100%;height:auto;object-fit:contain}.work-gallery .studies-grid.index-mode .study-card{display:grid;grid-template-columns:220px 1fr;gap:40px}.work-gallery .studies-grid.index-mode .study-image img{height:150px;width:100%;object-fit:cover}.work-gallery .studies-grid.index-mode .study-caption h3{font-size:40px}.work-gallery .study-caption:before{font-size:14px;font-family:inherit;letter-spacing:0;content:'Illustrative study'}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;top:0}.skip-link:focus{clip-path:none;width:auto;height:auto;top:10px}
@media(max-width:700px){.work-gallery .studies-grid.index-mode .study-card{grid-template-columns:90px 1fr;gap:20px}.work-gallery .studies-grid.index-mode .study-image img{height:100px}.work-gallery .studies-grid.index-mode .study-caption h3{font-size:23px}.work-gallery .studies-grid.index-mode .study-caption{margin:0;gap:10px}.work-gallery .studies-grid.index-mode .study-caption:before{display:none}}
.work-list-title{margin-bottom:30px;font-size:38px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.living-line,.intro-playing h1,.intro-playing .arrival-line path,.mobile-nav:not([hidden]){animation:none}.arrival-line{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
