@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#161616;--light:#fcfcfb;--soft:#f2f2f0;--muted:#737373;--line:#e6e6e4;--purple:#6a55bf;--mint:#138566;--amber:#9c6019;--section:#161616;--tint:#efecfb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #333;outline-offset:4px}img{display:block;max-width:100%}.shell{max-width:1500px;margin:0 auto}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 5.3%;gap:25px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92)}.logo{font-family:'Inter Tight',Arial,sans-serif;font-weight:900;font-size:17px;line-height:.83;letter-spacing:-.085em;width:92px}.logo span{display:block}.nav{display:flex;gap:38px;align-items:center}.nav a{font-size:12px;font-weight:700;color:#656565;transition:color .2s}.nav a:hover,.nav a.active{color:#0b0b0b}.nav a.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.header .right{justify-self:end}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#161616;border:1px solid #161616;color:#fff;border-radius:100px;padding:13px 20px;font-size:12px;font-weight:800;line-height:1.1;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px);background:#383838}.button.outline{background:transparent;color:#161616}.button.outline:hover{background:#f1f1f1}.button.sm{padding:10px 15px;font-size:11px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#717171;line-height:1.5}.display{font-family:'Inter Tight',Arial,sans-serif;font-weight:900;letter-spacing:-.085em;line-height:.94;margin:0}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:4.6%;padding:64px 5.3% 78px;align-items:center;min-height:655px}.hero h1{font-size:clamp(72px,7.5vw,133px);margin:25px 0}.hero h1 .accent{color:#9e91cb}.lead{font-size:clamp(15px,1.3vw,18px);line-height:1.65;color:#646464;max-width:470px;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.hero-art{height:540px;position:relative}.hero-photo{height:100%;width:100%;object-fit:cover;object-position:center 50%;border-radius:42px 14px 42px 14px;filter:grayscale(.17)}.floating{position:absolute;left:-30px;bottom:27px;background:#fff;border:1px solid #e6e6e6;box-shadow:0 20px 60px #0002;border-radius:17px;padding:19px 23px;max-width:210px;transform:rotate(-4deg)}.floating b{font-family:'Inter Tight',Arial,sans-serif;font-size:19px;line-height:1.05;letter-spacing:-.04em;display:block;margin-top:10px}.floating small{color:#858585;font-size:10px;letter-spacing:.10em}.dots{display:flex;gap:5px;margin-top:12px}.dots i{width:10px;height:10px;border-radius:50%;background:#7862c8}.dots i:nth-child(2){background:#17896e}.dots i:nth-child(3){background:#b77525}.ticker{display:flex;justify-content:space-between;gap:20px;padding:17px 5.3%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f9f9f8;font-size:11px;font-weight:800;letter-spacing:.105em;text-transform:uppercase}.ticker span:last-child{color:#848484}.section{padding:105px 5.3%}.twocol{display:grid;grid-template-columns: 1fr 1fr;align-items:center;gap:9%}.section h2{font-family:'Inter Tight',Arial,sans-serif;font-size:clamp(47px,5.7vw,89px);line-height:.97;letter-spacing:-.075em;margin:20px 0}.section p{font-size:15px;color:#626262;line-height:1.8;max-width:540px}.storyimg{width:min(340px,100%);height:410px;object-fit:cover;object-position:center;border-radius:18px;margin:auto;background:#14112d;box-shadow:22px 25px 0 #f0f0f0}.sticker{display:inline-block;background:#e9e5fa;color:#5b4aa6;border-radius:100px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.story{background:white}.read-section{background:#f5f5f3}.readwrap{display:grid;grid-template-columns: .8fr 1.2fr;gap:9%;align-items:center}.readstory{display:grid;grid-template-columns:215px 1fr;align-items:center;gap:30px}.readstory img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px}.steps{display:grid;gap:18px}.step{border-top:1px solid #d4d4d4;padding-top:19px;display:grid;grid-template-columns:40px 1fr;gap:14px}.step b{font-size:13px}.step h3{font-size:18px;line-height:1.2;letter-spacing:-.04em;margin:0 0 5px}.step p{font-size:12px;line-height:1.6;margin:0}.menu .section-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.menu .section-intro h2{margin-bottom:0}.menugrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.menucard{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;transition:transform .28s,box-shadow .28s}.menucard:hover{transform:translateY(-6px);box-shadow:0 20px 38px #00000014}.cardvisual{height:340px;overflow:hidden;background:#17142c}.cardvisual img{height:100%;width:100%;object-fit:cover;object-position:center}.menucard:nth-child(2) .cardvisual{background:#044939}.menucard:nth-child(3) .cardvisual{background:#6a380b}.cardbody{padding:25px 25px 28px}.cardtitle{font-family:'Inter Tight',Arial,sans-serif;font-weight:900;font-size:clamp(29px,2.8vw,40px);line-height:.95;letter-spacing:-.055em;margin:9px 0}.cardbody p{font-size:12px;margin:0 0 23px;min-height:55px;line-height:1.65}.cardfoot{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800}.arrowcircle{border:1px solid #ddd;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:18px}.fresh{background:#fff}.fresh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.freshitem{border-top:1px solid #d3d3d3;padding-top:19px}.freshitem img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:9px;margin-bottom:17px}.freshitem h3{font-family:'Inter Tight',Arial,sans-serif;font-size:24px;letter-spacing:-.045em;line-height:1.05;margin:10px 0}.freshitem .more{font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:5px}.closing{background:#161616;color:#fff;padding:65px 5.3%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.closing h2{font-family:'Inter Tight',Arial,sans-serif;font-size:clamp(48px,7vw,95px);line-height:.90;letter-spacing:-.082em;margin:16px 0}.closing p{font-size:14px;color:#bfbfbf}.closing .button{background:white;color:#111}.footer{display:flex;justify-content:space-between;gap:25px;padding:22px 5.3%;font-size:10px;font-weight:800;letter-spacing:.1em;color:#878787;text-transform:uppercase}.footer a{text-decoration:underline;text-underline-offset:4px}
/* Category pages */
.cat-page{--section:#6a55bf;--tint:#eeecfa}.cat-page.ds{--section:#148066;--tint:#e2f3ec}.cat-page.ai{--section:#a76517;--tint:#fff0d9}.cat-hero{padding:75px 5.3% 60px;border-bottom:1px solid #e2e2e2;position:relative;overflow:hidden}.cat-hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:6%;align-items:center}.cat-hero .display{font-size:clamp(75px,8.4vw,140px);line-height:.88;max-width:920px;overflow-wrap:break-word}.cat-hero .display span{color:var(--section)}.cat-hero p{font-size:18px;line-height:1.6;max-width:480px;color:#676767}.cat-hero-graphic{height:340px;border-radius:23px;overflow:hidden;background:var(--tint);position:relative}.cat-hero-graphic img{height:100%;width:100%;object-fit:cover;object-position:center}.chapter{padding:53px 5.3% 68px;display:grid;grid-template-columns:.43fr .57fr;gap:11%;align-items:start}.chapter h2{font-family:'Inter Tight',Arial,sans-serif;font-size:clamp(31px,4vw,58px);line-height:1.03;letter-spacing:-.066em;margin:10px 0}.chapter p{font-size:16px;line-height:1.75;color:#5e5e5e;margin:10px 0}.funfact{background:var(--tint);border-radius:16px;padding:23px 27px;margin-top:18px}.funfact .eyebrow{color:var(--section)}.funfact p{font-size:14px;color:#353535;line-height:1.55;margin:10px 0 0}.archive-title{padding:28px 5.3%;display:flex;justify-content:space-between;align-items:end;gap:20px;background:#f4f4f2;border-top:1px solid #e7e7e5;border-bottom:1px solid #e7e7e5}.archive-title h2{font-family:'Inter Tight',Arial,sans-serif;font-size:clamp(36px,4.7vw,65px);letter-spacing:-.075em;margin:3px 0 0}.archive-title p{font-size:11px;color:#777}.post-row{display:grid;grid-template-columns:34% 66%;border-bottom:1px solid #dedede;min-height:500px;background:#fff}.post-meta{padding:45px 40px 45px 15.6%;border-right:1px solid #e1e1e1;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.post-meta h3{font-family:'Inter Tight',Arial,sans-serif;font-size:clamp(36px,3.3vw,56px);line-height:1.05;letter-spacing:-.065em;margin:22px 0}.post-meta p{font-size:14px;color:#646464;line-height:1.65;max-width:320px}.post-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.post-art{padding:31px 26px;min-width:0;display:flex;flex-direction:column;justify-content:center}.post-art-header{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;font-size:10px;color:#888;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.collapsed{display:flex;justify-content:center;align-items:center;min-height:345px;gap:0;background:#f7f7f6;border:1px dashed #dcdcdc;border-radius:12px;position:relative;overflow:hidden}.collapsed img{width:min(270px,45%);aspect-ratio:1;object-fit:cover;border-radius:9px;box-shadow:6px 10px 25px #0002;transform:rotate(-7deg) translateX(17px)}.collapsed img:nth-child(2){transform:rotate(6deg) translateX(-10px)}.collapsed span{position:absolute;bottom:19px;right:22px;background:white;border:1px solid #eee;border-radius:99px;padding:10px 15px;font-size:10px;font-weight:800}.gallery{display:flex;overflow-x:auto;gap:15px;scroll-snap-type:x mandatory;scrollbar-color:#888 transparent;padding-bottom:14px;max-width:100%;scroll-behavior:smooth}.gallery[hidden],.collapsed[hidden],.gallery-controls[hidden]{display:none}.gallery figure{flex:0 0 310px;width:310px;margin:0;scroll-snap-align:start;animation:slide-in .25s ease-out}.gallery img{aspect-ratio:1;object-fit:contain;border-radius:9px;width:100%;background:var(--tint)}.gallery figcaption{display:flex;justify-content:space-between;padding:10px 0;font-size:10px;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:.10em}.gallery-controls{display:flex;gap:9px;justify-content:flex-end;margin-top:9px}.gallery-controls button{border-radius:50%;width:35px;height:35px;background:white;border:1px solid #ddd;font-size:18px}.endline{padding:60px 5.3%;display:flex;justify-content:space-between;gap:25px;align-items:center;background:var(--tint)}.endline h2{font-family:'Inter Tight',Arial,sans-serif;font-size:clamp(34px,5vw,66px);letter-spacing:-.07em;line-height:1;margin:0}.endline .button{background:var(--section);border-color:var(--section)}
@keyframes slide-in{from{opacity:.4;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1050px){.hero h1{font-size:clamp(65px,8vw,100px)}.cardvisual{height:300px}.post-meta{padding-left:35px}.chapter{gap:6%}.readstory{grid-template-columns:140px 1fr;gap:15px}}
@media(max-width:760px){.header{padding:18px 5%;display:flex;flex-wrap:wrap}.logo{font-size:14px}.nav{order:3;width:100%;justify-content:space-between;gap:8px;padding-top:7px}.nav a{font-size:10px}.header .right{margin-left:auto}.header .button{font-size:10px;padding:10px 13px}.hero{grid-template-columns:1fr;padding:48px 5% 56px;gap:38px;min-height:0}.hero h1{font-size:clamp(60px,15vw,95px);margin:17px 0}.hero-art{height:430px;margin-left:17px}.floating{left:-20px;bottom:20px}.ticker{padding:16px 5%;font-size:9px}.ticker span:nth-child(2){display:none}.section{padding:70px 5%}.twocol,.readwrap{grid-template-columns:1fr;gap:40px}.section h2{font-size:clamp(50px,11vw,80px)}.storyimg{height:340px}.readstory{grid-template-columns:125px 1fr}.menu .section-intro{align-items:start;display:block}.menugrid{grid-template-columns:1fr;gap:17px}.menucard{display:grid;grid-template-columns:42% 58%;border-radius:13px}.cardvisual{height:260px}.cardbody{padding:22px 17px}.cardtitle{font-size:30px}.fresh-grid{grid-template-columns:1fr;gap:30px}.freshitem{display:grid;grid-template-columns:125px 1fr;column-gap:20px}.freshitem img{grid-row:span 4;height:125px;margin:0}.freshitem h3{font-size:20px}.closing{grid-template-columns:1fr;padding:60px 5%}.footer{padding:21px 5%;flex-wrap:wrap}.cat-hero{padding:52px 5%}.cat-hero-inner{grid-template-columns:1fr;gap:35px}.cat-hero .display{font-size:clamp(60px,12vw,90px)}.cat-hero-graphic{height:260px}.chapter{grid-template-columns:1fr;padding:45px 5%;gap:12px}.archive-title{padding:26px 5%}.post-row{grid-template-columns:1fr}.post-meta{padding:29px 5%;border-right:0;border-bottom:1px solid #ddd}.post-meta h3{font-size:43px;margin:15px 0}.post-art{padding:22px 5%}.gallery figure{flex-basis:260px;width:260px}.collapsed{min-height:290px}.endline{padding:40px 5%;flex-direction:column;align-items:start}}
@media(max-width:440px){.hero h1{font-size:61px}.hero-art{height:340px}.readstory{grid-template-columns:95px 1fr}.readstory img{height:170px}.menucard{grid-template-columns:39% 61%}.cardvisual{height:245px}.cardtitle{font-size:26px}.cardbody p{font-size:11px}.gallery figure{flex-basis:225px;width:225px}.cat-hero .display{font-size:58px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* THE DATA BARISTA — CATEGORY GLASS UPGRADE
   Scope: only the three 'What's on the menu?' category tiles.
   All content, routes, images, fonts and page layouts are unchanged. */
.menu .menucard {
  --glass-rgb:106,85,191;
  position:relative;
  isolation:isolate;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(var(--glass-rgb),.28);
  background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(var(--glass-rgb),.055) 70%,rgba(255,255,255,.91));
  box-shadow:0 17px 29px -22px rgba(var(--glass-rgb),.42),
             0 15px 29px rgba(30,28,35,.055),
             inset 0 2px 0 rgba(255,255,255,.95);
  transition:transform .28s ease,box-shadow .28s ease;
}
.menu .menucard:nth-child(2){--glass-rgb:19,133,102}
.menu .menucard:nth-child(3){--glass-rgb:167,101,23}
.menu .menucard:hover,.menu .menucard:focus-visible {
  transform:translateY(-7px);
  box-shadow:0 26px 45px -20px rgba(var(--glass-rgb),.34),
             0 21px 38px rgba(30,28,35,.07),
             inset 0 2px 0 rgba(255,255,255,.94);
}
.menu .menucard .cardvisual {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:rgb(var(--glass-rgb));
  box-shadow:inset 0 2px 4px rgba(255,255,255,.22),
             inset 0 -18px 35px rgba(8,9,18,.14);
}
.menu .menucard .cardvisual img {
  position:relative;
  z-index:0;
  transform:scale(1.018);
  filter:saturate(.96) contrast(1.03);
  transition:transform .35s ease;
}
.menu .menucard:hover .cardvisual img{transform:scale(1.04)}
/* translucent enamel sheen and light across the cover */
.menu .menucard .cardvisual::before {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 95% 45% at 21% 3%,rgba(255,255,255,.22),transparent 85%),
    linear-gradient(126deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.025) 42%,rgba(255,255,255,.12) 55%,transparent 67%),
    radial-gradient(ellipse 60% 55% at 106% 107%,rgba(255,255,255,.24),transparent 77%);
  mix-blend-mode:screen;
}
/* 3D glass edge, highlights and softly refracted internal arc */
.menu .menucard .cardvisual::after {
  content:"";
  position:absolute;
  z-index:3;
  pointer-events:none;
  inset:11px;
  border-radius:21px;
  border:1.5px solid rgba(255,255,255,.43);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.48),
    inset 0 -2px 0 rgba(255,255,255,.15),
    0 2px 12px rgba(0,0,0,.05),
    0 0 0 10px rgba(255,255,255,.07);
}
.menu .menucard .cardbody{
  position:relative;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(var(--glass-rgb),.055) 84%,rgba(255,255,255,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
}
.menu .menucard .arrowcircle{
  border-color:rgba(var(--glass-rgb),.22);
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(var(--glass-rgb),.13));
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(var(--glass-rgb),.09);
}
@media (prefers-reduced-motion:reduce){.menu .menucard,.menu .menucard .cardvisual img{transition:none}}


/* V2: type legibility and reader improvements. Preserve approved editorial design. */
.logo {letter-spacing:-.03em;line-height:.98;}
.display {letter-spacing:-.045em;line-height:.98;}
.hero h1 {letter-spacing:-.052em;}
.cat-hero .display {font-family:Inter,'Inter Tight',Arial,sans-serif;font-size:clamp(61px,6.9vw,108px);letter-spacing:-.037em;line-height:.96;overflow-wrap:normal;}
.section h2,.archive-title h2,.closing h2,.endline h2 {letter-spacing:-.045em;}
.chapter h2 {letter-spacing:-.035em;}
.post-meta h3 {letter-spacing:-.028em;line-height:1.09;}
/* Left catalogue and readable content view */
.archive-layout {display:grid;grid-template-columns:minmax(255px,315px) minmax(0,1fr);background:#fff;}
.catalogue-panel {border-right:1px solid #e4e4e3;background:#fbfbfa;min-width:0;}
.catalogue-sticky {position:sticky;top:0;padding:30px 19px 30px 25px;max-height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#c7c7c5 transparent;}
.catalogue-eyebrow {color:var(--section);}
.catalogue-heading {font-family:Inter,'Inter Tight',Arial,sans-serif;letter-spacing:-.045em;line-height:1.01;font-size:30px;margin:8px 0 9px;font-weight:900;}
.catalogue-heading .period {color:var(--section);}
.catalogue-description {font-size:12px;line-height:1.55;color:#666;margin:0 0 21px;}
.catalogue-search-label {display:block;font-weight:800;font-size:11px;margin-bottom:8px;}
.catalogue-search-wrap {display:flex;align-items:center;gap:8px;border:1px solid #dcdcdc;background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:16px;}
.catalogue-search-wrap span {font-size:23px;line-height:1;color:#6e6e6e;}
.catalogue-search-wrap input {border:0;outline:0;width:100%;font:inherit;font-size:13px;background:transparent;min-width:0;}
.catalogue-search-wrap:focus-within {outline:2px solid var(--section);outline-offset:1px;}
.catalogue-live {display:flex;width:100%;gap:9px;align-items:center;text-align:left;border:1px solid #d9d7d1;background:#fff;border-radius:11px;padding:12px 10px;color:#202020;cursor:pointer;margin-bottom:17px;}
.catalogue-live span:nth-child(2) {flex:1;min-width:0;}
.catalogue-live b {display:block;font-size:10px;letter-spacing:.055em;}
.catalogue-live small {display:block;font-size:11px;margin-top:4px;color:#737373;}
.catalogue-live.is-selected {background:var(--tint);border-color:var(--section);}
.live-indicator {display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--section);flex:0 0 9px;}
.topic-phase {border-top:1px solid #e2e2e0;}
.topic-phase:last-child {border-bottom:1px solid #e2e2e0;}
.topic-phase-heading {cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center;justify-content:space-between;font-weight:800;font-size:11px;padding:14px 0;line-height:1.4;}
.topic-phase-heading::-webkit-details-marker {display:none;}
.topic-phase-heading::before {content:'+';font-size:17px;color:var(--section);line-height:1;}
.topic-phase[open] .topic-phase-heading::before {content:'−';}
.topic-phase-heading span {flex:1;}
.topic-phase-heading small {font-size:10px;color:#858585;font-weight:600;white-space:nowrap;}
.topic-list {display:flex;flex-direction:column;gap:3px;padding-bottom:12px;}
.topic-entry {width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 12px;gap:8px;align-items:start;text-align:left;background:transparent;border:0;border-radius:9px;padding:9px 6px;color:#393939;cursor:pointer;}
.topic-entry:hover,.topic-entry.is-selected {background:var(--tint);}
.topic-entry.is-selected {box-shadow:inset 3px 0 0 var(--section);}
.topic-number {font-size:10px;color:var(--section);font-weight:800;line-height:1.5;}
.topic-name {font-size:12px;line-height:1.45;}
.topic-soon {font-size:13px;color:#aaa;}
.topic-entry[hidden],.topic-phase[hidden],.catalogue-empty[hidden] {display:none!important;}
.catalogue-empty {padding:20px 5px;font-size:12px;color:#777;}
.catalogue-note {color:#777;font-size:10px;line-height:1.5;margin-top:16px;}
.catalogue-note .live-indicator {width:7px;height:7px;}
.archive-layout .post-row {display:flex;flex-direction:column;border-bottom:0;min-width:0;min-height:0;}
.archive-layout .post-meta {padding:35px 5.3% 25px;border-right:0;border-bottom:1px solid #ecebea;display:block;}
.archive-layout .post-meta h3 {font-family:Inter,'Inter Tight',Arial,sans-serif;font-weight:850;font-size:clamp(32px,3.2vw,49px);max-width:780px;margin:13px 0;line-height:1.1;letter-spacing:-.037em;}
.archive-layout .post-meta p {max-width:740px;margin:0 0 16px;}
.archive-layout .post-actions {margin-top:17px;}
.archive-layout .post-art {padding:26px 5.3% 36px;}
.archive-layout .gallery figure {flex:0 0 min(460px,78vw);width:min(460px,78vw);}
.archive-layout .gallery img {width:100%;aspect-ratio:1;object-fit:contain;}
.archive-layout .gallery-controls button {width:43px;height:43px;}
.archive-layout .gallery-controls button:hover {background:var(--tint);border-color:var(--section);}
.reader-button {color:#161616;}
/* Every frame can open as a large modal, and the full-screen button works before expansion */
.slide-zoom {border:0;background:transparent;display:block;width:100%;padding:0;position:relative;cursor:zoom-in;}
.slide-zoom img {display:block;}
.slide-zoom-icon {position:absolute;right:11px;bottom:10px;color:#fff;background:#141414c9;border-radius:999px;padding:9px 12px;font:700 11px 'DM Sans',Arial,sans-serif;box-shadow:0 3px 12px #0004;}
.topic-placeholder {background:var(--tint);border:1px dashed color-mix(in srgb, var(--section), #fff 52%);min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:35px;border-radius:14px;}
.topic-placeholder[hidden] {display:none!important;}
.topic-placeholder .placeholder-icon {font-size:37px;}
.topic-placeholder h4 {font-family:Inter,'Inter Tight',Arial,sans-serif;letter-spacing:-.03em;font-size:26px;line-height:1.15;max-width:500px;margin:0;}
.topic-placeholder p {font-size:13px;color:#555;max-width:430px;line-height:1.65;margin:0;}
.topic-placeholder .button {margin-top:8px;}
.story-lightbox {border:0;border-radius:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:0;background:#111316;color:#fff;overflow:hidden;}
.story-lightbox::backdrop {background:#000d;}
.story-lightbox[open] {display:grid;grid-template-rows:auto minmax(0,1fr) auto;}
.lightbox-bar {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(12px,3vw,50px);border-bottom:1px solid #ffffff24;}
.lightbox-info {display:flex;flex-wrap:wrap;gap:15px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.13em;}
.lightbox-category {color:#bcbcc1;}
.lightbox-count {color:#fff;}
.lightbox-close {background:#ffffff17;color:#fff;border:1px solid #ffffff4d;border-radius:100%;font-size:31px;line-height:1;width:45px;height:45px;cursor:pointer;}
.lightbox-stage {display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;justify-items:center;gap:10px;min-height:0;padding:10px 14px;}
.lightbox-image {height:100%;max-height:calc(100dvh - 170px);max-width:100%;width:auto;object-fit:contain;box-shadow:0 7px 32px #0007;}
.lightbox-prev,.lightbox-next {border:1px solid #ffffff5e;background:#ffffff13;color:#fff;border-radius:50%;width:48px;height:48px;cursor:pointer;font-size:24px;}
.lightbox-prev:disabled,.lightbox-next:disabled {opacity:.25;cursor:default;}
.lightbox-foot {padding:8px clamp(18px,5vw,80px) 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#bdbdbd;}
.lightbox-progress {height:4px;background:#ffffff2e;border-radius:20px;overflow:hidden;flex:1;max-width:580px;}
.lightbox-progress div {height:100%;background:var(--section,#b7a7e8);transition:width .2s;}
body:has(.story-lightbox[open]) {overflow:hidden;}
@media(max-width:1100px) {.archive-layout {grid-template-columns:minmax(235px,275px) minmax(0,1fr)} .catalogue-sticky {padding:25px 12px 25px 18px;} .cat-hero .display {font-size:clamp(56px,7.3vw,94px)}}
@media(max-width:760px) {
  .archive-layout {grid-template-columns:1fr;}
  .catalogue-panel {border-bottom:1px solid #ddd;border-right:0;}
  .catalogue-sticky {position:static;max-height:410px;overflow:auto;padding:21px 5%;}
  .catalogue-heading {font-size:27px;}
  .archive-layout .post-meta {padding:23px 5%;}
  .archive-layout .post-meta h3 {font-size:34px;}
  .archive-layout .post-art {padding:23px 5%;}
  .archive-layout .gallery figure {flex-basis:min(370px,86vw);width:min(370px,86vw);}
  .cat-hero .display {font-size:clamp(53px,11.3vw,86px);}
  .lightbox-stage {grid-template-columns:36px minmax(0,1fr) 36px;gap:3px;padding:10px 4px;}
  .lightbox-prev,.lightbox-next {width:35px;height:35px;font-size:20px;}
  .lightbox-foot {flex-direction:column;align-items:stretch;gap:8px;}
  .lightbox-foot span {text-align:center;}
  .lightbox-image {max-height:calc(100dvh - 195px);}
}
@media(prefers-reduced-motion:reduce){.lightbox-progress div{transition:none}}
#openPost[hidden],#openFullscreen[hidden]{display:none!important}