/* CATALOG: the store. Each service page sets --bg/--acc/--acc2/--display on
   <body> and a t-<theme> class; the theme blocks at the bottom give each one
   its own look. Generated pages come from tools/build-catalog.py. */
:root{--ink:#f7f1e6;--muted:#b6aa94;--bg:#050403;--acc:#e0c37a;--acc2:#f6e4b0;--display:'Cormorant Garamond',serif;--radius:16px;--pad:clamp(18px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
body{--line:color-mix(in srgb,var(--acc) 24%,transparent)}

.top{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--pad);padding-top:calc(14px + env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--acc) 10%,transparent)}
.brand{display:flex;gap:10px;align-items:center;letter-spacing:.16em;font-size:11px;font-weight:600;text-transform:uppercase}
.dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--acc) 40%,#5a4418);box-shadow:0 0 16px var(--acc)}
.top nav{display:flex;gap:22px;color:var(--muted);font-size:13px}
.top nav a:hover{color:var(--ink)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:999px;padding:0 20px;font-weight:700;font-size:13px;cursor:pointer;
  background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 55%,#fff),var(--acc));color:#140f06;transition:transform .3s,box-shadow .3s}
.pill:hover{transform:translateY(-2px);box-shadow:0 12px 34px -10px var(--acc)}
.pill.ghost{background:rgba(0,0,0,.35);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.kicker{color:var(--acc);letter-spacing:.26em;font-size:11px;text-transform:uppercase;font-weight:600}

/* hero */
.hero,.billboard{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.billboard{min-height:88svh}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{animation:drift 20s ease-in-out infinite alternate}
@keyframes drift{from{transform:scale(1.08)}to{transform:scale(1)}}
.veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 88%,transparent) 0%,color-mix(in srgb,var(--bg) 30%,transparent) 55%,transparent 100%),linear-gradient(180deg,transparent 40%,var(--bg) 100%)}
.hero-copy{position:relative;max-width:820px;padding:120px var(--pad) clamp(48px,9vh,96px)}
h1{font-family:var(--display);font-size:clamp(46px,7vw,96px);line-height:.92;font-weight:600;margin:12px 0 18px;text-wrap:balance}
h1 em,h2 em{color:var(--acc2);font-style:italic}
.sub{color:color-mix(in srgb,var(--ink) 82%,var(--muted));font-size:clamp(16px,1.4vw,18px);line-height:1.55;max-width:46ch}
.actions{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:12px;letter-spacing:.08em}

/* layouts */
.l-center .hero{justify-content:center;text-align:center}
.l-center .hero-copy{margin:0 auto}
.l-center .sub{margin:0 auto}
.l-center .actions{justify-content:center}
.l-center .veil{background:radial-gradient(80% 70% at 50% 60%,transparent,color-mix(in srgb,var(--bg) 70%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--bg) 40%,transparent) 0%,transparent 30%,var(--bg) 100%)}
@media (min-width:901px){
  .l-split .hero{align-items:center;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);padding:110px var(--pad) 60px}
  .l-split .hero-media{position:relative;inset:auto;z-index:0;order:2;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;box-shadow:0 40px 120px -40px var(--acc),inset 0 0 0 1px var(--line)}
  .l-split .hero-copy{padding:0}
  .l-split .veil{background:radial-gradient(60% 60% at 75% 50%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 70%)}
}

/* stills, packages, order */
.stills{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;padding:0 var(--pad) 48px}
.stills figure{height:clamp(200px,24vw,300px);border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px var(--line)}
.stills img{transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.stills figure:hover img{transform:scale(1.05)}
.stills figcaption{position:absolute;left:14px;bottom:12px;font-size:12px;letter-spacing:.08em;color:var(--acc2);text-shadow:0 1px 10px #000}
.offers-wrap{padding:0 var(--pad) 56px;scroll-margin-top:80px}
.sec-h{font-family:var(--display);font-size:clamp(30px,3.6vw,48px);font-weight:600;margin-bottom:10px}
.note{color:var(--muted);max-width:60ch;margin-bottom:18px}
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.offer{position:relative;display:flex;flex-direction:column;min-height:260px;padding:24px;border-radius:var(--radius);background:linear-gradient(170deg,color-mix(in srgb,var(--acc) 7%,var(--bg)),var(--bg));box-shadow:inset 0 0 0 1px var(--line)}
.offer.feat{box-shadow:inset 0 0 0 1px var(--acc),0 30px 80px -40px var(--acc)}
.offer h3{font-family:var(--display);font-size:28px;font-weight:600;margin:10px 0 6px}
.offer .price{font-family:var(--display);font-size:34px;color:var(--acc2)}
.offer .od{color:var(--muted);font-size:14px;line-height:1.5;margin:6px 0 20px}
.offer .pill{margin-top:auto;align-self:flex-start}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);padding:24px var(--pad) 72px;align-items:start;scroll-margin-top:70px}
.split h2{font-family:var(--display);font-size:clamp(32px,4vw,54px);line-height:.98;font-weight:600}
.muted{color:var(--muted);margin:14px 0;max-width:58ch;line-height:1.6}
.incl{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.incl li{font-size:13px;padding:8px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--acc2)}
.panel{background:color-mix(in srgb,var(--acc) 5%,#0b0a08);border-radius:calc(var(--radius) + 2px);padding:24px;box-shadow:inset 0 0 0 1px var(--line);position:sticky;top:84px}
.panel h3{font-family:var(--display);font-size:30px;font-weight:600;margin:8px 0 12px}
.order{display:grid;gap:12px}
.order label{display:grid;gap:6px;font-size:12px;letter-spacing:.06em;color:var(--muted)}
.order .opt{text-transform:none;opacity:.7}
.order input,.order select,.order textarea{width:100%;min-height:46px;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:11px 12px;font-size:16px}
.order textarea{min-height:96px;resize:vertical}
.order input:focus,.order select:focus,.order textarea:focus{outline:none;border-color:var(--acc)}
.order .pill{min-height:52px;margin-top:4px}
.order .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.status{font-size:14px;min-height:1.2em;color:var(--acc2)}
.status.err{color:#ff9d8a}
.order.sent label,.order.sent>.pill{display:none}

/* rails */
.rail{padding:8px 0 26px var(--pad)}
.rail-h{font-size:18px;font-weight:600;margin-bottom:12px}
.row{display:flex;gap:12px;overflow-x:auto;padding:6px var(--pad) 18px 2px;scroll-snap-type:x mandatory;scrollbar-width:none}
.row::-webkit-scrollbar{display:none}
.poster{flex:0 0 280px;height:168px;border-radius:10px;overflow:hidden;position:relative;scroll-snap-align:start;box-shadow:inset 0 0 0 1px transparent;transition:transform .3s,box-shadow .3s;background:var(--bg)}
.poster img{position:absolute;inset:0}
.poster:hover,.poster:focus-visible{transform:scale(1.05);z-index:2;box-shadow:0 0 0 1px var(--acc),0 20px 50px -20px var(--acc)}
.poster.lg{flex-basis:420px;height:236px}
.poster .cap{position:absolute;inset:auto 0 0;padding:34px 14px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}
.poster .num{display:block;color:var(--acc);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.poster .pname{display:block;font-family:var(--display);font-size:22px;line-height:1.05;margin-top:4px;color:var(--ink)}
.next-w{padding:0 var(--pad) 120px}
.next-w a{display:inline-flex;min-height:44px;align-items:center;letter-spacing:.14em;text-transform:uppercase;font-size:13px;border-bottom:1px solid var(--line)}
.next-w a:hover{color:var(--acc2);border-color:var(--acc)}
.dock{display:none}

@media (max-width:900px){
  .top nav{display:none}
  .stills,.offers,.split{grid-template-columns:1fr}
  .stills figure:nth-child(n+2){height:180px}
  .poster{flex-basis:230px;height:140px}
  .poster.lg{flex-basis:300px;height:180px}
  .panel{position:static}
  .product .dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:space-between;align-items:center;gap:14px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 var(--line);transition:transform .4s}
  .dock b{display:block;font-size:14px}
  .dock.hide{transform:translateY(110%)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ═════════ the ten looks ═════════ */

/* 01 tide: serif gold over night water, a light line on the tide */
.t-tide h1 em{background:linear-gradient(90deg,var(--acc2),var(--acc),var(--acc2));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tide 6s ease-in-out infinite}
@keyframes tide{50%{background-position:100% 0}}
.t-tide .hero-copy::after{content:"";display:block;height:1px;margin-top:30px;max-width:360px;background:linear-gradient(90deg,transparent,var(--acc2),transparent)}

/* 02 glass: grotesk, cool light, frosted panels */
.t-glass{--radius:22px}
.t-glass h1{font-weight:700;letter-spacing:-.035em;line-height:.95}
.t-glass h1 em{font-style:normal;color:var(--acc)}
.t-glass .offer,.t-glass .panel{background:rgba(159,231,255,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px var(--line)}
.t-glass .offer.feat{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px var(--acc),0 30px 90px -40px var(--acc)}
.t-glass .offer h3,.t-glass .offer .price{font-weight:700;letter-spacing:-.02em}
@media (min-width:901px){.t-glass .hero-media{transform:perspective(1400px) rotateY(-9deg) rotateX(3deg)}}

/* 03 atlas: survey grid, condensed caps, coordinates */
.t-atlas{--radius:4px;background-image:linear-gradient(color-mix(in srgb,var(--acc) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--acc) 6%,transparent) 1px,transparent 1px);background-size:64px 64px}
.t-atlas h1,.t-atlas .sec-h,.t-atlas .offer h3,.t-atlas .split h2,.t-atlas .panel h3,.t-atlas .poster .pname{font-stretch:75%;font-variation-settings:"wdth" 75;font-weight:800;text-transform:uppercase;letter-spacing:-.01em}
.t-atlas h1 em{font-style:normal;color:var(--acc)}
@media (min-width:901px){.t-atlas .hero .kicker::before,.t-atlas .offer .kicker::before{content:"N 25°46′ · W 80°11′ — ";color:var(--muted)}}
.t-atlas .offer{background:color-mix(in srgb,var(--bg) 92%,transparent)}
.t-atlas .offer::after{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-top:1px solid var(--acc);border-right:1px solid var(--acc)}

/* 04 ember: poster caps, embers rising */
.t-ember{--radius:6px}
.t-ember h1{font-weight:400;text-transform:uppercase;font-size:clamp(56px,10vw,150px);line-height:.88;letter-spacing:.005em}
.t-ember h1 em{font-style:normal;color:var(--acc)}
.t-ember .sec-h,.t-ember .offer h3,.t-ember .split h2,.t-ember .panel h3,.t-ember .poster .pname{font-weight:400;text-transform:uppercase;letter-spacing:.01em}
.t-ember .offer.feat{background:linear-gradient(170deg,color-mix(in srgb,var(--acc) 22%,var(--bg)),var(--bg))}
.embers{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.embers i{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:var(--acc2);box-shadow:0 0 10px 2px var(--acc);opacity:0;animation:rise 7s linear infinite}
.embers i:nth-child(odd){width:3px;height:3px}
.embers i:nth-child(1){left:12%;animation-delay:0s}.embers i:nth-child(2){left:22%;animation-delay:1.3s}.embers i:nth-child(3){left:31%;animation-delay:2.9s}
.embers i:nth-child(4){left:39%;animation-delay:.6s}.embers i:nth-child(5){left:46%;animation-delay:4.1s}.embers i:nth-child(6){left:52%;animation-delay:2.2s}
.embers i:nth-child(7){left:58%;animation-delay:5.2s}.embers i:nth-child(8){left:63%;animation-delay:1.8s}.embers i:nth-child(9){left:69%;animation-delay:3.5s}
.embers i:nth-child(10){left:75%;animation-delay:.3s}.embers i:nth-child(11){left:81%;animation-delay:4.6s}.embers i:nth-child(12){left:88%;animation-delay:2.6s}
.embers i:nth-child(13){left:5%;animation-delay:3.1s}.embers i:nth-child(14){left:94%;animation-delay:5.8s}
@keyframes rise{0%{transform:translate(0,0);opacity:0}10%{opacity:1}100%{transform:translate(30px,-95vh);opacity:0}}

/* 05 reel: film stock, sprocket edges, wide caps */
.t-reel{--radius:3px}
.t-reel h1{font-weight:800;letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(30px,6.2vw,88px)}
.t-reel h1 em{font-size:1.15em}
.t-reel h1 em{font-weight:600;text-transform:none;letter-spacing:-.01em}
.t-reel .sec-h,.t-reel .offer h3,.t-reel .split h2,.t-reel .panel h3{font-weight:800;letter-spacing:-.02em}
.t-reel .stills figure{padding:16px 0;background:#000}
.t-reel .stills figure::before,.t-reel .stills figure::after{content:"";position:absolute;left:6px;right:6px;z-index:1;background:repeating-linear-gradient(90deg,#d9cdb3 0 9px,transparent 9px 18px);border-radius:1px;opacity:.28}
.t-reel .stills figure::before{top:4px;height:8px}
.t-reel .stills figure::after{bottom:4px;height:8px}
.t-reel .stills img{height:100%}
.t-reel .offer{border-left:3px solid var(--acc2)}

/* 06 scope: cinemascope bars, didone italics, credits */
.t-scope h1{font-weight:500;font-style:italic;font-size:clamp(46px,7.4vw,112px);letter-spacing:-.02em}
.t-scope h1 em{font-style:normal;font-size:.5em;display:inline-block;margin-top:14px;letter-spacing:.02em;color:var(--acc)}
.t-scope .hero::before,.t-scope .hero::after{content:"";position:absolute;left:0;right:0;height:9vh;background:#000;z-index:2}
.t-scope .hero::before{top:0}.t-scope .hero::after{bottom:0}
.t-scope .hero-copy{padding-bottom:calc(9vh + 40px)}
.t-scope .kicker{letter-spacing:.5em}
.t-scope .stills figure{height:auto;aspect-ratio:2.39/1}
.t-scope .stills{grid-template-columns:1fr 1fr 1fr}
.t-scope .offer h3,.t-scope .sec-h,.t-scope .split h2,.t-scope .panel h3{font-style:italic;font-weight:500}

/* 07 holo: wide geometric type, iridescent foil */
.t-holo{--foil:linear-gradient(110deg,#e9d7a7,#bff3ff 25%,#f5c1ff 45%,#ffe9a8 65%,#b8c9ff 85%,#e9d7a7);--radius:24px}
.t-holo h1{font-weight:800;letter-spacing:-.04em;font-size:clamp(38px,5.6vw,80px);line-height:1}
.t-holo h1 em{font-style:normal;font-weight:500;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 8s linear infinite}
@keyframes foil{to{background-position:200% 0}}
.t-holo .sec-h,.t-holo .offer h3,.t-holo .split h2,.t-holo .panel h3{font-weight:800;letter-spacing:-.03em}
.t-holo .offer.feat{box-shadow:none;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--foil) border-box;border:1.5px solid transparent;background-size:auto,200% 100%;animation:foil 8s linear infinite}
.t-holo .offer .price{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-holo .pill:not(.ghost){background:var(--foil);background-size:200% 100%}

/* 08 copper: playbill serif, tickets with notches */
.t-copper h1{font-weight:600;font-size:clamp(46px,7vw,100px)}
.t-copper .kicker{font-family:var(--display);font-style:italic;text-transform:none;letter-spacing:.04em;font-size:16px}
.t-copper .offer{border-radius:10px;-webkit-mask:radial-gradient(circle 12px at 0 62%,transparent 11px,#000 12px) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 62%,transparent 11px,#000 12px) right/51% 100% no-repeat;mask:radial-gradient(circle 12px at 0 62%,transparent 11px,#000 12px) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 62%,transparent 11px,#000 12px) right/51% 100% no-repeat}
.t-copper .offer::after{content:"";position:absolute;left:18px;right:18px;top:62%;border-top:1px dashed var(--line)}
.t-copper .offer .od{margin-top:22px}
.t-copper .offer.feat{background:linear-gradient(170deg,color-mix(in srgb,var(--acc) 20%,var(--bg)),var(--bg))}

/* 09 orbit: instrument type, the 90-day ring */
.t-orbit{--radius:12px}
.t-orbit h1{font-weight:700;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(40px,6vw,84px)}
.t-orbit h1 em{font-style:normal;color:var(--acc2);font-weight:500}
.t-orbit .sec-h,.t-orbit .offer h3,.t-orbit .split h2,.t-orbit .panel h3{text-transform:uppercase;font-weight:700}
.t-orbit .price{font-variant-numeric:tabular-nums}
.ring{position:absolute;right:var(--pad);bottom:clamp(48px,9vh,96px);width:clamp(220px,26vw,340px);z-index:1;overflow:visible}
.ring .track{fill:none;stroke:color-mix(in srgb,var(--acc2) 22%,transparent);stroke-width:1}
.ring path{fill:none;stroke:var(--acc);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--acc));stroke-dasharray:400;stroke-dashoffset:400;animation:draw 2.4s cubic-bezier(.16,1,.3,1) forwards}
.ring path:nth-of-type(2){animation-delay:.3s}.ring path:nth-of-type(3){animation-delay:.6s;stroke:var(--acc2)}.ring path:nth-of-type(4){animation-delay:.9s}
@keyframes draw{to{stroke-dashoffset:0}}
.ring text{fill:var(--ink);font-family:var(--display);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;dominant-baseline:middle}
.ring .big,.ring .small{text-anchor:middle}
.ring .big{font-size:46px;font-weight:700;fill:var(--acc);letter-spacing:0}
.ring .small{font-size:10px;fill:var(--muted)}
@media (max-width:900px){.ring{position:relative;right:auto;bottom:auto;width:min(330px,100%);margin:-20px auto 24px;display:block}.t-orbit .hero{flex-direction:column;justify-content:flex-end}.t-orbit .hero-copy{padding-bottom:10px}}

/* 10 seal: engraved caps, paper, wax */
.t-seal{--radius:4px}
.t-seal h1{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(36px,5.2vw,76px);line-height:1.02}
.t-seal h1 em{font-weight:500;color:var(--acc2);font-style:normal;letter-spacing:.06em;font-size:.62em}
.t-seal .sec-h,.t-seal .split h2,.t-seal .panel h3{font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.t-seal .offer{background:linear-gradient(180deg,#f2e8cf,#e3d4ae);color:#2a1c12;box-shadow:0 20px 50px -30px #000}
.t-seal .offer .kicker{color:#8a2a2e}
.t-seal .offer h3{color:#2a1c12;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:22px}
.t-seal .offer .price{color:#8a2a2e;font-size:26px;font-weight:700}
.t-seal .offer .od{color:#5a4634}
.t-seal .offer .pill.ghost{background:transparent;color:#2a1c12;box-shadow:inset 0 0 0 1px rgba(42,28,18,.35);backdrop-filter:none}
.t-seal .offer.feat{box-shadow:0 0 0 2px #8a2a2e,0 30px 60px -30px #000}
.t-seal .pill:not(.ghost){background:linear-gradient(180deg,#d6545a,#8a2a2e);color:#fbeee0}
.seal{position:absolute;top:-16px;right:18px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.1em;color:#f4d9c8;
  background:radial-gradient(circle at 35% 30%,#d6545a,#8a2a2e 60%,#5e1a1e);box-shadow:0 6px 16px rgba(0,0,0,.45),inset 0 0 0 4px rgba(0,0,0,.18);transform:rotate(-12deg)}
.t-seal .incl li{color:var(--acc2)}

/* the hub borrows every look for its posters */
.hub .poster.t-atlas .pname{font-variation-settings:"wdth" 75;font-weight:800;text-transform:uppercase;font-size:20px}
.hub .poster.t-ember .pname,.hub .poster.t-orbit .pname,.hub .poster.t-seal .pname{text-transform:uppercase}
.hub .poster.t-ember .pname{font-size:26px}
.hub .poster.t-holo .pname,.hub .poster.t-glass .pname,.hub .poster.t-reel .pname{font-weight:800;letter-spacing:-.02em;font-size:19px}
.hub .poster.t-scope .pname{font-style:italic}
.hub .poster.t-seal .pname{font-size:18px;letter-spacing:.04em}