/* Soul & Key: destinations, movement, and cinematic architectural concepts. */
:root{--steel:#d6dce1;--signal:#dce3e8;--paper:#eeeFEB;--night:#090b0e}body{background:var(--night)}.header,.home .header{position:fixed;inset:0 0 auto;height:96px;padding:0 4%;background:#090b0e80;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff20;z-index:50;transition:background .3s}.header[data-scrolled=true]{background:#090b0ef2}.inner{padding-top:96px}.inner .header{position:fixed}.desktop-nav{display:none}.header .logo img{width:215px}.header-cta{margin-left:auto;border:0;padding:10px 20px;font-size:16px}.header .menu-toggle{display:flex!important;gap:5px;align-items:center;justify-content:center;flex-direction:column;width:60px;height:48px;background:none;border:1px solid #fff6;border-radius:50%;color:white;position:relative;z-index:55}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.menu-toggle span{transition:transform .25s}.global-motion{background:none;border:0;color:#d6dce1;font-size:14px;padding:10px;white-space:nowrap}.mobile-nav{position:fixed!important;inset:96px 0 0!important;padding:5vh 8%!important;background:#090b0efc;z-index:49;display:none;overflow:auto}.mobile-nav:not([hidden]){display:flex;flex-direction:column;justify-content:center;gap:10px}.mobile-nav>a{width:54%;font-size:clamp(32px,4.3vw,65px);border:0;letter-spacing:-.04em;padding:4px 0;line-height:1.2;z-index:2;animation:none!important;transition:transform .25s,color .25s}.mobile-nav>a:hover,.mobile-nav>a:focus-visible{transform:translateX(16px);color:white}.mobile-nav>a:last-of-type{font-size:24px;margin-top:20px;color:#a8bac8}.menu-preview{position:absolute;right:7%;top:18%;width:34%;height:60%;overflow:hidden}.menu-preview img{width:100%;height:100%;object-fit:cover;opacity:.7}.menu-preview span{position:absolute;bottom:25px;left:25px;font-size:14px}.world-hero{height:100svh;min-height:770px;max-height:1250px;position:relative;padding:145px 5% 40px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;background:#090b0e}.world-media,.world-vignette{position:absolute;inset:0;z-index:-2}.world-media img{width:100%;height:100%;object-fit:cover;object-position:center;animation:world-drift 24s ease-in-out infinite alternate}.world-vignette{z-index:-1;background:linear-gradient(180deg,#0007,transparent 45%,#000a),linear-gradient(90deg,#0006,transparent 75%)}.world-intro{display:flex;justify-content:space-between;align-items:start;gap:30px;font-size:16px}.world-intro>span:last-child{max-width:220px}.world-hero h1{font-size:clamp(90px,12.5vw,190px);font-weight:400;letter-spacing:-.075em;line-height:.88;margin-top:50px;margin-bottom:70px;max-width:1200px}.world-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.world-enter{display:flex;align-items:center;gap:25px;font-size:18px}.world-enter>span{border:1px solid #fff7;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;transition:transform .25s}.world-enter:hover>span{transform:translateY(5px)}.world-picker{display:flex;gap:3px;padding:5px;border:1px solid #fff5;border-radius:50px;background:#090b0e55;backdrop-filter:blur(10px)}.world-picker button{border:0;padding:12px 24px;border-radius:30px;background:none;color:white;font-size:16px;transition:background .3s,color .3s}.world-picker button[aria-pressed=true]{background:#eeeFEB;color:#090b0e}.concept-credit{font-size:14px;color:#dededb;max-width:200px}.opening-line{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#f4f4f1;stroke-width:2;pointer-events:none;opacity:0}.opening-line path{stroke-dasharray:3300;stroke-dashoffset:3300}.opening .opening-line{opacity:.8}.opening .opening-line path{animation:opening-stroke 1.15s ease-out forwards}.opening h1{animation:opening-head .9s cubic-bezier(.2,.7,.2,1)}.world-skip{position:absolute;top:110px;right:5%;background:#090b0ecc;color:white;padding:8px 14px;border:1px solid #fff7;font-size:14px}@keyframes world-drift{from{transform:scale(1.015)}to{transform:scale(1.075)}}@keyframes opening-stroke{to{stroke-dashoffset:0;opacity:0}}@keyframes opening-head{from{opacity:.2;transform:translateY(40px)}to{opacity:1;transform:none}}.manifesto{background:var(--paper);color:var(--night);padding:100px 6% 120px}.manifesto-label{display:flex;justify-content:space-between;font-size:15px;color:#555e65;margin-bottom:70px}.manifesto h2{font-size:clamp(48px,7.2vw,108px);line-height:1.02;letter-spacing:-.06em}.manifesto h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.manifesto-lower{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:50px;align-items:end;margin-top:60px}.manifesto-lower p{font-size:19px;color:#444c52}.manifesto-lower>a{justify-self:end}.rotating-emblem{width:95px;height:95px}.rotating-emblem svg{width:100%;height:100%;fill:none;stroke:#1d2b36;stroke-width:2;animation:emblem-spin 28s linear infinite}@keyframes emblem-spin{to{transform:rotate(360deg)}}.concept-worlds{background:var(--paper);color:var(--night);padding-top:20px}.concept-worlds-heading{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:end;margin-bottom:55px}.concept-worlds-heading h2{font-size:clamp(40px,4.8vw,74px)}.concept-worlds-heading p{color:#505961;font-size:16px}.feature-project{display:block}.feature-project-media{overflow:hidden;aspect-ratio:1.85;background:#172029}.feature-project-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s}.feature-project:hover img{transform:scale(1.035)}.project-name{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;padding:24px 0 32px}.project-name h3{font-size:clamp(36px,4vw,60px);letter-spacing:-.06em}.project-name>span{font-size:14px;color:#505961}.project-name>span:last-child{font-size:30px;color:#090b0e}.paired-projects{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:25px}.paired-projects .feature-project:nth-child(2){padding-top:130px}.paired-projects .feature-project-media{aspect-ratio:.95}.paired-projects .project-name{grid-template-columns:1fr auto;gap:15px}.paired-projects .project-name>span:nth-child(2){grid-row:2;grid-column:1/-1}.paired-projects .project-name>span:last-child{grid-column:2;grid-row:1}.worlds-foot{display:flex;justify-content:space-between;align-items:center;margin-top:45px;font-size:14px;color:#505961}.motion-prologue{background:#090b0e;padding-bottom:20px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.motion-prologue>span{grid-column:1/-1;color:#b6c1ca;font-size:16px}.motion-prologue h2{font-size:clamp(50px,6.6vw,100px)}.motion-prologue p{max-width:400px;align-self:end;justify-self:end;font-size:18px}.circuit-experience{background:#090b0e;padding-top:30px!important;padding-bottom:90px!important}.circuit-heading{display:none}.circuit-stage{border-color:#ffffff2b;background:radial-gradient(ellipse at center,#24313c66,transparent 65%),#0a1015;box-shadow:inset 0 0 120px #0005;border-radius:14px}.circuit-centerpiece .circuit-word{font-family:Manrope,sans-serif;letter-spacing:-2px;font-weight:500}.circuit-centerpiece>text:nth-child(2){display:none}.circuit-controls{justify-content:space-between}.circuit-controls button{border-radius:30px;padding:12px 24px!important}.circuit-controls [aria-pressed=true]{background:#eef0ed;color:#090b0e}.circuit-controls #circuit-play{background:none;color:#d8e2e8}.circuit-method{display:none}.circuit-bottom{grid-template-columns:1fr 1fr!important}.circuit-bottom>p{display:none}.circuit-bottom>a{justify-self:end;align-self:center}.circuit-live{font-size:14px}.circuit-stage-top>span:last-child{font-size:14px}.circuit-disclaimer{font-size:14px;color:#aeb8c1;margin-top:20px}.destination-explorer{background:#171e24}.destination-explorer h2{font-size:clamp(40px,5vw,76px)}.destination-tabs button[aria-pressed=true]{color:#090b0e;background:#e3e7e8;border-color:#e3e7e8}.destination-tabs{border:0;gap:5px}.destination-tabs button{border:1px solid #ffffff30;border-radius:30px;padding:12px 20px}.capabilities{background:var(--paper);color:var(--night)}.capabilities-head{display:flex;justify-content:space-between;align-items:start;gap:60px;margin-bottom:75px}.capabilities-head>span{font-size:16px;padding-top:10px;max-width:220px}.capabilities-head h2{font-size:clamp(42px,5vw,76px);max-width:800px}.capability{display:grid;grid-template-columns:1fr 1.1fr 1.1fr auto;align-items:center;gap:35px;padding:35px 0;border-top:1px solid #090b0e40;transition:padding .3s}.capability>span:first-child{font-size:15px;color:#4f5860}.capability h3{font-size:clamp(36px,4.5vw,65px)}.capability p{font-size:16px;color:#515b63}.capability>span:last-child{font-size:35px}.capability:hover{padding-left:20px}.studio-editorial{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;background:#090b0e}.studio-editorial-image{position:relative;aspect-ratio:.9;overflow:hidden}.studio-editorial-image img{width:100%;height:100%;object-fit:cover}.studio-editorial-image>span{position:absolute;bottom:25px;left:25px;right:25px;background:#090b0eaa;padding:15px;font-size:15px}.studio-editorial-copy>span{font-size:15px;color:#b7c1c8}.studio-editorial h2{font-size:clamp(40px,4.5vw,68px);margin:35px 0}.studio-editorial p{font-size:18px}.studio-editorial .text-link{display:flex;max-width:max-content;margin-top:30px}.notes-teaser{background:#171e24}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.notes-grid>a{border-top:1px solid #fff6;padding:25px 0;display:flex;flex-direction:column;gap:35px;align-items:start}.notes-grid h3{font-size:clamp(25px,2.6vw,40px)}.notes-grid span{font-size:14px;color:#b5c1ca}.notes-grid span:last-child{font-size:30px;color:white;margin-top:auto;transition:transform .2s}.notes-grid a:hover span:last-child{transform:translate(5px,-5px)}.final-invitation{background:var(--paper);color:var(--night)}.final-invitation>span{font-size:18px}.final-invitation>a{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:40px 0 60px}.final-invitation h2{font-size:clamp(56px,9vw,135px);line-height:.98;letter-spacing:-.065em}.final-invitation>a>span{font-size:160px}.final-invitation>div{display:flex;align-items:center;justify-content:space-between;gap:25px}.final-invitation p{font-size:17px;color:#4a545d}.final-invitation .button{background:#090b0e;color:white}.footer{padding:60px 6% 25px}.footer-top{grid-template-columns:1fr 1fr 1fr}.footer .logo img{width:260px}.footer-top p{font-size:18px}.footer-bottom{padding-top:35px}.page-intro{background:var(--paper);padding:85px 6%}.page-intro h1{font-weight:400}.case-hero{overflow:hidden}.case-hero img{transition:transform 1.2s}.case-hero:hover img{transform:scale(1.025)}.inner .closing{background:var(--paper);color:var(--night)}.inner .closing .button{background:#090b0e;color:white}.inner .closing .kicker{color:#4f5860}.inner .closing-track{stroke:#566b79}.journal-body{max-width:1000px;margin:auto}.journal-body h2{font-size:38px;margin:55px 0 20px}.journal-body p{font-size:20px;line-height:1.8;max-width:65ch}.motion-paused .world-media img,.motion-paused .rotating-emblem svg{animation-play-state:paused}.image-reveal{clip-path:inset(0 0 0 0)}
@media(max-width:1020px){.header,.home .header{height:84px;padding:0 5%}.inner{padding-top:84px}.mobile-nav{inset:84px 0 0!important}.global-motion{margin-left:auto}.header-cta{margin-left:0;padding:10px}.world-hero{min-height:760px;padding-top:125px}.world-hero h1{font-size:13.5vw}.manifesto-lower{grid-template-columns:.6fr 2fr;gap:35px}.manifesto-lower>a{grid-column:2;justify-self:start}.concept-credit{max-width:170px}.capability{grid-template-columns:1fr 1.3fr auto}.capability p{grid-row:2;grid-column:2;max-width:400px}.capability>span:last-child{grid-column:3;grid-row:1}.capabilities-head{display:block}.capabilities-head h2{margin-top:25px}.paired-projects .feature-project:nth-child(2){padding-top:75px}.world-bottom{flex-wrap:wrap}.world-intro{font-size:15px}}
@media(max-width:700px){.header .logo img{width:170px}.global-motion{font-size:14px;padding:6px;max-width:75px;line-height:1.2}.header .menu-toggle{width:46px;height:42px;flex-shrink:0}.header{gap:12px}.header-cta{display:none}.menu-preview{display:none}.mobile-nav{padding:25px 7%!important}.mobile-nav>a{width:100%;font-size:34px;padding:7px 0}.mobile-nav>a:last-of-type{font-size:22px;margin-top:12px}.world-hero{min-height:720px;height:100svh;max-height:1000px;padding:115px 6% 28px}.world-intro{display:block;max-width:220px}.world-intro>span:last-child{display:none}.world-hero h1{font-size:clamp(66px,16vw,100px);line-height:.95;letter-spacing:-.065em;margin:60px 0 100px}.world-media img{object-position:56% center}.world-vignette{background:linear-gradient(#0005,transparent 40%,#000c),linear-gradient(90deg,#0007,transparent)}.world-bottom{display:grid;grid-template-columns:1fr;gap:25px}.world-enter{font-size:16px}.world-enter>span{width:40px;height:40px}.world-picker{justify-self:start}.world-picker button{font-size:15px;padding:10px 22px}.concept-credit{max-width:none;font-size:14px}.world-skip{top:94px}.manifesto{padding:65px 6%}.manifesto-label{display:block;margin-bottom:35px}.manifesto-label>span:last-child{display:block;margin-top:8px;font-size:14px}.manifesto h2{font-size:clamp(40px,10vw,66px)}.manifesto-lower{grid-template-columns:1fr;gap:25px;margin-top:35px}.manifesto-lower p{font-size:17px}.manifesto-lower>a{grid-column:1}.rotating-emblem{width:55px;height:55px}.concept-worlds-heading{display:block;margin-bottom:30px}.concept-worlds-heading h2{font-size:39px}.concept-worlds-heading p{margin-top:25px;font-size:16px}.concept-worlds{padding-top:20px}.feature-project-media{aspect-ratio:1.1}.project-name{grid-template-columns:1fr auto;gap:12px;padding:20px 0}.project-name h3{font-size:39px}.project-name>span:nth-child(2){grid-row:2;grid-column:1/-1}.project-name>span:last-child{grid-row:1;grid-column:2}.paired-projects{grid-template-columns:1fr;gap:30px;margin-top:30px}.paired-projects .feature-project:nth-child(2){padding-top:0}.paired-projects .feature-project-media{aspect-ratio:1.1}.worlds-foot{align-items:start;flex-direction:column;gap:25px;margin-top:25px}.motion-prologue{display:block;padding-bottom:15px}.motion-prologue h2{font-size:55px;margin:25px 0}.motion-prologue p{font-size:16px}.circuit-experience{padding-bottom:60px!important}.circuit-controls{gap:15px;flex-wrap:wrap}.circuit-controls button{padding:9px 17px!important;font-size:14px}.circuit-stage{margin:0 -4%;border-radius:8px}.circuit-stage-top{font-size:14px}.circuit-stage-top>span:last-child{display:none}.circuit-bottom{grid-template-columns:1fr!important;gap:25px}.circuit-bottom>a{justify-self:start}.circuit-centerpiece .circuit-word{font-size:36px}.circuit-centerpiece>circle,.circuit-centerpiece>path{display:none}.destination-explorer h2{font-size:39px}.capabilities-head{margin-bottom:40px}.capabilities-head h2{font-size:39px}.capability{grid-template-columns:1fr auto;padding:25px 0;gap:15px}.capability>span:first-child{grid-column:1/-1}.capability h3{font-size:43px;grid-row:2}.capability p{grid-column:1;grid-row:3;font-size:16px}.capability>span:last-child{grid-column:2;grid-row:2}.studio-editorial{grid-template-columns:1fr;gap:40px}.studio-editorial-image{aspect-ratio:1.1}.studio-editorial h2{font-size:42px;margin:25px 0}.studio-editorial p{font-size:16px}.notes-grid{grid-template-columns:1fr;gap:20px}.notes-grid>a{gap:20px}.notes-grid h3{font-size:32px}.final-invitation h2{font-size:clamp(44px,11vw,75px)}.final-invitation>a{align-items:end;gap:10px;margin:35px 0}.final-invitation>a>span{font-size:54px}.final-invitation>div{display:block}.final-invitation .button{margin-top:25px}.footer .logo img{width:220px}.journal-body h2{font-size:30px}.journal-body p{font-size:17px}.page-intro{padding:55px 6%}}
.service-visual{margin:0;height:55vh;min-height:330px;position:relative}.service-visual img{width:100%;height:100%;object-fit:cover}.service-visual figcaption{position:absolute;bottom:20px;left:6%;background:#090b0ed9;padding:8px 15px;font-size:14px}.gallery-tools{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:20px}.gallery-tools button{padding:10px 16px;border:1px solid #ffffff60;background:#171e24;color:white;font-size:15px}.gallery-tools button[aria-pressed=true]{background:#dce3e8;color:#090b0e}#gallery-dialog{overflow:auto}#gallery-dialog img{transition:transform .3s;transform-origin:center}#gallery-dialog[data-zoom=true] img{transform:scale(1.65);cursor:zoom-out}#gallery-dialog>p{position:relative;background:#090b0ee8;margin:0;padding:16px;text-align:center}.gallery-tools{position:relative;z-index:2;background:#090b0e}.circuit-centerpiece .circuit-word{font-size:50px}.circuit-controls{margin-bottom:25px}.circuit-stage{overflow:hidden}.header .menu-toggle span{display:block;width:20px;height:1px;background:currentColor;flex:none}.mobile-nav{background:#090b0e}.menu-preview img{opacity:.85}
@media(prefers-reduced-motion:reduce){.world-media img,.rotating-emblem svg,.opening .opening-line path,.opening h1{animation:none!important}.opening-line{display:none}.feature-project-media img,.case-hero img{transition:none}}