.dossier-hero{display:none}
html.dossie-mode{--experience-accent:#b6c998;--experience-soft:#abc28c1e;--experience-paper:#cdd3be;--orange:#b5c894}
.dossie-mode body{background:#090e0c}.dossie-mode body:before{background:radial-gradient(ellipse at 80% 30%,#42715b27,transparent 60%)}.dossie-mode .hero{display:none}
.dossie-mode .launch-ribbon{background:linear-gradient(90deg,#17251d,#2b4938,#17251d);box-shadow:0 2px 22px #88c49d10;color:#d1ddc4}.dossie-mode .launch-ribbon span{color:#a1b988}.dossie-mode .version-switch{background:#0b120e}.dossie-mode .version-switch>a[aria-current=page]{background:#9cb48017;border-color:#73865c;color:#c8ddac}
.dossie-mode .reference-look .cta{background:linear-gradient(#c5d7ac,#96b17b);color:#11190e;border-color:#c7ddb2;box-shadow:0 0 0 5px #afcb8e10,0 8px 30px #6d935127}.dossie-mode .reference-look .cta:hover{background:linear-gradient(#d0e1b9,#adc58c)}
.dossie-mode .dossier-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:700px;gap:35px;padding-block:30px 48px}
.case-eyebrow{font:9px var(--mono);letter-spacing:2px;color:#7c957f;margin-bottom:22px}.dossier-wordmark{font:11px var(--mono);letter-spacing:6px;color:#a5b5a5;line-height:1.3}.dossier-wordmark>strong{display:block;font:900 92px/.95 Inter;letter-spacing:-5px;color:#dce2d2;filter:drop-shadow(0 0 24px #bfdd9d17);margin:9px 0 7px}.dossier-wordmark>span{font:300 30px Inter;letter-spacing:15px;color:#9dad90;border-top:1px solid #53654c;padding-top:5px;display:inline-block}
.dossier-copy h1{font-size:31px;letter-spacing:-1px;line-height:1.15;margin-top:30px;font-weight:650}.dossier-copy h1 em{color:#b4c7a3}.dossier-copy>p:not(.case-eyebrow){font-size:14px;line-height:1.8;margin-top:20px;color:#89968b}.classified-date{display:flex;align-items:center;gap:9px;margin:25px 0;font:9px var(--mono);letter-spacing:1px;color:#b0bd9e}.classified-date>i{height:5px;width:5px;background:#c5dba5;border-radius:50%;box-shadow:0 0 13px #b3e47f60}.dossier-copy>small{display:block;font-size:10px;color:#6e7e70;margin-top:14px;text-align:center;max-width:470px}
.case-scene{position:relative;height:620px;isolation:isolate;perspective:1000px}.case-portrait{position:absolute;top:10px;left:8%;width:84%;height:480px;object-fit:cover;object-position:50% 29%;mask-image:radial-gradient(ellipse at 50% 40%,#000 26%,#000c 48%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 26%,#000c 48%,transparent 72%);z-index:1}.case-beam{position:absolute;inset:-70px 0 0;background:conic-gradient(from -20deg at 50% 10%,transparent 0deg,#6b9d7825 15deg,transparent 30deg);filter:blur(15px);animation:beam-sweep 16s ease-in-out infinite}.case-orbit{position:absolute;inset:80px 20px 90px;border:1px solid #9bb68a20;border-radius:50%;transform:rotateX(55deg)}.case-orbit:after{content:'';position:absolute;inset:45px;border:1px dashed #9bb68a20;border-radius:50%}.case-coordinates{position:absolute;top:75px;right:0;font:7px/1.8 var(--mono);letter-spacing:2px;color:#627564;z-index:3}
.case-file-stack{position:absolute;inset:260px 20px 0;z-index:4}.case-file{position:absolute;width:140px;height:210px;border:1px solid #a7b78e55;border-radius:6px;box-shadow:0 15px 35px #0009}.case-file:nth-child(1){left:10%;top:30px;transform:rotate(-16deg);animation:case-emerge 8s ease-in-out infinite}.case-file:nth-child(2){left:37%;top:0;transform:rotate(-3deg);animation:case-emerge 8s 1s ease-in-out infinite}.case-file:nth-child(3){left:63%;top:27px;transform:rotate(13deg);animation:case-emerge 8s 2s ease-in-out infinite}
.case-folder{position:absolute;left:8%;right:1%;bottom:22px;height:170px;background:linear-gradient(145deg,#39432e,#1b261b);border:1px solid #798365;border-top-color:#a0ad88;border-radius:6px 6px 10px 10px;transform:rotate(-4deg);z-index:5;box-shadow:0 24px 50px #0009;padding:23px 26px}.case-folder:before{content:'';position:absolute;top:-17px;left:-1px;width:42%;height:18px;border-radius:6px 9px 0 0;background:#39432e;border:1px solid #798365;border-bottom:0}.case-folder>span{font:8px var(--mono);letter-spacing:2px;color:#8e9c7f}.case-folder>strong{display:block;font:800 29px Inter;letter-spacing:-1px;color:#c3ceb0;margin-top:11px}.case-folder>p{font:8px var(--mono);letter-spacing:3px;color:#879778;margin-top:8px}.case-folder>b{position:absolute;right:23px;bottom:35px;font:300 50px Inter;color:#7c986c}.case-stamp{position:absolute;left:20%;bottom:-17px;color:#627c63;font:8px/1.6 var(--mono);letter-spacing:2px;transform:rotate(-4deg)}
.dossie-mode .course-cover>.dossier-keyart {
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.dossie-mode .deck-thumbnails>button {opacity:.85}
.dossie-mode .deck-thumbnails>button:is(:hover,:focus-visible,[aria-pressed=true]) {opacity:1}
.dossie-mode .ticker{background:#101a13;border-color:#27392a}.dossie-mode .ticker span{color:#a5b59d}.dossie-mode .ticker i{color:#aec293}.dossie-mode .collection-heading h2 em,.dossie-mode .closing em{color:#b8cfa0}.dossie-mode .reference-look .demo-section,.dossie-mode .carousel-lab{background:#0c1510;border-color:#243126}.dossie-mode .reference-look .closing{background:radial-gradient(ellipse,#40583224,transparent 65%)}.dossie-mode .deck-stage>.course-cover{border-color:#a7b78e55}.dossie-mode .deck-thumbnails>button[aria-pressed=true]{border-color:#b2c792;box-shadow:0 0 0 3px #a7c58f12}.dossie-mode .deck-arrows>button:hover{background:#abc191;border-color:#abc191}
.dossie-mode .idea-source{background:linear-gradient(145deg,#242e21,#101912);border-color:#4b5d40}.dossie-mode .structure-source{background:#111a14;border-color:#354731}.dossie-mode .sample-slide{background:#ccd3bb;color:#20281a;border-color:#e0e8d2}.dossie-mode .sample-slide>#slide-kicker,.dossie-mode .sample-bottom b{color:#577044}.dossie-mode .sample-slide p{color:#57614d}.dossie-mode .sample-back{background:#63754c;border-color:#a5b887}.dossie-mode .sample-back.back-b{background:#324329}.dossie-mode .slide-nav button{background:#1a2518;border-color:#526448;color:#acbf98}.dossie-mode .deck-included>span{color:#bfcea6}
@media(max-width:1100px){.dossier-wordmark>strong{font-size:78px}.dossier-wordmark>span{font-size:25px;letter-spacing:12px}.case-scene{height:560px}.case-file{width:118px;height:177px}.case-folder{height:150px}.case-folder>strong{font-size:25px}.case-file-stack{inset:240px 5px 0}}
@media(max-width:760px){.dossie-mode .dossier-hero{display:flex;flex-direction:column;gap:0;padding:29px 0 26px;min-height:0}.dossier-copy{text-align:center;width:100%}.case-eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:21px}.dossier-wordmark{font-size:9px;letter-spacing:5px}.dossier-wordmark>strong{font-size:77px;letter-spacing:-4px;margin-top:8px}.dossier-wordmark>span{font-size:24px;letter-spacing:10px;padding-left:10px}.dossier-copy h1{font-size:26px;letter-spacing:-.8px;line-height:1.15;margin-top:26px}.dossier-copy>p:not(.case-eyebrow){font-size:12px;margin-top:17px}.classified-date{justify-content:center;font-size:8px;letter-spacing:.7px;margin:23px 0}.dossier-copy>small{font-size:9px;margin-top:14px}.case-scene{height:465px;width:100%;margin-top:16px}.case-portrait{height:370px;top:-5px;left:0;width:100%}.case-coordinates{top:45px;right:1%;font-size:6px;letter-spacing:1px}.case-file-stack{inset:220px -5px 0}.case-file{width:90px;height:135px}.case-file:nth-child(1){left:8%;top:8px}.case-file:nth-child(2){left:36%;top:-10px}.case-file:nth-child(3){left:65%;top:5px}.case-folder{height:122px;left:4%;right:0;bottom:25px;padding:18px 20px}.case-folder>span{font-size:6px;letter-spacing:1.2px}.case-folder>strong{font-size:25px;margin-top:9px}.case-folder>p{font-size:6px;letter-spacing:2px;margin-top:7px}.case-folder>b{right:18px;bottom:22px;font-size:35px}.case-stamp{font-size:6px;bottom:-3px;letter-spacing:1.5px;left:17%}.case-orbit{inset:55px -10px 80px}}
@media(prefers-reduced-motion:reduce){.case-beam,.case-file{animation:none!important}}