/* RIFT / special edition — motion is progressive enhancement. */
@view-transition{navigation:auto}::view-transition-old(root){animation:rift-exit .22s ease both}::view-transition-new(root){animation:rift-enter .52s cubic-bezier(.2,.8,.2,1) both}@keyframes rift-exit{to{opacity:0;filter:blur(3px);transform:scale(.99)}}@keyframes rift-enter{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
:root{--glass:linear-gradient(125deg,#c5dfff10,#16253250 45%,#e6425020);--ease:cubic-bezier(.19,1,.22,1)}
body{background-image:radial-gradient(ellipse at 100% 25%,#173e4824,transparent 35%),radial-gradient(ellipse at 0 70%,#6f101d19,transparent 35%)}
.site-header{position:fixed;background:linear-gradient(120deg,#08090ba8,#151c2494);backdrop-filter:blur(22px) saturate(125%);transition:background .3s,box-shadow .3s}.site-header.scrolled{background:#080b10e6;box-shadow:0 10px 40px #0005}.header-inner{transition:height .35s}.site-header.scrolled .header-inner{height:72px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff4149,#ffb6ba);z-index:80;pointer-events:none;box-shadow:0 0 12px #ff4149}
.hero .hero-image{will-change:transform;transform:scale(1.035)}.hero:before{background:linear-gradient(90deg,#08090be8 0%,#08090b98 40%,#08090b18 85%),linear-gradient(0deg,#08090b 0%,transparent 52%)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3;opacity:0;transition:opacity 1.1s}.hero-video.ready{opacity:1}.hero-film{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.hero-film:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 49.8%,#ffffff03 50%);background-size:100% 5px;opacity:.24}.hero-orbit{position:absolute;right:6%;top:25%;width:35%;height:48%;color:#92d2e6;opacity:.42;filter:drop-shadow(0 0 8px #81c6df40)}.hero-orbit path{fill:none;stroke:currentColor;stroke-width:.5}.hero-orbit .signal-path{stroke:#ff7077;stroke-width:1.5;stroke-dasharray:10 90;animation:signal-travel 8s linear infinite}.hero-orbit circle{fill:#ff626b}.hero-orbit text{font:7px monospace;letter-spacing:1px;fill:#e9f9ff}@keyframes signal-travel{to{stroke-dashoffset:-200}}
.hero-main{z-index:1}.hero-proof{position:relative;background:var(--glass);backdrop-filter:blur(26px) saturate(140%);box-shadow:inset 0 1px #ffffff30,0 20px 80px #0008;border-color:#c7e0ff35;border-radius:3px}.hero-proof:before{content:'';position:absolute;inset:-1px;z-index:-1;background:radial-gradient(ellipse at 86% 10%,#ed35472b,transparent 50%),radial-gradient(ellipse at 8% 100%,#74b9dd24,transparent 50%);pointer-events:none}.proof-item{position:relative;transition:background .35s}.proof-item:hover{background:#d1e6ff09}
.feature-card,.note-card,.capability-row,.article-teaser{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease),border-color .5s,box-shadow .5s;box-shadow:0 10px 35px #0004;backface-visibility:hidden;border-radius:4px}.feature-card:hover,.note-card:hover,.capability-row:hover,.article-teaser:hover{border-color:#e4f1ff70;box-shadow:0 24px 75px #0008,0 0 25px #ec3a4a12}.feature-card:after,.note-card:after,.capability-row:after,.article-teaser:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--mx) var(--my),#e2f3ff12,transparent 65%);border-radius:inherit;opacity:0;transition:opacity .4s}.feature-card:hover:after,.note-card:hover:after,.capability-row:hover:after,.article-teaser:hover:after{opacity:1}.note-card,.capability-row,.article-teaser{position:relative;overflow:hidden;background:var(--glass);backdrop-filter:blur(18px)}.feature-card img,.note-card img,.capability-row img,.article-teaser img{transition:scale 1.2s var(--ease),filter .8s}.feature-card:hover img,.note-card:hover img,.capability-row:hover img,.article-teaser:hover img{scale:1.035;filter:saturate(1.08)}.feature-card{background:transparent}.feature-card:before{background:linear-gradient(0deg,#08090bf5 0%,#08090b90 45%,#08090b00 100%)}.feature-card h3{max-width:100%}
.button,.header-cta,.text-link,.method-step{transition:transform .4s var(--ease),background .3s,color .3s,border-color .3s,box-shadow .4s}.button{position:relative;overflow:hidden;box-shadow:0 6px 25px #ff41491a}.button:after{content:'';position:absolute;inset:-60% auto -60% -70%;width:35%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#ffffff65,transparent);transition:left .65s var(--ease);pointer-events:none}.button:hover:after{left:145%}.button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ff414934}.text-link:hover{transform:translateX(4px)}.method-step:hover{transform:translateX(7px);background:#ffffff05}.directory-link{transition:padding .4s var(--ease),background .3s}.directory-link:hover{padding-left:10px;background:#ffffff04}.directory{background:linear-gradient(120deg,#101923f5,#121018ed);box-shadow:-40px 0 120px #0008}.directory[open]{animation:directory-in .55s var(--ease)}@keyframes directory-in{from{opacity:.1;transform:translateX(70px)}to{opacity:1;transform:none}}
.lab{background:radial-gradient(ellipse at 85% 20%,#82223442,transparent 53%),radial-gradient(ellipse at 15% 90%,#285b7040,transparent 48%),#0b0f15}.system-shell{background:linear-gradient(120deg,#d8ecff0e,#09111bd4 48%,#ff41490c);backdrop-filter:blur(24px);box-shadow:inset 0 1px #ffffff20,0 35px 80px #0005;border-radius:6px;overflow:hidden}.system-diagram{perspective:900px}.chain-node{background:linear-gradient(135deg,#c0e8ff17,#1a2332a8);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff35,0 15px 45px #0005;transition:transform .5s var(--ease),box-shadow .4s}.chain-node:hover{transform:translateY(-8px) rotateY(-5deg);box-shadow:inset 0 1px #ffffff55,0 24px 55px #0008}.chain-arrow{animation:signal-glow 3s ease-in-out infinite}@keyframes signal-glow{50%{opacity:.35}}.system-detail{background:#ffffff02}.system-controls button{transition:background .3s,box-shadow .3s,transform .3s}.system-controls button:hover{transform:translateY(-2px)}.system-controls button[aria-pressed=true]{box-shadow:0 0 25px #ff414935}
.red-statement{position:relative;overflow:hidden;background:linear-gradient(115deg,#b92132,#ff4149 60%,#ff7174)}.red-statement:after{content:'RIFT';position:absolute;right:-2%;bottom:-35%;font:700 clamp(180px,32vw,490px)/1 var(--display);letter-spacing:-.09em;color:#00000009;pointer-events:none}.red-statement .wrap{position:relative;z-index:1}.deliverables,.worked-example,.related-reading,.hub-guide{background:var(--glass);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff17,0 20px 50px #0003}.prose-section{position:relative}.prose-section>.label{transition:color .3s}.prose-section.is-current>.label{color:var(--red)}.article-index a{transition:color .3s,padding .3s,border-color .3s}.article-index a.active{color:#f5f8ff;padding-left:8px;border-color:var(--red);background:linear-gradient(90deg,#ff41490d,transparent)}.chapter-toggle{display:none}.faqs details{overflow:hidden}.faqs summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding-right:6px}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';font:300 24px var(--display);color:var(--red);transition:transform .4s}.faqs details[open] summary:after{transform:rotate(45deg)}.faqs details[open]{background:linear-gradient(90deg,#16243145,transparent)}.faqs p{padding:0 8px 15px}.field textarea,.field select{transition:border-color .3s,box-shadow .3s;background:linear-gradient(135deg,#23344650,#12171fa8)}.field textarea:focus,.field select:focus{border-color:#ff7279;box-shadow:0 0 30px #ff414910}.brief-result{perspective:1000px}
.experience-tools{position:fixed;bottom:18px;right:22px;z-index:20;display:flex;gap:0;border:1px solid #d0e7ff35;border-radius:50px;background:#101822d9;backdrop-filter:blur(20px);box-shadow:0 5px 30px #0007;overflow:hidden}.experience-tools button{border:0;background:none;padding:10px 15px;font:9px var(--mono);letter-spacing:.04em;min-height:38px;color:#d7e4ef}.experience-tools button+button{border-left:1px solid #ffffff20}.experience-tools button:hover{background:#ffffff12}.motion-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ff626b;margin-right:7px}.experience-tools button[aria-pressed=false] .motion-dot{background:#7c8a96}.intro-trigger{display:inline-flex;align-items:center;gap:12px;background:#15233169;backdrop-filter:blur(14px);border:1px solid #cce5ff42;padding:11px 17px;color:#ecf3fa;font:11px var(--body);transition:background .3s,border-color .3s}.intro-trigger:hover{background:#253c507a;border-color:#ffffff90}.play-symbol{display:grid;place-items:center;border:1px solid #bcdcef65;border-radius:50%;width:24px;height:24px;font-size:8px}.intro-trigger small{color:#b7c6d4;font-size:9px}.intro-row{display:flex;gap:22px;align-items:center;margin-top:25px}.intro-row>.label{font-size:8px;color:#a1b7c7}.welcome-dialog{margin:0;padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;border:0;background:#040609;color:white;overflow:hidden}.welcome-dialog::backdrop{background:#030405}.welcome-stage{position:absolute;inset:0;overflow:hidden}.welcome-stage .hero-video{z-index:0;opacity:.75;object-position:center}.welcome-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03070dde,transparent 65%),linear-gradient(90deg,#05090d77,transparent)}.welcome-top{position:absolute;top:30px;left:40px;right:40px;z-index:2;display:flex;align-items:center;justify-content:space-between}.welcome-top .label{color:#d1e3ee}.welcome-close{background:#09121ca8;border:1px solid #dcecff60;color:white;padding:12px 20px;font:11px var(--mono)}.welcome-copy{position:absolute;z-index:2;inset:20% 8% 12%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none}.welcome-mark{width:70px;margin-bottom:25px;filter:drop-shadow(0 0 35px #ff414980)}.welcome-copy h2{font-size:clamp(65px,14vw,210px);font-weight:700;letter-spacing:.06em;line-height:1;margin:0;color:#f4f8fb;text-shadow:0 0 70px #d6f3ff35}.welcome-copy p{font:12px/1.7 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#cce2f0;margin-top:30px;max-width:560px}.welcome-bottom{position:absolute;z-index:3;bottom:35px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.welcome-bottom button{background:#ffffff08;border:1px solid #ffffff40;color:white;padding:11px 18px;font:11px var(--body)}.welcome-bottom .label{font-size:9px;max-width:540px}.welcome-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.welcome-dialog[open]{animation:rift-enter .6s var(--ease)}
.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .hero-image{transform:none!important}.motion-off .feature-card,.motion-off .note-card,.motion-off .capability-row,.motion-off .article-teaser{transform:none!important}.motion-off::view-transition-old(root),.motion-off::view-transition-new(root){animation:none!important}
@supports not(backdrop-filter:blur(1px)){.hero-proof,.note-card,.capability-row,.article-teaser,.deliverables,.system-shell,.experience-tools{background:#141d27}}
@media(max-width:600px){.site-header.scrolled .header-inner{height:66px}.hero-orbit{right:-5%;top:19%;width:67%;opacity:.3}.hero-video{height:680px;top:70px;object-position:70% center}.hero:before{background:linear-gradient(0deg,#08090b 8%,#08090b22 85%),linear-gradient(90deg,#08090bab,#08090b22)}.hero-main{padding-top:115px}.hero-proof{background:linear-gradient(125deg,#1b354788,#21232c80 50%,#4c152688)}.intro-row{gap:15px;flex-wrap:wrap;margin-top:24px}.intro-row>.label{font-size:7px}.intro-trigger{font-size:11px;padding:10px 14px}.experience-tools{bottom:12px;right:12px}.experience-tools button{font-size:8px;padding:9px 12px;min-height:36px}.interior-hero{min-height:720px}.interior-hero:before{background:linear-gradient(0deg,#08090b 0%,#08090b70 75%,#08090b45)}.chapter-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:linear-gradient(120deg,#263f5255,#131821);border:1px solid #ffffff35;color:white;padding:18px 20px;font:12px var(--body);margin-bottom:12px}.chapter-toggle span{color:#ff7279}.article-index.is-enhanced:not(.expanded)>:not(.chapter-toggle){display:none}.article-index{margin-bottom:30px}.welcome-top{top:22px;left:20px;right:20px}.welcome-top .label{font-size:8px}.welcome-close{padding:10px 12px;font-size:10px}.welcome-copy{inset:20% 6%}.welcome-copy h2{font-size:82px;letter-spacing:.07em}.welcome-copy p{font-size:10px;letter-spacing:.13em}.welcome-mark{width:52px}.welcome-stage .hero-video{top:0;height:100%;object-position:65% center}.welcome-bottom{left:20px;right:20px;bottom:25px;align-items:start;flex-wrap:wrap}.welcome-bottom .label{font-size:8px;max-width:100%}.site-footer{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.hero-image,.feature-card,.note-card,.capability-row,.article-teaser{transform:none!important}.hero-orbit .signal-path,.chain-arrow{animation:none!important}.hero-video{display:none}.welcome-stage .hero-video{display:block}}