/* Brand-owned palette. Interaction-only motion; no pause control is necessary. */
.source-hero{min-height:0;max-height:none}.labbar{position:sticky;top:0;z-index:20;background:#0c0c0bf5;backdrop-filter:blur(16px)}.labbar a{font-size:14px}.labbar>span{font-size:14px}.library{padding-top:40px}.topic-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px;color:#a6a6a0;font-size:14px}.topic-heading>span:first-child{color:#ff8116;font-size:18px}
#gallery{display:flex;height:285px;gap:10px;margin-bottom:28px}#gallery .topic-panel{position:relative;isolation:isolate;flex:1;min-width:0;overflow:hidden;border-radius:10px;background:#17171b;text-align:right;padding:22px;border:1px solid #ffffff20;transition:flex .55s cubic-bezier(.22,.8,.25,1),border-color .3s;color:white}#gallery .topic-panel.expanded{flex:2.6}#gallery .topic-panel[aria-pressed=true]{border-color:#ff8116}#gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .65s;opacity:.7}#gallery .expanded img{transform:scale(1.04);opacity:1}.topic-shade{position:absolute;inset:0;background:linear-gradient(0deg,#08090bec,transparent 85%);z-index:-1}.topic-id{position:absolute;top:17px;right:20px;font-size:14px;letter-spacing:2px;border-bottom:2px solid #ef004e;padding-bottom:5px}.topic-label{position:absolute;bottom:57px;right:22px;font-size:clamp(18px,2.4vw,30px);font-weight:700;white-space:nowrap}.topic-info{position:absolute;bottom:22px;right:22px;left:22px;display:flex;justify-content:space-between;font-size:14px;color:#eee}.topic-info span{color:#ff8116}.post-meta,.badges span,#result-count{font-size:14px}.post p{font-size:16px}.format-guide{display:none}
[data-variant="3"] .topic-heading,[data-variant="3"] #gallery{grid-column:1/-1}[data-variant="3"] #categories{grid-row:4/8}
/* 08: image categories from 5, desk filters from 6, editorial layout from 1. */
[data-variant="8"] #gallery{gap:14px}
[data-variant="8"] #gallery .topic-panel{border:0;border-radius:0;box-shadow:0 0 18px #ff811619,0 0 2px #ffffff45}
[data-variant="8"] #gallery .topic-panel.expanded,[data-variant="8"] #gallery .topic-panel[aria-pressed=true]{box-shadow:0 0 26px #ff811638,0 3px 0 #ff8116}
[data-variant="8"] #categories{border:0;gap:10px;flex-wrap:wrap}
[data-variant="8"] #categories button{border:1px solid #ffffff30;flex:initial;border-radius:0;padding:12px 18px;transform:rotate(-1deg)}
[data-variant="8"] #categories button[aria-pressed=true]{background:#ff811615;border-color:#ff8116}
[data-variant="8"] .featured{grid-column:span 2;grid-row:span 2}
[data-variant="8"] .featured .cover{aspect-ratio:1.28}
[data-variant="8"] .featured h3{font-size:36px;max-width:640px}
[data-variant="8"] .post:nth-child(2) .cover,[data-variant="8"] .post:nth-child(3) .cover{aspect-ratio:2.1}
[data-variant="8"] .post:nth-child(2) p,[data-variant="8"] .post:nth-child(3) p{display:none}
@media(max-width:720px){[data-variant="8"] .featured .cover{aspect-ratio:1.6}[data-variant="8"] .featured h3{font-size:29px}}
/* 05: borderless category slider. */
[data-variant="5"] #gallery .topic-panel{border:0}
/* 05: two-column rectangular cards; format icons immediately below the image. */
[data-variant="5"] .articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
[data-variant="5"] .post{padding:0;border:1px solid var(--line);background:#131312;overflow:hidden;border-radius:3px;transition:border-color .3s,background .3s}
[data-variant="5"] .post:hover{padding:0;background:#191918;border-color:#ff811680}
[data-variant="5"] .post-link{display:flex;flex-direction:column;gap:0;align-items:stretch}
[data-variant="5"] .cover{aspect-ratio:16/9;height:auto;border-radius:0;flex-shrink:0}
[data-variant="5"] .post-body{display:flex;flex-direction:column;padding:20px 24px 26px;flex:1}
[data-variant="5"] .post-bottom{order:-2;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--line);gap:12px}
[data-variant="5"] .post-meta{order:-1;justify-content:space-between;gap:12px;font-size:14px}
[data-variant="5"] .ordinal{position:static;font-size:14px;color:#88857f}
[data-variant="5"] .badges{flex-wrap:wrap;gap:14px}
[data-variant="5"] .badges span{font-size:14px}
[data-variant="5"] .post h3{font-size:28px;line-height:1.35;margin:12px 0}
[data-variant="5"] .post p{display:-webkit-box;-webkit-line-clamp:3;font-size:16px;line-height:1.75;margin:0;color:#b8b5be}
@media(max-width:760px){[data-variant="5"] .articles{grid-template-columns:1fr;gap:24px}[data-variant="5"] .post-body{padding:17px 19px 22px}[data-variant="5"] .post h3{font-size:24px}[data-variant="5"] .post-meta>span:last-child{display:inline}[data-variant="5"] .open-arrow{width:34px;height:34px;font-size:20px;top:13px;left:13px}}
/* 06: a desk of editorial index cards, calm ink-colored surface. */
[data-variant="6"] .library{background:radial-gradient(ellipse at 80% 30%,#42231a50,transparent 65%);max-width:1440px;padding-inline:60px}[data-variant="6"] .articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 34px;padding:25px 8px}[data-variant="6"] .post{background:#f4f4f1;color:#161614;padding:15px 15px 20px;box-shadow:0 12px 28px #0007;transform:rotate(-1.4deg);transition:transform .3s,box-shadow .3s;animation:none;border-top:4px solid var(--cat-color)}[data-variant="6"] .post:nth-child(3n+2){transform:rotate(1.8deg) translateY(14px)}[data-variant="6"] .post:nth-child(3n){transform:rotate(-.6deg)}[data-variant="6"] .post:hover,[data-variant="6"] .post:focus-within{transform:translateY(-8px) rotate(0);box-shadow:0 28px 40px #0009}[data-variant="6"] .post h3{font-weight:700;font-size:25px}[data-variant="6"] .post p,[data-variant="6"] .post-meta,[data-variant="6"] .badges span{color:#55554f}[data-variant="6"] .post-bottom{border-color:#19191930}[data-variant="6"] .post-meta>span:first-child{color:#a33719}[data-variant="6"] .cover{border-radius:0;aspect-ratio:1.45}[data-variant="6"] #categories{border:0;gap:10px;flex-wrap:wrap}[data-variant="6"] #categories button{border:1px solid #ffffff30;flex:initial;border-radius:2px;padding:12px 18px;transform:rotate(-1deg)}
/* 07: a wide gallery, numbered exhibition labels and staggered works. */
[data-variant="7"] .library{max-width:1500px}[data-variant="7"] #gallery{height:390px;gap:3px}[data-variant="7"] #gallery .topic-panel{border-radius:0}[data-variant="7"] #gallery .expanded{flex:4}[data-variant="7"] .topic-label{font-size:clamp(20px,3vw,40px)}[data-variant="7"] .articles{grid-template-columns:1fr 1fr;gap:80px 55px}[data-variant="7"] .post:nth-child(even){margin-top:95px}[data-variant="7"] .cover{aspect-ratio:1.28;border-radius:0}[data-variant="7"] .post h3{font-size:32px;max-width:580px;font-weight:500}[data-variant="7"] .post-body{border-inline-start:2px solid #ef004e;padding-inline-start:20px;margin-top:22px;padding-top:0}[data-variant="7"] .post-bottom{border-top:0}[data-variant="7"] .ordinal{font-size:38px;color:#ff8116}[data-variant="7"] #categories button[aria-pressed=true]{background:#ef004e15}
@media(max-width:760px){.labbar nav{overflow:auto;justify-content:flex-start}.labbar a{font-size:13px}.topic-heading{gap:15px}.topic-heading>span:last-child{font-size:12px}#gallery,[data-variant="7"] #gallery{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}#gallery .topic-panel{height:190px;padding:12px}#gallery .topic-label,[data-variant="7"] .topic-label{font-size:18px;right:12px;bottom:45px}.topic-info{right:12px;left:12px;font-size:13px;bottom:16px}.topic-id{right:12px}#gallery .expanded img{transform:none}[data-variant="6"] .library{padding-inline:22px}[data-variant="6"] .articles,[data-variant="7"] .articles{grid-template-columns:1fr;gap:38px}[data-variant="6"] .post:nth-child(n){transform:none}[data-variant="7"] .post:nth-child(even){margin-top:0}[data-variant="7"] .post h3{font-size:26px}[data-variant="3"] .library{display:block}.section-top h2{font-size:30px}}
#gallery .topic-label{left:16px;white-space:normal;line-height:1.12;overflow-wrap:normal;font-size:clamp(18px,2vw,27px)}
@media(prefers-reduced-motion:reduce){#gallery *,[data-variant="6"] .post{transition:none!important;animation:none!important;transform:none!important}}

body.editor-open #categories button,body.editor-open #gallery .topic-panel{transition:none!important}
/* 14 / 15: continuous category journeys, real articles and scroll-bound depth. */
.journey-nav{position:sticky;top:55px;z-index:15;display:flex;gap:10px;align-items:center;padding:14px 30px;background:#111e;backdrop-filter:blur(16px);overflow:auto}.journey-nav>span{font-size:14px;color:#aaa;white-space:nowrap;margin-inline-end:auto}.journey-nav button{white-space:nowrap;background:#151515;color:#ddd;border:1px solid #555;padding:10px 15px}.journey-nav button[aria-pressed=true]{background:#ff8116;color:#111}.journey-world{scroll-margin-top:130px;position:relative}.world-stage{height:90vh;min-height:560px;position:relative;overflow:hidden;isolation:isolate;perspective:1000px}.journey-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1 + var(--travel,0)*.35)) translateY(calc(var(--travel,0)*-45px));z-index:-2}.journey-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0c0c0b 1%,#0c0c0b60 65%,#0c0c0b88)}.world-intro{position:absolute;bottom:13%;right:8%;left:8%;transform:translateY(calc(var(--travel,0)*-25px))}.world-intro>span{color:#ff8116;letter-spacing:3px}.world-intro h2{font-size:clamp(54px,9vw,128px);line-height:1.1;margin:24px 0}.world-intro p{font-size:20px}.world-enter{display:inline-block;border-bottom:1px solid #ff8116;padding:14px 0;font-size:18px}.world-reading{padding:35px 7% 100px;scroll-margin-top:145px}.reading-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #555;margin-bottom:30px}.reading-title h3{font-size:30px}.reading-title>span{color:#aaa}.world-more{display:block;margin:40px auto 0;padding:14px 24px;border:1px solid #777;background:transparent}.world-15 .journey-world{display:grid;grid-template-columns:1fr 1fr;align-items:start}.world-15 .world-stage{position:sticky;top:120px;height:calc(100vh - 120px);min-height:500px}.world-15 .world-intro h2{font-size:clamp(42px,5vw,76px)}.world-15 .world-reading{padding:40px 35px 90px}.world-15 .world-reading .articles{grid-template-columns:1fr;gap:55px}.world-15 .journey-backdrop{transform:scale(calc(1.05 + var(--travel,0)*.2))}.world-15 .world-stage::after{content:'';position:absolute;inset:18px;border:1px solid #ffffff35;pointer-events:none}.world-15 .reading-title h3{font-size:25px}
@media(max-width:760px){.journey-nav{top:0;padding:10px;gap:8px}.journey-nav>span{display:none}.world-stage{height:70vh;min-height:420px}.world-intro p{font-size:17px}.world-reading{padding:20px 22px 65px}.world-reading .articles{grid-template-columns:1fr}.world-15 .journey-world{display:block}.world-15 .world-stage{position:relative;top:0;height:70vh;min-height:420px}.world-15 .world-reading{padding:25px 22px 65px}}
@media(prefers-reduced-motion:reduce){.journey-backdrop,.world-intro{transform:none!important}html{scroll-behavior:auto!important}}
/* Independent explorations: no changes to concepts 1–8. */
.labbar nav{overflow-x:auto;min-width:0}.labbar{max-width:100%}.labbar nav a{flex-shrink:0}
.world-design .library{max-width:1440px}.world-design .section-top p{color:#bababa}
.world-design #gallery .topic-panel{border-radius:0;border:0;box-shadow:0 0 22px #ff811628}
.world-design #categories{border:0;gap:10px;flex-wrap:wrap}.world-design #categories button{flex:initial;border:1px solid #ffffff30;border-radius:0;padding:12px 18px}
.world-banner{display:flex;align-items:center;gap:24px;padding:30px 0 45px;border-bottom:1px solid #ffffff25;margin-bottom:24px}.world-banner>span{color:#ff8116;font-size:14px}.world-banner strong{font-size:32px;font-weight:500}.world-banner button{margin-inline-start:auto;background:none;border-bottom:1px solid #888;padding:8px 0;font-size:14px}
.world-design .post{animation:none}.world-design .post-link{transition:transform .45s}.world-design .post-link:hover{transform:translateY(-5px)}
/* 09 — portals: perspective opens into editorial content. */
.world-9 #gallery{height:440px;perspective:1200px;gap:24px}.world-9 #gallery .topic-panel{transform:rotateY(calc((1 - var(--depth,.5))*-20deg)) translateZ(calc(var(--depth,.5)*45px));transform-origin:right center;transition:transform .3s,flex .5s;box-shadow:8px 12px 0 #ffffff08,0 0 35px #ff811629}.world-9 #gallery .expanded{flex:2}.world-9 .articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 35px}.world-9 .post:nth-child(even){padding-top:75px}.world-9 .cover{aspect-ratio:1.45}.world-9 .post h3{font-size:30px}
/* 10 — atlas: four image territories and an indexed reading collection. */
.world-10 #gallery{display:grid;grid-template-columns:1.35fr 1fr;height:600px;gap:16px}.world-10 #gallery .topic-panel:nth-child(3){grid-column:2;grid-row:1}.world-10 #gallery .topic-panel:nth-child(2){grid-column:1;grid-row:2}.world-10 #gallery .topic-label{font-size:30px}.world-10 .articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.world-10 .post{border-top:2px solid #ff8116;padding-top:12px}.world-10 .ordinal{font-size:25px;color:#ff8116}.world-10 .post h3{font-size:25px}
/* 11 — reading river: wide alternating horizontal stories. */
.world-11 #gallery{height:230px}.world-11 .articles{display:block;max-width:1120px;margin:auto}.world-11 .post{padding:38px 0;border-bottom:1px solid #ffffff25}.world-11 .post-link{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:center}.world-11 .post:nth-child(even) .cover{grid-column:2;grid-row:1}.world-11 .post:nth-child(even) .post-body{grid-column:1;grid-row:1}.world-11 .cover{aspect-ratio:1.3}.world-11 .post h3{font-size:34px}.world-11 .post p{-webkit-line-clamp:4}
/* 12 — research rooms: horizontal image panels above tactile catalog cards. */
.world-12 #gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:370px;gap:24px}.world-12 #gallery .topic-panel{box-shadow:10px 10px 0 #ff81161a;transform:rotate(-2deg);transition:transform .4s}.world-12 #gallery .topic-panel:nth-child(even){transform:rotate(2deg)}.world-12 #gallery .topic-panel:hover,.world-12 #gallery .topic-panel:focus-visible{transform:rotate(0) translateY(-8px)}.world-12 .articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.world-12 .post{padding:18px;background:#ecece7;color:#141414;box-shadow:8px 8px 0 #ffffff12}.world-12 .post p,.world-12 .post-meta,.world-12 .badges span{color:#4b4b48}.world-12 .post h3{font-size:29px}.world-12 .cover{aspect-ratio:1.8}
/* 13 — depth trail: a scroll-responsive 3D chapter gate, calm single reading lane. */
.world-13 #gallery{height:500px;perspective:1000px;gap:18px;align-items:center}.world-13 #gallery .topic-panel{height:85%;transform:rotateX(calc((.5 - var(--depth,.5))*25deg)) translateY(calc((.5 - var(--depth,.5))*65px));transition:transform .2s,flex .5s}.world-13 #gallery .topic-panel:nth-child(even){height:100%}.world-13 .articles{grid-template-columns:1fr;max-width:850px;margin:auto;gap:70px}.world-13 .post{border-inline-start:2px solid #ff811650;padding-inline-start:30px}.world-13 .cover{aspect-ratio:2}.world-13 .post h3{font-size:38px}.world-13 .post p{-webkit-line-clamp:4;font-size:18px}.world-13 .ordinal{font-size:32px;color:#ff8116}
@media(max-width:760px){.world-design #gallery{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:12px;perspective:none}.world-design #gallery .topic-panel{height:210px!important;transform:none!important;grid-column:auto!important;grid-row:auto!important}.world-banner{flex-wrap:wrap;gap:12px}.world-banner strong{font-size:25px}.world-banner button{margin:0}.world-design .articles{grid-template-columns:1fr}.world-design .post:nth-child(even){padding-top:0}.world-11 .post-link{display:flex;flex-direction:column;gap:18px}.world-11 .cover{width:100%}.world-design .post h3{font-size:26px}.world-13 .post{padding-inline-start:15px}}
@media(prefers-reduced-motion:reduce){.world-design #gallery .topic-panel,.world-design .post-link{transform:none!important;transition:none!important}}