@font-face{font-family:Sora;src:url('/assets/fonts/Sora-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Orbitron;src:url('/assets/fonts/Orbitron-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--screen:#0c0c0c;--cyan:#00e5ff;--purple:#b200ff;--pink:#ff3d8f;--orange:#ff8a00;--lime:#d9ff00;--text:#f7f7fa;--muted:#d0d0d9;--spectrum:linear-gradient(100deg,var(--cyan),var(--purple),var(--pink),var(--orange),var(--lime));--station-top:112px;--station-bottom:94px;--page-gutter:5vw}
*{box-sizing:border-box}
html{background:var(--screen);color:var(--text);font-family:Sora,Arial,sans-serif;scroll-behavior:smooth}
body{margin:0;min-width:280px}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}h2:focus{outline:none}
p{line-height:1.55}svg{display:block;max-width:100%}
.skip-link{position:fixed;top:12px;left:50%;transform:translate(-50%,-180%);background:#111;padding:12px;z-index:50}.skip-link:focus{transform:translate(-50%,0)}
.navigation{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;padding:max(22px,env(safe-area-inset-top)) max(4vw,env(safe-area-inset-right)) 10px max(4vw,env(safe-area-inset-left));pointer-events:none}
.navigation a{pointer-events:auto}.brand img{display:block;width:clamp(82px,7.1vw,124px);height:clamp(82px,7.1vw,124px);object-fit:contain;filter:drop-shadow(0 0 14px #7e37dd40)}
.back{font-size:clamp(12px,1vw,16px);text-decoration:none;text-shadow:0 2px 10px #000;padding:17px 0}.back span{margin-left:15px;color:var(--cyan)}
.scene{position:fixed;inset:0;overflow:hidden;z-index:0;background:#020306}.scene video,.scene-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene video{opacity:0}.video-ready .scene video{opacity:1}
.shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 30%,transparent 70%,#0005);pointer-events:none}.screen-surface{position:absolute;inset:0;background:var(--screen);opacity:0;pointer-events:none}.enhanced.is-reading .screen-surface{opacity:1}.enhanced.is-reading .shade{opacity:0}
/* The single WebGL cloth lives directly under body. It has no illustration box. */
.studio-mesh-background{position:fixed;inset:0;width:100%;height:100svh;display:block;pointer-events:none;z-index:1}
#journey{position:static}
.arrival{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:140px 7vw 125px;background:linear-gradient(90deg,#0005,transparent)}
.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:500;color:#a2eafa;line-height:1.5}h1{font-family:Orbitron,Sora,sans-serif;font-size:clamp(32px,4vw,64px);line-height:1.14;letter-spacing:-.025em;margin:10px 0 18px}.arrival>p:not(.eyebrow){font-size:15px;max-width:440px;color:#d0d8e1}.enter{display:inline-flex;align-items:center;gap:28px;width:fit-content;margin-top:12px;text-decoration:none;border-bottom:1px solid var(--cyan);padding:10px 0;font-size:14px}
/* Real HTML occupies the calm part of each living mesh composition. */
.stations{background:transparent}.station{position:relative;z-index:5;padding:130px var(--page-gutter) 110px;min-height:100svh;scroll-margin-top:0;background:transparent;text-shadow:0 2px 16px #0008}
.station-shell{width:min(1510px,100%);margin:0 auto;position:relative;min-width:0}
.station-label{font-size:clamp(13px,1.12vw,18px);font-weight:400;letter-spacing:.16em;color:#d4d2db;line-height:1.5;margin:0 0 19px}
.station h2{font-family:Orbitron,Sora,Arial,sans-serif;font-size:clamp(38px,3.7vw,62px);line-height:1.16;font-weight:700;letter-spacing:-.025em;margin:0 0 25px;text-wrap:balance}
.station .lead{font-size:clamp(16px,1.28vw,22px);font-weight:400;line-height:1.55;color:var(--muted);margin:0;max-width:62ch}
.station h3{font-size:clamp(16px,1.23vw,21px);line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:0 0 8px}
.station-note{font-size:clamp(12px,.96vw,16px);line-height:1.6;color:#d1cdd7;text-align:center;margin:24px 0 0}
.enhanced #journey{height:2200svh}.enhanced .arrival{position:fixed;inset:0;min-height:0;will-change:opacity;z-index:2}
.enhanced .station{position:fixed;inset:var(--station-top) max(var(--page-gutter),env(safe-area-inset-right)) var(--station-bottom) max(var(--page-gutter),env(safe-area-inset-left));padding:0;min-height:0;opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#555 transparent;-webkit-overflow-scrolling:touch}
.enhanced .station.is-active{opacity:1;visibility:visible;pointer-events:auto}.enhanced .station-shell{min-height:100%}.enhanced .station.is-active .station-shell{animation:station-arrives .6s ease both}
.enhanced .station:not(.is-active) *{animation-play-state:paused!important}
/* Essence: open text at left, with the goal anchored above the journey controls. */
.essence-layout{display:flex;align-items:center;padding:0 0 75px 9.5%}
.essence-copy{width:min(720px,64%);padding:14px 0 25px}.essence-copy h2{max-width:13em}.essence-copy .lead{max-width:30em}
.essence-reach{font-size:clamp(16px,1.25vw,21px);line-height:1.55;color:#d5d2dd;margin:23px 0 0}
.studio-goal{position:absolute;left:0;bottom:18px;max-width:750px}.studio-goal p{font-size:clamp(12px,1vw,16px);line-height:1.4;letter-spacing:.14em;color:#ccc9d5;margin:0 0 8px}.studio-goal strong{font-size:clamp(17px,1.37vw,23px);line-height:1.5;font-weight:600;letter-spacing:-.025em}
@media(min-width:1101px){.essence-break{display:block}.essence-copy h2{text-wrap:initial}}
/* Process: the five steps stay readable while energy travels through the space. */
.process-layout{display:flex;flex-direction:column;justify-content:center;padding:0 3.5% 65px}
.process-intro{max-width:740px}.process-intro h2{font-size:clamp(42px,4vw,67px);margin-bottom:18px}.process-intro .station-label{margin-bottom:13px}
.creation-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:44px 0 0;gap:32px}
.creation-steps li{position:relative;min-width:0;text-align:left}.creation-steps h3{margin:16px 0 7px}.creation-steps p{color:var(--muted);font-size:clamp(14px,1.08vw,18px);line-height:1.5;margin:0;max-width:22ch}
.step-star{display:block;width:10px;height:10px;border-radius:50%;background:var(--step-color);box-shadow:0 0 9px var(--step-color),0 0 20px color-mix(in srgb,var(--step-color) 55%,transparent)}
.process-layout>.station-note{margin-top:34px;text-align:left}
/* Care: a quiet centre, with four concise benefits surrounded by the cloth. */
.care-layout{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 6%}
.care-intro{text-align:center;max-width:1030px}.care-intro h2{max-width:13em;margin:0 auto 22px}.care-intro .lead{margin:auto}.care-intro .station-label{margin-bottom:18px}
.care-universe{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:30px;width:min(1010px,91%);margin-top:39px}
.care-point{display:flex;gap:22px;align-items:flex-start;min-width:0}.care-point p{font-size:clamp(14px,1.12vw,18px);line-height:1.55;color:var(--muted);margin:0;max-width:30ch}
.care-visual{grid-area:1/1}.care-mobile{grid-area:2/1}.care-google{grid-area:1/2}.care-guarantee{grid-area:2/2}
.care-icon{flex:none;display:grid;place-items:center;width:61px;height:61px;border:1.5px solid var(--point-color);border-radius:50%;color:var(--point-color);box-shadow:0 0 12px color-mix(in srgb,var(--point-color) 8%,transparent)}.care-icon svg{width:32px;height:32px}
.care-layout>.station-note{margin-top:33px}
/* The left side is open for the living mesh; the company copy stays at right. */
.people-layout{display:grid;grid-template-columns:40% 60%;align-items:center;gap:0;padding:0 3%}
.portrait-area{width:82%;margin:0 auto}.portrait-outline{position:relative;height:clamp(320px,49vh,500px);display:grid;place-items:center;text-align:center;padding:30px}
.portrait-outline:before,.portrait-outline:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#cac5d099,#cac5d099) left top/23px 1px no-repeat,linear-gradient(#cac5d099,#cac5d099) left top/1px 23px no-repeat,linear-gradient(#cac5d099,#cac5d099) right bottom/23px 1px no-repeat,linear-gradient(#cac5d099,#cac5d099) right bottom/1px 23px no-repeat}
.portrait-outline:after{transform:scaleX(-1)}.portrait-outline p{font-size:clamp(13px,1.14vw,19px);line-height:1.6;color:#c6c1ce;margin:0}.portrait-outline p br{display:none}
.people-copy{grid-column:2;padding:8px 0 8px 5%}.people-copy h2{font-size:clamp(33px,3.2vw,54px);max-width:17em}.people-copy .lead{font-size:clamp(16px,1.33vw,23px);max-width:35em}
.pending-bio{font-size:clamp(13px,1.08vw,18px);line-height:1.6;color:#beb8c8;margin:20px 0 29px}
.studio-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:0 0 25px}.studio-values>div{position:relative;padding-left:20px;min-width:0}.studio-values>div:before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:var(--point-color);box-shadow:0 0 11px var(--point-color)}
.studio-values dt{font-size:clamp(14px,1.17vw,19px);font-weight:600;line-height:1.4;margin-bottom:7px;letter-spacing:-.025em}.studio-values dd{font-size:clamp(13px,1.02vw,17px);line-height:1.55;color:var(--muted);margin:0}
.direct-contact{display:inline-flex;align-items:center;gap:12px;font-size:clamp(13px,1.06vw,18px);line-height:1.5;text-decoration:none}.direct-contact span{color:var(--cyan);font-size:22px}.direct-contact:hover{text-decoration:underline;text-underline-offset:5px}
/* The official logo and calls to action sit inside the final opening in the mesh. */
.station-finale{mix-blend-mode:screen}
.finale-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 4%}
.finale-brand{width:min(420px,34vw);position:relative;margin:0 0 15px;mix-blend-mode:screen;flex:none}.logo-float{width:100%}.logo-window{width:100%;aspect-ratio:2.2;overflow:hidden;position:relative;mask-image:none}.logo-window img{position:absolute;width:110%;max-width:none;height:auto;left:-5%;top:-48%;filter:contrast(1.1) drop-shadow(0 0 10px #b200ff1b)}
.enhanced .station-finale.is-active .logo-window img{animation:logo-current-light 9s ease-in-out infinite}
@keyframes logo-current-light{0%,100%{filter:contrast(1.1) brightness(1) drop-shadow(0 0 10px #b200ff1b)}50%{filter:contrast(1.1) brightness(1.15) drop-shadow(0 0 15px #dc40ff50)}}
.finale-copy{max-width:1060px}.finale-copy .station-label{margin:0 0 14px;letter-spacing:.08em}.finale-copy h2{font-size:clamp(37px,3.4vw,58px);line-height:1.17;max-width:21em;margin:0 auto 22px}.finale-copy .lead{margin:0 auto;max-width:60em;font-size:clamp(15px,1.2vw,20px)}
.finale-actions{display:flex;justify-content:center;gap:27px;margin-top:28px}.studio-button{--button-colors:linear-gradient(100deg,#00e5ff,#b200ff,#ff3d8f);border:2px solid transparent;border-radius:99px;padding:17px 27px;background:linear-gradient(#0b0b0b,#0b0b0b) padding-box,var(--button-colors) border-box;display:inline-flex;align-items:center;justify-content:center;gap:23px;font-size:clamp(14px,1.06vw,18px);font-weight:500;text-decoration:none;transition:box-shadow .2s,background-color .2s}.studio-button span{font-size:22px;color:var(--pink)}.studio-button-warm{--button-colors:linear-gradient(100deg,#ff3d8f,#ff8a00,#d9ff00)}.studio-button-warm span{color:var(--lime)}.studio-button:hover{box-shadow:0 0 22px #b200ff40}.studio-button-warm:hover{box-shadow:0 0 22px #ff8a0040}
.package-names{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 25px;padding:0;margin:26px 0 0;list-style:none;color:#c0b9cc;font-size:clamp(12px,.93vw,16px);letter-spacing:.09em;line-height:1.5}.package-names li{position:relative}.package-names li+li:before{content:'·';position:absolute;left:-15px;color:#c4bacf}
/* Travel controls remain independent of the five compositions. */
.travel-controls{display:none}.enhanced .travel-controls{position:fixed;bottom:0;left:4vw;right:4vw;z-index:20;padding:16px 0 max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #ffffff2d;background:linear-gradient(0deg,#050509b8,transparent);text-shadow:0 2px 12px #000}
.travel-controls button{font-size:clamp(11px,.93vw,15px);white-space:nowrap;padding:10px 0;min-height:40px}.travel-controls button span{color:var(--cyan);margin-left:8px}.travel-controls button:disabled{opacity:.3;cursor:default}
.travel-status{width:230px;font-size:clamp(11px,.85vw,14px);letter-spacing:.07em;color:#c6c0d0;text-align:center}.progress-track{height:2px;background:#ffffff18;margin-top:10px;overflow:hidden}.progress-track span{display:block;height:100%;width:100%;background:var(--spectrum);transform:scaleX(0);transform-origin:left}
.load-message{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);font-size:12px;color:#d9e5ee;z-index:25;text-align:center;pointer-events:none}
/* Static reading is an ordinary document, with the same full-viewport atmosphere. */
.static-mode .scene{position:absolute;height:100svh}.static-mode .load-message{display:none}.static-mode .travel-controls{display:block;position:fixed;right:20px;bottom:16px;z-index:25;padding:8px 14px;border:1px solid #ffffff25;border-radius:30px;background:#020306e8}.static-mode .travel-status,.static-mode #next-stop{display:none}.static-mode #motion-toggle{font-size:12px;padding:5px}.static-mode .station *,.page-hidden .station *{animation-play-state:paused!important}.static-mode .navigation{background:linear-gradient(#0c0c0c88,transparent)}.static-mode .station-shell{min-height:calc(100svh - 240px)}
@keyframes station-arrives{from{opacity:0}to{opacity:1}}
/* Compact desktops keep every station within the original single screen. */
@media(min-width:1101px) and (max-height:800px){
 :root{--station-top:95px;--station-bottom:78px}.navigation{padding-top:15px}.brand img{width:85px;height:85px}.back{padding-top:12px}
 .station h2{font-size:clamp(36px,3.65vw,52px);margin-bottom:20px}.station .lead{font-size:17px}.station-label{font-size:13px;margin-bottom:14px}
 .essence-layout{padding-bottom:70px}.essence-copy{width:min(680px,66%);padding-top:0}.essence-reach{font-size:17px;margin-top:18px}.studio-goal{bottom:6px}.studio-goal strong{font-size:18px}
 .process-intro h2{font-size:clamp(41px,3.7vw,55px)}.creation-steps{margin-top:31px;gap:25px}.creation-steps h3{font-size:17px;margin-top:12px}.creation-steps p{font-size:14px}.process-layout>.station-note{font-size:12px;margin-top:26px}
 .care-intro h2{max-width:13em;font-size:46px}.care-universe{margin-top:28px;gap:26px 56px;width:88%}.care-point{gap:18px}.care-point h3{font-size:17px}.care-point p{font-size:14px}.care-icon{width:50px;height:50px}.care-icon svg{width:27px;height:27px}.care-layout>.station-note{font-size:13px;margin-top:25px}
 .people-copy h2{font-size:39px}.people-copy .lead{font-size:17px}.pending-bio{font-size:14px;margin:16px 0 24px}.studio-values{gap:16px;margin-bottom:23px}.studio-values dt{font-size:15px}.studio-values dd{font-size:13px}.direct-contact{font-size:14px}
 .finale-brand{width:min(345px,29vw);margin-bottom:10px}.finale-copy h2{font-size:43px;margin-bottom:18px}.finale-copy .station-label{margin-bottom:11px}.finale-copy .lead{font-size:16px}.finale-actions{margin-top:23px}.studio-button{font-size:14px;padding:14px 23px}.package-names{font-size:12px;margin-top:22px}
 .enhanced .travel-controls{padding:12px 0}.travel-controls button{font-size:11px}
}
/* Tablets retain an open composition, without miniaturising desktop text. */
@media(min-width:701px) and (max-width:1100px){
 :root{--station-top:104px;--station-bottom:83px;--page-gutter:5vw}.brand img{width:76px;height:76px}.station h2{font-size:39px}.station .lead{font-size:18px}.station-label{font-size:14px}
 .essence-layout{padding-left:5%;padding-bottom:100px}.essence-copy{width:80%;max-width:650px}.essence-copy h2{max-width:13em}.essence-reach{font-size:18px}.studio-goal{max-width:620px;bottom:20px}.studio-goal strong{font-size:21px}
 .process-layout{padding:0 2%;justify-content:center}.process-intro h2{font-size:43px}.creation-steps{gap:18px;margin-top:41px}.creation-steps h3{font-size:16px}.creation-steps p{font-size:13px}.process-layout>.station-note{font-size:13px}
 .care-layout{padding:0 2%}.care-intro h2{font-size:41px}.care-universe{width:95%;gap:32px}.care-point{gap:15px}.care-point h3{font-size:17px}.care-point p{font-size:15px}.care-icon{width:49px;height:49px}.care-icon svg{width:26px;height:26px}.care-layout>.station-note{font-size:13px;max-width:580px}
 .people-layout{grid-template-columns:36% 64%;padding:0;gap:0}.portrait-area{width:90%}.portrait-outline{height:390px;padding:15px}.portrait-outline p{font-size:13px}.people-copy h2{font-size:32px}.people-copy .lead{font-size:16px}.pending-bio{font-size:13px}.studio-values{grid-template-columns:1fr;gap:15px;margin-bottom:22px}.studio-values>div{padding-left:21px}.studio-values dt{font-size:16px;margin-bottom:3px}.studio-values dd{font-size:14px}.direct-contact{font-size:13px}
 .finale-brand{width:360px;max-width:48vw}.finale-copy h2{font-size:40px}.finale-copy .lead{font-size:17px}.studio-button{font-size:14px;padding:16px 22px;gap:16px}.package-names{font-size:12px}
 .travel-status{width:150px;font-size:11px}.travel-controls button{font-size:11px}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){
 .essence-layout{align-items:flex-start;padding-top:80px;padding-bottom:90px}.essence-copy{width:96%;max-width:660px}.essence-copy h2{font-size:46px}.essence-copy .lead{max-width:29em}.studio-goal{bottom:45px;font-size:22px}
 .process-intro h2{font-size:45px}.creation-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px;margin-top:45px}.creation-steps p{font-size:15px}.creation-steps h3{font-size:17px}.process-layout>.station-note{margin-top:31px}
 .care-universe{width:96%;margin-top:42px;gap:32px 26px}.care-point{gap:15px}.care-icon{width:46px;height:46px}.care-point h3{font-size:17px}.care-point p{font-size:15px}
 .people-layout{grid-template-columns:35% 65%}.portrait-outline{height:480px}.people-copy h2{font-size:32px}.people-copy .lead{font-size:18px}.studio-values{gap:22px}.studio-values dt{font-size:18px}.studio-values dd{font-size:16px}.direct-contact{font-size:14px}
 .finale-brand{width:400px;max-width:65vw;margin-bottom:25px}.finale-copy h2{font-size:44px}.finale-copy .lead{font-size:18px}.finale-actions{margin-top:32px;gap:20px}.studio-button{font-size:14px}.package-names{margin-top:30px}
}
/* Portrait phones: all approved information remains available inside each screen. */
@media(max-width:700px){
 :root{--station-top:90px;--station-bottom:78px;--page-gutter:24px}.navigation{padding:14px 20px}.brand img{width:59px;height:59px}.back{font-size:11px;padding-top:10px}.back span{margin-left:8px}
 .arrival{padding:110px 24px 125px}.arrival h1{font-size:34px}.arrival>p:not(.eyebrow){font-size:14px;max-width:310px}.station{padding:105px 24px 100px}.station h2{font-size:29px;line-height:1.2;letter-spacing:-.025em;margin-bottom:19px}.station .lead{font-size:15px;line-height:1.6}.station-label{font-size:12px;letter-spacing:.14em;margin-bottom:16px}.station-note{font-size:12px;line-height:1.6}
 .station-shell{padding-top:14px;padding-bottom:24px}.essence-layout{display:flex;align-items:center;padding:14px 0 115px}.essence-copy{width:100%;padding:0}.essence-copy h2{max-width:12em}.essence-copy .lead{max-width:29em}.essence-reach{font-size:15px;margin-top:21px}.studio-goal{bottom:18px;max-width:95%}.studio-goal p{font-size:11px;margin-bottom:7px}.studio-goal strong{font-size:16px;line-height:1.5}
 .process-layout{padding:14px 0 22px;justify-content:flex-start}.process-intro h2{font-size:31px;line-height:1.2}.process-intro .lead{font-size:14px}.creation-steps{grid-template-columns:1fr;gap:23px;margin-top:30px}.creation-steps li{padding-left:24px}.step-star{position:absolute;left:0;top:6px;width:7px;height:7px}.creation-steps h3{font-size:16px;margin:0 0 5px}.creation-steps p{font-size:14px;max-width:none}.process-layout>.station-note{font-size:12px;text-align:left;margin-top:24px;padding-left:24px}
 .care-layout{padding:14px 0 24px;align-items:stretch;justify-content:flex-start}.care-intro{text-align:left}.care-intro h2{font-size:29px;max-width:13em;margin-left:0}.care-intro .lead{font-size:15px}.care-intro .station-label{margin-bottom:15px}.care-universe{grid-template-columns:1fr;width:100%;gap:23px;margin-top:29px}.care-point{grid-area:auto;gap:15px;align-items:flex-start}.care-point h3{font-size:16px;margin-bottom:5px}.care-point p{font-size:14px;max-width:none}.care-icon{width:44px;height:44px;margin-top:2px}.care-icon svg{width:24px;height:24px}.care-layout>.station-note{text-align:left;font-size:12px;margin-top:24px}
 .people-layout{display:flex;flex-direction:column;align-items:stretch;padding:14px 0 24px}.people-copy{padding:0}.people-copy h2{font-size:29px}.people-copy .lead{font-size:15px}.portrait-area{width:100%;order:2;margin-top:32px}.portrait-outline{height:225px;padding:20px}.portrait-outline p{font-size:13px}.pending-bio{font-size:13px;margin:18px 0 24px}.studio-values{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.studio-values dt{font-size:16px;margin-bottom:4px}.studio-values dd{font-size:14px}.direct-contact{font-size:13px;gap:8px}.direct-contact span{font-size:18px}
 .finale-layout{padding:12px 0 25px}.finale-brand{width:300px;max-width:94%;margin:0 0 20px}.finale-copy .station-label{font-size:12px;margin-bottom:16px}.finale-copy h2{font-size:27px;line-height:1.24;max-width:13em;margin-bottom:22px}.finale-copy .lead{font-size:14px;line-height:1.6}.finale-actions{flex-direction:column;width:100%;max-width:340px;margin-top:25px;gap:13px}.studio-button{font-size:14px;padding:15px 18px;gap:19px}.studio-button span{font-size:20px}.package-names{font-size:10px;gap:9px 19px;margin-top:25px;letter-spacing:.055em}.package-names li+li:before{left:-12px}
 .enhanced .travel-controls{left:20px;right:20px;padding:12px 0 max(12px,env(safe-area-inset-bottom));gap:12px}.travel-controls button{font-size:10px;min-height:40px}.travel-controls button span{margin-left:4px}.travel-status{width:54px;flex-shrink:1}.travel-status>span{display:none}.progress-track{margin:0}.load-message{max-width:85%;font-size:11px}.static-mode .travel-controls{right:12px;bottom:12px}.static-mode .station-shell{min-height:0}.static-mode .station{min-height:100svh}.static-mode .essence-layout{min-height:calc(100svh - 205px)}
}
/* Landscape phones use a readable panel scroll instead of clipped or tiny text. */
@media(orientation:landscape) and (max-height:550px){
 :root{--station-top:66px;--station-bottom:61px;--page-gutter:5vw}.navigation{padding:10px 20px}.brand img{width:43px;height:43px}.back{font-size:11px;padding-top:8px}.arrival{padding:60px 7vw 72px}.arrival h1{font-size:28px;margin:8px 0}.arrival>p:not(.eyebrow){margin:6px 0;font-size:13px}.arrival .eyebrow{margin:0}.enter{margin:0;padding:8px 0}
 .station-shell{padding-top:12px;padding-bottom:24px}.station h2,.people-copy h2{font-size:30px;line-height:1.18}.station .lead{font-size:15px}.station-label{font-size:11px;margin-bottom:10px}
 .essence-layout{padding:12px 0 24px;display:block}.essence-copy{width:78%;max-width:650px;padding:0}.essence-copy h2{font-size:32px;max-width:18em}.essence-reach{font-size:14px}.studio-goal{position:static;max-width:100%;margin-top:29px}.studio-goal strong{font-size:16px}.studio-goal p{font-size:11px}
 .process-layout{padding:12px 0 24px;justify-content:flex-start}.process-intro h2{font-size:32px}.process-intro h2 br{display:none}.creation-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:27px;gap:25px}.creation-steps h3{font-size:15px}.creation-steps p{font-size:13px}.process-layout>.station-note{font-size:12px;margin-top:25px}
 .care-layout{padding:12px 0 24px;justify-content:flex-start}.care-intro h2{font-size:31px;max-width:19em}.care-universe{margin-top:28px;width:95%;gap:26px}.care-point{gap:12px}.care-icon{width:41px;height:41px}.care-icon svg{width:22px;height:22px}.care-point h3{font-size:15px}.care-point p{font-size:13px}.care-layout>.station-note{font-size:12px}
 .people-layout{grid-template-columns:34% 66%;padding:12px 0 24px}.portrait-outline{height:330px}.people-copy h2{font-size:28px}.people-copy .lead{font-size:15px}.pending-bio{font-size:12px}.studio-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.studio-values>div{padding-left:14px}.studio-values>div:before{width:6px;height:6px}.studio-values dt{font-size:13px}.studio-values dd{font-size:12px}.direct-contact{font-size:12px}
 .finale-layout{padding:12px 0 26px;display:grid;grid-template-columns:34% 66%;gap:20px 0;text-align:left;align-content:center}.finale-brand{grid-area:1/1/4/2;width:96%;max-width:none;margin:0}.finale-copy{grid-column:2}.finale-copy .station-label{font-size:11px;margin-bottom:10px}.finale-copy h2{font-size:28px;margin:0 0 17px;max-width:17em}.finale-copy .lead{font-size:13px}.finale-actions{grid-column:2;margin:0;gap:12px;flex-wrap:wrap;justify-content:flex-start}.studio-button{font-size:12px;padding:11px 15px;gap:12px}.studio-button span{font-size:18px}.package-names{grid-column:2;justify-content:flex-start;margin:0;gap:9px 19px;font-size:10px}.package-names li+li:before{left:-12px}
 .enhanced .travel-controls{left:20px;right:20px;padding:8px 0}.travel-status{width:100px}.travel-status>span{display:none}.progress-track{margin:0}.travel-controls button{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.station *{animation:none!important;transition:none!important}.enhanced .station.is-active .station-shell{opacity:1}}

/* Give the approved values room below the introduction without a biography placeholder. */
.people-copy .studio-values{margin-top:26px}