@import url('/fonts/fonts.css');
:root{--paper:#f6f3ec;--ink:#282e29;--muted:#73766c;--line:#dcded3;--green:#294c3e;--lime:#e4e9cf;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #708557;outline-offset:5px}button:hover,a:hover{transition:background .2s,color .2s}button:disabled{cursor:default}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;font-family:var(--serif)}h2{font-size:clamp(32px,3.25vw,47px);letter-spacing:-1.8px;line-height:1.13}h3{font-size:34px;letter-spacing:-1px}em{font-weight:400}small{font-size:12px}button svg{width:18px}a[target=_blank]:hover{text-decoration:underline}.skip{position:fixed;z-index:100;top:-80px;left:20px;padding:15px;background:var(--paper)}.skip:focus{top:10px}.site-header{height:85px;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);gap:34px;background:var(--paper)}.brand{font-family:'Manrope',var(--sans);font-size:31px;font-weight:800;letter-spacing:-2px;display:inline-flex;align-items:center;gap:5px}.brand span{font-size:29px;color:#507650}.brand-note{font-size:9px;letter-spacing:2.1px;color:var(--muted);padding-top:7px}.site-header nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:12px}.plain{padding:10px 0}.plain span{margin-left:9px}.collection-btn{display:flex;gap:9px;align-items:center;border:1px solid #cdd0c2;border-radius:25px;padding:10px 15px}.collection-btn b{background:#e6e9dc;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:10px}.collection-btn:hover{background:var(--lime)}.hero{display:grid;grid-template-columns:42% 58%;min-height:650px}.hero-copy{padding:55px 7% 31px 12%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px}.little-star{color:#62805a;font-size:19px}h1{font-size:clamp(50px,5.5vw,85px);line-height:1.04;letter-spacing:-3.5px;margin:29px 0 23px}h1 em{color:var(--green)}.hero-desc{font-size:18px;line-height:1.6;letter-spacing:-.3px}.hero-sub{color:var(--muted);font-size:13px;line-height:1.65;margin-top:15px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:26px 0 30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;padding:15px 22px;border-radius:3px;font-size:12px;font-weight:500;line-height:1.4}.button.dark{background:var(--green);color:white}.button.dark:hover{background:#40614d}.button.outlined{border:1px solid #bfc5b6}.text-button{padding:10px 0;font-size:12px}.text-button:hover{text-decoration:underline}.byline{display:flex;gap:11px;align-items:center;margin-top:auto;font-size:11px}.ad-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #c6c9bc;border-radius:50%;font-family:var(--serif);font-weight:bold;font-size:15px}.byline div>span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.hero-visual{position:relative;overflow:hidden;background:#c9bda5}.hero-visual>img{position:absolute;object-position:53% 50%}.image-tag{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:1.7px;background:#f6f3eceb;border-radius:2px;padding:10px 12px}.photo-credit{position:absolute;bottom:15px;right:20px;color:white;font-size:9px;text-shadow:0 1px 5px #000;background:#0003;padding:4px 6px}.hero-spot{position:absolute;left:24%;top:62%;display:flex;align-items:center;gap:12px;text-align:left}.hero-spot>span,.hotspot{background:#f6f3eced;border:1px solid #ffffff80;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:24px;font-weight:400;box-shadow:0 0 0 6px #ffffff25}.hero-spot>div{background:#f6f3eced;padding:12px 16px;border-radius:3px;font-size:11px;box-shadow:0 4px 30px #0001}.hero-spot small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.hero-spot:hover>span,.hotspot:hover{background:var(--lime);transform:scale(1.08)}.experience-bar{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid var(--line);font-size:10px;gap:20px}.experience-bar>div:first-child{display:flex;gap:9px;align-items:center;font-size:11px}.experience-bar>div:nth-child(2){font-size:8px;letter-spacing:2px}.experience-bar>div:nth-child(2) span{color:#aaa;margin:0 12px}.dot{width:6px;height:6px;border-radius:50%;background:#779568}.section{padding:73px 5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:13px;color:#667059}.section-heading>p{font-size:12px;line-height:1.7;color:var(--muted)}.room-tabs{display:flex;gap:7px;margin-bottom:23px;overflow:auto;padding:4px 1px 7px}.room-tabs button{white-space:nowrap;border:1px solid #d1d5c7;border-radius:25px;padding:10px 19px;font-size:12px;display:flex;gap:15px;align-items:center}.room-tabs button>span{font-size:9px;color:#747d6b}.room-tabs button.active{background:var(--green);border-color:var(--green);color:white}.room-tabs button.active>span{color:#c6d4b7}.room-layout{display:grid;grid-template-columns:65% 35%;background:#eaeade}.room-image-wrap{position:relative;min-height:455px;aspect-ratio:1.5;overflow:hidden;background:#c9bda5}.room-image-wrap img{position:absolute;object-position:center}.hotspot{position:absolute;transform:translate(-50%,-50%);width:35px;height:35px;font-size:22px}.hotspot:hover{transform:translate(-50%,-50%) scale(1.1)}.expand-photo{position:absolute;right:17px;top:17px;border-radius:50%;background:var(--paper);width:35px;height:35px;font-size:23px}.room-photo-note{position:absolute;bottom:12px;left:15px;color:white;font-size:9px;text-shadow:0 0 5px #000;background:#0003;padding:3px 5px}.room-story{padding:36px 30px;display:flex;flex-direction:column;align-items:flex-start}.room-story .eyebrow{font-size:9px;color:#758166;margin-bottom:14px}.room-story p{color:#5b6558;line-height:1.7;font-size:13px;margin:17px 0 20px}.room-detail-list{width:100%;margin-bottom:25px}.room-detail-list button{border-bottom:1px solid #cdd3c1;width:100%;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-size:12px}.room-detail-list button:hover{color:#537348}.room-story .button{margin-top:auto;width:100%;gap:9px;padding:14px 8px}.source-note{font-size:9px;line-height:1.6;color:#667059;margin-top:10px}.map-note{font-size:10px;color:var(--muted);margin-top:13px}.objects{padding-top:12px}.filters{display:flex;gap:8px}.filters button{font-size:11px;padding:10px 14px;border-radius:22px}.filters .active{background:#e2e7d6;color:#38553f}.object-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}.object-card{position:relative}.object-photo{height:260px;overflow:hidden;display:block;width:100%;padding:0;background:#ddd8cc}.object-photo img{transition:transform .5s}.object-photo:hover img{transform:scale(1.04)}.object-card .save-button{position:absolute;right:13px;top:13px;width:34px;height:34px;border-radius:50%;background:var(--paper);font-size:19px}.save-button[aria-pressed=true]{background:var(--green);color:white}.object-meta{display:flex;justify-content:space-between;align-items:start;padding-top:16px}.object-meta button{text-align:left;padding:0}.object-meta h3{font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:-.3px;margin:5px 0 0}.object-meta .eyebrow{font-size:8px;color:#69775e;letter-spacing:1.3px}.object-meta .time-link{font-size:10px;border:1px solid #d9ddcf;padding:5px 8px;white-space:nowrap;margin-top:12px;border-radius:3px}.object-card[hidden]{display:none}.palette-section{margin:0 5%;padding:49px 45px;background:#e7e9da;display:grid;grid-template-columns:1fr 1.25fr;gap:50px}.palette-section h2{margin:15px 0 18px}.palette-section p{font-size:12px;margin-bottom:12px}.palette-section small{font-size:10px;line-height:1.7;color:#68735d;display:block;max-width:305px}.palette-right{padding-top:26px}.swatches{display:flex;height:150px;gap:8px;align-items:stretch}.swatch{position:relative;flex:1;border-radius:50% 50% 3px 3px;transition:transform .2s;border:2px solid transparent;box-shadow:inset 0 0 0 1px #0000000a}.swatch.active{transform:translateY(-10px);outline:1px solid #53684c;outline-offset:5px}.swatch .check{display:none;background:var(--paper);border-radius:50%;width:22px;height:22px;place-items:center;position:absolute;bottom:15px;left:calc(50% - 11px);color:var(--green);font-size:12px}.swatch.active .check{display:grid}.palette-caption{margin:23px 0 4px;font-size:12px;min-height:35px}.palette-caption span{display:block;font-size:10px;margin-top:6px;color:#6d765f}.palette-right .text-button{font-size:11px;border-bottom:1px solid #b7c0a5}.person-section{display:grid;grid-template-columns:38% 1fr;gap:9%;align-items:center;padding-top:85px;padding-bottom:85px}.person-photo{height:450px;position:relative}.person-photo img{object-position:center 45%}.person-photo>span{position:absolute;bottom:12px;left:15px;color:white;font-size:9px;text-shadow:0 1px 5px #000}.person-copy h2{margin:17px 0 20px;font-size:48px}.person-copy p{font-size:15px;max-width:365px;line-height:1.8;color:#646b5e}.context-tag{font-size:9px;color:#7b826f;margin:14px 0 24px;line-height:1.7}.next-curiosity{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px;align-items:flex-start}.next-curiosity>span{font-size:8px;letter-spacing:1.7px;color:#787e70}.next-curiosity strong{font-family:var(--serif);font-size:22px;font-weight:400}.next-curiosity a{font-size:11px;text-decoration:underline;text-underline-offset:4px}footer{margin:0 5%;border-top:1px solid var(--line);padding:34px 0;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer p{font-family:var(--serif);font-style:italic;font-size:17px;color:#6d7768}footer .plain{margin-left:auto;font-size:11px}.footer-note{flex-basis:100%;font-size:9px;color:#8a8d81}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:30;background:var(--green);color:white;border-radius:6px;padding:13px 22px;font-size:12px;transition:.2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;border-radius:7px;max-width:calc(100vw - 28px);max-height:90vh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#17261eb3;backdrop-filter:blur(5px)}dialog .close{width:36px;height:36px;border-radius:50%;background:var(--paper);position:absolute;right:15px;top:15px;font-size:25px;z-index:3;display:grid;place-items:center;padding:0}.detail-dialog{width:650px}.detail-image{height:300px;object-fit:cover}.detail-content{padding:30px 36px 36px}.detail-content h2{margin:10px 0 17px}.detail-content>p{line-height:1.8;font-size:14px;color:#65705f}.detail-content .source-link{font-size:11px;color:#687b60;text-decoration:underline;display:inline-block;margin:17px 0}.detail-content .detail-actions{display:flex;gap:20px;align-items:center;margin-top:6px;flex-wrap:wrap}.detail-content .eyebrow{color:#6a7b5d}.detail-content ul{list-style:none;padding:0;margin:20px 0 0}.detail-content li{padding:13px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.7}.detail-content li a{display:block;text-decoration:underline;text-underline-offset:3px}.detail-content li small{color:var(--muted);font-size:10px}.detail-content .notice{font-size:11px;line-height:1.7;margin-top:22px;background:#e9eddf;padding:14px}.video-dialog{width:min(940px,calc((90dvh - 230px)*16/9))}.video-top{padding:22px 27px;position:relative}.video-top h2{font-size:26px;letter-spacing:-.5px;margin-top:4px}.video-top .eyebrow{font-size:8px;color:#707c60}.video-top .close{top:27px}.video-dialog iframe{border:0;display:block;width:100%;aspect-ratio:16/9;background:#111}.video-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 25px;font-size:11px}.video-bottom a{text-decoration:underline}.video-chapters{display:flex;flex-wrap:wrap;gap:8px;padding:0 25px}.video-chapters button{font-size:10px;padding:8px 10px;border:1px solid var(--line);border-radius:20px}.video-chapters button.active{background:var(--green);color:white}.player-note{padding:14px 25px 20px;color:#757e6b;font-size:10px}.enlarged{width:100%;height:auto;max-height:75vh;object-fit:contain;background:#ded8ca}.enlarged-caption{padding:17px 25px;font-size:11px}.media-failed{object-fit:contain;background:linear-gradient(130deg,#ded9cb,#bbc4b0);font-size:13px;color:#35432c}
@media(min-width:1550px){body{max-width:1680px;margin:auto}.hero{min-height:730px}.hero-copy{padding-top:75px}.hero-visual>img{object-position:center}.room-image-wrap{min-height:540px}.object-photo{height:310px}}
@media(max-width:1050px){.hero{min-height:630px;grid-template-columns:44% 56%}.hero-copy{padding-left:11%;padding-top:40px}.hero-actions{gap:15px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-spot{left:8%;top:65%}.hero-spot>div{padding:10px}.brand-note{display:none}.room-layout{grid-template-columns:60% 40%}.room-story{padding:25px 23px}.room-image-wrap{min-height:420px}.object-photo{height:220px}.room-story h3{font-size:28px}.palette-section{padding:35px;gap:30px}.person-photo{height:400px}}
@media(max-width:760px){.site-header{height:70px;padding:0 6%;gap:10px}.brand{font-size:27px}.brand span{font-size:23px}.site-header nav{gap:17px;font-size:11px}.collection-btn{padding:8px 11px}.collection-btn>span{display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:34px 7% 27px;position:relative}.hero .eyebrow{font-size:9px}.hero h1{font-size:61px;margin:20px 0;line-height:1.04;letter-spacing:-3px}.hero h1 br:first-of-type{display:initial}.hero-desc{font-size:16px}.hero-sub{font-size:12px;margin-top:10px}.hero-actions{margin:22px 0}.byline{font-size:10px}.hero-visual{height:430px}.hero-visual>img{object-position:50% 50%}.image-tag{top:18px;left:20px;font-size:8px}.hero-spot{top:60%;left:23%}.photo-credit{font-size:8px;right:10px}.experience-bar{padding:17px 6%}.experience-bar>div:nth-child(2){display:none}.experience-bar>div:first-child{font-size:10px}.experience-bar>a{font-size:9px}.section{padding:45px 6%}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:20px}.section-heading>p{font-size:11px}.section-heading>p br{display:none}h2{font-size:34px;letter-spacing:-1.4px}.eyebrow{font-size:9px}.room-tabs button{font-size:11px;padding:9px 14px}.room-layout{grid-template-columns:1fr}.room-image-wrap{min-height:0;aspect-ratio:1.32}.room-story{padding:26px}.room-story h3{font-size:30px}.room-story p{margin:12px 0}.room-detail-list{margin-bottom:20px}.source-note{font-size:9px}.map-note{line-height:1.6;font-size:9px}.objects{padding-top:0}.object-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.object-photo{height:200px}.object-meta{flex-direction:column;padding-top:11px}.object-meta h3{font-size:13px}.object-meta .eyebrow{font-size:7px}.object-meta .time-link{font-size:9px;margin-top:9px}.palette-section{margin:0 6%;grid-template-columns:1fr;padding:30px 25px;gap:18px}.palette-section h2 br{display:none}.palette-right{padding-top:10px}.swatches{height:120px}.person-section{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:45px}.person-photo{height:400px;width:100%}.person-copy h2{font-size:40px}.person-copy p{font-size:14px}.person-copy h2 br{display:none}.next-curiosity{margin-top:25px}.footer-note{line-height:1.6}footer{margin:0 6%;gap:15px;padding:27px 0}footer p{font-size:14px}footer .plain{margin-left:0}.detail-content{padding:25px}.detail-content h2{font-size:30px}.detail-image{height:230px}.video-dialog{max-width:calc(100vw - 16px)}.video-top{padding:20px}.video-top h2{font-size:23px;margin-right:35px}.video-bottom{padding:13px 17px;font-size:9px}.video-chapters{padding:0 17px}.video-chapters button{font-size:9px}.hero-spot>div{font-size:10px}.hero-spot small{font-size:9px}}
@media(max-width:390px){.hero h1{font-size:53px}.hero-visual{height:340px}.hero-spot{left:16%}.object-photo{height:170px}.site-header nav{gap:10px}.brand{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* V2: a quiet, permanent shell around independent video worlds. */
[hidden]{display:none!important}.site-header{position:sticky;top:0;z-index:20;height:76px;background:#f6f3ecf5;backdrop-filter:blur(16px);color:#282e29}.site-header nav{gap:23px}.brand-note{font-size:8px;letter-spacing:1.7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.photo-pin{position:absolute;top:25px;right:24px;padding:10px 13px;font-size:10px;border-radius:20px;background:#f6f3ecef}.hero{min-height:660px}.story-map{margin-top:30px;padding:30px;background:#eeeee3;background-image:radial-gradient(#79866435 .7px,transparent .7px);background-size:9px 9px}.map-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.map-header h3{font-size:27px;margin-top:8px}.map-header .eyebrow{font-size:8px}.map-rooms{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:25px}.map-room{border:1px solid #c5cbbb;background:#f6f3ecd9;padding:20px 10px;text-align:left;transition:.2s}.map-room:hover,.map-room.active{background:#e3e8d6;transform:translateY(-3px);border-color:#657b5a}.map-room strong{font-family:var(--serif);font-weight:400;font-size:21px;display:block;margin-top:18px}.map-room small{font-size:9px;color:#65705f;display:block;margin-top:8px}.room-sketch{display:block;height:55px;width:80px;position:relative;margin:0 auto;color:#5d7157}.room-sketch i{display:block;position:absolute;border:1px solid currentColor;inset:12px 2px}.room-sketch b{position:absolute;border:1px solid currentColor;inset:22px 12px}.sketch-living i{inset:15px 0 10px;border-radius:4px}.sketch-living b{inset:40px 20px 0}.sketch-kitchen i{inset:2px 0 12px;border-width:1px 1px 12px}.sketch-kitchen b{inset:10px 9px 25px;border-radius:50%;width:14px}.sketch-terrace i{inset:5px 26px;border-radius:50%}.sketch-terrace b{inset:12px 10px;border-radius:50%}.sketch-bath i{inset:12px 0 3px;border-radius:0 0 24px 24px}.sketch-bath b{inset:6px 10px 35px;border-width:1px 0 0}.sketch-bedroom i{inset:4px 10px;border-width:6px 1px 1px}.sketch-bedroom b{inset:22px 10px 0}.discover-section{border-top:1px solid var(--line);background:#eeeee5}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.related-card{text-align:left;padding:0;display:grid;grid-template-columns:48% 1fr;border:1px solid #d4d9ca;background:var(--paper);min-height:205px;overflow:hidden}.related-cover{position:relative;min-height:210px;overflow:hidden;background:#121212;color:#f1373c}.related-cover img{transition:transform .4s;position:absolute}.related-card:hover img{transform:scale(1.05)}.ready-pill{position:absolute;left:14px;bottom:14px;padding:8px 10px;background:#f6f3ecee;color:#2c4030;border-radius:20px;font-size:9px}.related-copy{padding:28px 24px}.related-copy .eyebrow{font-size:8px;color:#738167}.related-copy h3{font-size:28px;line-height:1.1;margin:12px 0}.related-copy p{font-size:11px;line-height:1.7;color:#707965}.slayer-word{font:bold italic clamp(36px,4vw,65px)/1 Impact,'Arial Narrow',sans-serif;position:absolute;left:8%;top:35%;transform:rotate(-10deg);letter-spacing:-3px;z-index:1}.poster-stripe{position:absolute;background:#682426;transform:rotate(-20deg);height:22px;width:140%;top:64%;left:-20%;opacity:.5}.related-slayer .related-cover{background:repeating-linear-gradient(170deg,#161415 0px,#161415 4px,#251b1d 5px,#151415 6px)}
/* Personal library. All video identities share the same quiet space. */
.library-head{padding:62px 6% 38px;background:radial-gradient(ellipse at 94% 30%,#e5e7d5,transparent 50%)}.library-head h1{font-size:clamp(40px,5vw,72px);margin:20px 0}.library-head h1 em{font-weight:normal}.library-head p{font-size:14px;line-height:1.8;color:#737969}.library-head-actions{display:flex;gap:23px;margin-top:24px}.local-note{display:block;font-size:10px;color:#747d6d;margin-top:19px}.library-content{padding:0 6% 65px}.board-list{display:flex;gap:20px;overflow-x:auto;padding:10px 3px 26px;border-bottom:1px solid var(--line)}.board-tile{flex:0 0 185px;padding:0;text-align:left}.board-cover{height:115px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:#e8e9dc;overflow:hidden;border:3px solid transparent;border-radius:8px}.board-tile.selected .board-cover{border-color:#294c3e}.cover-art{width:100%;height:100%;object-fit:cover;min-height:0;min-width:0}.cover-art:first-child{grid-row:span 2}.cover-art:only-child{grid-column:span 2}.board-tile strong{display:block;font-size:12px;margin:11px 0 6px;overflow-wrap:anywhere}.board-tile small{font-size:10px;color:#77806c}.all-cover{background:#e1e7d0;display:flex;align-items:center;justify-content:space-between;padding:15px}.all-cover>span{font-size:55px;color:#6d8454}.all-cover>b{font-family:var(--serif);font-size:42px;font-weight:400}.empty-board{grid-area:1/1/3/3;display:grid;place-items:center;font-size:28px;color:#95a083;border:1px dashed #afb79d;margin:6px;border-radius:5px}.library-toolbar{display:flex;align-items:center;gap:12px;padding:32px 0 24px}.library-toolbar h2{font-size:28px;margin-right:auto;overflow-wrap:anywhere;min-width:0}.library-toolbar input,.library-toolbar select{background:transparent;border:1px solid #d3d7c8;border-radius:25px;padding:12px 16px;color:#465540;font:inherit;font-size:11px;max-width:100%}.pin-grid{columns:4;column-gap:22px}.pin{break-inside:avoid;margin-bottom:25px;border-radius:8px;overflow:hidden;border:1px solid #dce0d1;background:#fbfaf6}.pin-open{padding:0;width:100%;display:block;position:relative;text-align:left}.pin-art{height:230px;object-fit:cover;width:100%;transition:filter .2s}.pin:nth-child(3n+2) .pin-art{height:290px}.pin:nth-child(4n+3) .pin-art{height:190px}.pin-open:hover .pin-art{filter:brightness(.9)}.pin-kind{position:absolute;left:12px;bottom:12px;background:#f6f3eced;padding:6px 9px;font-size:9px;border-radius:20px}.pin-copy{padding:17px}.pin h3{font-family:var(--serif);font-size:24px;line-height:1.15;overflow-wrap:anywhere}.pin-source{font-size:9px;padding:0;margin-top:10px;text-align:left;color:#768168}.pin-note{font-size:12px;line-height:1.6;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.pin-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;border-top:1px solid #e5e6dc;padding-top:10px;gap:10px}.pin-bottom button:first-child{font-size:10px;text-align:left;overflow-wrap:anywhere}.pin-bottom button:last-child{font-size:20px;padding:3px 6px;color:#758068}.color-art{display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 4px #0008}.color-art>span{font-size:13px;letter-spacing:2px}.drawn-art{display:grid;place-items:center;font-family:Georgia,serif;font-size:85px;background:#e3e6d5;color:#5c7054}.art-metal{background:repeating-linear-gradient(165deg,#161313 0 6px,#351f21 7px 8px);color:#dc3539;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:-5px;transform:none}.art-wood{background:repeating-radial-gradient(ellipse at 43% 65%,#b1875c 0 6px,#987049 7px 8px,#bd956f 10px 14px)}.art-join{background:linear-gradient(90deg,#b88a60 48%,#32271d 48% 51%,#b88a60 51%);color:#4c3524;font-size:130px;text-align:center;display:grid;place-items:center}.art-map{background-color:#e7eadc;background-image:linear-gradient(#93a38233 1px,transparent 1px),linear-gradient(90deg,#93a38233 1px,transparent 1px);background-size:22px 22px}.library-empty{column-span:all;padding:65px 25px;text-align:center;border:1px dashed #c1cab5;background:#e9edde50}.library-empty>span{font-size:45px;color:#80946b}.library-empty h3{font-size:30px;margin:20px 0 13px}.library-empty p{font-size:13px;line-height:1.7;color:#74816a;margin:auto;max-width:360px}.library-empty .button{margin-top:24px}
/* Save sheets and moment capture. */
.save-dialog{padding:38px;width:460px}.save-dialog h2{font-size:32px;margin:12px 25px 18px 0}.save-dialog>p{font-size:13px;line-height:1.6;color:#6f7d63}.save-dialog form{margin-top:24px}.save-dialog label{font-size:11px;display:block;margin-bottom:19px;color:#5b6950}.save-dialog input,.save-dialog textarea,.save-dialog select{display:block;width:100%;border:1px solid #c7d0bb;background:#fbfaf7;border-radius:4px;color:#293c2d;font:inherit;font-size:13px;padding:13px;margin-top:8px}.save-dialog textarea{min-height:85px;resize:vertical}.save-dialog input:focus,.save-dialog select:focus,.save-dialog textarea:focus,.library-toolbar input:focus{outline:2px solid #829870;outline-offset:2px}.save-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.field-hint{font-size:10px!important;line-height:1.7;margin-top:16px;color:#77806b;display:block}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.save-dialog [role=alert]{font-size:12px;color:#a83830;line-height:1.5;margin-bottom:15px}.capture-video{margin:6px 25px 0}.video-dialog{width:min(900px,calc((90dvh - 290px)*16/9));min-width:min(520px,calc(100vw - 20px))}.video-top h2{margin-right:35px}.video-chapters{gap:5px}.toast{z-index:50}body:has(dialog[open]){overflow:hidden}.capture-callout{margin-top:50px;padding:28px 0;border-top:1px solid #cabdab;display:flex;align-items:center;justify-content:space-between;gap:20px}.capture-callout h3{font-size:28px}
/* The workshop is a tactile notebook, not the home page reskinned. */
[data-theme=wood]{background:#e9dfcd;color:#493b2e}[data-theme=wood] footer{border-color:#c6baa3}.wood-hero{padding:35px 6% 0}.wood-overline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;border-bottom:1px solid #baab91;padding-bottom:24px;gap:15px}.wood-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:30px 0 40px}.wood-title h1{font-size:clamp(48px,6vw,84px);line-height:1.05;margin:0;font-weight:normal}.wood-title h1 em{color:#86684d}.wood-title p{font-size:12px;line-height:1.8;max-width:250px}.wood-feature{display:grid;grid-template-columns:1.4fr 1fr;min-height:440px}.wood-illustration{position:relative;overflow:hidden;background:#967044;background-image:repeating-radial-gradient(ellipse at 20% 25%,#967044 0 5px,#755539 6px 7px,#b18a57 9px 17px)}.wood-illustration:after{content:'';position:absolute;inset:0;background:linear-gradient(140deg,#d7b57f33,#503d2599);box-shadow:inset 0 0 100px #38291b55}.wood-illustration>b{position:absolute;bottom:23px;left:25px;font-size:10px;letter-spacing:2px;color:#f4e4c8;z-index:1}.wood-ring{position:absolute;display:block;width:350px;height:450px;left:20%;top:-40px;border:22px double #bba17788;border-radius:44% 56% 35% 65%;transform:rotate(25deg);box-shadow:0 0 0 12px #6c4d2d55,0 0 0 27px #bfa07766,0 0 0 40px #573e2d55}.ring-two{left:70%;top:80px;transform:rotate(-10deg)}.wood-intro{padding:45px;background:#ded2bc;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.wood-intro h2{font-size:44px;margin:20px 0}.wood-intro p{font-size:14px;line-height:1.8;margin-bottom:24px}.wood-intro .button{background:#574733}.wood-lab{padding-top:55px}.material-switch{display:flex;gap:15px;margin-bottom:20px}.material-switch button{border-bottom:2px solid transparent;padding:10px 0;font-size:12px}.material-switch .active{border-color:#746044}.material-stage{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #c5b79e}.material-drawing{min-height:260px}.material-stage>div:last-child{padding:34px}.material-stage h3{font-size:34px;margin:12px 0}.material-stage p{font-size:13px;line-height:1.8;max-width:420px}.material-stage small{display:block;font-size:10px;line-height:1.7;margin:15px 0;color:#796a58}.wood-lab>.source-link{display:block;font-size:11px;margin-top:16px;text-decoration:underline}
/* Music gets its own typography, geometry and pace. */
[data-theme=slayer]{background:#171415;color:#ede7db}[data-theme=slayer] footer{border-color:#453336}[data-theme=slayer] footer p,[data-theme=slayer] .footer-note{color:#b3a7a7}.metal-hero{padding:30px 5% 0;position:relative;overflow:hidden;background:repeating-linear-gradient(172deg,transparent 0 9px,#f5535708 10px 11px),radial-gradient(ellipse at 70% 10%,#5a202a77,transparent 60%),#171415}.metal-topline,.metal-line{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:2px;border-bottom:1px solid #623739;padding-bottom:22px}.metal-title{position:relative;padding:48px 0 30px;display:flex;justify-content:space-between;align-items:end;gap:20px}.metal-title h1{font:italic 900 clamp(90px,15vw,220px)/.8 Impact,'Arial Narrow',sans-serif;letter-spacing:-9px;color:#e33339;transform:skew(-5deg);margin:0;position:relative;z-index:1}.metal-title h1 span{display:block;font-size:clamp(30px,5vw,73px);letter-spacing:6px;font-style:normal;color:#e7dfd3;margin-top:35px}.metal-title p{font-family:var(--serif);font-size:20px;line-height:1.6;position:relative;z-index:1;max-width:230px;margin-bottom:10px}.metal-scribble{position:absolute;right:10%;top:-130px;font:500px/.9 Georgia;color:#502226;transform:rotate(17deg);pointer-events:none}.metal-bottom{position:relative;border-top:1px solid #593034;display:flex;align-items:center;gap:35px;margin-top:30px;padding:28px 0}.metal-play{border:1px solid #b53c42;border-radius:50%;width:100px;height:100px;flex-shrink:0;color:#f14c51;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:22px}.metal-play span{font-size:8px;letter-spacing:2px}.metal-play:hover{background:#8b252c;color:#fff}.metal-bottom p{font-size:13px;line-height:1.8}.metal-bottom small{display:block;font-size:10px;color:#988388;margin-top:8px}.metal-save{font-size:10px;letter-spacing:1.8px;margin-left:auto;padding:17px 20px;background:#c62b33;color:white}.metal-content{padding:35px 5% 60px;background:#1c1819}.metal-line{font-size:9px}.metal-stories{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;gap:8%}.metal-stories article{position:relative;padding:24px 0 20px 70px;border-bottom:1px solid #583439}.large-number{position:absolute;top:26px;left:0;font:36px Impact,sans-serif;color:#814044}.metal-stories h2{font:55px/.95 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:0;color:#e3dacc}.metal-stories p{font-size:13px;line-height:1.9;color:#b7a9a7;max-width:380px;margin:25px 0 12px}.metal-stories .text-button{color:#eb6165;font-size:12px;display:block}.metal-stories .source-link{font-size:10px;color:#a99294;display:block;margin-top:15px;text-decoration:underline}.metal-colors{display:flex;gap:7px;margin-top:27px;height:65px}.metal-colors span{background:#bf272d;flex:1}.metal-colors span:nth-child(2){background:#100f10;border:1px solid #433236}.metal-colors span:nth-child(3){background:#e5ddcf}.metal-capture{border:1px solid #573339;margin-top:40px;display:flex;align-items:center;gap:50px;padding:32px}.metal-capture>span{font:italic 54px Impact,sans-serif;color:#883039;white-space:nowrap}.metal-capture h3{font:25px var(--serif)}.metal-capture p{font-size:12px;color:#b19b9e;line-height:1.8;margin:12px 0}.metal-capture .button{background:#c52b32;color:#fff}.metal-title:before{content:'';position:absolute;left:-5%;right:-5%;height:1px;background:#cf394350;top:42%;transform:rotate(-11deg)}
@media(max-width:1050px){.pin-grid{columns:3}.related-card{grid-template-columns:1fr}.related-cover{min-height:240px}.wood-title h1{font-size:60px}.wood-intro{padding:30px}.wood-intro h2{font-size:35px}.metal-title p{font-size:16px}.metal-stories h2{font-size:43px}}
@media(max-width:760px){.site-header{height:66px;padding:0 5%}.site-header nav{gap:14px;font-size:10px}.site-header [data-action=sources]{display:none}.site-header .collection-btn>span{display:inline}.site-header .collection-btn{gap:5px;padding:8px 9px;font-size:10px}.hero{min-height:0}.photo-pin{top:18px;right:14px;font-size:9px}.story-map{padding:20px 15px}.map-header{align-items:start}.map-header h3{font-size:22px}.map-header .text-button{font-size:10px;max-width:100px;text-align:right}.map-rooms{grid-template-columns:repeat(3,1fr);gap:8px}.map-room{padding:14px 6px}.map-room strong{font-size:17px}.room-sketch{width:65px}.related-grid{grid-template-columns:1fr;gap:20px}.related-card{grid-template-columns:44% 1fr;min-height:180px}.related-cover{min-height:180px}.related-copy{padding:24px 16px}.related-copy h3{font-size:25px}.related-copy p{font-size:10px}.slayer-word{font-size:38px}.library-head{padding:37px 6% 30px}.library-head h1{font-size:43px;line-height:1.08;letter-spacing:-2px}.library-head .eyebrow{font-size:8px}.library-head p{font-size:12px}.library-head-actions{gap:15px}.library-head-actions .button{font-size:11px;padding:13px 16px}.local-note{font-size:9px;line-height:1.6}.board-tile{flex-basis:145px}.board-cover{height:95px}.board-list{gap:14px}.library-toolbar{flex-wrap:wrap;padding-top:24px;gap:10px}.library-toolbar h2{flex-basis:100%;font-size:28px;margin-bottom:10px}.search-label{flex:1;min-width:0}.search-label input{width:100%}.pin-grid{columns:2;column-gap:13px}.pin-art{height:180px}.pin:nth-child(3n+2) .pin-art{height:210px}.pin:nth-child(4n+3) .pin-art{height:150px}.pin-copy{padding:12px}.pin h3{font-size:20px}.pin-source{font-size:8px;line-height:1.5}.pin-note{font-size:11px}.pin-bottom{gap:6px}.pin-bottom button:first-child{font-size:9px;padding:0}.save-dialog{padding:30px 24px}.save-dialog h2{font-size:29px}.wood-hero{padding-top:24px}.wood-overline{font-size:7px;line-height:1.7;letter-spacing:1.3px}.wood-title{display:block;margin:27px 0}.wood-title h1{font-size:44px;letter-spacing:-2px}.wood-title p{margin-top:20px;font-size:12px}.wood-feature{grid-template-columns:1fr}.wood-illustration{min-height:270px}.wood-intro{padding:30px}.wood-intro h2{font-size:37px}.wood-intro p{font-size:13px}.material-stage{grid-template-columns:1fr}.material-drawing{min-height:180px}.material-stage>div:last-child{padding:25px}.capture-callout{flex-direction:column;align-items:start}.metal-topline,.metal-line{font-size:7px;letter-spacing:1px}.metal-title{padding-top:40px;display:block}.metal-title h1{font-size:clamp(82px,23vw,135px);letter-spacing:-4px}.metal-title h1 span{font-size:27px;letter-spacing:4px;margin-top:24px}.metal-title p{font-size:15px;margin-top:30px}.metal-scribble{font-size:320px;right:-20%;top:-10px}.metal-bottom{flex-wrap:wrap;gap:20px;padding:22px 0;margin-top:0}.metal-play{width:70px;height:70px;font-size:18px}.metal-play span{font-size:6px}.metal-bottom p{font-size:11px;max-width:calc(100% - 90px)}.metal-bottom small{font-size:9px}.metal-save{margin-left:0;padding:15px 20px;font-size:9px}.metal-stories{grid-template-columns:1fr;gap:25px;margin-top:20px}.metal-stories article{padding-left:50px}.large-number{font-size:27px}.metal-stories h2{font-size:43px}.metal-stories p{font-size:12px}.metal-capture{display:block;padding:25px}.metal-capture>span{font-size:44px;display:block;margin-bottom:22px}.metal-capture h3{font-size:24px}.video-dialog{min-width:0;width:calc(100vw - 20px)}.library-empty{padding:35px 15px}.library-empty h3{font-size:25px}}

.library-head{padding-top:38px;padding-bottom:30px}.library-head h1{margin:16px 0;font-size:clamp(40px,4.5vw,64px)}.library-head-actions{margin-top:20px}.board-cover{height:100px}.library-toolbar{padding-top:26px}.room-layout{scroll-margin-top:95px}

/* V3: source-aware shopping and local discovery preferences. */
.shopping-panel{margin-top:28px;padding:25px;background:#eeeee5;border:1px solid #d4d9ca;border-radius:3px}.shopping-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.shopping-heading .eyebrow{font-size:8px}.identity-badge{font-size:10px;padding:6px 9px;border:1px solid #bdc8b2;border-radius:20px;color:#425539}.shopping-panel h3{font-family:var(--serif);font-size:27px;font-weight:400;margin:16px 0 10px}.detail-content .shopping-panel p{font-size:12px;line-height:1.7;margin:0 0 18px}.shop-primary{display:block;background:#293c35;color:#fff;padding:15px 18px;font-size:12px;text-decoration:none;border-radius:2px}.shopping-options{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.shopping-search{border:1px solid #cbd0c0;padding:10px 11px;font-size:10px;border-radius:3px;text-decoration:none;color:#36432e}.shopping-search:hover{background:#dfe5d5}.shopping-panel small{display:block;font-size:10px;line-height:1.65;color:#69715f}.discovery-bridge{display:flex;align-items:center;gap:18px;padding:22px 0;width:100%;text-align:left;border-bottom:1px solid var(--line);color:var(--ink)}.bridge-icon{font-size:40px;color:#7d8a64}.discovery-bridge>span:nth-child(2){flex:1}.discovery-bridge small{display:block;font-size:8px;letter-spacing:1.4px;color:#738167}.discovery-bridge strong{display:block;font-family:var(--serif);font-size:23px;font-weight:400;margin:7px 0}.discovery-bridge em{font-size:11px;font-style:normal;color:#738167}.discover-section{color:var(--ink)}.recommendation{min-width:0;border:1px solid #d4d9ca;background:var(--paper)}.recommendation .related-card{border:0;width:100%;height:calc(100% - 70px)}.recommendation-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-top:1px solid #e0e2d8;min-height:70px}.recommendation-footer p{font-size:11px;line-height:1.5;color:#56654e}.recommendation-footer button{flex-shrink:0;font-size:10px;text-decoration:underline;text-underline-offset:4px;color:#65705f}.discovery-preferences{margin-top:24px;border-top:1px solid #d4d9ca;padding-top:18px;max-width:680px;font-size:12px;line-height:1.7}.discovery-preferences summary{cursor:pointer;list-style-position:inside}.discovery-preferences p{margin-top:15px}.preference-actions{display:flex;gap:25px;flex-wrap:wrap;margin:14px 0}.preference-actions .text-button{font-size:11px}.discovery-preferences small{font-size:10px;color:#68745f}.discovery-empty{padding:30px;border:1px dashed #a9b39b;grid-column:1/-1}.discovery-empty p{margin-bottom:15px}
@media(max-width:760px){.shopping-panel{padding:20px 16px}.shopping-panel h3{font-size:25px}.shopping-options{flex-direction:column}.shopping-search{padding:12px}.discovery-bridge strong{font-size:21px}.recommendation .related-card{height:auto}.recommendation-footer{align-items:start;padding:14px}.recommendation-footer p{font-size:10px}.preference-actions{gap:15px}.discover-section .section-heading{align-items:start}}
.detail-dialog>.close{position:sticky;top:14px;right:14px;margin:14px 14px -50px auto}
/* V5: enter a film's world; move between worlds without leaving the experience. */
body[data-theme=discovery]{background:var(--paper);color:var(--ink)}
.site-header .explore-nav{display:block}.site-header nav{gap:28px}.site-header .brand-note{letter-spacing:1.6px}.next-world-section{padding:70px 5% 85px;background:#eeeee5;color:#282e29}.next-world-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.next-world-heading .eyebrow{color:#6d765f;margin-bottom:13px}.next-world-heading h2{font-size:clamp(32px,3.8vw,53px)}.next-world-heading>.text-button{white-space:nowrap}.next-world-section .related-grid{grid-template-columns:1.65fr 1fr;gap:30px;align-items:start}.next-world-section .recommendation{border:0;background:transparent}.next-world-section .next-alternative{padding-top:85px}.next-cover{display:block;position:relative;width:100%;padding:0;aspect-ratio:1.15;overflow:hidden;text-align:left;background:#20261f;color:white}.next-alternative .next-cover{aspect-ratio:.94}.next-cover>img{position:absolute;inset:0;transition:transform .65s;object-fit:cover}.next-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 35%,#000c)}.next-cover:hover>img{transform:scale(1.045)}.next-cover-top{position:absolute;z-index:1;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.6px;line-height:1.5}.next-cover-title{position:absolute;z-index:1;bottom:28px;left:30px;right:30px}.next-cover-title>small{font-size:9px;letter-spacing:1.8px}.next-cover-title>strong{font:400 clamp(30px,3.5vw,51px)/1.02 var(--serif);letter-spacing:-1.3px;display:block;margin:15px 0 25px;max-width:460px}.next-cover-title>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-top:1px solid #ffffff60;padding-top:17px}.next-cover-title b{font-size:24px;font-weight:400}.next-slayer .next-cover-title>strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(36px,4vw,58px);text-transform:uppercase;color:#fff}.next-world-section .recommendation-footer{padding:15px 0;min-height:0;border:0;align-items:start}.recommendation-footer p{max-width:370px;font-size:11px}.recommendation-footer button{font-size:9px}.world-credits{margin:0 5%;padding:22px 0 36px;display:flex;flex-wrap:wrap;gap:12px 25px;border-top:1px solid #b8bdad60;color:#78816f}.world-credits>span{font-size:8px;letter-spacing:1.4px;padding-top:3px}.world-credits>div{display:flex;flex-wrap:wrap;gap:10px 20px}.world-credits a{font-size:9px}.world-credits>small{font-size:9px;line-height:1.7;flex-basis:100%;opacity:.85}.film-moments{padding:50px 5% 60px}.film-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.film-heading .eyebrow{color:#78816f}.film-heading h2{margin-top:12px}.film-heading>span{font-size:10px;color:#78816f}.film-layout{display:grid;grid-template-columns:2.3fr 1fr;gap:35px}.film-poster{display:block;width:100%;padding:0;aspect-ratio:16/9;position:relative;overflow:hidden;background:#181b17}.film-poster>img{position:absolute;inset:0;transition:transform .6s;filter:brightness(.82)}.film-poster:hover>img{transform:scale(1.025);filter:brightness(.95)}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:1px solid #fffc;border-radius:50%;display:grid;place-items:center;background:#ffffff15;backdrop-filter:blur(10px);color:white;font-size:35px;font-family:Arial}.film-time{position:absolute;bottom:20px;left:22px;color:white;font-size:10px;letter-spacing:2px}.film-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#7d8275;padding-top:13px}.film-caption a{font-size:9px}#inline-player{background:#101310;aspect-ratio:16/9}#inline-player iframe{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0}.film-tabs button{display:block;width:100%;position:relative;padding:18px 30px 18px 0;text-align:left;border-bottom:1px solid #b8bdad80;opacity:.6}.film-tabs button[aria-pressed=true]{opacity:1}.film-tabs small{display:block;font-size:8px;letter-spacing:1.6px;margin-bottom:9px}.film-tabs strong{font:400 25px/1.1 var(--serif)}.film-tabs button>span{position:absolute;right:3px;top:30px}.film-sidebar>p{font-size:10px;line-height:1.7;margin-top:15px;color:#8c8279}.film-sidebar>.text-button{margin-top:18px;font-size:11px}.film-sidebar>small{display:block;max-width:250px;font-size:9px;line-height:1.7;color:#7d8275;margin-top:13px}.discovery-editorial{padding:70px 5% 38px}.discovery-editorial h1{font-size:clamp(55px,7vw,100px);line-height:1.02;letter-spacing:-4px;margin:27px 0 30px}.discovery-editorial h1 em{color:#748064}.discovery-intro{display:flex;justify-content:space-between;align-items:end;gap:25px}.discovery-intro p{font-size:14px;line-height:1.9;color:#707668}.discovery-intro>.text-button{white-space:nowrap}.discovery-catalog{padding:0 5% 70px}.discovery-filter-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:42px}.catalog-count{font-size:8px;letter-spacing:1.7px;color:#7d8275}.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 35px;align-items:start}.world-card{min-width:0}.world-card:nth-child(even){margin-top:95px}.world-cover{width:100%;aspect-ratio:1.08;display:block;position:relative;padding:0;overflow:hidden;background:#20261f;text-align:left;color:#fff}.world-card-moore .world-cover{aspect-ratio:.9}.world-cover>img{position:absolute;inset:0;transition:transform .6s}.world-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 25%,transparent 65%,#0008)}.world-cover:hover>img{transform:scale(1.035)}.world-cover-meta{position:absolute;z-index:1;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.6px}.world-enter{position:absolute;z-index:1;bottom:25px;left:25px;font-size:12px;letter-spacing:.3px}.world-card-copy{padding-top:22px}.world-card-copy h2{font-size:41px;line-height:1.06;max-width:450px}.world-card-copy h2 button{padding:0;text-align:left;font:inherit}.world-card-copy p{font-size:12px;line-height:1.7;margin:14px 0 10px;color:#686f60}.world-card-copy small{font-size:10px;line-height:1.6;display:block;color:#77846c}.world-hide{font-size:9px;padding:13px 0;color:#77846c;text-decoration:underline;text-underline-offset:4px}.world-card-slayer .world-card-copy h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:47px;text-transform:uppercase}.discovery-catalog .discovery-preferences{margin-top:55px}.film-tabs button:hover{opacity:1}.film-moments .text-button:hover{color:#708359}
body[data-theme=slayer] .film-moments{background:#171415;color:#f1e8de}body[data-theme=slayer] .film-heading h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:0}body[data-theme=slayer] .film-heading>span,body[data-theme=slayer] .film-sidebar>small,body[data-theme=slayer] .film-heading .eyebrow{color:#a79b94}body[data-theme=slayer] .world-credits{color:#a79b94}body[data-theme=wood] .film-moments{background:#e5d6bd}body[data-theme=wood] .next-world-section{background:#ece4d6}
@media(max-width:760px){.site-header nav{gap:18px}.next-world-section{padding:45px 6%}.next-world-heading{display:block;margin-bottom:24px}.next-world-heading h2{font-size:36px;max-width:300px}.next-world-heading>.text-button{margin-top:10px}.next-world-section .related-grid{grid-template-columns:1fr;gap:32px}.next-world-section .next-alternative{padding-top:0}.next-cover{aspect-ratio:.95}.next-alternative .next-cover{aspect-ratio:1.2}.next-cover-title{left:24px;right:24px;bottom:25px}.next-cover-title>strong{font-size:40px}.next-cover-top{left:24px;right:24px;top:22px;font-size:7px;letter-spacing:1px}.next-cover-title>small{font-size:8px}.world-credits{margin:0 6%;padding:20px 0 28px;gap:10px}.world-credits>div{gap:10px 15px}.world-credits a{font-size:8px}.film-moments{padding:35px 6% 45px}.film-heading{display:block}.film-heading h2{font-size:35px;margin-bottom:12px}.film-heading>span{font-size:9px}.film-layout{grid-template-columns:1fr;gap:18px}.film-play{width:55px;height:55px;font-size:27px}.film-tabs button{padding:14px 28px 14px 0}.film-tabs strong{font-size:23px}.film-tabs small{margin-bottom:6px}.film-sidebar>small{max-width:100%;font-size:9px}.film-sidebar>.text-button{margin-top:10px}.film-caption{font-size:8px;gap:10px;line-height:1.6}.film-caption a{white-space:nowrap;font-size:8px}.film-time{bottom:15px;left:17px;font-size:8px}.discovery-editorial{padding:40px 6% 28px}.discovery-editorial h1{font-size:52px;letter-spacing:-2.6px;margin:22px 0}.discovery-intro{display:block}.discovery-intro p{font-size:12px}.discovery-intro p br{display:none}.discovery-intro>.text-button{margin-top:14px}.discovery-catalog{padding:0 6% 45px}.discovery-filter-row{display:block;padding:14px 0;margin-bottom:28px}.discovery-filter-row .filters{overflow:auto;gap:3px;padding-bottom:6px}.discovery-filter-row .filters button{white-space:nowrap;font-size:10px;padding:10px 12px}.catalog-count{display:block;margin:12px 0 0;font-size:7px}.discovery-grid{grid-template-columns:1fr;gap:28px}.world-card:nth-child(even){margin-top:0}.world-card-moore .world-cover{aspect-ratio:1}.world-card-copy h2{font-size:35px}.world-card-copy{padding-top:19px}.world-cover-meta{font-size:7px;left:19px;right:19px;top:19px}.world-enter{bottom:20px;left:20px;font-size:11px}.discovery-catalog .discovery-preferences{margin-top:30px}.world-card-copy p{font-size:11px}}

/* Real video excerpts inside discovery covers, loaded only after a tap. */
.card-media{position:relative;isolation:isolate}.card-preview-trigger{position:absolute;z-index:2;top:28%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;padding:12px 17px;border:1px solid #ffffffb0;border-radius:30px;background:#f6f3eced;box-shadow:0 4px 24px #0002;color:#28362c;font-size:11px;backdrop-filter:blur(12px)}.card-preview-trigger>span{font:24px/1 Arial}.card-preview-trigger:hover{background:#fff}.card-media.is-previewing>.next-cover,.card-media.is-previewing>.world-cover{visibility:hidden}.card-media.is-previewing>.card-preview-trigger{display:none}.card-preview{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:center;background:#141815;color:#f6f3ec}.card-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:12px}.card-preview-heading>span{font-size:8px;letter-spacing:1.6px;color:#b1baa7}.card-preview-heading button{font-size:24px;line-height:1;width:32px;height:32px;color:#eee}.card-preview iframe{display:block;border:0;width:100%;aspect-ratio:16/9;min-height:200px;flex-shrink:0;background:#000}.card-preview-bottom{padding:18px 22px}.card-preview-bottom>strong{font:400 24px/1.15 var(--serif);display:block;letter-spacing:-.4px}.card-preview-bottom>small{display:block;font-size:9px;line-height:1.6;color:#acb5a4;margin-top:10px}.card-preview-bottom>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.card-preview-bottom a{font-size:9px;color:#b9c5ad;text-decoration:underline;text-underline-offset:3px}.card-preview-bottom button{font-size:11px;background:#e7ebdc;color:#24332a;padding:10px 12px;border-radius:2px}.card-media.is-previewing{min-height:410px}.next-alternative .card-preview-bottom>strong{font-size:22px}
@media(max-width:760px){.card-preview-trigger{font-size:10px;padding:10px 14px;top:28%}.card-preview-trigger>span{font-size:21px}.card-preview-heading{padding:9px 15px}.card-preview-bottom{padding:15px 18px}.card-preview-bottom>strong{font-size:23px}.card-media.is-previewing{min-height:410px}.card-preview-bottom>div{margin-top:13px}.card-preview-bottom button{font-size:10px}.card-preview iframe{min-height:200px}}

/* The front door shares the editorial language, while each world keeps its own. */
body[data-theme="home"]{background:#f6f3ec;color:#243e33}
/* Beyond / Opening edition — editorial system */
:root{--paper:#f5f3ec;--ink:#252820;--muted:#686b60;--line:#d5d4c8;--green:#344537;--serif:'Instrument Serif',Georgia,serif;--accent:#a6442e}
::selection{background:#ddd9b9;color:#252820}
.site-header{height:72px;padding:0 4%;background:var(--paper);backdrop-filter:none;border-bottom:1px solid var(--line)}
.brand{font-family:var(--serif);font-size:42px;letter-spacing:-2px;font-weight:400}.brand .brand-period{font:inherit;color:var(--accent);margin-left:-4px}.brand-note{font-size:8px;letter-spacing:1.5px;padding-top:6px}.collection-btn{border-radius:0;border:0;border-left:1px solid var(--line);padding:8px 0 8px 22px}.collection-btn b{border-radius:0;background:#e9e7dc}.site-header nav{font-size:11px;gap:25px}.button{border-radius:0}.button.dark{background:var(--ink)}.button.dark:hover{background:#4b5341}.eyebrow{font-size:9px;letter-spacing:1.6px}.text-button{font-size:11px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

.entry-bottom{border-top:1px solid var(--ink);margin:0 4%;padding:35px 0 45px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px}.entry-bottom p{font:36px/1.05 var(--serif);letter-spacing:-.5px}.entry-bottom>.text-button{text-align:right}.entry-result{margin:0 4% 30px;max-width:850px;background:#e9ebdf;padding:30px;border-left:3px solid var(--green)}.entry-result h2{margin:14px 0;font-size:35px}.entry-result p{font-size:13px;line-height:1.7}.entry-result>div:last-child{display:flex;gap:24px;align-items:center;margin-top:15px}.entry-result a{font-size:12px}.extension-guide ol{font-size:13px;line-height:1.8;padding-left:20px}.extension-guide li{margin:12px 0}.extension-guide code{word-break:break-all}.image-provenance{font-size:10px;line-height:1.6;padding:10px 25px;background:#efeee7}.image-provenance a{text-decoration:underline}
/* Shared editorial frame; the compositions themselves belong to their films. */
.hero{grid-template-columns:38% 62%;min-height:660px}.hero-copy{padding:45px 10% 30px}.hero h1{font-size:clamp(65px,6.3vw,100px);line-height:.92;margin:32px 0 27px;letter-spacing:-2px}.hero-desc{font:24px/1.2 var(--serif)}.hero-sub{font-size:12px}.image-tag{border-radius:0}.section{padding:60px 4%}.section h2{font-size:48px;letter-spacing:-.7px}.room-tabs button{border-radius:0}.room-story h3{font-size:47px}.object-card{border-radius:0}.palette-section h2{font-size:56px}.person-copy h2{font-size:64px}.story-map{background-image:none;background:#e8e9de}.film-moments{padding-left:4%;padding-right:4%}.film-heading h2{font-size:49px}.world-credits{margin-left:4%;margin-right:4%}.world-credits small{font-size:9px}.next-world-section{padding-left:4%;padding-right:4%}.next-world-heading h2{font-size:47px}.next-cover{border-radius:0}.discovery-editorial{padding:45px 4% 30px}.discovery-editorial h1{font-size:74px;letter-spacing:-1.5px;line-height:1;margin:20px 0}.discovery-catalog{padding:0 4% 55px}.discovery-filter-row{align-items:start}.discovery-filter-row .filters{flex-wrap:wrap}.filters button{border-radius:0}.discovery-grid{grid-template-columns:repeat(3,1fr);gap:35px 24px}.discovery-grid .world-card:nth-child(n){margin-top:0}.world-card-copy h2{font-size:39px}.library-head h1{font-size:75px;letter-spacing:-1px}.library-head{padding-top:45px}.board-list button{border-radius:0}footer{padding-left:4%;padding-right:4%;gap:25px}footer .brand{font-size:36px}.footer-note{font-size:9px}
.wood-title h1{font-size:clamp(75px,8vw,122px);letter-spacing:-2px;line-height:.95}.wood-feature{grid-template-columns:55% 45%}.wood-intro h2{font-size:49px}.metal-hero{background:#151515;background-image:none}.metal-title h1{letter-spacing:-5px}.metal-scribble{display:none}.metal-topline{color:#c8bdb8}.metal-content h2{font-family:var(--serif)}
.edition-line{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.4px;padding:24px 0;border-bottom:1px solid currentColor}.moon-editorial{background:#171f29;color:#e5e9e7;padding:0 4%}.moon-heading{display:grid;grid-template-columns:40% 60%;align-items:center;padding:42px 0}.moon-heading h1{font:100px/.92 var(--serif);letter-spacing:-2px;margin:23px 0}.moon-heading h1 em{color:#adc1d1}.moon-heading p{font-size:13px;line-height:1.6;color:#bbc6cb}.moon-heading .button{margin-top:25px;border:1px solid #71838d}.moon-heading figure{margin:0}.moon-heading img{aspect-ratio:16/10;object-fit:cover}.moon-heading figcaption{font-size:9px;color:#a5b0b5;margin-top:12px}.lunar-coordinates{display:flex;justify-content:space-between;padding:21px 0;border-top:1px solid #63707b;font-size:9px;letter-spacing:1.4px}.atlas-stops{display:grid;grid-template-columns:1fr 1fr;gap:35px}.atlas-stops button{border-top:1px solid var(--ink);padding:23px 0;text-align:left}.atlas-stops button>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.atlas-stops h3{font-size:40px;margin:18px 0 10px}.atlas-stops p{font-size:13px;line-height:1.7;max-width:390px}.atlas-stops b{display:block;font-weight:400;font-size:12px;margin-top:22px}.atlas-stops button:hover h3{color:var(--accent)}
.scale-editorial{padding:0 4% 50px;background:#edeade}.scale-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0}.scale-heading h1{font-size:91px;line-height:.96;margin:0;letter-spacing:-1px}.scale-heading h1 em{color:#a3452b}.scale-heading p{font-size:15px;line-height:1.7;margin:15px 0 22px}.scale-instrument{display:grid;grid-template-columns:1fr 1fr;gap:7%;border-top:1px solid var(--ink);padding:35px 0}.scale-display{background:#ad432b;color:#eeeadd;aspect-ratio:1.4;display:grid;align-content:center;justify-items:center;padding:30px}.scale-frame{border:1px solid #efddc8;padding:10px 50px;font:150px/1.1 var(--serif);position:relative}.scale-frame sup{font:38px var(--serif);position:absolute;top:15px;right:20px}.scale-unit{font-size:8px;letter-spacing:2px;margin-top:23px}.scale-control{align-self:center}.scale-control h2{font-size:55px;margin:17px 0 8px;letter-spacing:-.5px}.scale-control p{font-size:13px;line-height:1.6}.scale-control label{display:block;font-size:11px;margin-top:35px}.scale-control input{width:100%;accent-color:#ad432b;margin:18px 0 8px}.scale-labels{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.scale-control small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin:22px 0 7px;max-width:370px}.film-colophon{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:30px}.film-colophon>span{font:66px var(--serif)}.film-colophon p{font-size:13px;line-height:1.7}.film-colophon a{font-size:11px;text-align:right}
.art-editorial{background:#273a58;color:#f0d99c;padding:0 4%}.art-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;padding:38px 0 45px;align-items:center}.art-heading h1{font-size:100px;line-height:.91;letter-spacing:-2px;margin:25px 0 35px}.art-heading h1 em{color:#f0d99c}.art-heading .button{border:1px solid #87909e}.art-heading figure{margin:0}.art-heading img{aspect-ratio:1;object-fit:cover}.art-heading figcaption{font-size:9px;margin-top:13px;color:#c2c7c9}.reading-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line)}.reading-tabs button{padding:15px 0;font-size:12px}.reading-tabs button[aria-pressed=true]{border-bottom:2px solid var(--ink)}#reading-panel{display:grid;grid-template-columns:1fr 2fr;gap:5%;padding:35px 0;min-height:260px}.reading-mark{font:140px/.9 var(--serif);color:#b7bba4}#reading-panel h3{font-size:43px;margin-bottom:15px}#reading-panel p{font-size:14px;line-height:1.7;max-width:540px;margin-bottom:20px}#reading-panel a{font-size:12px}#reading-panel .text-button{display:block;margin-top:18px}
@media(max-width:1100px){.brand-note{display:none}.entry-hero{gap:4%;padding-top:32px}.entry-hero h1{font-size:64px}.entry-lead{font-size:12px}.entry-input-row .button{gap:12px;padding:13px 12px}.entry-grid{grid-auto-columns:calc((100% - 36px)/3)}.gallery-heading{gap:15px}.gallery-heading .eyebrow{display:none}.interest-section{grid-template-columns:34% 1fr}.interest-heading h2{font-size:36px}.interest-list button>span{font-size:24px}.moon-heading h1,.art-heading h1{font-size:77px}.scale-heading h1{font-size:75px}.hero h1{font-size:73px}.hero-copy{padding-left:10%;padding-right:6%}.hero-actions{gap:14px}.hero{min-height:610px}.film-colophon{grid-template-columns:1fr 2fr}.film-colophon a{grid-column:2;text-align:left}}
@media(max-width:700px){.site-header{height:64px;padding:0 5%;gap:10px}.site-header .brand{font-size:35px}.site-header nav{gap:15px;font-size:10px}.site-header nav>.plain{font-size:10px}.site-header [data-action=home]{display:none}.site-header .collection-btn{padding:6px 0 6px 12px;gap:5px;font-size:10px}.collection-btn b{width:17px;height:17px;font-size:9px}.entry-hero{display:block;padding:28px 5% 25px}.entry-hero h1{font-size:57px;letter-spacing:-1.3px;margin-top:14px}.entry-hero .eyebrow{font-size:8px}.entry-start{padding-top:23px}.entry-lead{font-size:12px;line-height:1.5;margin-bottom:20px}.entry-lead br{display:none}.entry-input-row{flex-direction:row;padding:4px;gap:0}.entry-input-row input{font-size:16px;padding:12px 8px;width:100px}.entry-input-row .button{font-size:10px;gap:12px;padding:12px}.entry-note{font-size:9px;margin:8px 0 0}.entry-extension{font-size:10px}.entry-worlds{padding:0 5% 20px}.entry-worlds-heading{padding:16px 0;gap:10px}.entry-worlds-heading h2{font-size:28px}.gallery-controls{gap:5px}.gallery-controls>span{display:none}.gallery-controls button{width:28px;height:28px}.entry-grid{grid-auto-columns:76%;gap:16px;padding-bottom:12px;scroll-padding-left:0}.interest-section{margin:0 5%;padding:28px 0;display:block}.interest-heading h2{font-size:39px;margin:10px 0}.interest-heading h2 br{display:none}.interest-heading p{margin-bottom:20px}.interest-list{column-gap:20px}.interest-list button>span{font-size:23px}.interest-list button{padding:15px 0}.interest-list b{font-size:12px}.entry-bottom{margin:0 5%;padding:30px 0;display:block}.entry-bottom p{font-size:35px;margin:17px 0}.entry-bottom>.text-button{text-align:left}.entry-result{margin:0 5% 25px;padding:22px}.entry-result>div:last-child{flex-wrap:wrap}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:30px 5%}.hero h1{font-size:68px;letter-spacing:-1px;margin:20px 0}.hero-desc{font-size:22px}.hero-sub{margin-top:10px}.hero-actions{margin:20px 0}.hero-visual{height:430px;min-height:0}.hero-spot{left:12%;top:60%}.section{padding:38px 5%}.section h2{font-size:38px;letter-spacing:-.4px}.room-story h3{font-size:38px}.palette-section h2{font-size:43px}.person-copy h2{font-size:48px}.film-heading h2,.next-world-heading h2{font-size:38px}.film-heading>span{font-size:9px}.discovery-editorial{padding:30px 5%}.discovery-editorial h1{font-size:53px;line-height:1;letter-spacing:-1px}.discovery-catalog{padding:0 5% 35px}.discovery-grid{grid-template-columns:1fr;gap:25px}.discovery-filter-row{display:block}.catalog-count{display:block;margin-top:16px}.library-head h1{font-size:54px}.library-head{padding-top:30px}.edition-line{font-size:7px;letter-spacing:1px;padding:18px 0}.moon-editorial,.scale-editorial,.art-editorial{padding-left:5%;padding-right:5%}.moon-heading,.art-heading{grid-template-columns:1fr;gap:28px;padding:29px 0}.moon-heading h1{font-size:78px;margin:20px 0}.art-heading h1{font-size:84px}.moon-heading figure{grid-row:auto}.moon-heading img{aspect-ratio:1.25}.art-heading img{aspect-ratio:1.2}.lunar-coordinates{font-size:7px;letter-spacing:.4px;gap:10px}.atlas-stops{grid-template-columns:1fr;gap:10px}.atlas-stops h3{font-size:35px}.scale-heading{display:block;padding:28px 0}.scale-heading h1{font-size:72px}.scale-heading>div{margin-top:25px}.scale-instrument{grid-template-columns:1fr;gap:25px}.scale-display{aspect-ratio:1.5}.scale-control h2{font-size:44px}.scale-control label{margin-top:23px}.film-colophon{gap:18px;grid-template-columns:1fr 2fr}.film-colophon>span{font-size:46px}.film-colophon p{font-size:12px}.reading-tabs{gap:15px;justify-content:space-between}.reading-tabs button{font-size:10px}#reading-panel{grid-template-columns:1fr;gap:15px;min-height:370px}.reading-mark{font-size:76px}#reading-panel h3{font-size:36px}.wood-title h1{font-size:74px}.wood-feature{grid-template-columns:1fr}.wood-intro h2{font-size:40px}.metal-title h1{letter-spacing:-3px}footer{padding:25px 5%;flex-wrap:wrap}footer .footer-note{width:100%}footer p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.wood-illustration{background-image:none;background:#4b3b2e}.wood-illustration>img{position:absolute;inset:0;object-fit:cover}.wood-illustration>b{z-index:1;background:#f5f3ec;color:#3c402f;padding:9px}
.art-heading img{object-position:65% center}

.scale-instrument{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.scale-instrument>*{min-width:0}.scale-unit{max-width:100%;text-align:center;line-height:1.5}
@media(max-width:700px){.scale-instrument{grid-template-columns:minmax(0,1fr)}.scale-display{padding:20px}.scale-frame{font-size:120px;padding:10px 40px}.scale-frame sup{font-size:30px;right:12px}}
.board-cover.all-cover>span{font:20px var(--serif);letter-spacing:1px}.library-empty>span{font:70px/1 var(--serif);color:#9fa68d}
@media(max-width:700px){.moon-heading img{aspect-ratio:16/9;object-fit:contain}}

/* Visual editions: one live visual, a browsable contact sheet, detail on demand. */
.world-dossier{--dossier-line:color-mix(in srgb,currentColor 22%,transparent);padding:45px 4% 36px;border-block:1px solid var(--dossier-line);scroll-margin-top:80px}
.dossier-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.dossier-heading h2{font-size:clamp(32px,3.4vw,52px);margin-top:9px;letter-spacing:-1px}.dossier-search{font-size:10px;min-width:220px}.dossier-search span{display:block;margin-bottom:5px}.dossier-search input{width:100%;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:12px;padding:12px 0}.dossier-search input::placeholder{color:inherit;opacity:.6}
.visual-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:38px}.dossier-visual,.dossier-reader{min-width:0}.visual-surface{position:relative;overflow:hidden;aspect-ratio:16/10;background:#252b29}.visual-surface>img,.visual-surface>video{width:100%;height:100%;object-fit:cover}.visual-surface>video{object-fit:contain}.zoom-surface{cursor:zoom-in}.zoom-surface.is-zoomed{cursor:grab;touch-action:none}.zoom-surface.is-zoomed:active{cursor:grabbing}.zoom-surface img{transition:transform .2s;user-select:none}.visual-play{position:absolute;inset:0;margin:auto;border:1px solid #fff;border-radius:50%;width:70px;height:70px;background:#171d1bbf;color:#fff;font-size:24px;padding-left:10px}.visual-play:hover{background:#171d1b}
.visual-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--dossier-line);padding:9px 0;min-height:54px}.visual-tools label{display:flex;align-items:center;gap:14px;font-size:11px;flex:1}.visual-tools input{width:180px;min-width:70px;accent-color:currentColor}.visual-tools button{font-size:11px;min-height:40px}.visual-tools>span{font-size:10px;letter-spacing:1px}.visual-tools output,.visual-tools label>span{font-size:10px;white-space:nowrap}.visual-credit{display:block;font-size:9px;opacity:.65;line-height:1.6;margin-top:10px}.visual-pagination{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--dossier-line);padding:9px 0;margin-bottom:25px}.visual-pagination>span{font-size:11px;letter-spacing:2px;font-variant-numeric:tabular-nums}.visual-pagination button{width:42px;height:38px;font-size:22px}.visual-pagination button:hover:not(:disabled){background:var(--dossier-line)}.visual-pagination button:disabled{opacity:.25}
.dossier-entry-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.3px;opacity:.6}.dossier-entry h3{font-size:clamp(31px,3vw,47px);line-height:1.03;letter-spacing:-.8px;margin:19px 0}.dossier-entry>p,.chapter-notes p{font-size:13px;line-height:1.8;max-width:42ch}.chapter-notes summary{font-size:12px;padding:12px 0;cursor:pointer;border-block:1px solid var(--dossier-line)}.chapter-notes p{margin:14px 0}.dossier-facts{padding:0;margin:24px 0;list-style:none;font-size:12px;line-height:1.6}.dossier-facts li{padding:8px 0;border-bottom:1px solid var(--dossier-line)}.dossier-actions{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:24px}.dossier-actions button,.dossier-actions a{font-size:11px;padding:12px 0;border-bottom:1px solid var(--dossier-line);min-height:44px}.dossier-entry:focus-visible{outline:2px solid currentColor;outline-offset:10px}
.dossier-index{margin-top:27px}.dossier-index nav{display:flex;overflow:auto;gap:13px;padding:0 0 12px;scroll-snap-type:x proximity;scrollbar-width:thin}.dossier-index nav button{position:relative;flex:0 0 calc((100% - 52px)/5);display:flex;gap:13px;align-items:center;text-align:left;border-top:2px solid var(--dossier-line);padding:13px 0;scroll-snap-align:start;opacity:.65;transition:opacity .15s,border-color .15s}.dossier-index nav button:hover,.dossier-index nav button[aria-pressed=true]{opacity:1;border-color:currentColor}.dossier-index nav button[aria-pressed=true] .chapter-label{font-weight:650}.dossier-index nav button img{width:66px;height:77px;flex:none;object-fit:cover}.chapter-label{font-size:12px;line-height:1.4}.chapter-label small{display:block;font-size:8px;letter-spacing:1px;margin-bottom:6px;opacity:.6}.chapter-symbol{font:42px/1 var(--serif);opacity:.5;flex:none}.index-foot{display:flex;align-items:start;gap:20px;justify-content:space-between;font-size:10px;padding-top:10px;border-top:1px solid var(--dossier-line)}.index-foot #dossier-count{opacity:.6;white-space:nowrap}.index-foot details{max-width:550px;text-align:right;line-height:1.7}.index-foot summary{cursor:pointer}.index-foot details p{margin-top:10px;opacity:.65}.dossier-empty h3{font-size:32px;margin-bottom:20px}.dossier-index button[hidden],.dossier-entry[hidden],.dossier-empty[hidden]{display:none!important}.world-dossier [data-save]{color:inherit}
[data-theme=moon] .world-dossier{background:#19222e;color:#e1e6ed}[data-theme=moon] .visual-surface{aspect-ratio:16/9;background:#080d14}[data-theme=moon] .chapter-symbol{color:#9fb6c9}[data-atlas-repeat][aria-pressed=true]{color:#bef0b7;text-decoration:underline;text-underline-offset:5px}#atlas-error{font-size:12px;margin-top:10px}
[data-theme=vangogh] .world-dossier{background:#e6dfc9;color:#263c61}[data-theme=vangogh] .visual-surface{aspect-ratio:1.7}[data-theme=vangogh] .visual-surface img{object-fit:cover}[data-theme=vangogh] .chapter-symbol{font-style:italic;color:#a87922}
[data-theme=wood] .world-dossier{background:#eee2cb;color:#49392c}.joinery-surface{background:#d4b589;aspect-ratio:16/10}.joinery-surface svg{width:100%;height:100%;display:block}#join-key{transition:transform .12s}.joinery-surface+ .visual-tools input{accent-color:#60412a}
[data-theme=slayer] .world-dossier{background:#151515;color:#e5ded3}[data-theme=slayer] .dossier-entry h3{font-family:var(--sans);font-weight:700;font-size:38px;letter-spacing:-1.5px}[data-theme=slayer] .chapter-symbol{color:#b7473e;opacity:1}[data-theme=slayer] .visual-surface{aspect-ratio:16/9}[data-theme=slayer] .visual-surface img{object-fit:cover}.sound-cut{display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding-top:24px}.sound-cut label{font-size:11px}.sound-cut input{display:block;width:100%;margin-top:14px;accent-color:#c4564b}.sound-cut output{font:20px var(--serif);align-self:center}.sound-cut button{font-size:11px;text-align:left;min-height:40px}.sound-cut small{grid-column:1/-1;font-size:9px;opacity:.6}
@media(max-width:1000px){.visual-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:25px}.dossier-entry h3{font-size:32px}.dossier-index nav button{flex-basis:calc((100% - 26px)/3)}.visual-tools label{gap:8px}.visual-tools input{width:100px}}
@media(max-width:650px){.world-dossier{padding:30px 5%}.dossier-heading{display:block;margin-bottom:23px}.dossier-heading h2{font-size:38px;margin-bottom:18px}.dossier-search{min-width:0;display:flex;align-items:center;gap:14px}.dossier-search span{font-size:9px;max-width:80px}.dossier-search input{min-width:0;font-size:16px}.visual-layout{display:flex;flex-direction:column;gap:23px}.visual-surface{aspect-ratio:1.18}.visual-tools{gap:10px;flex-wrap:wrap}.visual-tools label{font-size:10px;gap:10px}.visual-tools input{width:100px}.visual-tools button{font-size:10px}.visual-credit{font-size:8px}.visual-pagination{margin-bottom:18px}.dossier-entry h3{font-size:36px;margin:16px 0}.dossier-entry>p{max-width:none}.dossier-facts{display:flex;flex-wrap:wrap;gap:0 16px;margin:16px 0}.dossier-actions{margin-top:17px}.dossier-index{margin-top:22px}.dossier-index nav button{flex-basis:200px}.dossier-index nav button img{width:55px;height:66px}.chapter-label{font-size:11px}.chapter-symbol{font-size:34px}.index-foot{gap:10px;font-size:9px}.index-foot details{max-width:180px}[data-theme=vangogh] .visual-surface{aspect-ratio:1.2}.sound-cut{grid-template-columns:1fr auto}.sound-cut output{font-size:17px}.joinery-surface{aspect-ratio:1.4}.visual-tools label>span{font-size:9px}}
@media(min-width:1001px){.visual-surface{max-height:440px;aspect-ratio:16/9}.world-dossier{scroll-margin-top:0}.visual-surface>img{object-position:center}.visual-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
@media(max-width:650px){.visual-edition{display:flex;flex-direction:column}.visual-edition .dossier-heading{order:0}.visual-edition .dossier-index{order:1;margin:0 0 22px}.visual-edition .visual-layout{order:2}.visual-edition .dossier-index nav button{flex-basis:175px}.visual-edition .index-foot{padding-top:5px}.visual-edition .dossier-reader{scroll-margin-top:90px}}
/* Film-specific art direction. The shared chrome stays Beyond; each film has its own grammar. */
body[data-theme=moon]{--paper:#0b131c;--ink:#d4e5e9;--muted:#91a8b1;--line:#35434d;--serif:'Space Grotesk',Arial,sans-serif;background:var(--paper);color:var(--ink)}[data-theme=moon] .moon-editorial,[data-theme=moon] .world-dossier{background:#0b131c;color:#d4e5e9}[data-theme=moon] .site-header{background:#f6f3ec;color:#282e29}[data-theme=moon] .moon-heading{grid-template-columns:1fr 270px;padding:30px 0;gap:35px}[data-theme=moon] .moon-heading h1{font:700 clamp(68px,8vw,122px)/.88 'Space Grotesk',Arial,sans-serif;letter-spacing:-6px;margin:28px 0 8px}[data-theme=moon] .moon-heading h1 em{font-style:normal;color:#9ed9cb}[data-theme=moon] .eyebrow,[data-theme=moon] .edition-line,[data-theme=moon] .lunar-coordinates,[data-theme=moon] .dossier-entry-meta,[data-theme=moon] .chapter-label{font-family:'IBM Plex Mono',monospace}.mission-number{font:16px 'IBM Plex Mono',monospace;display:block;border-top:2px solid #9ed9cb;padding-top:20px;color:#9ed9cb}.mission-intro p{margin-top:20px}.mission-intro .button{font:11px 'IBM Plex Mono',monospace;padding:12px}.edition-flight-console{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px 35px}.edition-flight-console .dossier-heading{grid-column:1/-1;margin:0}.edition-flight-console .dossier-heading h2{font-size:28px;letter-spacing:-1px}.edition-flight-console .visual-layout{display:flex;flex-direction:column;gap:18px}.edition-flight-console .visual-surface{max-height:none;aspect-ratio:16/9}.edition-flight-console .dossier-index{margin:0;grid-column:2;grid-row:2}.edition-flight-console .dossier-index nav{display:block;max-height:660px;overflow:auto}.edition-flight-console .dossier-index nav button{width:100%;padding:17px 0;gap:16px}.edition-flight-console .chapter-symbol{font:14px 'IBM Plex Mono',monospace}.edition-flight-console .chapter-label{font-size:11px}.edition-flight-console .index-foot{flex-direction:column}.edition-flight-console .index-foot details{text-align:left}.edition-flight-console .dossier-reader{border-top:1px solid var(--line);padding-top:8px}.edition-flight-console .visual-pagination{border-top:0;margin:0 0 14px}.edition-flight-console .dossier-entry h3{font:500 30px/1.1 'Space Grotesk',Arial,sans-serif}.edition-flight-console .dossier-facts{display:flex;gap:20px;margin:10px 0}.edition-flight-console .dossier-actions{margin-top:10px}[data-theme=moon] .lunar-notes{padding-block:28px}[data-theme=moon] .lunar-notes h2{font-size:27px}[data-theme=moon] .atlas-stops h3{font-size:24px}[data-theme=moon] .atlas-stops{gap:30px}[data-theme=moon] .next-world-section{background:#14212a}[data-theme=moon] .film-moments{border-top:1px solid #35434d;padding-top:25px}[data-theme=moon] .film-layout{grid-template-columns:1fr 1fr;max-width:980px}[data-theme=moon] .film-heading h2{font-size:30px}
body[data-theme=wood]{--paper:#e8ddc3;--ink:#463626;--line:#bcac8d;--serif:'Bitter',Georgia,serif}[data-theme=wood] .wood-hero{background:#d1bb95}.wood-title{border-bottom:2px solid #493a2b;padding-bottom:25px}[data-theme=wood] .wood-title h1{font:600 clamp(54px,6.8vw,100px)/1.03 'Bitter',Georgia,serif;letter-spacing:-5px}[data-theme=wood] .wood-title h1 em{font-style:normal;color:#745335}[data-theme=wood] .wood-intro h2{font-size:33px;letter-spacing:-1px}[data-theme=wood] .eyebrow,[data-theme=wood] .wood-overline{font-family:'IBM Plex Mono',monospace}[data-theme=wood] .section h2{font-family:'Bitter',Georgia,serif;font-size:37px;letter-spacing:-1.5px}.edition-workbench .dossier-heading{align-items:center}.edition-workbench .dossier-heading h2{font-size:35px}.edition-workbench .visual-layout{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.edition-workbench .dossier-entry h3{font:600 32px/1.15 'Bitter',Georgia,serif}.edition-workbench .joinery-surface{border:1px solid #987b52;box-shadow:10px 10px 0 #c2aa8355}.edition-workbench .chapter-symbol{font:22px 'IBM Plex Mono',monospace}.edition-workbench .dossier-index nav button{border-top:1px dashed #8f795b}[data-theme=wood] .next-world-section{background:#dfcda9}
body[data-theme=slayer]{--paper:#111;--ink:#eee6d7;--line:#493335;--serif:'Barlow Condensed',Impact,sans-serif;background:#111;color:#eee6d7}[data-theme=slayer] .site-header{background:#f6f3ec;color:#282e29}[data-theme=slayer] .metal-hero{background:#c52629;color:#121212;min-height:570px}[data-theme=slayer] .metal-title h1{font:900 clamp(110px,17vw,248px)/.72 'Barlow Condensed',Impact,sans-serif;letter-spacing:-5px}[data-theme=slayer] .metal-title h1 span{font:800 clamp(42px,6vw,85px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin-top:20px}[data-theme=slayer] .metal-topline{color:#171717;font-family:'IBM Plex Mono',monospace}[data-theme=slayer] .metal-bottom{border-color:#171717;color:#171717}[data-theme=slayer] .metal-title p{color:#201615}[data-theme=slayer] .metal-content{background:#e8dfc9;color:#151515}[data-theme=slayer] .metal-content h2{font:800 70px/.92 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.edition-record-sleeve .dossier-heading h2{font:800 58px/.95 'Barlow Condensed',Impact,sans-serif!important;text-transform:uppercase;max-width:700px}.edition-record-sleeve .visual-layout{grid-template-columns:1.2fr 1fr}.edition-record-sleeve .dossier-reader{background:#b72327;padding:25px;color:#f9e6d8}.edition-record-sleeve .dossier-entry h3{font:800 56px/.95 'Barlow Condensed',Impact,sans-serif!important;text-transform:uppercase;letter-spacing:0!important}.edition-record-sleeve .dossier-index nav button{border-top:5px solid #492327}.edition-record-sleeve .dossier-index nav button[aria-pressed=true]{border-color:#db3338}.edition-record-sleeve .chapter-symbol{font:800 52px 'Barlow Condensed',Impact,sans-serif}[data-theme=slayer] .film-heading h2,[data-theme=slayer] .next-world-heading h2{font:800 70px/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}[data-theme=slayer] .next-world-section{background:#2b1719}
body[data-theme=vangogh]{--paper:#eae0c8;--ink:#293b67;--serif:'Cormorant Garamond',Georgia,serif}[data-theme=vangogh] .art-editorial{background:#203b78;color:#e7c978;padding-bottom:22px}[data-theme=vangogh] .art-heading{display:grid;grid-template-columns:1fr;padding-top:20px;gap:25px;position:relative}[data-theme=vangogh] .art-heading>div{display:grid;grid-template-columns:1fr auto;align-items:end}[data-theme=vangogh] .art-heading .eyebrow{grid-column:1/-1}[data-theme=vangogh] .art-heading h1{font:400 clamp(65px,7vw,108px)/.9 'Cormorant Garamond',Georgia,serif;margin:20px 0 0;letter-spacing:-4px}[data-theme=vangogh] .art-heading h1 br{display:none}[data-theme=vangogh] .art-heading h1 em{display:block}[data-theme=vangogh] .art-heading img{aspect-ratio:3;max-height:390px;object-fit:cover}[data-theme=vangogh] .section h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:49px;letter-spacing:-1px}.edition-gallery-letters{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px 45px}.edition-gallery-letters .dossier-heading{grid-column:1/-1;margin:0}.edition-gallery-letters .visual-layout{grid-column:2;display:flex;flex-direction:column}.edition-gallery-letters .dossier-index{grid-column:1;grid-row:2;margin:0}.edition-gallery-letters .dossier-index nav{display:block;max-height:760px;overflow:auto}.edition-gallery-letters .dossier-index nav button{width:100%;padding:17px 0}.edition-gallery-letters .chapter-symbol{font-size:25px}.edition-gallery-letters .index-foot{display:block}.edition-gallery-letters .index-foot details{text-align:left;margin-top:15px}.edition-gallery-letters .dossier-reader{background:#f6efdf;padding:30px 40px;box-shadow:5px 5px 0 #ccb889}.edition-gallery-letters .dossier-entry h3{font:italic 42px/1.05 'Cormorant Garamond',Georgia,serif}.edition-gallery-letters .visual-pagination{margin-bottom:15px}.edition-gallery-letters .dossier-entry p{font:20px/1.5 'Cormorant Garamond',Georgia,serif;max-width:none}[data-theme=vangogh] .next-world-section{background:#d7c69b}
body[data-theme=eames]{--serif:'DM Sans',Arial,sans-serif;--paper:#eeeae0;--ink:#22282b}[data-theme=eames] h1,[data-theme=eames] h2,[data-theme=eames] h3{font-family:'DM Sans',Arial,sans-serif;font-weight:650}[data-theme=eames] .scale-heading h1{font-size:clamp(55px,6vw,92px);font-weight:750;letter-spacing:-6px;line-height:.98}[data-theme=eames] .scale-heading em{font-style:normal}.edition-scale-study .dossier-heading h2{font-size:38px;font-weight:650;letter-spacing:-2px}.edition-scale-study .visual-layout{grid-template-columns:1fr 1fr;gap:50px}.edition-scale-study .dossier-entry h3{font:700 40px/1.05 'DM Sans',Arial,sans-serif;letter-spacing:-2px}.edition-scale-study .chapter-symbol{font:600 35px 'DM Sans',Arial,sans-serif;color:#cb502f}.edition-scale-study .dossier-index nav button{border-color:#cf5f3c}.edition-scale-study{border-top:10px solid #d25030}[data-theme=eames] .next-world-section{background:#e4ddce}
/* An actual photographic room walk; no fabricated floor geometry. */
.room-walk-controls{position:absolute;left:20px;right:20px;bottom:42px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.room-walk-controls button{pointer-events:auto;background:#f6f3ecef;color:#253b31;padding:12px 17px;font-size:11px;border:1px solid #253b3140}.room-walk-controls button:hover{background:white}.room-walk-controls output{background:#253b31df;color:#fff;font-size:11px;padding:12px 17px}.room-image-wrap{position:relative}.journey-controls{display:flex;align-items:center;gap:12px;font:11px 'IBM Plex Mono',monospace;border-bottom:1px solid #35434d;padding:14px 0}.journey-controls button{padding:12px;border:1px solid #536a73;color:#bdf4de}.journey-controls button:disabled{opacity:.3}.journey-controls span{margin-left:auto;color:#9fb7c2}
@media(max-width:1000px){.entry-hero h1{font-size:55px}.edition-flight-console{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.edition-workbench .visual-layout{grid-template-columns:1.7fr 1fr}.edition-gallery-letters{grid-template-columns:180px minmax(0,1fr);gap:25px}.edition-gallery-letters .dossier-reader{padding:22px}.edition-record-sleeve .dossier-entry h3{font-size:42px!important}[data-theme=moon] .moon-heading{grid-template-columns:1fr 200px}[data-theme=moon] .moon-heading h1{letter-spacing:-4px}.room-walk-controls output{display:none}}
@media(max-width:650px){.entry-hero h1{font-size:45px}.entry-worlds-heading .gallery-heading h2{font-size:25px;max-width:240px}.entry-grid{grid-auto-columns:82%}[data-theme=moon] .moon-heading{display:block;padding:25px 0}[data-theme=moon] .moon-heading h1{font-size:67px;letter-spacing:-4px}.mission-intro{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}.mission-number{font-size:12px}.mission-intro p{font-size:11px;margin:0}.mission-intro .button{margin:0}.edition-flight-console,.edition-gallery-letters{display:flex;flex-direction:column}.edition-flight-console .dossier-heading,.edition-gallery-letters .dossier-heading{display:block}.edition-flight-console .dossier-index nav,.edition-gallery-letters .dossier-index nav{display:flex;max-height:none}.edition-flight-console .dossier-index nav button,.edition-gallery-letters .dossier-index nav button{flex:0 0 170px}.edition-flight-console .index-foot,.edition-gallery-letters .index-foot{display:flex;flex-direction:row}.edition-flight-console .dossier-heading h2{font-size:27px}.edition-gallery-letters .dossier-heading h2{font-size:38px}.edition-gallery-letters .dossier-reader{padding:22px}.edition-gallery-letters .dossier-entry h3{font-size:35px}.edition-flight-console .dossier-facts{flex-wrap:wrap}.edition-flight-console .dossier-entry h3{font-size:27px}.edition-workbench .visual-layout,.edition-record-sleeve .visual-layout,.edition-scale-study .visual-layout{display:flex;flex-direction:column}.edition-record-sleeve .dossier-reader{padding:23px}.edition-record-sleeve .dossier-heading h2{font-size:42px!important}[data-theme=wood] .wood-title h1{font-size:58px;letter-spacing:-3px}[data-theme=wood] .section h2{font-size:31px}[data-theme=slayer] .metal-title h1{font-size:114px;letter-spacing:-3px}[data-theme=slayer] .metal-title h1 span{font-size:44px}[data-theme=slayer] .metal-hero{min-height:0}[data-theme=vangogh] .art-heading>div{display:block}[data-theme=vangogh] .art-heading h1{font-size:72px;letter-spacing:-2px}[data-theme=vangogh] .art-heading .button{margin-top:24px}[data-theme=vangogh] .art-heading img{aspect-ratio:1.6}[data-theme=eames] .scale-heading h1{font-size:56px;letter-spacing:-3px}.room-walk-controls{left:12px;right:12px}.room-walk-controls button{font-size:10px;padding:10px}.journey-controls{flex-wrap:wrap}.journey-controls span{width:100%;margin:0}[data-theme=moon] .film-layout{grid-template-columns:1fr}.edition-scale-study .dossier-heading h2{font-size:32px}}
/* The host identity stays constant while the film supplies its own typography. */
.site-header .brand,footer .brand{font-family:'Instrument Serif',Georgia,serif;font-weight:400}
.site-header{font-family:'DM Sans',Arial,sans-serif}
.edition-flight-console .lunar-surface{aspect-ratio:auto;height:400px;background:#050a0e}
.edition-flight-console .lunar-surface video{height:100%;object-fit:contain}
@media(max-width:650px){.edition-flight-console .lunar-surface{height:auto;aspect-ratio:16/9}.room-walk-controls output{display:block;font-size:10px;padding:10px}.journey-controls{justify-content:space-between}.journey-controls span{width:auto;font-size:9px;margin:0;order:0}.journey-controls button{padding:11px 8px;font-size:10px}}
[data-theme=slayer] .metal-title h1{color:#171111}
[data-theme=slayer] .metal-play{color:#f8eddf;border-color:#f8eddf}
[data-theme=slayer] .metal-bottom p small{color:#f5d1c3}

/* One source video and its explorable world share a single card. */
.entry-card{--entry-surface:#e5e3d5;--entry-ink:#24362e;color:var(--entry-ink)}
.entry-card-wood{--entry-surface:#c7a574;--entry-ink:#342817}
.entry-card-slayer{--entry-surface:#b91620;--entry-ink:#fff4e9}
.entry-card-moon{--entry-surface:#0a151d;--entry-ink:#c7f7e9}
.entry-card-eames{--entry-surface:#e9572b;--entry-ink:#171b1e}
.entry-card-vangogh{--entry-surface:#233e80;--entry-ink:#f0d49c}
.portal-title{display:block;min-height:75px;font:32px/1.02 var(--serif);letter-spacing:-.7px}
.entry-card-wood .portal-title{font:400 25px/1.08 'Bitter',Georgia,serif;letter-spacing:-.8px}
.entry-card-slayer .portal-title{font:800 40px/.86 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.3px}
.entry-card-moon .portal-title{font:600 27px/1.05 'Space Grotesk',Arial,sans-serif;text-transform:uppercase;letter-spacing:-1px}
.entry-card-eames .portal-title{font:700 28px/1.05 'DM Sans',Arial,sans-serif;letter-spacing:-1.2px}
.entry-card-vangogh .portal-title{font:italic 35px/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.5px}

.next-cover>.next-source-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.next-cover:has(>.next-source-thumbnail):after{content:"";position:absolute;inset:0;background:linear-gradient(#0004,transparent 35%,#000b);pointer-events:none}.next-cover:has(>.next-source-thumbnail) .next-cover-top,.next-cover:has(>.next-source-thumbnail) .next-cover-title{z-index:1;color:#fff}.system-nav{text-decoration:none;white-space:nowrap}@media(max-width:700px){.site-header .system-nav{font-size:9px}.site-header nav{gap:10px}}

/* Compact titles leave the first viewport to the actual film world. */
body[data-theme=moore] .hero{min-height:0}
body[data-theme=moore] .hero-copy{padding-top:30px;padding-bottom:28px}
body[data-theme=moore] .hero h1{font-size:clamp(42px,4.6vw,67px);line-height:.98;letter-spacing:-1.5px;margin:20px 0}
body[data-theme=moon] .moon-heading h1,body[data-theme=wood] .wood-title h1,body[data-theme=vangogh] .art-heading h1,body[data-theme=eames] .scale-heading h1{font-size:clamp(36px,4.4vw,62px);line-height:1;letter-spacing:-.035em;margin-top:15px}
body[data-theme=slayer] .metal-hero{min-height:0}
body[data-theme=slayer] .metal-title h1{font-size:clamp(65px,7vw,100px);line-height:.9;letter-spacing:-.025em}
body[data-theme=slayer] .metal-title h1 span{font-size:clamp(27px,3.5vw,46px)}
body[data-theme=moon] .moon-heading{padding-top:20px;padding-bottom:20px}
@media(max-width:650px){body[data-theme=moore] .hero h1{font-size:42px}body[data-theme=moore] .hero-copy{padding-top:25px;padding-bottom:25px}body[data-theme=moon] .moon-heading h1,body[data-theme=wood] .wood-title h1,body[data-theme=vangogh] .art-heading h1,body[data-theme=eames] .scale-heading h1{font-size:38px}body[data-theme=slayer] .metal-title h1{font-size:65px}}

/* The existing collection lives beside the active world; records and boards are unchanged. */
#collection-dialog .library-head{padding:32px 28px 24px;background:none;border-bottom:1px solid var(--line)}
#collection-dialog .library-head h1{font-size:40px;line-height:1.1;letter-spacing:-1.3px;margin:14px 30px 12px 0}
#collection-dialog .library-head p{font-size:12px;line-height:1.7;max-width:350px}
#collection-dialog .library-head-actions{gap:20px;margin-top:16px;align-items:center}
#collection-dialog .library-head-actions .button{padding:10px 14px;font-size:11px}
#collection-dialog .library-content{padding:20px 28px 40px}
#collection-dialog .board-list{gap:12px;padding-bottom:20px}
#collection-dialog .board-tile{flex-basis:125px}
#collection-dialog .board-cover{height:78px;border-radius:2px}
#collection-dialog .library-toolbar{flex-wrap:wrap;gap:12px;padding:24px 0 20px}
#collection-dialog .library-toolbar h2{flex-basis:100%;font-size:26px;margin:0}
#collection-dialog .search-label{flex:1;min-width:140px}
#collection-dialog .library-toolbar input{width:100%}
#collection-dialog .pin-grid{columns:2;column-gap:14px}
#collection-dialog .pin-art{height:175px}
#collection-dialog .pin:nth-child(3n+2) .pin-art{height:210px}
#collection-dialog .pin:nth-child(4n+3) .pin-art{height:150px}
#collection-dialog .pin-copy{padding:14px}
#collection-dialog .pin h3{font-size:23px}
#collection-dialog .library-empty{padding:30px 16px}
#collection-dialog .library-empty h3{font-size:28px}
@media(max-width:420px){#collection-dialog .library-head{padding:26px 20px 20px}#collection-dialog .library-content{padding:18px 20px 30px}#collection-dialog .pin-grid{columns:1}#collection-dialog .pin-art,#collection-dialog .pin:nth-child(n) .pin-art{height:210px}}
#collection-dialog .pin{color:#283d34}
#collection-dialog .library-head p,#collection-dialog .local-note,#collection-dialog .board-tile small,#collection-dialog .library-empty p{color:var(--shell-ink);opacity:.75}
#collection-dialog .library-toolbar input,#collection-dialog .library-toolbar select{color:var(--shell-ink);border-color:var(--shell-line)}
#collection-dialog .library-toolbar select option{color:#283d34;background:#f6f3ec}
#collection-dialog .board-cover{color:#283d34}


/* ——— Home, Oct 2026: one action (the extension), the live feed of pages, how a page gets made ——— */
:root{--h-paper:#f4efe8;--h-paper-2:#ebe4d9;--h-ink:#16130f;--h-body:#3b352f;--h-muted:#625b52;--h-line:#dad1c4;--h-coral:#e5532f;--h-coral-ink:#b23d1b;--h-cta:#c8441f;--h-gutter:clamp(16px,4vw,56px);--h-serif:'Instrument Serif',Georgia,serif;--h-sans:'DM Sans',Arial,sans-serif}
body[data-theme=home]{background:var(--h-paper);color:var(--h-ink);--shell-header-paper:#16130f;--shell-header-ink:#f4efe8;--shell-paper:#f4efe8;--shell-ink:#16130f;--shell-line:#dad1c4}
body[data-theme=home] .beyond-header{border-bottom-color:#16130f}
#home-view{outline:none;overflow-x:clip}
#home-view h1,#home-view h2,#home-view h3{font-family:var(--h-serif);font-weight:400;margin:0}
.home-eyebrow,.home-kicker{margin:0;font:600 11px/1.4 var(--h-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--h-muted)}
.home-cta{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 22px 0 9px;border:0;border-radius:26px;background:var(--h-cta);color:#fff;font:600 15px/1 var(--h-sans);letter-spacing:-.005em;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s}
.home-cta:hover{background:var(--h-coral-ink);text-decoration:none}.home-cta:active{transform:scale(.98)}
.home-cta:focus-visible{outline:3px solid var(--h-coral-ink);outline-offset:3px}
.home-cta-mark{display:inline-grid;flex:none}.home-cta-svg{width:34px;height:34px;display:block}
.home-cta-svg circle{fill:#fff}.home-cta-svg path{stroke:var(--h-cta)}.home-cta:hover .home-cta-svg path{stroke:var(--h-coral-ink)}
.home-link{display:inline-flex;align-items:center;gap:6px;padding:12px 2px;font:500 14px/1.2 var(--h-sans);color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;cursor:pointer}
.home-link:hover{text-decoration-thickness:2px}
.home-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Hero: the promise on the left, a page being made on the right. */
.home-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6.4fr);gap:clamp(32px,5.5vw,96px);align-items:center;max-width:1440px;margin:0 auto;padding:clamp(40px,6vw,96px) var(--h-gutter) clamp(56px,7vw,112px)}
.home-kicker{display:flex;align-items:center;gap:10px}
.home-kicker:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--h-coral)}
#home-view .home-hero h1{font-size:clamp(48px,5.7vw,88px);line-height:.96;letter-spacing:-.022em;margin:22px 0 26px}
#home-view .home-hero h1 em{font-style:italic;color:var(--h-coral-ink);white-space:nowrap}
.home-lead{max-width:34em;font:400 18px/1.55 var(--h-sans);color:var(--h-body)}
.home-lead b{font-weight:600;color:var(--h-ink)}
.home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;margin-top:34px}
.home-note{margin-top:18px;font-size:13px;color:var(--h-muted)}

.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;font-size:13px;color:var(--h-muted)}
.demo-controls{display:flex;align-items:center;gap:14px;flex:none}
.demo-dots{display:flex;gap:2px}
.demo-dots button{position:relative;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer}
.demo-dots button:before{content:'';position:absolute;inset:0;margin:auto;width:7px;height:7px;border-radius:50%;background:#bdb3a5;transition:width .25s,background-color .25s,border-radius .25s}
.demo-dots button[aria-current=true]:before{width:18px;border-radius:4px;background:var(--h-ink)}
.demo-dots button:focus-visible,.demo-toggle:focus-visible{outline:2px solid var(--h-ink);outline-offset:2px;border-radius:6px}
.demo-toggle{min-height:32px;padding:0 12px;border:1px solid var(--h-line);border-radius:16px;font:500 12px/1 var(--h-sans);color:var(--h-ink);background:none;cursor:pointer}

/* Hero demo: ① On YouTube → ② Press Open in Beyond → ③ Your page. One stage, fixed size, so nothing shifts. */
.home-demo{margin:0;min-width:0}
.demo-rail{display:flex;gap:6px;margin:0 0 16px;padding:0;list-style:none;font:500 13px/1.2 var(--h-sans);color:var(--h-muted)}
.demo-rail li{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:9px 12px 9px 9px;border:1px solid transparent;border-radius:12px;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}
.demo-rail b{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font:600 11px/1 var(--h-sans);transition:background-color .3s,border-color .3s,color .3s}
.demo-rail li[data-active]{background:#fffaf3;color:var(--h-ink);border-color:var(--h-line);box-shadow:0 10px 22px -16px rgba(22,19,15,.45)}
.demo-rail li[data-active] b,.is-static .demo-rail b{background:var(--h-cta);border-color:var(--h-cta);color:#fff}
.is-static .demo-rail li{color:var(--h-ink)}
.demo-stage{position:relative;aspect-ratio:5/4;transition:opacity .45s ease}
.home-demo[data-step=leave] .demo-stage{opacity:0}
.sk{display:block;width:var(--w,100%);height:7px;border-radius:4px;background:currentColor;opacity:.16}
/* ① the video, on a YouTube-like watch page (generic shapes; no YouTube marks). */
.demo-yt{position:absolute;left:0;top:0;display:block;width:86%;padding:12px 12px 16px;border-radius:18px;background:#0f0f0f;color:#f1f1f1;font-family:-apple-system,BlinkMacSystemFont,'Roboto',Arial,sans-serif;box-shadow:0 30px 60px -36px rgba(22,19,15,.65);container-type:inline-size;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.home-demo:is([data-step=page],[data-step=leave]) .demo-yt{opacity:.45;transform:scale(.95);transform-origin:0 0}
.yt-player{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.yt-player .frame-slot{position:absolute;inset:0}
.yt-controls{position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;padding:20px 10px 7px;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.yt-progress{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.3)}
.yt-progress i{display:block;width:28%;height:100%;border-radius:2px;background:#f1f1f1;transition:width 5s linear}
.home-demo:not([data-step=watch]) .yt-progress i{width:40%}
.yt-buttons{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:11px;line-height:1}
.yt-dot{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.7)}
.yt-time{--w:auto;width:46px;height:6px;opacity:.5}
.yt-title{display:block;margin:12px 2px 0;font-weight:600;font-size:clamp(13px,3.1cqi,17px);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.yt-channel{display:flex;align-items:center;gap:8px;min-width:0}
.yt-avatar{display:block;flex:none;width:30px;height:30px;border-radius:50%;background:#3a3a3a}
.yt-name{min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yt-sub{flex:none;height:30px;padding:0 12px;border-radius:15px;background:#f1f1f1;color:#0f0f0f;font-size:12px;font-weight:600;line-height:30px}
.yt-actions{display:flex;align-items:center;gap:8px;flex:none}
.yt-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:18px;background:#272727;font-size:13px;font-weight:500;white-space:nowrap}
.yt-ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.yt-ico.is-down{transform:rotate(180deg)}
.yt-count{--w:auto;width:20px;opacity:.45}
.yt-sep{display:block;width:1px;height:20px;background:#4a4a4a}
@container (max-width:600px){.yt-sub{display:none}}@container (max-width:470px){.yt-share{display:none}}
@container (max-width:380px){.yt-like{display:none}}
/* ② the real button, pressed: the same pill, fill and wording as the extension. */
.demo-press{position:relative;display:inline-flex}
.demo-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px 0 7px;border-radius:18px;background:#e5532f;color:#fff;font-size:14px;font-weight:600;line-height:1;letter-spacing:-.01em;white-space:nowrap;transition:transform .12s ease}
.demo-pill .soft{font-weight:500;opacity:.85}
.demo-fill{position:absolute;inset:0 auto 0 0;width:var(--fill,0%);background:rgba(255,214,120,.34);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.demo-orb,.demo-pill-label{position:relative}
.demo-orb-svg{display:block;width:22px;height:22px}.demo-orb-svg circle{fill:#fff;transition:fill .2s}.demo-orb-svg path{stroke:#e5532f;transition:stroke .2s}
.home-demo[data-step=done] .demo-orb-svg circle{fill:#1fa85a}.home-demo[data-step=done] .demo-orb-svg path{stroke:#fff}
.home-demo[data-step=press] .demo-pill{transform:scale(.93)}
.demo-pill:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.home-demo[data-step=press] .demo-pill:after{animation:demo-ring .7s ease-out}
@keyframes demo-ring{from{box-shadow:0 0 0 0 rgba(255,255,255,.6)}to{box-shadow:0 0 0 16px rgba(255,255,255,0)}}
.demo-cursor{position:absolute;left:62%;top:58%;z-index:3;width:24px;height:24px;fill:#fff;stroke:#111;stroke-width:1.3;stroke-linejoin:round;opacity:0;transform:translate(110px,80px);transition:transform .9s cubic-bezier(.3,.7,.2,1),opacity .3s;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.home-demo:is([data-step=aim],[data-step=press],[data-step=read]) .demo-cursor{opacity:1;transform:none}
.home-demo[data-step=press] .demo-cursor{transform:scale(.85);transition-duration:.12s}
.demo-status{position:absolute;left:0;top:calc(100% + 10px);z-index:3;padding:8px 11px;border-radius:10px;background:#fff;color:#1a1a1a;font-size:12px;line-height:1.3;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.25);opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s}
.home-demo:is([data-step=read],[data-step=done]) .demo-status{opacity:1;transform:none}
/* ③ the page, opening in a browser window that grows out of the button. */
.demo-browser{position:absolute;right:0;top:9%;bottom:0;z-index:4;display:flex;flex-direction:column;width:84%;border-radius:14px;overflow:hidden;background:#fffaf3;color:var(--h-ink);text-decoration:none;box-shadow:0 0 0 1px rgba(22,19,15,.12),0 50px 90px -40px rgba(22,19,15,.65);container-type:inline-size;transition:transform .8s cubic-bezier(.2,.85,.25,1),opacity .3s ease}
.home-demo:not([data-step=page]):not([data-step=leave]) .demo-browser{opacity:0;transform:scale(.04);pointer-events:none}
a.demo-browser:hover{text-decoration:none}
a.demo-browser:focus-visible{outline:3px solid var(--h-coral-ink);outline-offset:4px}
.br-chrome{display:flex;align-items:center;gap:10px;flex:none;height:clamp(26px,6cqi,34px);padding:0 10px;background:#e8e2d8;border-bottom:1px solid #d6cdc0}
.br-dots{display:flex;gap:5px}.br-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#cbc1b3}
.br-url{flex:1;display:flex;align-items:center;gap:6px;min-width:0;height:68%;padding:0 10px;border-radius:7px;background:#fffaf3;font:500 clamp(9.5px,2cqi,12px)/1 var(--h-sans);color:var(--h-body);white-space:nowrap;overflow:hidden}
.br-lock{flex:none;width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}
.br-site{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.br-bar{display:flex;align-items:center;gap:6px;flex:none;height:clamp(26px,5.6cqi,32px);padding:0 4cqi;background:#16130f;color:#f4efe8}
.br-mark{width:clamp(13px,3cqi,17px);height:clamp(13px,3cqi,17px)}
.br-word{font:400 clamp(14px,3.3cqi,19px)/1 var(--h-serif);padding-bottom:2px}
.br-nav{display:flex;gap:8px;margin-left:auto}.br-nav i{display:block;width:clamp(16px,4cqi,28px);height:5px;border-radius:3px;background:rgba(244,239,232,.35)}
.ms-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:3.6cqi;align-items:center;flex:none;padding:4cqi;background:#0e0d0c;color:#f4f1ea}
.ms-hero-copy{display:block;min-width:0}
.ms-kicker{display:flex;align-items:center;gap:6px;font:600 clamp(8.5px,1.9cqi,11px)/1.2 var(--h-sans);letter-spacing:.1em;text-transform:uppercase;color:#f2967a}
.ms-kicker .glyph{width:13px;height:13px}
.ms-title{display:-webkit-box;margin-top:1.8cqi;font:italic 400 clamp(16px,4.5cqi,27px)/1.02 var(--h-serif);letter-spacing:-.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ms-thesis{display:-webkit-box;margin-top:1.8cqi;font:400 clamp(9.5px,2.1cqi,12.5px)/1.4 var(--h-sans);color:#cfc6ba;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ms-hero-media{position:relative;display:block;aspect-ratio:4/3;border-radius:6px;overflow:hidden}
.ms-hero-media .frame-slot{position:absolute;inset:0}
.ms-hero-media .type-tile-title,.ms-hero-media .type-tile-by{display:none}
.ms-body{display:flex;flex-direction:column;gap:1.6cqi;flex:1;min-height:0;padding:3.4cqi 4cqi;overflow:hidden}
.ms-label{display:block;margin-bottom:.6cqi;font:600 clamp(8.5px,1.8cqi,10.5px)/1 var(--h-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--h-coral-ink)}
.ms-row{display:flex;align-items:center;gap:2.4cqi;padding:1.5cqi 0;border-top:1px solid var(--h-line)}
.ms-n{flex:none;min-width:3.4cqi;font:400 clamp(13px,3.2cqi,19px)/1 var(--h-serif);color:var(--h-muted)}
.ms-lines{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.ms-lines .sk{height:clamp(5px,1.2cqi,7px);opacity:.15}
.ms-votes{display:flex;flex:none;gap:4px}
.ms-votes em,.ms-chips em,.ms-run{font:600 clamp(8px,1.6cqi,10px)/1 var(--h-sans);font-style:normal}
.ms-votes em{padding:4px 7px;border:1px solid var(--h-line);border-radius:10px}
.ms-votes em.is-on,.ms-chips em.is-on{background:var(--h-ink);border-color:var(--h-ink);color:var(--h-paper)}
.ms-thumb{display:block;flex:none;width:7cqi;height:5.4cqi;border-radius:4px;background:#ddd3c3}
.ms-keep{display:grid;flex:none;place-items:center;width:18px;height:18px;border:1px solid var(--h-line);border-radius:50%;font-size:11px;line-height:1}
.ms-check{position:relative;display:block;flex:none;width:14px;height:14px;border:1.5px solid #b9ae9f;border-radius:4px}
.ms-check.is-on{background:var(--h-cta);border-color:var(--h-cta)}
.ms-check.is-on:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 10px/1 var(--h-sans)}
.ms-time,.ms-loop{flex:none;font-size:10px;color:var(--h-muted)}
.ms-play{display:grid;flex:none;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--h-ink);color:var(--h-paper);font-size:7px}
.ms-play.is-on{background:var(--h-cta)}
.ms-bar{display:block;flex:1;height:clamp(10px,2.4cqi,14px);background:repeating-linear-gradient(90deg,rgba(22,19,15,.2) 0 2px,transparent 2px 4px)}
.ms-bar i{display:block;width:var(--w);height:100%;background:repeating-linear-gradient(90deg,var(--h-cta) 0 2px,transparent 2px 4px)}
.ms-code{position:relative;display:flex;flex-direction:column;gap:6px;padding:3cqi;border-radius:8px;background:#151916}
.ms-codeline{display:flex;align-items:center;gap:8px}.ms-codeline b{width:10px;font:500 9px/1 ui-monospace,monospace;color:#6f7a70}
.ms-codeline .sk{opacity:.8;height:6px}.sk.c0{background:#c3eeba}.sk.c1{background:#f2967a}.sk.c2{background:#9ec5ff}
.ms-run{position:absolute;top:3cqi;right:3cqi;padding:5px 8px;border-radius:10px;background:#c3eeba;color:#151916}
.ms-pitch{position:relative;display:block;height:clamp(54px,15cqi,92px);border-radius:8px;background:#1f3a2b;overflow:hidden}
.ms-pitch i{position:absolute;display:block;border:1px solid rgba(255,255,255,.35)}
.ms-pitch i:nth-child(1){left:50%;top:0;bottom:0;width:0;border-width:0 0 0 1px}
.ms-pitch i:nth-child(2){left:50%;top:50%;width:14cqi;height:14cqi;border-radius:50%;transform:translate(-50%,-50%)}
.ms-pitch i:nth-child(3){left:-1px;top:25%;bottom:25%;width:11%}
.ms-ball{position:absolute;left:63%;top:38%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)}
.ms-chips{display:flex;flex-wrap:wrap;gap:5px}
.ms-chips em{display:inline-flex;align-items:center;gap:5px;width:15cqi;height:clamp(18px,4.4cqi,24px);padding:0 7px;border:1px solid var(--h-line);border-radius:12px}
.ms-chips em .sk{height:5px;opacity:.3}
.ms-meter{display:flex;align-items:center;gap:8px;padding:1cqi 0 1.5cqi}
.ms-meter small{font:600 clamp(8px,1.7cqi,10px)/1 var(--h-sans);color:var(--h-muted)}
.ms-track{position:relative;display:block;flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,#d9cfc0,var(--h-cta))}
.ms-track i{position:absolute;left:68%;top:50%;width:14px;height:14px;border:2px solid var(--h-ink);border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
.ms-slider{position:relative;display:block;flex:1.4;height:4px;border-radius:2px;background:#ddd3c3}
.ms-slider i{position:relative;display:block;width:var(--w);height:100%;border-radius:2px;background:var(--h-ink)}
.ms-slider i:after{content:'';position:absolute;right:-6px;top:-4px;width:12px;height:12px;border-radius:50%;background:var(--h-ink)}
.ms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ms-grid i{display:block;aspect-ratio:4/3;border-radius:5px;background:#e3d9c8}
.demo-arrow{display:none}
/* Reduced motion: a still before → after, the video on the left and its page on the right. */
.home-demo.is-static .demo-stage{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1.25fr);align-items:center;gap:8px;aspect-ratio:auto}
.home-demo.is-static .demo-yt,.home-demo.is-static .demo-browser{position:relative;inset:auto;width:auto;opacity:1;transform:none;pointer-events:auto}
.home-demo.is-static .demo-browser{min-height:340px}
.home-demo.is-static .demo-arrow{display:block;color:var(--h-coral-ink)}
.demo-arrow svg{display:block;width:34px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-demo.is-static .demo-cursor,.home-demo.is-static .demo-status{display:none}
@media(max-width:700px){
 .demo-rail{gap:4px;font-size:12px}.demo-rail li{gap:6px;padding:7px 8px 7px 6px}.demo-rail b{width:20px;height:20px}
 .demo-stage{aspect-ratio:auto;height:clamp(420px,118vw,500px)}
 .demo-yt{width:100%;padding:9px 9px 13px;border-radius:15px}
 .demo-browser{top:12%;width:96%}
 .home-demo.is-static .demo-stage{grid-template-columns:minmax(0,1fr);height:auto;gap:10px}
 .home-demo.is-static .demo-arrow{justify-self:center;transform:rotate(90deg)}
}
/* Shared tiles: a real frame when this browser or the server has one, otherwise a designed type tile. */
.frame-slot{display:block;overflow:hidden;background:var(--tile-bg,#e9e2d6);color:var(--tile-ink,#2b2620)}
.frame-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.frame-slot.has-frame>img{opacity:1}
.type-tile{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(14px,1.5vw,22px)}
.type-tile-glyph{position:absolute;top:clamp(14px,1.5vw,22px);left:clamp(14px,1.5vw,22px);width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.type-tile-title{font:400 clamp(24px,2.3vw,34px)/1 var(--h-serif);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.is-big .type-tile-title{font-size:clamp(34px,4vw,64px);-webkit-line-clamp:3}
.type-tile-by{font-style:italic}
.type-tile-by{font-size:12px;opacity:.78}
.type-tile-example{align-items:flex-start;justify-content:center}
.type-tile-example .type-tile-title{font-size:clamp(26px,3vw,44px);font-style:italic}
.glyph{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.verb-chip{display:inline-flex;align-items:center;gap:7px;font:600 13px/1.2 var(--h-sans);color:var(--h-coral-ink)}

/* The live feed. */
.home-feed{max-width:1440px;margin:0 auto;padding:clamp(56px,7vw,112px) var(--h-gutter) clamp(64px,8vw,120px);border-top:1px solid var(--h-line);scroll-margin-top:var(--shell-header-height,64px)}
.feed-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.feed-live{display:inline-flex;align-items:center;gap:9px;margin:0;font:600 11px/1.4 var(--h-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--h-coral-ink)}
.feed-live-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--h-coral)}
.feed-live-dot:after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--h-coral);opacity:0;animation:live-ring 2.8s ease-out infinite}
.feed-live.is-off{color:var(--h-muted)}.feed-live.is-off .feed-live-dot{background:#a59b8e}.feed-live.is-off .feed-live-dot:after{display:none}
@keyframes live-ring{0%{transform:scale(.6);opacity:.9}70%,100%{transform:scale(1.6);opacity:0}}
#home-view .feed-head h2{font-size:clamp(42px,4.8vw,72px);line-height:.98;letter-spacing:-.02em;margin:16px 0 14px}
.feed-sub{max-width:36em;font-size:16px;line-height:1.55;color:var(--h-muted)}
.feed-count{margin:0;font:500 13px/1.4 var(--h-sans);color:var(--h-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.feed-filters{display:flex;gap:8px;margin:0 calc(-1 * var(--h-gutter)) 34px;padding:2px var(--h-gutter) 6px;overflow-x:auto;scrollbar-width:none}
.feed-filters::-webkit-scrollbar{display:none}
.feed-filters button{display:inline-flex;align-items:center;gap:7px;flex:none;height:40px;padding:0 15px;border:1px solid var(--h-line);border-radius:20px;background:transparent;font:500 13px/1 var(--h-sans);color:var(--h-ink);white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.feed-filters button span{color:var(--h-muted);font-variant-numeric:tabular-nums}
.feed-filters button:hover{border-color:var(--h-ink)}
.feed-filters button[aria-pressed=true]{background:var(--h-ink);border-color:var(--h-ink);color:var(--h-paper)}
.feed-filters button[aria-pressed=true] span{color:#cfc5b8}
.feed-filters button:focus-visible{outline:2px solid var(--h-coral-ink);outline-offset:2px}
.feed-loading{margin:0;padding:40px 0;font-size:15px;color:var(--h-muted)}
.feed-media{position:relative;display:block;overflow:hidden;border-radius:14px;background:var(--h-paper-2)}
.feed-media>.frame-slot{position:absolute;inset:0}
.feed-feature>a,.feed-card>a{color:inherit;text-decoration:none}
.feed-feature>a:hover,.feed-card>a:hover{text-decoration:none}
.feed-feature>a:focus-visible,.feed-card>a:focus-visible{outline:3px solid var(--h-coral-ink);outline-offset:6px;border-radius:14px}
.feed-feature>a:hover .frame-slot>img,.feed-card>a:hover .frame-slot>img{transform:scale(1.035)}
.feed-feature>a{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.feed-feature .feed-media{aspect-ratio:16/10}
.feed-feature-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.feed-flags{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.newest-flag{font:600 11px/1 var(--h-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--h-muted)}
.new-flag{display:inline-block;padding:6px 8px 5px;border-radius:4px;background:var(--h-cta);color:#fff;font:700 10px/1 var(--h-sans);letter-spacing:.12em;text-transform:uppercase}
#home-view .feed-feature h3{font-size:clamp(32px,3.5vw,54px);line-height:1;letter-spacing:-.018em}
.feed-feature .feed-thesis{font-size:17px;line-height:1.5;color:var(--h-body);max-width:32em}
.feed-by{font-size:13px;color:var(--h-muted)}
.feed-open{display:inline-flex;align-items:center;gap:8px;height:46px;margin-top:6px;padding:0 20px;border:1px solid var(--h-ink);border-radius:23px;font:600 14px/1 var(--h-sans);transition:background-color .15s,color .15s}
.feed-feature>a:hover .feed-open{background:var(--h-ink);color:var(--h-paper)}
.feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(32px,3.4vw,48px) clamp(16px,2vw,28px);margin-top:clamp(44px,5vw,72px);padding-top:clamp(32px,3.4vw,44px);border-top:1px solid var(--h-line)}
.feed[data-rest="1"] .feed-grid{grid-template-columns:minmax(0,1fr)}
.feed[data-rest="2"] .feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.feed[data-rest="3"] .feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feed-card>a{display:flex;flex-direction:column;gap:16px;height:100%}
.feed-card .feed-media{aspect-ratio:4/3;border-radius:10px}
.feed[data-rest="1"] .feed-card>a{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:clamp(20px,3vw,40px)}
.feed[data-rest="1"] .feed-card .feed-media,.feed[data-rest="2"] .feed-card .feed-media{aspect-ratio:16/9}
@media(min-width:701px){#home-view .feed[data-rest="1"] .feed-card h3{font-size:clamp(26px,2.4vw,34px)}}
.feed-card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
#home-view .feed-card h3{font-size:clamp(21px,1.75vw,25px);line-height:1.08;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.feed-card .feed-thesis{font-size:14px;line-height:1.5;color:var(--h-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feed-card .new-flag{position:absolute;top:10px;left:10px;z-index:2}
.is-new{animation:feed-arrive 1s cubic-bezier(.2,.8,.2,1) both}
.is-new .feed-media{box-shadow:0 0 0 2px var(--h-paper),0 0 0 4px var(--h-coral)}
@keyframes feed-arrive{from{opacity:0;transform:translateY(22px)}}
.feed-more-row{display:flex;justify-content:center;margin-top:44px}
.feed-more{height:46px;padding:0 22px;border:1px solid var(--h-ink);border-radius:23px;background:none;font:600 14px/1 var(--h-sans);color:var(--h-ink);cursor:pointer;transition:background-color .15s,color .15s}
.feed-more:hover{background:var(--h-ink);color:var(--h-paper)}
.feed-more:focus-visible{outline:3px solid var(--h-coral-ink);outline-offset:3px}
.feed-empty{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(28px,4vw,56px);border-radius:20px;background:var(--h-paper-2)}
#home-view .feed-empty h3{font-size:clamp(32px,3.4vw,48px);line-height:1.02;letter-spacing:-.015em}
.feed-empty p{margin:14px 0 26px;max-width:30em;font-size:16px;line-height:1.55;color:var(--h-body)}
.feed-empty-kinds{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.feed-empty-kinds li{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:10px;background:var(--tile-bg);color:var(--tile-ink);font:600 14px/1 var(--h-sans)}

/* How a page gets made: a dark band, the single action again, and the link lookup. */
.home-how{background:var(--h-ink);color:var(--h-paper);padding:clamp(56px,7vw,112px) max(var(--h-gutter),calc((100% - 1440px)/2 + var(--h-gutter)));scroll-margin-top:var(--shell-header-height,64px)}
.home-how .home-eyebrow{color:#b9afa2}
#home-view .how-head h2{font-size:clamp(42px,4.8vw,72px);line-height:.98;letter-spacing:-.02em;margin-top:16px}
#home-view .how-head h2 em{font-style:italic;color:#f2967a}
.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.4vw,56px);margin:clamp(40px,5vw,64px) 0;padding:0;list-style:none;counter-reset:none}
.how-steps li{padding-top:20px;border-top:1px solid rgba(244,239,232,.22)}
.how-n{font:500 13px/1 var(--h-sans);color:#f2967a;font-variant-numeric:tabular-nums;letter-spacing:.08em}
#home-view .how-steps h3{font-size:clamp(26px,2.4vw,34px);line-height:1.05;letter-spacing:-.01em;margin:16px 0 12px}
.how-steps p{font-size:15px;line-height:1.6;color:#cbc2b6;max-width:30em}
.how-steps .home-link{margin-top:10px;color:var(--h-paper)}
.how-foot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;padding-top:clamp(28px,3vw,40px);border-top:1px solid rgba(244,239,232,.22)}
.home-how .home-cta:focus-visible{outline-color:#f2967a}
.home-lookup{max-width:600px;justify-self:end;width:100%}
.home-lookup label{display:block;margin-bottom:10px;font-size:14px;color:#cbc2b6}
.lookup-row{display:flex;gap:8px}
.lookup-row input{flex:1;min-width:0;height:50px;padding:0 18px;border:1px solid rgba(244,239,232,.32);border-radius:25px;background:rgba(244,239,232,.06);color:var(--h-paper);font:15px/1 var(--h-sans)}
.lookup-row input::placeholder{color:#a0968a}
.lookup-row input:focus-visible{outline:2px solid #f2967a;outline-offset:2px}
.lookup-row input[aria-invalid=true]{border-color:#ff9c80}
.lookup-row button{flex:none;height:50px;padding:0 20px;border:0;border-radius:25px;background:var(--h-paper);color:var(--h-ink);font:600 14px/1 var(--h-sans);cursor:pointer}
.lookup-row button:hover{background:#fff}
.lookup-row button:focus-visible{outline:2px solid #f2967a;outline-offset:2px}
.home-lookup #entry-error{margin:10px 0 0;font-size:13px;color:#ffb5a0}
.home-lookup #entry-error:empty{display:none}
body[data-theme=home] .entry-result{max-width:760px;margin:32px 0 0 auto;padding:26px 28px;border:1px solid rgba(244,239,232,.18);border-left:3px solid var(--h-coral);border-radius:0 16px 16px 0;background:rgba(244,239,232,.05);color:var(--h-paper)}
body[data-theme=home] .entry-result .home-eyebrow{color:#f2967a}
#home-view .entry-result h3{font-size:clamp(26px,2.6vw,36px);line-height:1.05;margin:12px 0}
body[data-theme=home] .entry-result p{font-size:15px;line-height:1.6;color:#d4cbbf}
body[data-theme=home] .entry-result .entry-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:22px}
body[data-theme=home] .entry-result a.home-link{font-size:14px;color:var(--h-paper)}

/* Collection dialog's extension guide uses the same button. */
.extension-guide .home-cta{margin:8px 0 6px}

@media(max-width:1100px){
 .home-hero{grid-template-columns:minmax(0,1fr);max-width:760px}
 .home-demo{max-width:640px}
 .feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .how-foot{grid-template-columns:minmax(0,1fr)}
 .home-lookup{justify-self:start}
}
@media(max-width:860px){.feed-grid,.feed[data-rest="3"] .feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-feature>a{grid-template-columns:minmax(0,1fr)}.how-steps{grid-template-columns:minmax(0,1fr);gap:28px}.feed-empty{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
 .home-hero{padding-top:36px;padding-bottom:56px;gap:44px}
 #home-view .home-hero h1{font-size:clamp(44px,12.4vw,56px);margin:18px 0 20px}
 .home-lead{font-size:16px}
 .home-actions{margin-top:28px}
 .home-cta{height:50px;font-size:15px}
 .demo-caption{flex-direction:column;align-items:flex-start;gap:10px}
 .feed-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}
 .feed-sub{font-size:15px}
 #home-view .feed-feature h3{font-size:32px}
 .feed-feature .feed-thesis{font-size:16px}
 .feed-grid,.feed[data-rest] .feed-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:36px;padding-top:0}
 .feed-card>a,.feed[data-rest="1"] .feed-card>a{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:16px;padding:18px 0;border-bottom:1px solid var(--h-line)}
 .feed-card .feed-media,.feed[data-rest] .feed-card .feed-media{aspect-ratio:1;border-radius:8px}
 .feed-card .type-tile-title,.feed-card .type-tile-by{display:none}
 .feed-card .type-tile-glyph{inset:0;margin:auto;width:30px;height:30px}
 .feed-card .feed-thesis{display:none}
 #home-view .feed-card h3{font-size:20px}
 .feed-card .new-flag{top:6px;left:6px;padding:4px 5px 3px;font-size:9px}
 .lookup-row{flex-direction:column}
 .lookup-row button{width:100%}
}
@media(prefers-reduced-motion:reduce){.frame-slot>img,.demo-stage,.demo-yt,.demo-browser,.demo-fill,.demo-cursor,.yt-progress i{transition:none!important}.feed-live-dot:after,.is-new{animation:none!important}.feed-feature>a:hover .frame-slot>img,.feed-card>a:hover .frame-slot>img{transform:none}}
/* The wall: the newest pages anyone made, as their cards, drifting slowly past. */
.home-wall{max-width:1440px;margin:0 auto;padding:clamp(48px,6vw,96px) 0 clamp(48px,6vw,88px);border-top:1px solid var(--h-line);scroll-margin-top:var(--shell-header-height,64px)}
.wall-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 var(--h-gutter) 28px}
#home-view .wall-head h2{font-size:clamp(42px,4.8vw,72px);line-height:.98;letter-spacing:-.02em;margin:16px 0 14px}
.wall-grid{display:flex;align-items:flex-start;gap:clamp(12px,1.4vw,20px);margin:0 var(--h-gutter)}
.wall-col{display:flex;flex:1;flex-direction:column;gap:clamp(12px,1.4vw,20px);min-width:0}
.wall-card{position:relative}
@keyframes wall-in{from{opacity:0;transform:translateY(18px) scale(.94)}}
.detail-dialog:has(.wall-detail){width:min(860px,calc(100vw - 28px))}
.wall-detail{display:grid;grid-template-columns:minmax(0,360px) 1fr;align-items:center}
.wall-detail>img{width:100%;height:auto;max-height:86vh;object-fit:contain;display:block}
.wall-detail .detail-content h2{font-size:clamp(28px,3vw,40px);line-height:1.05}
.wall-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:22px}
@media(max-width:700px){.wall-head{flex-direction:column;align-items:flex-start;gap:8px}.wall-detail{grid-template-columns:1fr}.wall-detail>img{max-height:52vh;width:auto;margin:0 auto;padding-top:56px}}
@media(prefers-reduced-motion:reduce){.wall-card.is-new{animation:none}}
/* Demo examples: the drawn video and the page it made (demo-examples.js). Each page wears its own colours; on the
   page step its instrument plays once: base styles are the finished state, keyframes start from the untouched one. */
.yt-scene{position:absolute;inset:0;display:block}.yt-scene svg,.mp-media svg{display:block;width:100%;height:100%}
.yt-clock{margin-left:4px;font-size:11px;opacity:.85}
.dx-steam{animation:dx-steam 3s ease-in-out infinite}@keyframes dx-steam{0%,100%{opacity:.15;transform:translateY(4px)}50%{opacity:.6;transform:translateY(-3px)}}
.dx-tram{transform-box:view-box;animation:dx-tram 11s linear infinite}@keyframes dx-tram{from{transform:translate(-110px,59.75px)}to{transform:translate(330px,-39.25px)}}
.dx-star{transform-box:fill-box;transform-origin:center;animation:dx-twinkle 2.4s ease-in-out infinite}@keyframes dx-twinkle{50%{opacity:.5;transform:scale(.82)}}
.dx-swirl{transform-box:fill-box;transform-origin:center;animation:dx-spin 14s linear infinite}@keyframes dx-spin{to{transform:rotate(360deg)}}
.dx-arm{transform-box:fill-box;transform-origin:0 100%;animation:dx-arm 2.6s ease-in-out infinite}@keyframes dx-arm{50%{transform:rotate(-16deg)}}
.dx-led{animation:dx-blink 2s steps(2) infinite}@keyframes dx-blink{50%{opacity:.2}}
.dx-nc{animation:dx-pulse 2.2s ease-in-out infinite}@keyframes dx-pulse{50%{opacity:.1}}
.mp{background:var(--mp-paper);color:var(--mp-ink);--mp-line:color-mix(in srgb,var(--mp-ink) 13%,transparent)}
.mp .br-bar{background:var(--mp-head);color:var(--mp-head-ink)}.mp .br-nav i{background:currentColor;opacity:.35}
.mp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3.4cqi;align-items:center;flex:none;padding:3.4cqi 4cqi 3cqi;border-bottom:1px solid var(--mp-line)}
.mp-copy{display:block;min-width:0}
.mp-kicker{display:flex;align-items:center;gap:5px;font:600 clamp(7.5px,1.6cqi,10px)/1.2 var(--h-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mp-accent);white-space:nowrap;overflow:hidden}
.mp-kicker .glyph{flex:none;width:12px;height:12px}
.mp-title{display:-webkit-box;margin-top:1.3cqi;font:400 clamp(15px,4.1cqi,25px)/1.02 'Instrument Serif',var(--h-serif);letter-spacing:-.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mp-lede{display:-webkit-box;margin-top:1.3cqi;font:400 clamp(8.5px,1.85cqi,11.5px)/1.4 var(--h-sans);opacity:.72;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mp-media{position:relative;display:block;aspect-ratio:16/10;border-radius:6px;overflow:hidden;box-shadow:0 12px 24px -14px rgba(0,0,0,.55)}
.mp-playbtn{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:clamp(22px,7.5cqi,38px);aspect-ratio:1;padding-left:2px;border-radius:50%;background:rgba(255,255,255,.93);color:#111;font-size:clamp(8px,2cqi,13px);transform:translate(-50%,-50%);box-shadow:0 4px 14px rgba(0,0,0,.3)}
.mp-body{display:flex;flex-direction:column;gap:.9cqi;flex:1;min-height:0;padding:2.6cqi 4cqi 3cqi;overflow:hidden;font:400 clamp(8.5px,1.8cqi,11px)/1.3 var(--h-sans)}
.mp-label{margin-bottom:.5cqi;font:600 clamp(7.5px,1.55cqi,9.5px)/1.2 var(--h-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mp-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-row{display:flex;align-items:center;gap:1.8cqi;min-width:0;padding:1cqi 0;border-top:1px solid var(--mp-line)}
.mp-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-at{flex:none;font:500 clamp(7.5px,1.55cqi,9.5px)/1 ui-monospace,Menlo,monospace;opacity:.65}
.mp-n{flex:none;min-width:2.2cqi;font:400 clamp(12px,2.7cqi,16px)/1 'Instrument Serif',var(--h-serif);color:var(--mp-accent)}
.mp-take,.mp-pill{align-self:flex-start;padding:4px 9px;border-radius:12px;font-weight:600;font-size:clamp(7.5px,1.6cqi,10px);white-space:nowrap}
.mp-take{margin-top:auto;background:var(--mp-ink);color:var(--mp-paper)}
.mp-pill{margin-top:1.2cqi;border:1px solid var(--mp-accent);color:var(--mp-accent)}
.mp-score{display:flex;align-items:center;gap:2.2cqi;font:600 clamp(9px,2cqi,12px)/1 var(--h-sans)}
.mp-ft{padding:3px 9px;border-radius:5px;background:var(--mp-ink);color:var(--mp-paper);font:400 clamp(15px,3.8cqi,23px)/1 'Instrument Serif',var(--h-serif)}
.mp-score small{margin-left:auto;font-weight:500;opacity:.6}
.mp-line{position:relative;display:block;flex:none;height:4px;margin:1.8cqi 0 1.2cqi;border-radius:2px;background:var(--mp-line)}
.mp-head{position:absolute;left:0;top:0;bottom:0;width:82%;border-radius:2px;background:var(--mp-accent);opacity:.35}
.mp-mark{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:var(--mp-accent);transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--mp-paper)}.mp-mark.is-home{background:#e3a21a}
.mp-tag{flex:none;padding:2px 6px;border:1px solid currentColor;border-radius:8px;font-size:.82em;font-weight:600;opacity:.8}
.mp-moment{border-radius:5px}.mp-star{flex:none;color:var(--mp-accent)}
.mp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:3cqi;min-height:0}
.mp-col{display:flex;flex-direction:column;min-width:0}
.mp-sub{margin-bottom:.4cqi;font-size:.85em;font-weight:600;opacity:.6}
.mp-check{position:relative;flex:none;width:12px;height:12px;border:1.5px solid var(--mp-accent);border-radius:3px;background:var(--mp-accent);color:#fff}
.mp-check:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:inherit;font:700 9px/1 var(--h-sans)}
.mp-check[data-off]{background:transparent;border-color:color-mix(in srgb,var(--mp-ink) 35%,transparent);color:transparent}
.mp-now{padding-left:1cqi;padding-right:1cqi;border-radius:5px;background:color-mix(in srgb,var(--mp-accent) 14%,transparent)}
.mp-claim{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7cqi 1.8cqi;padding:1.1cqi 0;border-top:1px solid var(--mp-line)}
.mp-claim .mp-text{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mp-votes{grid-column:2;display:flex;gap:4px}
.mp-votes em{padding:2px 7px;border:1px solid color-mix(in srgb,var(--mp-ink) 22%,transparent);border-radius:10px;font-style:normal;font-weight:600;font-size:.82em}
.mp-votes em.is-on{background:var(--mp-accent);border-color:var(--mp-accent);color:#fff}
.mp-stop{display:flex;align-items:center;gap:1.8cqi;min-width:0;padding:.9cqi 0;border-top:1px solid var(--mp-line)}
.mp-pin{display:grid;flex:none;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--mp-accent);color:var(--mp-paper);font-size:.8em;font-weight:700}
.mp-stop .mp-text b,.mp-part .mp-text b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis}.mp-stop .mp-text small{display:block;opacity:.65;overflow:hidden;text-overflow:ellipsis}
.mp-heart{flex:none;color:var(--mp-accent);font-size:1.25em;line-height:1}
.mp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4cqi}
.mp-tile{display:flex;flex-direction:column;gap:2px;min-width:0;padding:1.3cqi 1.6cqi;border:1.5px solid color-mix(in srgb,var(--mp-ink) 25%,transparent);border-radius:6px}
.mp-tile b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-tile small{font:600 .76em/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.mp-tile i{font-style:normal;font-size:.76em;font-weight:600}.mp-tile i:before{content:'✓ '}
.mp-tile.is-plus{background:var(--mp-accent);border-color:var(--mp-accent);color:#fff}
.mp-tile.is-mixed{background:linear-gradient(90deg,color-mix(in srgb,var(--mp-accent) 22%,transparent) 50%,transparent 50%);border-color:var(--mp-accent)}
.mp-tile.mp-anim{box-shadow:0 0 0 2px var(--mp-paper),0 0 0 3.5px var(--mp-ink)}
.mp-part{display:flex;align-items:center;gap:1.8cqi;min-width:0;padding:1cqi;border-top:1px solid var(--mp-line);border-radius:5px}
.mp-part.is-on{background:color-mix(in srgb,var(--mp-accent) 12%,transparent)}
.mp-play{display:grid;flex:none;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--mp-ink);color:var(--mp-paper);font-size:7px}.mp-part.is-on .mp-play{background:var(--mp-accent)}
.mp-wave{display:flex;align-items:flex-end;gap:1.5px;height:clamp(9px,2.4cqi,15px);margin-top:3px}
.mp-wave i{flex:1;border-radius:1px;background:color-mix(in srgb,var(--mp-ink) 28%,transparent);transform-origin:bottom}
.mp-part.is-on .mp-wave i:nth-child(-n+19){background:var(--mp-accent)}
.mp-loop{flex:none;opacity:.45}.mp-loop.is-on{opacity:1;color:var(--mp-accent);font-weight:700}
/* The page plays once it is open. */
.mp-anim{animation-duration:.45s;animation-delay:var(--d,0s);animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-play-state:paused}
.home-demo[data-step=page] .mp-anim{animation-play-state:running}
.mp-check.mp-anim{animation-name:mp-tick}@keyframes mp-tick{from{background:transparent;border-color:color-mix(in srgb,var(--mp-ink) 35%,transparent);color:transparent}}
.mp-take.mp-anim,.mp-pill.mp-anim{animation-name:mp-fade}@keyframes mp-fade{from{opacity:0;transform:translateY(5px)}}
.mp-now.mp-anim{animation-name:mp-now}@keyframes mp-now{from{background:transparent}}
.mp-votes em.mp-anim{animation-name:mp-vote}@keyframes mp-vote{from{background:transparent;border-color:color-mix(in srgb,var(--mp-ink) 22%,transparent);color:var(--mp-ink)}}
.mp-heart.mp-anim{animation-name:mp-heart;animation-duration:.6s}@keyframes mp-heart{0%{opacity:.3;transform:scale(.7)}60%{transform:scale(1.45)}}
.mp-tile.mp-anim{animation-name:mp-ring}@keyframes mp-ring{from{box-shadow:0 0 0 2px var(--mp-paper),0 0 0 2px var(--mp-paper)}}
.mp-mark.mp-anim{animation-name:mp-pop}@keyframes mp-pop{from{transform:translate(-50%,-50%) scale(0)}}
.mp-head.mp-anim{animation-name:mp-grow;animation-duration:3.6s;animation-timing-function:linear}@keyframes mp-grow{from{width:0}}
.mp-moment.mp-anim{animation-name:mp-flash;animation-duration:1s}@keyframes mp-flash{0%,100%{background:transparent}35%,70%{background:color-mix(in srgb,var(--mp-accent) 15%,transparent)}}
.mp-loop.mp-anim{animation-name:mp-fade}
.home-demo[data-step=page] .mp-part.is-on .mp-wave i{animation:mp-eq 1.1s ease-in-out infinite}.mp-part.is-on .mp-wave i:nth-child(3n){animation-delay:-.4s!important}.mp-part.is-on .mp-wave i:nth-child(3n+1){animation-delay:-.75s!important}
@keyframes mp-eq{50%{transform:scaleY(.55)}}
.home-demo.is-static .mp-anim,.home-demo.is-static .mp-wave i{animation:none!important}
@media(prefers-reduced-motion:reduce){.dx-steam,.dx-tram,.dx-star,.dx-swirl,.dx-arm,.dx-led,.dx-nc,.mp-anim,.mp-wave i{animation:none!important}}

/* Wall tiles: each page in small, in its own colours. */
.wall-card>a,.wall-card>button{display:block;width:100%;padding:0;text-align:left;color:inherit;text-decoration:none;border-radius:12px}
.wall-site{display:block;overflow:hidden;border-radius:12px;background:var(--w-paper);color:var(--w-ink);box-shadow:0 0 0 1px rgba(22,19,15,.08),0 18px 36px -24px rgba(40,25,10,.5);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.wall-card>a:hover .wall-site,.wall-card>a:focus-visible .wall-site,.wall-card>button:hover .wall-site{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(22,19,15,.1),0 28px 48px -24px rgba(40,25,10,.6)}
.wall-bar{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:var(--w-head);color:var(--w-head-ink)}
.wall-bar b{font:400 15px/1 'Instrument Serif',var(--h-serif);padding-bottom:2px}.wall-mark{width:13px;height:13px}
.wall-bar i{display:block;width:14px;height:3px;margin-left:4px;border-radius:2px;background:currentColor;opacity:.35}.wall-bar i:first-of-type{margin-left:auto}
.wall-media{position:relative;display:block;overflow:hidden;background:#111}
.wall-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.wall-card>a:hover .wall-media img{transform:scale(1.04)}
.wall-media iframe{position:absolute;left:50%;top:50%;width:100%;height:100%;border:0;transform:translate(-50%,-50%) scale(var(--cover,1));pointer-events:none}
.wall-play{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;padding-left:2px;border-radius:50%;background:rgba(255,255,255,.92);color:#111;font-size:11px;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:opacity .3s}
.wall-media.is-playing .wall-play,.wall-media.is-playing .wall-dur{opacity:0}
.wall-dur{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.78);color:#fff;font:600 11px/1 var(--h-sans);transition:opacity .3s}
.wall-media .new-flag{position:absolute;top:10px;left:10px;z-index:2}
.wall-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.wall-kicker{display:flex;align-items:center;gap:6px;font:700 10.5px/1.2 var(--h-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--w-acc)}.wall-kicker .glyph{width:13px;height:13px;flex:none}
.wall-title{font:400 clamp(19px,1.6vw,23px)/1.06 'Instrument Serif',var(--h-serif);letter-spacing:-.01em}
.wall-stat{font:600 12px/1.3 var(--h-sans);color:var(--w-acc)}
.wall-line{position:relative;padding-left:12px;font:400 12.5px/1.35 var(--h-sans);opacity:.8}.wall-line:before{content:'';position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--w-acc)}
.wall-by{margin-top:2px;font:500 12px/1.2 var(--h-sans);opacity:.6}
.wall-card.is-new{animation:wall-in .9s cubic-bezier(.2,.8,.2,1)}
@media(max-width:520px){.wall-title{font-size:17px}.wall-body{padding:10px 11px 12px}.wall-line{display:none}}
.home-note.home-lang{margin-top:6px}

/* Phones: Beyond itself is offered in place of the Chrome extension */
.is-phone .home-actions .home-cta[data-action=extension],.is-phone .how-foot>.home-cta[data-action=extension],.is-phone .home-note:not(.home-lang){display:none}
.how-foot .home-phone{width:100%;margin:0 0 18px}
.home-phone{margin:18px 0 6px;padding:18px;border:1.5px solid #e5532f;border-radius:16px;background:rgba(229,83,47,.06)}
.home-phone-k{margin:0 0 6px;font:700 12px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e5532f}
.home-phone p{margin:0 0 14px}
.home-phone .home-cta{width:100%;justify-content:center}
.home-phone-more{margin:12px 0 0!important;font-size:14px;opacity:.8}.home-phone-more a{text-decoration:underline}