/* TELLUR V5. Scoped to brand, cinema and controls; white reading sections keep V4. */
:root{--brand-ease:cubic-bezier(.22,1,.36,1);--brand-press:cubic-bezier(.23,1,.32,1)}
.tellur-brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;isolation:isolate;flex-shrink:0;outline-offset:6px}
.tellur-symbol{width:38px;height:38px;overflow:visible;flex-shrink:0}
.tellur-stratum,.tellur-descent{stroke:currentColor;stroke-width:1.65;stroke-linecap:butt;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}
.tellur-stratum-middle{opacity:.72}.tellur-stratum-inner{opacity:.5}.tellur-descent{stroke-width:1.5}
.tellur-core{fill:currentColor;transform-box:fill-box;transform-origin:center}
.tellur-word{font-size:24px;font-weight:750;letter-spacing:.14em;line-height:1;white-space:nowrap}
.tellur-brand:active{transform:translateY(1px)}
.site-header .tellur-brand{margin-left:-3px}
.site-header nav>a{position:relative;text-decoration:none}
.site-header nav>a::after{position:absolute;content:"";height:1px;left:0;right:0;bottom:8px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s var(--brand-ease)}
.site-header nav>a:hover{text-decoration:none}.site-header nav>a:hover::after,.site-header nav>a:focus-visible::after{transform:scaleX(1)}
.site-header button span{display:inline-block;transition:transform .2s var(--brand-ease)}
.site-header button:hover span{transform:rotate(90deg)}
/* The film gets more time; these rules never create artificial scroll jumps. */
.hero-entry{min-height:210svh}.hero-crystal{min-height:240svh}.hero-water{min-height:210svh}.hero-mantle{min-height:210svh}.hero-core{min-height:220svh}
.hero-copy h1,.hero-copy h2{text-wrap:balance}
.brand-title-line{display:block;overflow:hidden;padding:.105em 0 .13em;margin:-.105em 0 -.13em;isolation:isolate}
.brand-title-inner{display:block;transform-origin:0 100%;backface-visibility:hidden}
.entry-copy{bottom:175px}
.entry-copy h1{font-size:clamp(86px,12.3vw,203px);font-weight:750;letter-spacing:-.072em;line-height:.92;max-width:none;margin-bottom:36px}
.entry-copy h1 .brand-title-line:first-child{font-weight:450;font-size:.78em;letter-spacing:-.064em;line-height:1.08}
.entry-copy .scene-kicker{font-size:14px;font-weight:500;letter-spacing:.015em;margin-bottom:28px}
.entry-bottom{max-width:none;align-items:center;gap:50px}
.entry-bottom p{font-size:18px;line-height:1.5}
.entry-bottom .primary-action{min-width:250px;min-height:60px;padding:18px 22px}
.crystal-copy h2{font-size:clamp(70px,8.5vw,142px);letter-spacing:-.072em;line-height:.94}
.water-copy h2{font-size:clamp(62px,6vw,102px);font-weight:450;letter-spacing:-.062em;line-height:1.02}
.water-copy h2 .brand-title-line:first-child{font-size:.76em;font-weight:500;line-height:1.16}
.mantle-copy h2{font-size:clamp(67px,7.8vw,132px);letter-spacing:-.067em;line-height:.98}
.core-copy h2{font-size:clamp(82px,11.2vw,184px);font-weight:550;letter-spacing:-.075em;line-height:.94}
.core-copy .scene-kicker{letter-spacing:.02em}
.scene-waypoint{position:absolute;z-index:2;left:var(--gutter);top:103px;display:flex;align-items:center;gap:22px;pointer-events:none;color:#e8e8e8;opacity:var(--copy-opacity,1)}
.waypoint-number{font-size:13px;font-weight:550;letter-spacing:.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.waypoint-number>span{color:#aaa;font-size:11px;font-weight:450}
.waypoint-track{display:block;width:90px;height:1px;background:#ffffff45;position:relative;overflow:hidden}
.waypoint-track i{display:block;position:absolute;inset:0;background:#eee;transform-origin:left;transform:scaleX(var(--scene-progress,0))}
.hero-water .scene-waypoint{left:auto;right:var(--gutter)}
.hero-core .scene-waypoint{left:50%;transform:translateX(-50%)}
/* Local, deliberate playback. The action has a distinct place below the copy. */
.scene-play{position:absolute;z-index:4;left:var(--gutter);bottom:80px;display:inline-flex;align-items:center;gap:13px;min-height:44px;padding:11px 0;font-size:13px;letter-spacing:.005em;line-height:1.3;color:#ededed;background:none;border:0}
.scene-play::before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;transition:transform .16s var(--brand-press)}
.scene-play::after{content:"";position:absolute;height:1px;background:#ffffff73;left:0;right:0;bottom:5px;transform:scaleX(.24);transform-origin:left;transition:transform .22s var(--brand-ease)}
.scene-play:hover::after,.scene-play:focus-visible::after{transform:scaleX(1)}
.scene-play:hover::before{transform:translateX(2px)}
.scene-play:active{transform:translateY(1px)}
.scene-play:disabled{opacity:.35;cursor:default}
.expedition-scene.is-playing .hero-copy,.expedition-scene.is-playing .water-observation,.expedition-scene.is-playing .scene-waypoint{opacity:0!important;pointer-events:none}
.expedition-scene.is-playing .hero-copy *{pointer-events:none}
.expedition-scene.is-playing .scene-play::after{transform:scaleX(1)}
.expedition-scene.is-playing .scene-play::before{width:7px;height:8px;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor;transform:none}
.hero-copy{transition:opacity .25s var(--brand-ease)}
/* Tactile feedback stays restrained and never starts an ambient animation. */
.primary-action{transition:background-color .18s ease,transform .14s var(--brand-press);outline-offset:5px}
.primary-action>span{display:inline-block;transition:transform .2s var(--brand-ease)}
.primary-action:hover{background:#fff}.primary-action:hover>span{transform:translate(3px,3px)}
.primary-action:active{transform:translateY(1px) scale(.987)}
.expedition-controls button{transition:color .14s ease,background-color .14s ease,transform .12s var(--brand-press)}
.expedition-controls button:not(:disabled):hover{background:#252525}
.expedition-controls button[aria-pressed=true]:hover{background:#e0e0e0}
.expedition-controls button:not(:disabled):active{transform:translateY(1px)}
.expedition-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px;position:relative;z-index:1}
#map-dialog nav a{transition:color .18s ease,padding-left .2s var(--brand-ease)}
#map-dialog nav a:hover{padding-left:8px;color:#fff}
#map-dialog nav a[aria-current]{color:#fff}#map-dialog nav a[aria-current]>span{color:#fff;font-weight:700}
@media(min-width:1700px){.entry-copy h1{font-size:12vw;max-width:1450px}.entry-bottom{max-width:1450px}}
@media(max-height:780px) and (min-width:761px){.entry-copy{bottom:155px}.entry-copy h1{font-size:clamp(80px,10.3vw,165px);margin-bottom:25px}.entry-copy .scene-kicker{margin-bottom:18px}.entry-bottom p{font-size:16px}.scene-play{bottom:78px}.crystal-copy h2{font-size:clamp(64px,7.6vw,124px)}.core-copy h2{font-size:clamp(75px,10vw,148px)}}
@media(max-width:1000px){.entry-copy h1{font-size:12.5vw}.tellur-word{font-size:22px}.tellur-symbol{width:34px;height:34px}.tellur-brand{gap:10px}.entry-bottom{gap:25px}.entry-bottom .primary-action{min-width:230px}.hero-core .scene-waypoint{left:var(--gutter);transform:none}}
@media(max-width:760px){.hero-entry{min-height:190svh}.hero-crystal{min-height:220svh}.hero-water{min-height:200svh}.hero-mantle{min-height:190svh}.hero-core{min-height:200svh}.site-header nav{gap:18px}.tellur-symbol{width:31px;height:31px}.tellur-word{font-size:19px;letter-spacing:.11em}.tellur-brand{gap:8px}.site-header .tellur-brand{margin-left:-3px}.entry-copy{bottom:238px}.entry-copy h1{font-size:clamp(57px,14.8vw,111px);letter-spacing:-.075em;line-height:.97;margin-bottom:26px}.entry-copy h1 .brand-title-line:first-child{font-size:.9em;line-height:1.02;font-weight:500}.entry-copy .scene-kicker{font-size:12px;margin-bottom:22px}.entry-bottom p{font-size:16px;line-height:1.5;margin-bottom:22px}.entry-bottom .primary-action{min-height:53px;min-width:0;padding:15px 18px}.scene-waypoint{top:91px;gap:15px}.waypoint-number{font-size:12px}.waypoint-number>span{font-size:10px}.waypoint-track{width:60px}.hero-water .scene-waypoint{right:var(--gutter)}.hero-core .scene-waypoint{left:50%;transform:translateX(-50%)}.crystal-copy{top:23%}.crystal-copy h2{font-size:clamp(65px,17vw,108px)}.crystal-copy>p:last-child{font-size:16px}.water-copy{top:24%}.water-copy h2{font-size:clamp(56px,14.8vw,92px)}.water-observation{bottom:205px}.mantle-copy{bottom:208px}.mantle-copy h2{font-size:clamp(49px,12.8vw,87px);line-height:1}.core-copy{top:27%}.core-copy h2{font-size:clamp(68px,18vw,126px);letter-spacing:-.075em}.scene-play{bottom:132px;font-size:13px}.scene-margin-note{bottom:88px;font-size:9px;letter-spacing:.08em}.hero-copy{transition-duration:.2s}.entry-copy .primary-action:active{transform:translateY(1px)}#map-dialog nav a:hover{padding-left:4px}}
@media(max-width:370px){.tellur-symbol{width:28px;height:28px}.tellur-word{font-size:17px;letter-spacing:.11em}.tellur-brand{gap:7px}.site-header nav{gap:14px}.entry-copy{bottom:235px}.entry-copy h1{font-size:14.6vw}.entry-copy .scene-kicker{margin-bottom:17px}.entry-bottom p{font-size:15px;margin-bottom:19px}.scene-waypoint{top:88px}.waypoint-track{width:50px}.crystal-copy h2{font-size:17vw}.mantle-copy h2{font-size:12.8vw}.core-copy h2{font-size:17.8vw}}
@media(max-height:680px) and (max-width:760px){.entry-copy{bottom:210px}.entry-copy h1{font-size:13.7vw;margin-bottom:20px}.entry-copy .scene-kicker{margin-bottom:16px}.entry-bottom p{font-size:14px;margin-bottom:16px}.scene-play{bottom:125px}.mantle-copy{bottom:190px}.crystal-copy{top:23%}.core-copy{top:25%}.core-copy h2{font-size:16.5vw}}

body.reduced .hero-entry,body.reduced .hero-crystal,body.reduced .hero-water,body.reduced .hero-mantle,body.reduced .hero-core{min-height:100svh!important}body.reduced .scene-play{display:none}body.reduced .brand-title-inner{transform:none!important;opacity:1!important}body.reduced .scene-waypoint{opacity:1!important}body.reduced .waypoint-track{display:none}body.reduced .entry-copy{bottom:125px}
@media(max-width:760px){body.reduced .entry-copy{bottom:145px}body.reduced .entry-copy h1{font-size:14.8vw}}
html:not(.js) .scene-waypoint,html:not(.js) .scene-play{display:none}

html.brand-paused .hero-copy,html.brand-paused .tellur-brand *,html.brand-reduced .hero-copy,html.brand-reduced .tellur-brand *{transition:none!important}html.brand-reduced .brand-title-inner{transform:none!important;opacity:1!important}

@media(prefers-reduced-motion:reduce){html:not(.js) *{transition:none!important;animation:none!important}html:not(.js) .expedition-scene{min-height:100svh!important}}

/* V10 — fractured custom lettering, assembled in finite geological layers. */
.tellur-brand{gap:15px;contain:layout style}
.tellur-symbol{width:40px;height:44px;overflow:visible}
.tellur-word{display:block;width:142px;height:29px;overflow:visible;flex-shrink:0}
.tellur-stratum,.tellur-descent{stroke-width:1.65;stroke-linejoin:miter;transform-box:view-box;transform-origin:24px 26px}
.tellur-fragment{transform-box:view-box;transform-origin:0 0}
.tellur-core{transform-box:view-box;transform-origin:24px 47px}
.site-footer .tellur-word{width:174px;height:35px}
.site-footer .tellur-symbol{width:46px;height:50px}
@media(max-width:760px){.tellur-brand{gap:9px}.tellur-symbol{width:30px;height:34px}.tellur-word{width:96px;height:21px}.site-footer .tellur-word{width:141px;height:29px}}
@media(max-width:370px){.tellur-brand{gap:7px}.tellur-symbol{width:26px;height:30px}.tellur-word{width:87px;height:20px}}