/* Product stories: actual screens, deliberate focus, one continuous visual language. */
.app-theatre{--signal:#baff38;grid-column:1/-1;min-width:0;background:#0b0e18;color:#f3f5fc;padding:42px;margin-top:32px;position:relative;isolation:isolate;overflow:hidden}
.app-theatre[data-app=sermo]{--signal:#c4a6ff}.app-theatre[data-app=gradus]{--signal:#b8c7ff}
.theatre-title{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-bottom:30px;border-bottom:1px solid #ffffff30}
.theatre-title small,.scene-kicker{font-size:10px;letter-spacing:.08em;color:var(--signal);display:block;line-height:1.5}
.theatre-title h3{font-size:clamp(36px,4.1vw,65px);letter-spacing:-.055em;line-height:1.04;margin-top:20px}.theatre-title>p{max-width:275px;font-size:14px;color:#b5c1da;line-height:1.6}
.scene-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:26px 0 32px;border-bottom:1px solid #ffffff25}
.scene-tabs button{display:grid;grid-template-columns:26px 1fr 18px;gap:8px;padding:18px 10px 18px 0;text-align:left;font-size:14px;align-items:center;border-bottom:2px solid transparent;color:#aebbd4;transition:color .3s,border-color .3s}
.scene-tabs button small{font-size:10px}.scene-tabs button b{font-size:20px;font-weight:400}.scene-tabs button[aria-selected=true]{color:var(--signal);border-bottom-color:var(--signal)}
.scene-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:36px;align-items:center}.screen-composition{position:relative;padding:28px 0 16px;perspective:1400px;min-width:0}
.screen-orbit{position:absolute;inset:0;pointer-events:none;opacity:.5;width:100%;height:100%;fill:none;stroke:var(--signal);stroke-width:.5}
.screen-main{display:block;width:100%;padding:0;border:1px solid #ffffff40;border-radius:7px;overflow:hidden;position:relative;z-index:1;box-shadow:0 18px 40px #0006;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s var(--ease);cursor:zoom-in;background:#e9edf4;aspect-ratio:1.5}
.screen-main img{display:block;width:100%;height:100%;object-fit:contain}.scene-copy{min-width:0}.scene-number{font-size:78px;letter-spacing:-.07em;color:var(--signal);line-height:1;margin-bottom:28px}
.scene-copy :is(h3,h4){font-size:27px;line-height:1.1;letter-spacing:-.04em;margin:17px 0}.scene-copy p{font-size:14px;color:#b5c1da;line-height:1.65}
.scene-focus{margin-top:30px;padding-top:20px;border-top:1px solid #ffffff30}.scene-focus>span{font-size:9px;color:var(--signal);letter-spacing:.04em}.focus-window{height:135px;margin-top:12px;overflow:hidden;background:#f3f5fc;border:1px solid #ffffff35;border-radius:4px;position:relative}
.focus-window img{position:absolute;width:var(--zoom,270%);max-width:none;height:auto;left:var(--focus-x,-50%);top:var(--focus-y,-20%)}
.theatre-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:22px;margin-top:24px;border-top:1px solid #ffffff30;font-size:11px;color:#acbad4}.theatre-foot button{color:var(--signal);display:flex;align-items:center;gap:30px;font-size:12px;min-height:44px}.theatre-foot button span{font-size:23px}
.scene-footnote{font-size:10px;color:#adbad3;margin-top:15px;line-height:1.6}
.journey .workspace-stage{padding-top:70px}.journey .app-theatre{padding:0;margin:0;overflow:visible}.journey .theatre-title h3{font-size:clamp(45px,5.4vw,85px)}.journey .scene-layout{grid-template-columns:minmax(0,1fr) 290px;gap:5vw}.journey .scene-copy :is(h3,h4){font-size:34px}.journey .scene-copy p{font-size:16px}.journey .focus-window{height:180px}.journey .scene-tabs{margin:40px 0}.journey .scene-tabs button{font-size:18px;padding-bottom:22px}.journey .screen-composition{padding:45px 0}
.scene-thumbs{display:flex;gap:14px;margin-top:22px}.scene-thumbs button{width:100px;height:66px;min-height:0;border:1px solid #ffffff40;padding:3px;border-radius:3px;opacity:.48;transition:opacity .3s,transform .3s}.scene-thumbs button[aria-pressed=true]{opacity:1;border-color:var(--signal);transform:translateY(-5px)}.scene-thumbs img{width:100%;height:100%;display:block;object-fit:cover}
.image-inspector{width:calc(100vw - 40px);max-width:1700px;max-height:calc(100svh - 40px);background:#0b0e18;color:#f3f5fc;padding:0;border:1px solid #ffffff30}.inspector-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 25px;position:sticky;top:0;background:#0b0e18;z-index:2;border-bottom:1px solid #ffffff30}.inspector-bar h2{font-size:20px;letter-spacing:-.025em;line-height:1.3}.inspector-tools{display:flex;align-items:center;gap:20px;font-size:12px}.inspector-tools button{padding:5px 12px;border:1px solid #ffffff50;border-radius:25px}.inspector-canvas{overflow:auto;max-height:calc(100svh - 150px);padding:20px;overscroll-behavior:contain}.inspector-canvas img{display:block;width:100%;max-width:none;height:auto;margin:auto}.inspector-canvas.zoomed img{width:1600px}.inspector-caption{margin:0;padding:0 25px 20px;font-size:11px;color:#b5c1da}
.journey-header{position:sticky;top:0;z-index:30;height:90px;border-bottom:1px solid #ffffff25}.journey-route-nav{display:flex;gap:25px;font-size:12px;margin-left:auto;align-items:center}.journey-route-nav a{min-height:44px;display:flex;align-items:center}.journey-header .journey-back{margin-left:0}.journey-route-nav a:hover{color:#baff38}.journey-header{gap:35px}
.signal-ribbon{height:160px;position:relative;margin-top:55px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.signal-ribbon svg{width:68%;height:100%;fill:none;stroke:currentColor;stroke-width:.75;opacity:.8}.signal-ribbon .ribbon-pulse{stroke-width:2;stroke-dasharray:14 900;animation:signalTravel 9s linear infinite}.signal-ribbon>span{font-size:11px;letter-spacing:.03em;line-height:1.7;max-width:150px;margin-right:2vw}.signal-ribbon b{display:block;font-size:35px;letter-spacing:-.04em;font-weight:400;margin-bottom:8px}
@keyframes signalTravel{to{stroke-dashoffset:-914}}
.product-word{position:relative;z-index:1}.product-word:after{content:attr(data-word);position:absolute;inset:8% 0 0;color:transparent;-webkit-text-stroke:1px currentColor;opacity:.16;transform:translate(4%,10%);pointer-events:none;z-index:-1}
.sector-path{position:relative;margin:65px 0 15px;padding:45px 0;border-top:1px solid #0b0e1830;border-bottom:1px solid #0b0e1830}.sector-path>p{max-width:620px;font-size:clamp(30px,3.7vw,56px);line-height:1.12;letter-spacing:-.05em}.sector-track{height:170px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;position:relative}.sector-track:before{content:'';position:absolute;left:35px;right:35px;top:50%;height:1px;background:#4154ef50}.sector-track button{z-index:1;width:80px;height:80px;border-radius:50%;background:#f3f5fc;border:1px solid #4154ef;color:#4154ef;font-size:24px;transition:background .4s,color .4s,transform .5s}.sector-track button[aria-pressed=true]{background:#4154ef;color:#fff;transform:scale(1.2)}.sector-track button:after{content:attr(data-caption);position:absolute;top:100%;margin-top:17px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#0b0e18;letter-spacing:.02em}.sector-track button{position:relative}.sector-path-output{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:50px;min-height:120px}.sector-path-output h3{font-size:36px;letter-spacing:-.04em;line-height:1.1}.sector-path-output p{font-size:17px;line-height:1.6;color:#4c5972}.journey-motion{font-size:11px;color:#b5c1da}
@media(max-width:1050px){.scene-layout,.journey .scene-layout{grid-template-columns:minmax(0,1fr) 210px;gap:25px}.app-theatre{padding:30px}.journey-route-nav{gap:16px}.journey-header{gap:23px}.scene-copy :is(h3,h4),.journey .scene-copy :is(h3,h4){font-size:27px}.theatre-title>p{max-width:230px}}
@media(max-width:700px){.app-theatre{margin-top:45px;padding:25px 20px}.theatre-title{display:block;padding-bottom:24px}.theatre-title h3,.journey .theatre-title h3{font-size:40px;margin-top:16px}.theatre-title>p{margin-top:18px;max-width:100%;font-size:14px}.scene-tabs,.journey .scene-tabs{margin:22px 0}.scene-tabs button,.journey .scene-tabs button{display:flex;flex-direction:column;align-items:start;font-size:12px;line-height:1.3;gap:10px;padding:10px 7px 14px 0;min-height:75px}.scene-tabs button b{display:none}.scene-layout,.journey .scene-layout{display:flex;flex-direction:column;gap:18px;align-items:stretch}.screen-composition,.journey .screen-composition{padding:14px 0;width:100%}.screen-main{border-radius:4px}.scene-copy{display:grid;grid-template-columns:1fr;gap:0}.scene-number{display:none}.scene-copy :is(h3,h4),.journey .scene-copy :is(h3,h4){font-size:30px;margin:12px 0}.scene-copy p,.journey .scene-copy p{font-size:15px}.scene-focus{margin-top:23px;padding-top:17px}.focus-window,.journey .focus-window{height:185px}.scene-thumbs{gap:10px;margin-top:17px}.scene-thumbs button{flex:1;width:auto;height:62px}.theatre-foot{margin-top:22px;font-size:10px;gap:12px;align-items:center}.theatre-foot button{gap:12px;font-size:11px;white-space:nowrap}.journey .workspace-stage{padding-top:45px}.scene-footnote{font-size:10px}.journey-header{height:auto;min-height:80px;gap:15px;flex-wrap:wrap;padding-top:14px;padding-bottom:10px}.journey-route-nav{gap:20px;order:4;width:100%;margin-left:0;border-top:1px solid #ffffff25;padding-top:4px}.journey-header .journey-back{margin-left:auto}.journey-contact{gap:10px}.journey-route-nav a{font-size:11px;min-height:34px}.journey-route-nav .journey-motion{margin-left:auto;min-height:34px;font-size:10px}.journey-meta{margin-top:0}.journey-hero{scroll-margin-top:124px}.signal-ribbon{height:120px;margin-top:38px}.signal-ribbon svg{width:65%}.signal-ribbon>span{font-size:9px;max-width:95px}.signal-ribbon b{font-size:26px}.product-word{margin-top:55px}.sector-path{margin-top:40px;padding-top:30px}.sector-path>p{font-size:34px}.sector-track{height:150px;margin-top:8px}.sector-track button{width:56px;height:56px;font-size:20px}.sector-track button:after{font-size:8px;margin-top:18px}.sector-path-output{grid-template-columns:1fr;gap:18px;margin-top:35px;min-height:210px}.sector-path-output h3{font-size:30px}.sector-path-output p{font-size:16px}.image-inspector{width:calc(100vw - 16px);max-height:calc(100svh - 16px)}.inspector-bar{padding:10px 14px;gap:12px;flex-wrap:wrap}.inspector-bar h2{font-size:17px}.inspector-tools{gap:12px}.inspector-canvas{padding:8px;max-height:calc(100svh - 200px)}.inspector-caption{padding:0 14px 16px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.screen-main{transform:none!important}.signal-ribbon .ribbon-pulse{animation:none}.scene-thumbs button{transition:none}}
.motion-paused .screen-main{transform:none!important}
.lens-marker{display:none;position:absolute;border:1px solid #4154ef;box-shadow:0 0 0 1px #fff9;pointer-events:none}.screen-main.inspecting .lens-marker{display:block}.screen-main.inspecting{cursor:crosshair}
.screen-main,.journey .screen-main{width:min(100%,calc(62svh * var(--screen-ratio,1.5)));margin-inline:auto}
.continuity-note{grid-column:1/-1;display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:8vw;padding:45px 42px;background:#0b0e18;color:#c4a6ff;border-top:1px solid #c4a6ff40}.continuity-note small{font-size:10px;letter-spacing:.07em}.continuity-note h3{font-size:clamp(40px,5vw,75px);letter-spacing:-.05em;line-height:1;margin:28px 0}.continuity-note p{max-width:470px;color:#bdc8df;font-size:17px;line-height:1.6}.continuity-note svg{width:100%;height:auto;overflow:visible}.sync-travel{animation:syncTravel 7s linear infinite}@keyframes syncTravel{to{stroke-dashoffset:-100}}.journey .continuity-note{padding:55px 0 0;margin-top:55px}
@media(max-width:700px){.screen-main,.journey .screen-main{width:min(100%,calc(55svh * var(--screen-ratio,1.5)))}.continuity-note,.journey .continuity-note{display:block;padding:32px 20px;margin-top:0}.continuity-note h3{font-size:44px;margin:22px 0}.continuity-note p{font-size:16px}.continuity-note svg{margin-top:30px;width:100%}.journey .continuity-note{padding-inline:0;margin-top:35px}}
.touch-instructions{display:none}.story-bridge{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid currentColor;padding-top:30px;margin-top:45px;font-size:clamp(20px,2.3vw,33px);line-height:1.3;letter-spacing:-.025em;max-width:100%}.story-bridge span{font-size:40px}.story-bridge+.app-theatre{margin-top:0}
.journey-hero:has(.hero-exhibit) .product-word{opacity:.16;margin-top:75px;margin-bottom:-8vw;line-height:.75}.journey-hero:has(.hero-exhibit) .product-word:after{display:none}
.hero-exhibit{position:relative;z-index:2;margin-top:0}.exhibit-caption{display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.045em;padding:26px 0 0}.exhibit-caption span:last-child{letter-spacing:0}
.exhibit-space{height:clamp(470px,41vw,700px);position:relative;perspective:1800px;margin:20px 0 5px}.exhibit-line{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.7;opacity:.38;transition:transform 1s var(--ease)}
.exhibit-plane{position:absolute;padding:0;text-align:left;border:1px solid #0b0e1840;overflow:hidden;background:#f3f5fc;color:#0b0e18;box-shadow:0 15px 35px #0b0e1833;transition:inset .9s var(--ease),width .9s var(--ease),transform .9s var(--ease),box-shadow .9s,opacity .9s;transform-origin:50% 100%;border-radius:5px;opacity:.93}
.exhibit-plane img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top}.plane-label{display:flex;align-items:center;gap:16px;padding:13px 16px;font-size:13px;background:#0b0e18;color:#f3f5fc;border-bottom:1px solid #ffffff25}.plane-label small{font-size:9px;color:#baff38}.plane-label b{margin-left:auto;font-size:20px;font-weight:400}.exhibit-plane[aria-pressed=true]{z-index:5;opacity:1;box-shadow:0 30px 70px #0b0e184a}.exhibit-plane:focus-visible{outline:3px solid currentColor;outline-offset:7px}
.exhibit-relo .plane-0{left:0;top:25px;width:58%;transform:rotate(-3deg)}.exhibit-relo .plane-1{left:60%;top:75px;width:40%;transform:rotate(3deg)}.exhibit-relo .plane-2{left:31%;top:62%;width:61%;transform:rotate(-1deg)}.exhibit-relo .plane-2 img{aspect-ratio:4.2;object-position:center 48%}
.exhibit-relo[data-focus="1"] .plane-1{left:42%;top:28px;width:58%;transform:rotate(0)}.exhibit-relo[data-focus="1"] .plane-0{left:0;width:40%;top:60px;transform:rotate(-4deg)}.exhibit-relo[data-focus="2"] .plane-2{left:18%;top:49%;width:77%;transform:none}.exhibit-relo[data-focus="2"] .plane-0{width:49%;top:10px}.exhibit-relo[data-focus="2"] .plane-1{left:61%;width:38%;top:15px}
.exhibit-sermo .plane-0{left:25%;top:20px;width:70%;transform:rotate(2deg)}.exhibit-sermo .plane-1{left:0;top:66px;width:31%;transform:rotate(-4deg);z-index:4}.exhibit-sermo .plane-1 img{aspect-ratio:620/625;object-fit:contain}.exhibit-sermo .plane-2{left:52%;top:64%;width:44%;transform:rotate(-2deg)}.exhibit-sermo .plane-2 img{aspect-ratio:3;object-position:center 30%}.exhibit-sermo[data-focus="1"] .plane-1{width:37%;left:6%;top:12px;transform:none}.exhibit-sermo[data-focus="1"] .plane-0{width:57%;left:42%;top:55px;transform:rotate(3deg)}.exhibit-sermo[data-focus="2"] .plane-2{width:63%;left:33%;top:54%;transform:none}.exhibit-sermo[data-focus="2"] .plane-1{width:28%;top:45px}.exhibit-sermo[data-focus="2"] .plane-0{width:62%;left:33%;top:18px}
.exhibit-gradus .plane-0{width:54%;left:0;top:20%;transform:rotate(-2deg)}.exhibit-gradus .plane-1{width:42%;left:33%;top:9%;transform:rotate(1deg)}.exhibit-gradus .plane-2{width:37%;left:63%;top:0;transform:rotate(3deg)}.exhibit-gradus[data-focus="1"] .plane-1{width:58%;left:24%;top:16%;transform:none}.exhibit-gradus[data-focus="1"] .plane-0{width:32%;left:0;top:31%;transform:rotate(-3deg)}.exhibit-gradus[data-focus="1"] .plane-2{width:33%;left:67%;top:0;transform:rotate(3deg)}.exhibit-gradus[data-focus="2"] .plane-2{width:59%;left:41%;top:15%;transform:none}.exhibit-gradus[data-focus="2"] .plane-0{width:32%;left:0;top:31%;transform:rotate(-3deg)}.exhibit-gradus[data-focus="2"] .plane-1{width:34%;left:29%;top:3%;transform:rotate(1deg)}
.exhibit-space:has(.exhibit-plane[aria-pressed=true]:hover) .exhibit-plane[aria-pressed=true]{transform:rotate(0) translateY(-8px)}.hero-exhibit[data-focus="1"] .exhibit-line{transform:scaleY(.72) rotate(3deg)}.hero-exhibit[data-focus="2"] .exhibit-line{transform:scaleY(.5) rotate(-3deg)}
.exhibit-story{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:25px;border-top:1px solid currentColor;margin-top:45px}.exhibit-story p{font-size:clamp(23px,2.6vw,40px);letter-spacing:-.04em;line-height:1.15}.exhibit-story button{display:flex;justify-content:space-between;align-items:center;gap:45px;padding:12px 0;border-bottom:1px solid currentColor;font-size:13px;white-space:nowrap}.exhibit-story button span{font-size:25px}.exhibit-note{font-size:10px;margin-top:25px;opacity:.8}
@media(max-width:900px){.exhibit-space{height:510px}.plane-label{padding:10px;font-size:11px;gap:10px}.exhibit-relo .plane-2{top:61%}.exhibit-gradus .plane-0{top:32%}.exhibit-gradus .plane-1{top:19%}.exhibit-gradus .plane-2{top:7%}.exhibit-story{margin-top:10px}.exhibit-story button{gap:18px}}
@media(max-width:700px){.fine-instructions{display:none}.touch-instructions{display:inline}.story-bridge{font-size:23px;margin-top:40px;padding-top:25px;gap:20px}.story-bridge span{font-size:28px}.journey-hero:has(.hero-exhibit) .product-word{margin-top:45px;margin-bottom:0;opacity:.28}.exhibit-caption{font-size:8px;line-height:1.5;padding-top:22px;gap:18px}.exhibit-caption span:last-child{text-align:right;max-width:110px}.exhibit-space{height:660px;margin-top:28px;perspective:none}.hero-exhibit .exhibit-plane{width:91%;left:0;transform:rotate(-1deg);opacity:1}.hero-exhibit .plane-0{top:0;left:0}.hero-exhibit .plane-1{top:32%;left:9%;transform:rotate(1deg)}.hero-exhibit .plane-2{top:64%;left:0;transform:rotate(-1deg)}.hero-exhibit .exhibit-plane img{aspect-ratio:1.9;object-fit:cover;object-position:center}.hero-exhibit .exhibit-plane[aria-pressed=true]{width:100%;left:0;transform:none;z-index:5;box-shadow:0 16px 30px #0b0e1833}.hero-exhibit[data-focus] .plane-0{top:0}.hero-exhibit[data-focus] .plane-1{top:32%}.hero-exhibit[data-focus] .plane-2{top:64%}.hero-exhibit .plane-label{font-size:12px;padding:10px 13px;min-height:45px}.hero-exhibit .exhibit-story{display:block;margin-top:0;padding-top:25px}.exhibit-story p{font-size:30px}.exhibit-story button{width:100%;margin-top:22px;font-size:13px;min-height:48px}.exhibit-note{font-size:10px;margin-top:20px}.hero-exhibit .exhibit-line{height:100%;width:100%}.exhibit-sermo .plane-1 img{object-position:top;aspect-ratio:1.9}.exhibit-relo .plane-2 img{object-position:center 47%}}
@media(prefers-reduced-motion:reduce){.exhibit-plane{transition:none!important}.exhibit-space:has(.exhibit-plane[aria-pressed=true]:hover) .exhibit-plane[aria-pressed=true]{transform:none}}
.exhibit-space{height:clamp(540px,42vw,660px)}
.viewport-changing .exhibit-plane{transition:none!important}
@media(min-width:701px){.exhibit-sermo .plane-0{max-width:800px}.hero-exhibit .exhibit-story{margin-top:85px}.journey-hero:has(.hero-exhibit) .product-word{margin-top:40px}.exhibit-relo[data-focus="1"] .plane-1{z-index:8}}
.exhibit-relo .plane-2,.exhibit-sermo .plane-2{z-index:6}
@media(max-width:700px){.exhibit-space{height:740px}.hero-exhibit[data-focus] .exhibit-plane{width:91%;left:0;transform:rotate(-1deg)}.hero-exhibit[data-focus] .plane-1{left:9%;transform:rotate(1deg)}.hero-exhibit[data-focus] .exhibit-plane[aria-pressed=true]{width:100%;left:0;transform:none}}
html[data-atelier=ready] .sector-path+.feature-sequence{display:none}
.journey-header>.brand{order:1}.journey-header>.journey-back{order:2}.journey-header>.journey-route-nav{order:3}.journey-header>.journey-contact{order:4}
html:has(body.journey){scroll-padding-top:120px}
.journey .theatre-title h2{font-size:clamp(45px,4.6vw,72px);letter-spacing:-.055em;line-height:1.04;margin-top:20px}
.journey .scene-layout{align-items:start}.journey .scene-copy{padding-top:28px}.journey .scene-number{font-size:56px;margin-bottom:18px}.journey .screen-composition{padding-top:24px;padding-bottom:18px}.journey .screen-main{width:min(100%,93svh);margin-inline:auto}.journey .scene-focus{margin-top:24px}.journey .scene-tabs{margin:26px 0 22px}
.product-hero h1{margin-top:42px;margin-bottom:26px;font-size:clamp(62px,6.5vw,108px)}
.product-hero .journey-intro>p{font-size:19px;max-width:670px}
.journey-hero.product-hero .product-word{font-size:clamp(120px,17vw,245px);margin-top:38px;margin-bottom:-7vw}
.product-hero .signal-ribbon{height:90px;margin-top:42px}.product-hero .signal-ribbon b{font-size:25px;margin-bottom:3px}.product-hero .signal-ribbon>span{font-size:10px}
.product-benefits .story-head{margin-top:32px;margin-bottom:40px}.product-benefits .story-head h2{font-size:clamp(40px,4vw,62px)}
.sector-path-output{grid-template-columns:1fr 1fr;align-items:start;gap:8vw;min-height:330px}.sector-result p{margin-top:24px;max-width:570px}
.sector-deliverable{border-top:2px solid #4154ef;padding:24px 28px;background:#fff;box-shadow:0 8px 0 #4154ef0d;border-bottom:1px solid #4154ef30}
.sector-deliverable small{font-size:9px;letter-spacing:.09em;color:#4154ef;display:block}.sector-deliverable strong{font-size:29px;line-height:1.15;letter-spacing:-.035em;display:block;font-weight:400;margin:18px 0 22px}.sector-deliverable ul{list-style:none;counter-reset:output;margin:0;padding:0}.sector-deliverable li{counter-increment:output;border-top:1px solid #0b0e1820;padding:12px 0;display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:13px;line-height:1.5;color:#4c5972}.sector-deliverable li:before{content:'0' counter(output);font-size:9px;color:#4154ef;padding-top:3px}
@media(max-width:700px){.product-hero h1{font-size:12.5vw;margin:34px 0 24px}.product-hero .journey-intro>p{font-size:17px}.journey-hero.product-hero .product-word{font-size:25vw;margin-top:28px;margin-bottom:-15px}.product-hero .signal-ribbon{height:88px;margin-top:25px}.product-benefits .story-head{margin:24px 0 30px}.product-benefits .story-head h2{font-size:38px}.sector-path-output{grid-template-columns:1fr;gap:28px;min-height:0}.sector-result p{margin-top:18px}.sector-deliverable{padding:22px}.sector-deliverable strong{font-size:27px}.sector-deliverable li{font-size:13px}}
.sector-track{height:220px}.sector-track:before{display:none}.sector-track>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#4154ef;stroke-width:.8;opacity:.8}.sector-path>p{font-size:11px;letter-spacing:.06em;color:#4154ef}.sector-track button{width:72px;height:72px}.sector-path-output{margin-top:28px}
@media(max-width:700px){.journey-header>.journey-route-nav{order:5}.journey-route-nav a,.journey-route-nav .journey-motion{min-height:44px}}
@media(max-width:700px){html:has(body.journey){scroll-padding-top:160px}.journey .theatre-title h2{font-size:40px;margin-top:16px}.journey .scene-copy{padding-top:0}.journey .screen-main{width:100%}.sector-track button{width:54px;height:54px}.sector-track{height:175px}.sector-path-output{margin-top:32px}}

.exhibit-sermo .plane-0 img{aspect-ratio:1425/727;object-fit:contain}
@media(max-width:700px){.hero-exhibit.exhibit-sermo .plane-0 img{aspect-ratio:1425/727;object-fit:contain}}

/* A single record remains in view as its context changes. */
.context-thread{margin-top:30px;border-bottom:1px solid #ffffff25;padding-bottom:12px}
.thread-identity{display:flex;align-items:center;gap:15px}.thread-badge{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--signal);border-radius:50%;color:var(--signal);font-size:12px;flex-shrink:0}.thread-identity strong{display:block;font-size:23px;letter-spacing:-.03em;font-weight:400}.thread-identity div>span{display:block;font-size:11px;color:#b5c1da;margin-top:5px}.thread-identity>small{margin-left:auto;font-size:9px;letter-spacing:.07em;color:#b5c1da;text-align:right}
.thread-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;margin:24px 0 0;padding-top:37px;gap:20px}.thread-track:before{content:'';position:absolute;top:12px;left:0;right:0;height:1px;background:#ffffff30}.thread-point{position:relative;font-size:12px;line-height:1.5;color:#b5c1da;transition:color .45s}.thread-point:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--signal);position:absolute;top:-27px;left:0}.thread-point[data-active=true]{color:var(--signal)}.thread-traveller{position:absolute;top:0;left:calc(var(--chapter,0) * (100% + 20px) / 3);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--signal);color:#0b0e18;font-size:8px;z-index:1;transition:left .75s cubic-bezier(.22,1,.36,1);box-shadow:0 0 0 7px #0b0e18}.context-thread+.scene-tabs{margin-top:10px}.chapter-link{color:var(--signal);min-height:44px;display:flex;align-items:center;font-size:11px}.inspector-canvas:focus-visible{outline:2px solid #baff38;outline-offset:-3px}
.motion-paused .thread-traveller,.motion-paused .thread-point{transition:none}.motion-paused .exhibit-plane{transition:none!important}
@media(prefers-reduced-motion:reduce){.thread-traveller,.thread-point{transition:none}}
@media(max-width:700px){.thread-identity{gap:12px;flex-wrap:wrap}.thread-identity strong{font-size:21px}.thread-identity div>span{font-size:10px}.thread-identity>small{width:100%;text-align:left;margin-left:56px;font-size:8px}.thread-track{gap:12px}.thread-point{font-size:10px}.thread-traveller{left:calc(var(--chapter,0) * (100% + 12px) / 3)}.theatre-foot{flex-wrap:wrap}.chapter-link{width:100%;border-top:1px solid #ffffff25;padding-top:10px}}

/* Product evidence moves from the whole workspace into its relevant detail. */
.screen-main img{transform-origin:0 0;transition:transform 850ms cubic-bezier(.22,1,.36,1);will-change:auto}.screen-focus-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 0;border-bottom:1px solid #ffffff30;color:var(--signal);font-size:12px;text-align:left}.screen-focus-toggle:after{content:'ACTUAL APP · EXPLORE';font-size:8px;letter-spacing:.08em;color:#b5c1da}.screen-focus-toggle:focus-visible,.chapter-link:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.relationship-map{position:relative;height:315px;margin:25px 0 24px;border-bottom:1px solid #ffffff25}.relationship-map>svg{position:absolute;inset:10px 0 45px;width:100%;height:250px;fill:none;stroke:#baff3840;stroke-width:1}.relationship-map path{transition:stroke .55s,stroke-width .55s}.relationship-map path[data-active=true]{stroke:#baff38;stroke-width:2.2;stroke-dasharray:8 5;animation:relationshipFlow 2s linear infinite}@keyframes relationshipFlow{to{stroke-dashoffset:-26}}
.relationship-anchor{position:absolute;left:50%;top:104px;transform:translate(-50%,-50%);text-align:center;background:#0b0e18;padding:10px 18px;z-index:2}.relationship-anchor>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #baff38;border-radius:50%;margin:0 auto 9px;color:#baff38;font-size:14px}.relationship-anchor strong{display:block;font-size:22px;font-weight:400;letter-spacing:-.03em}.relationship-anchor small{font-size:10px;color:#b5c1da}
.journey .relationship-choices{display:block;position:absolute;inset:0;margin:0;border:0}.relationship-choices button{position:absolute;width:29%;border:1px solid #ffffff30;padding:15px 17px!important;background:#0b0e18;display:grid;grid-template-columns:20px 1fr 18px;z-index:3;font-size:14px!important;transition:border-color .4s,background .4s,transform .4s}.relationship-choices button:nth-child(1){left:0;top:12px}.relationship-choices button:nth-child(2){left:35.5%;top:220px}.relationship-choices button:nth-child(3){right:0;top:12px}.relationship-choices button[aria-selected=true]{border-color:#baff38;background:#182318;transform:translateY(-3px)}.relationship-choices button em{grid-column:2/-1;font-size:11px;color:#b5c1da;font-style:normal;font-family:inherit;line-height:1.4}.mapped-thread .thread-track,.mapped-thread .thread-badge,.mapped-thread .thread-identity>div{display:none}.mapped-thread{border:0;padding:0;margin-top:24px}.mapped-thread .thread-identity>small{margin:0}.has-relationship-map .scene-tabs{scroll-margin-top:120px}
.motion-paused .screen-main img,.motion-paused .relationship-map path,.motion-paused .relationship-choices button{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.screen-main img,.relationship-map path,.relationship-choices button{transition:none!important;animation:none!important}}
@media(max-width:700px){
 .context-thread{margin-top:22px;padding-bottom:14px}.thread-track{display:none}.thread-identity>small{margin-top:-2px}.scene-thumbs{display:none}.scene-layout,.journey .scene-layout{display:grid;grid-template-columns:1fr;gap:18px}.scene-copy{display:contents}.scene-copy>.scene-kicker{grid-row:1}.scene-copy>h3,.scene-copy>h4{grid-row:2;margin:0!important;font-size:27px!important}.scene-copy>p{grid-row:3}.scene-layout>.screen-evidence{grid-row:4;grid-column:1}.scene-focus{grid-row:5;margin-top:0!important}.scene-kicker{margin-top:4px}.scene-layout{row-gap:12px!important}.scene-focus>span{font-size:10px}.scene-tabs button,.journey .scene-tabs button{min-height:62px;padding-top:8px;padding-bottom:10px;font-size:12px}.screen-focus-toggle:after{font-size:7px}.screen-composition,.journey .screen-composition{padding-top:8px;padding-bottom:8px}.scene-thumbs button{display:none}
 .relationship-map{height:auto;margin:14px 0 22px;border:0}.relationship-map>svg,.relationship-anchor{display:none}.mapped-thread .thread-identity>div,.mapped-thread .thread-badge{display:block}.mapped-thread .thread-badge{display:grid}.mapped-thread .thread-identity>small{margin-left:56px}.journey .relationship-choices{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.relationship-choices button{position:static;width:auto;display:flex;align-items:start;transform:none!important;font-size:11px!important;min-height:78px;padding:10px!important;gap:8px}.relationship-choices button em{display:none}.relationship-choices button:nth-child(n){inset:auto}.has-relationship-map .scene-tabs{scroll-margin-top:160px}
}

@media(min-width:701px){.scene-layout>.scene-copy{grid-column:2;grid-row:1}.scene-layout>.screen-evidence{grid-column:1;grid-row:1}}

/* Evidence is framed at its available resolution, never stretched to fill. */
.precision-detail{display:block;position:absolute;left:50%;top:46%;transform:translate(-50%,-45%) scale(.97);overflow:hidden;border-radius:5px;opacity:0;pointer-events:none;box-shadow:0 0 0 1px #ffffff30,0 20px 60px #0006;transition:opacity .5s,transform .65s cubic-bezier(.22,1,.36,1)}.precision-detail img{position:absolute!important;max-width:none!important;height:auto!important;transform:none!important;transition:none!important;object-fit:initial!important}.precision-label{position:absolute;left:5%;right:5%;bottom:7%;font-size:12px;color:var(--signal);text-align:center;opacity:0;transition:opacity .4s;letter-spacing:.02em}.is-focused .screen-main{background:#111723;border-color:#ffffff30}.is-focused .screen-main>img{opacity:0}.screen-main>img{transition:opacity .45s}.is-focused .precision-detail{opacity:1;transform:translate(-50%,-45%) scale(1)}.is-focused .precision-label{opacity:1}.is-focused .scene-focus{visibility:hidden}.screen-main:focus-visible{outline:2px solid var(--signal);outline-offset:6px}
@media(min-width:701px){.relationship-map{height:182px;margin:16px 0 20px}.relationship-map>svg{inset:0;width:100%;height:180px}.relationship-anchor{top:31px;padding:0 14px;display:grid;grid-template-columns:38px 1fr;gap:0 11px;text-align:left}.relationship-anchor>span{grid-row:1/3;width:36px;height:36px;font-size:11px;margin:0}.relationship-anchor strong{font-size:18px;align-self:end}.relationship-anchor small{font-size:9px}.relationship-choices button:nth-child(n){top:95px;width:29%;padding:13px 14px!important;transform:none}.relationship-choices button:nth-child(1){left:0;right:auto}.relationship-choices button:nth-child(2){left:35.5%;right:auto}.relationship-choices button:nth-child(3){left:auto;right:0}.relationship-choices button[aria-selected=true]{box-shadow:0 3px 0 #baff38}.relationship-choices button em{font-size:10px}.relationship-choices button{font-size:13px!important}}
@media(max-width:700px){.is-focused .scene-focus{display:none}.precision-label{font-size:10px;bottom:6%;line-height:1.3}.precision-detail{max-width:90%}}
.motion-paused .precision-detail,.motion-paused .precision-label,.motion-paused .screen-main>img{transition:none!important}
@media(prefers-reduced-motion:reduce){.precision-detail,.precision-label,.screen-main>img{transition:none!important}}

#case-health .case-subsector,#case-health .case-credit{color:#fff}.journey.blue .exhibit-note{color:#fff;opacity:1}

.is-focused .screen-main{width:var(--detail-stage-width)!important;height:var(--detail-stage-height);aspect-ratio:auto!important}.is-focused .screen-main>img{position:absolute;inset:0}.is-focused .precision-detail{top:43%}.is-focused .precision-label{bottom:8%}

.sun-handle{width:min(31vw,42svh);height:min(31vw,42svh);left:calc(77.5% - min(15.5vw,21svh));top:calc(35% - min(15.5vw,21svh))}@media(max-width:699px){.sun-handle{width:min(50vw,42svh);height:min(50vw,42svh);left:calc(76% - min(25vw,21svh));top:calc(21% - min(25vw,21svh))}}

@media(max-width:700px){.journey.violet .journey-hero:has(.hero-exhibit) .product-word{opacity:.55}}

/* Full product names retain the approved wordmark hierarchy. */
.product-tabs button .app-tab-name{font-size:inherit;letter-spacing:inherit;padding:0;text-align:left;line-height:1}
.app-tab-name small{display:block;font-size:clamp(12px,1.25vw,18px);letter-spacing:0;line-height:1.3;margin-top:10px}
.product-word small{font-size:.3em;letter-spacing:-.025em;margin-left:.4em;white-space:nowrap}
@media(max-width:700px){.app-tab-name small{font-size:12px;margin-top:7px}.journey-hero.product-hero .product-word{font-size:21vw}}

/* Small descriptors retain full contrast; only large wordmarks are muted. */
.apps .product-tabs button[role=tab]{opacity:1!important}
.app-tab-name b{font-weight:inherit;opacity:.55}
.apps:has(#tab-gradus[aria-selected=true]) .app-tab-name b{opacity:.75}
.product-tabs button[aria-selected=true] .app-tab-name b{opacity:1}
.apps:has(#tab-gradus[aria-selected=true]) .product-tabs button[aria-selected=true] .app-tab-name b{opacity:1}

/* Six-scene product stories — 25 September 2026 */
.scene-tabs{row-gap:1px}.scene-thumbs{flex-wrap:wrap}.scene-thumbs button{flex:0 0 100px}.screen-main img{background:#111723}@media(max-width:700px){.scene-tabs,.journey .scene-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.scene-tabs button,.journey .scene-tabs button{min-width:0}.scene-thumbs{display:none}}

/* Story-led product galleries — refreshed 26 September 2026 */
.scene-tabs{row-gap:1px}.scene-thumbs{flex-wrap:wrap}.scene-thumbs button{flex:0 0 100px}.screen-main img{background:#111723}@media(max-width:700px){.scene-tabs,.journey .scene-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.scene-tabs button,.journey .scene-tabs button{min-width:0}.scene-thumbs{display:none}}