:where(a.as-btn){display:inline-block;margin:0;padding:1px 6px;border:0;background:none;color:inherit;font:inherit;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;text-align:center;text-decoration:none;cursor:pointer}

:root{
  
  --paper:#ECEEEA; --paper-2:#F7F8F5; --paper-3:#E3E6E1;
  --ink:#171A18; --graphite:#565C58; --rule:#C8CDC7;
  --ink-dark:#121413; --paper-on-dark:#E7EAE5;

  
  --sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  
  --t-micro:11px; --t-xs:13px; --t-s:15px; --t-base:17px;
  --t-m:clamp(19px,1.6vw,22px); --t-l:clamp(24px,2.4vw,32px);
  --t-xl:clamp(32px,4vw,52px); --t-2xl:clamp(40px,6.4vw,86px);
  --t-3xl:clamp(52px,9vw,128px);

  
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --s7:48px; --s8:64px; --s9:96px; --s10:128px;

  
  --gutter:24px; --margin:clamp(16px,4vw,64px); --maxw:1440px;

  
  --ease:cubic-bezier(.16,.84,.30,1); --dur:.68s; --dur-long:.9s;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:var(--t-base);line-height:1.55;font-weight:400;
  padding-bottom:56px; 
}
img{max-width:100%;display:block;height:auto} 
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:balance}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
[hidden]{display:none!important}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--margin)}
.mono{font-family:var(--mono)}
.label{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite)}
.rule{border:0;border-top:1px solid var(--rule);margin:0}
.tnum{font-variant-numeric:tabular-nums}

.frame{
  position:sticky;top:0;z-index:40;
  background:var(--frame-bg,var(--paper));color:var(--frame-fg,var(--ink));
  border-bottom:1px solid var(--frame-rule,var(--rule));
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.frame-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);
  max-width:var(--maxw);margin-inline:auto;padding:14px var(--margin)}
.frame img{width:96px;opacity:.92}
body[data-theme="laananta"] .frame img{filter:invert(1)}
.nav{display:flex;gap:var(--s5);align-items:center}
.nav a{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;
  color:inherit;opacity:.72;padding:4px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{opacity:1;border-bottom-color:currentColor}

.house-footer{background:var(--ink);color:var(--paper-on-dark);margin-top:var(--s10)}
.house-footer .wrap{padding-block:var(--s8) var(--s7)}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s6) var(--s5)}
.foot-grid h4{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:var(--s3)}
.foot-grid a{text-decoration:none;opacity:.86;font-size:var(--t-s);display:block;padding:2px 0}
.foot-grid a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.foot-bottom{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);justify-content:space-between;
  margin-top:var(--s8);padding-top:var(--s4);border-top:1px solid rgba(231,234,229,.18);font-size:var(--t-xs);opacity:.6}

.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:2px;
  font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;
  background:var(--ink);color:var(--paper);text-decoration:none;
  transition:transform .3s var(--ease),opacity .3s var(--ease)}
.btn:hover{transform:translateY(-1px);opacity:.88}
.btn--ghost{background:none;color:inherit;border:1px solid currentColor}
.btn--link{background:none;color:inherit;padding:0;border-bottom:1px solid currentColor;border-radius:0}

.spec{border-top:1px solid var(--spec-rule,var(--rule));max-width:520px}
.spec div{display:flex;justify-content:space-between;gap:var(--s5);
  padding:9px 0;border-bottom:1px solid var(--spec-rule,var(--rule));font-size:var(--t-s)}
.spec dt,.spec .k{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.12em;
  text-transform:uppercase;color:var(--spec-key,var(--graphite));padding-top:3px}
.spec .v{text-align:right;font-variant-numeric:tabular-nums}

.statement{padding-block:clamp(72px,12vh,140px) var(--s9)}
.statement h1{font-size:var(--t-3xl);line-height:.98;letter-spacing:-.025em;font-weight:300;max-width:16ch}
.statement .sub{margin-top:var(--s6);max-width:44ch;font-size:var(--t-m);font-weight:300;color:var(--graphite)}
.statement .meta{margin-top:var(--s7);display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6)}

.register{border-top:1px solid var(--rule)}
.entry{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,.9fr);gap:var(--s5);
  align-items:start;padding-block:var(--s7);border-bottom:1px solid var(--rule);
  position:relative;text-align:left;width:100%;transition:background var(--dur) var(--ease)}
.entry:hover{background:var(--entry-tint,transparent)}
.entry .no{font-family:var(--mono);font-size:var(--t-xs);color:var(--graphite);padding-top:8px}
.entry h3{font-size:var(--t-xl);line-height:1.02;letter-spacing:-.02em;font-weight:300}
.entry .claim{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;
  color:var(--graphite);margin-top:var(--s4)}
.entry .line{margin-top:var(--s4);font-size:var(--t-m);font-weight:300;max-width:34ch}
.entry .caption{margin-top:var(--s5);font-family:var(--mono);font-size:var(--t-xs);color:var(--graphite)}
.entry figure{margin:0;overflow:hidden;aspect-ratio:4/3;background:var(--paper-3)}
.entry figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter var(--dur) var(--ease);
  filter:saturate(.96)}
.entry:hover figure img{transform:scale(1.03);filter:none}
.entry .go{position:absolute;right:0;bottom:var(--s5);font-family:var(--mono);font-size:var(--t-micro);
  letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateX(-6px);
  transition:opacity .4s var(--ease),transform .4s var(--ease)}
.entry:hover .go{opacity:.75;transform:none}
@media(max-width:860px){
  .entry{grid-template-columns:44px minmax(0,1fr);gap:var(--s4)}
  .entry figure{grid-column:1/-1;aspect-ratio:3/2}
  .entry .go{position:static;opacity:.7;transform:none;margin-top:var(--s4)}
}

.notes{padding-block:var(--s9)}
.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s6);border-top:1px solid var(--ink)}
.notes-grid > div{padding-top:var(--s5)}
.notes-grid h4{font-size:var(--t-l);font-weight:300;letter-spacing:-.01em;margin-bottom:var(--s3)}
.notes-grid p{color:var(--graphite);max-width:36ch}

.trade{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding-block:var(--s7);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s5)}
.trade p{font-size:var(--t-l);font-weight:300;max-width:26ch;letter-spacing:-.01em}

.lineup{padding-block:var(--s8) 0}
.lineup :is(h1,h2){font-size:var(--t-2xl);line-height:1;letter-spacing:-.025em;font-weight:300;max-width:14ch}
.cast{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);
  margin-top:var(--s8);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.cast-member{background:var(--paper);position:relative;padding:var(--s5) var(--s4) var(--s6);
  text-align:left;transition:background var(--dur-long) var(--ease),color var(--dur-long) var(--ease)}
.cast-member figure{margin:0 0 var(--s5);aspect-ratio:3/4.4;overflow:hidden;background:var(--paper-3)}
.cast-member figure img{width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform 1.2s var(--ease)}
.cast-member:hover figure img{transform:scale(1.04)}
.cast-member h3{font-size:var(--t-m);letter-spacing:-.01em}
.cast-member .note{margin-top:var(--s2);font-size:var(--t-s);color:var(--cast-note,var(--graphite));min-height:3em}
.cast-member .cap{margin-top:var(--s4);font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--cast-note,var(--graphite))}
.cast-member:hover{background:var(--cast-bg,var(--paper-2));color:var(--cast-fg,var(--ink))}
.cast-member:hover .note,.cast-member:hover .cap{--cast-note:currentColor;opacity:.82}
@media(max-width:900px){.cast{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.cast{grid-template-columns:1fr}.cast-member figure{aspect-ratio:3/2.2}}

.laa{
  --laa-teal:#14474C;      
  --laa-teal-deep:#10484E; 
  --laa-teal-alt:#0C474D;  
  --laa-cream:#F2ECCD;     
  --laa-amber:#F5C15A;     
  --laa-pink:#F390BB;      
  --laa-gold:#C49A6C;      
  --laa-green:#49996A;     
  --laa-serif:Cochin,"Iowan Old Style",Palatino,"Palatino Linotype",Georgia,serif;
  --laa-accent:"Academy Engraved LET","Academy Engraved LET Plain:1.0",Cochin,Palatino,serif;
  background:var(--laa-teal);color:var(--laa-cream);
  font-family:var(--laa-serif);font-size:19px;line-height:1.6;
}
.laa .label{color:rgba(242,236,205,.62)}
.laa-hero{min-height:72vh;display:grid;place-items:center;text-align:center;padding-block:var(--s9)}
.laa-hero .lock{width:min(420px,72vw);margin-inline:auto}
.laa-eyebrow{font-family:var(--laa-accent);font-size:clamp(13px,1.3vw,17px);letter-spacing:.34em;
  text-transform:uppercase;color:var(--laa-gold);margin-bottom:var(--s6)}
.laa-claim{margin-top:var(--s7);font-size:clamp(26px,3.6vw,46px);line-height:1.15;font-family:var(--laa-serif)}
.laa-rule{width:170px;height:1px;background:linear-gradient(90deg,transparent,var(--laa-gold),transparent);
  margin:var(--s6) auto}
.laa-section{padding-block:var(--s9)}
.laa-section.cream{background:var(--laa-cream);color:var(--laa-teal-deep)}
.laa-center{max-width:62ch;margin-inline:auto;text-align:center}
.laa-h2{font-family:var(--laa-accent);font-size:clamp(20px,2.4vw,30px);letter-spacing:.2em;text-transform:uppercase}
.laa-body{margin-top:var(--s5);font-size:clamp(17px,1.5vw,21px);line-height:1.72}
.laa-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:center}
@media(max-width:860px){.laa-two{grid-template-columns:1fr;gap:var(--s6)}}
.laa-botanicals{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);justify-content:center;margin-top:var(--s6)}
.laa-botanicals span{font-family:var(--laa-accent);letter-spacing:.14em;text-transform:uppercase;font-size:14px;
  border:1px solid currentColor;padding:7px 14px;border-radius:999px;opacity:.85}
.laa-table{width:100%;border-collapse:collapse;margin-top:var(--s6);text-align:left}
.laa-table th,.laa-table td{padding:16px 18px 16px 0;vertical-align:top;border-bottom:1px solid rgba(242,236,205,.22)}
.laa .laa-table th{font-family:var(--laa-accent);font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:var(--laa-gold)}
.laa-table td:first-child{font-family:var(--laa-accent);letter-spacing:.16em;text-transform:uppercase;font-size:13px;width:120px;color:var(--laa-amber)}
.laa .spec{--spec-rule:rgba(242,236,205,.3);--spec-key:rgba(242,236,205,.62);margin-inline:auto}
.laa-figure{margin:0}
.laa-figure img{width:100%;aspect-ratio:3/4;object-fit:cover}
.laa-figure figcaption{margin-top:var(--s3);font-family:var(--mono);font-size:var(--t-micro);
  letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.laa-back{display:flex;justify-content:space-between;align-items:center;gap:var(--s5);flex-wrap:wrap;
  padding-block:var(--s7);border-top:1px solid rgba(242,236,205,.25)}

.doc{padding-block:var(--s8)}
.doc h2{font-size:var(--t-xl);font-weight:300;letter-spacing:-.02em;margin-bottom:var(--s5)}
.doc h3{font-size:var(--t-l);font-weight:400;letter-spacing:-.01em}
.doc section{padding-block:var(--s7);border-top:1px solid var(--rule)}
.doc .lead{max-width:62ch;color:var(--graphite);font-size:var(--t-m);font-weight:300}
.cols{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s6)}
@media(max-width:860px){.cols{grid-template-columns:1fr;gap:var(--s4)}}
.swatches{display:flex;flex-wrap:wrap;gap:var(--s3)}
.sw{width:132px;border:1px solid var(--rule);background:var(--paper-2)}
.sw i{display:block;height:64px}
.sw span{display:block;font-family:var(--mono);font-size:10px;line-height:1.5;padding:7px 8px}
.sw em{font-style:normal;color:var(--graphite);display:block}
.typerow{display:flex;align-items:baseline;gap:var(--s5);padding:10px 0;border-bottom:1px solid var(--rule);flex-wrap:wrap}
.typerow .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);width:140px}
.gridviz{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);margin-top:var(--s4)}
.gridviz i{display:block;height:56px;background:var(--paper-3)}
.spaceviz{display:flex;align-items:flex-end;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s4)}
.spaceviz div{text-align:center}
.spaceviz i{display:block;background:var(--ink);width:26px}
.spaceviz span{font-family:var(--mono);font-size:10px;color:var(--graphite)}
.demo{background:var(--paper-2);border:1px solid var(--rule);padding:var(--s6);margin-top:var(--s4)}
.stack{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center}

.contrast{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);margin-top:var(--s6)}
@media(max-width:980px){.contrast{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.contrast{grid-template-columns:1fr}}
.cbrand{background:var(--paper);padding:0 0 var(--s6)}
.cbrand .head{padding:var(--s6) var(--s5);min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--s3)}
.cbrand .head img{max-height:74px;width:auto}
.cbrand dl{margin:0;padding:0 var(--s5)}
.cbrand dt{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);margin-top:var(--s5)}
.cbrand dd{margin:4px 0 0;font-size:var(--t-s)}
.tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid currentColor;padding:2px 7px;border-radius:2px}
.tag.kit{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tag.interp{border-style:dashed}

.gate{position:fixed;inset:0;z-index:90;background:var(--ink);color:var(--paper-on-dark);
  display:grid;place-items:center;padding:var(--margin);text-align:center}
.gate-in{max-width:44ch;display:grid;gap:var(--s5);justify-items:center}
.gate img{width:120px;filter:invert(1);opacity:.9}
.gate h2{font-size:var(--t-l);font-weight:300}
.gate p{font-size:var(--t-s);opacity:.7}
.gate .stack{justify-content:center}
.gate .btn{background:var(--paper);color:var(--ink)}
.gate .btn--ghost{background:none;color:inherit}

.veil{position:fixed;inset:0;z-index:80;background:var(--paper);pointer-events:none;opacity:0;will-change:clip-path}
.veil-mark{position:fixed;z-index:81;pointer-events:none;opacity:0;width:min(360px,60vw);
  left:50%;top:50%;transform:translate(-50%,-50%)}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

body[data-theme="laananta"] .frame{--frame-bg:#10484E;--frame-fg:#F2ECCD;--frame-rule:rgba(242,236,205,.28)}
body[data-theme="laananta"] .nav a{font-family:var(--mono)}
@media(max-width:720px){.hide-s{display:none}}
.toast{position:fixed;left:50%;bottom:72px;transform:translateX(-50%) translateY(8px);z-index:75;
  background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:12px;letter-spacing:.06em;
  padding:12px 18px;border-radius:2px;opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease);max-width:min(90vw,520px)}
.toast.on{opacity:1;transform:translateX(-50%)}
.entry .claim,.entry .line,.entry .caption,.entry .no,.entry .go{display:block}
.entry{background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.cast-member{border:0;font:inherit;color:inherit;cursor:pointer;display:block;width:100%}
.statement .meta .label{border:1px solid var(--rule);padding:5px 10px;border-radius:999px}

.paapi{
  --pa-orange:#F15A22; --pa-black:#030000; --pa-char:#3A3A3B;
  --pa-grey:#B1B3B6; --pa-cream:#FFE3A6; --pa-green:#71C50E;
  --pa-display:"Anton","Haettenschweiler","Arial Narrow",sans-serif;   
  --pa-copy:"Jost","Futura","Century Gothic",var(--sans);                   
  background:var(--pa-black);color:var(--pa-cream);
  font-family:var(--pa-copy);font-size:17px;line-height:1.62;
}
.paapi .label{color:rgba(255,227,166,.58)}
.paapi ::selection{background:var(--pa-orange);color:var(--pa-black)}

.pa-hero{background:var(--pa-orange);color:var(--pa-black);padding-block:clamp(56px,11vh,120px) clamp(48px,9vh,96px);position:relative;overflow:hidden}
.pa-hero .wrap{display:grid;gap:var(--s5);justify-items:center;text-align:center}
.pa-claim{font-family:var(--pa-copy);font-weight:600;font-size:clamp(12px,1.5vw,16px);
  letter-spacing:.42em;text-transform:uppercase}
.pa-wordmark{width:min(620px,84vw)}
.pa-sub{font-family:var(--pa-display);font-style:italic;font-size:clamp(20px,2.6vw,34px);line-height:1.2;max-width:22ch}
.pa-hero .spec{--spec-rule:rgba(3,0,0,.25);--spec-key:rgba(3,0,0,.6);color:var(--pa-black);width:100%;max-width:560px}
.pa-stamp-float{position:absolute;right:clamp(-30px,2vw,40px);bottom:-40px;width:min(210px,26vw);
  opacity:.16;transform:rotate(-13deg);pointer-events:none}

.pa-sec{padding-block:clamp(64px,11vh,140px);position:relative}
.pa-kicker{font-family:var(--pa-copy);font-weight:600;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--pa-orange)}
.pa-h2{font-family:var(--pa-display);font-size:clamp(34px,6vw,86px);line-height:.98;letter-spacing:-.015em;font-weight:400;max-width:15ch}
.pa-h2 em{font-style:italic;color:var(--pa-orange)}
.pa-lede{font-size:clamp(17px,1.5vw,20px);max-width:46ch;color:rgba(255,227,166,.86);margin-top:var(--s5)}
.pa-body{max-width:44ch;color:var(--pa-grey);margin-top:var(--s4)}

.pa-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,72px);align-items:center}
.pa-split.flip{grid-template-columns:.95fr 1.05fr}
@media(max-width:880px){.pa-split,.pa-split.flip{grid-template-columns:1fr;gap:var(--s6)}}
.pa-img{margin:0;position:relative}
.pa-img img{width:100%;display:block}
.pa-img figcaption{margin-top:10px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,227,166,.45)}
.pa-img.tilt{transform:rotate(-1.4deg)}
.pa-img.tilt-r{transform:rotate(1.1deg)}
.pa-overlap{margin-top:-14%;margin-left:8%;width:62%}
@media(max-width:880px){.pa-overlap{margin:var(--s5) 0 0;width:100%}}

.pa-quote{font-family:var(--pa-display);font-size:clamp(28px,4.6vw,64px);line-height:1.04;letter-spacing:-.02em;max-width:18ch}
.pa-quote b{font-weight:400;font-style:italic;color:var(--pa-orange)}
.pa-margin{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pa-grey);border-left:1px solid var(--pa-orange);padding-left:12px;max-width:26ch}

.pa-cat-wrap{position:relative;width:min(520px,80vw);margin-inline:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.pa-cat{width:100%;display:block;transition:transform .5s var(--ease)}
.pa-glint{position:absolute;width:2.4%;aspect-ratio:1;border-radius:50%;
  
  background:radial-gradient(circle,rgba(0,0,0,.95) 0 38%,rgba(0,0,0,.75) 55%,rgba(0,0,0,0) 72%);
  mix-blend-mode:normal;transform:translate(-50%,-50%);pointer-events:none;
  transition:transform .28s cubic-bezier(.16,.84,.30,1),opacity .6s var(--ease);opacity:.9}
.pa-eyes-note{text-align:center;margin-top:var(--s5)}

.pa-ledger{width:100%;border-collapse:collapse;margin-top:var(--s6)}
.pa-ledger th{text-align:left;font-family:var(--pa-copy);font-weight:600;font-size:11px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--pa-orange);padding:0 18px 12px 0;border-bottom:1px solid rgba(241,90,34,.45)}
.pa-ledger td{padding:18px 18px 18px 0;border-bottom:1px solid rgba(255,227,166,.14);vertical-align:top;color:var(--pa-cream)}
.pa-ledger td:first-child{font-family:var(--pa-display);font-style:italic;font-size:clamp(20px,2.2vw,30px);color:var(--pa-orange);width:26%}
@media(max-width:700px){.pa-ledger td:first-child{width:34%}.pa-ledger td{font-size:15px}}

.pa-ticket{background:var(--pa-cream);color:var(--pa-black);padding:clamp(24px,3.4vw,44px);max-width:460px;
  transform:rotate(-1.2deg);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.pa-ticket h3{font-family:var(--pa-display);font-size:clamp(28px,3.4vw,42px);line-height:1;letter-spacing:-.01em}
.pa-ticket .rows{margin-top:var(--s5);border-top:1px dashed rgba(3,0,0,.35)}
.pa-ticket .rows div{display:flex;justify-content:space-between;gap:var(--s4);padding:10px 0;
  border-bottom:1px dashed rgba(3,0,0,.35);font-size:15px}
.pa-ticket .rows span:first-child{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(3,0,0,.62);padding-top:3px}
.pa-ticket .rows span:last-child{text-align:right}
.pa-ticket .foot{margin-top:var(--s5);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(3,0,0,.6)}

.paapi .spec{--spec-rule:rgba(255,227,166,.24);--spec-key:rgba(255,227,166,.55)}

.pa-wall{background:var(--pa-orange);color:var(--pa-black)}
.pa-wall .wrap{padding-block:clamp(56px,9vh,110px)}
.pa-lines{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);align-items:baseline;max-width:66ch}
.pa-lines span{font-family:var(--pa-display)}
.pa-l1{font-size:clamp(26px,4.4vw,56px);line-height:1;letter-spacing:-.02em}
.pa-l2{font-size:clamp(20px,2.6vw,34px);font-style:italic}
.pa-l3{font-family:var(--pa-copy)!important;font-weight:600;font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.pa-wall .quiet{margin-top:var(--s7);display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;
  border-top:1px solid rgba(3,0,0,.3);padding-top:var(--s4);
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(3,0,0,.66)}

.pa-trade{border-top:1px solid rgba(255,227,166,.22);border-bottom:1px solid rgba(255,227,166,.22);
  padding-block:var(--s7);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s5)}
.pa-trade p{font-family:var(--pa-display);font-size:clamp(22px,2.6vw,34px);max-width:24ch;line-height:1.12}
.paapi .btn{background:var(--pa-orange);color:var(--pa-black)}
.paapi .btn--ghost{background:none;color:var(--pa-cream);border-color:rgba(255,227,166,.5)}
.paapi .btn--link{background:none;color:var(--pa-cream)}
body[data-theme="paapi"] .frame{--frame-bg:#030000;--frame-fg:#FFE3A6;--frame-rule:rgba(255,227,166,.22)}
body[data-theme="paapi"] .frame img{filter:invert(1)}
@media (prefers-reduced-motion:reduce){.pa-glint{transition:none}}

.pa-49{position:absolute;left:clamp(-18px,2vw,44px);top:clamp(12px,3vh,48px);width:min(120px,16vw);
  opacity:.9;transform:rotate(-8deg);pointer-events:none}
@media(max-width:700px){.pa-49{width:82px;opacity:.75}}
.pa-wall{position:relative;overflow:hidden}
.pa-cup{position:absolute;right:clamp(-20px,3vw,60px);top:clamp(24px,6vh,70px);width:min(190px,22vw);
  pointer-events:none;opacity:.9;transform:rotate(4deg)}
@media(max-width:700px){.pa-cup{width:110px;opacity:.7}}
.pa-deva{width:min(150px,22vw);margin-bottom:var(--s5);opacity:.9}
.paapi .pa-wordmark{width:min(700px,88vw)}

.laa-crest-gold{width:min(190px,34vw);margin:0 auto var(--s4);opacity:.92;display:block}
.laa-elephant{width:min(210px,40vw);margin:var(--s6) auto 0;display:block}
.laa-botanical-art{display:flex;gap:clamp(24px,6vw,72px);justify-content:center;align-items:flex-end;margin-top:var(--s6)}
.laa-botanical-art figure{margin:0;text-align:center}
.laa-botanical-art img{height:clamp(150px,22vw,250px);width:auto;margin-inline:auto}
.laa-botanical-art figcaption{font-family:var(--laa-accent);letter-spacing:.2em;text-transform:uppercase;
  font-size:12px;margin-top:var(--s3);opacity:.8}
.laa-label-sec .laa-illustration{width:min(520px,78vw);margin:var(--s7) auto 0;display:block}
.laa-label-sec .laa-crest{width:min(680px,90vw);margin:var(--s7) auto 0;display:block}

.laa-hero{min-height:0;padding-block:clamp(72px,14vh,170px) clamp(64px,11vh,130px)}
.laa-hero .wrap{display:grid;justify-items:center;gap:0}
.laa-crest-gold{margin-bottom:clamp(20px,3vh,34px)}
.laa-eyebrow{margin-bottom:clamp(28px,5vh,52px)}
.laa-hero .lock{width:min(420px,74vw)}
.laa-claim{margin-top:clamp(30px,5vh,56px);font-size:clamp(25px,3.4vw,44px)}
.laa-rule{margin-block:clamp(26px,4vh,44px)}

.laa-section{padding-block:clamp(84px,13vh,168px)}
.laa-section.cream{padding-block:clamp(76px,11vh,148px)}
.laa-h2{font-size:clamp(19px,2.2vw,27px);letter-spacing:.22em}
.laa-body{font-size:clamp(17px,1.35vw,19px);line-height:1.8;max-width:60ch;margin-inline:auto}
.laa-two .laa-body{margin-inline:0}
.laa-center .laa-h2 + .laa-body{margin-top:clamp(24px,3.5vh,40px)}
.laa-body + .laa-body{margin-top:var(--s4)}

.laa-botanical-art{gap:clamp(40px,9vw,110px);margin-top:clamp(40px,6vh,68px);align-items:center}
.laa-botanical-art img{height:clamp(140px,19vw,220px)}
.laa-botanicals{margin-top:clamp(40px,6vh,64px);max-width:660px;margin-inline:auto;gap:10px 12px}
.laa-botanicals span{font-size:12px;letter-spacing:.18em;padding:8px 16px;opacity:.72}

.laa-table{max-width:1040px;margin-inline:auto;margin-top:clamp(36px,6vh,60px)}
.laa-table th,.laa-table td{padding:20px 26px 20px 0;font-size:16px;line-height:1.66}
.laa-table td:first-child{padding-right:20px}

.laa-label-sec .laa-illustration{margin-top:clamp(44px,7vh,76px)}
.laa-label-sec .laa-crest{margin-top:clamp(52px,8vh,92px);opacity:.96}
.laa .spec div{padding:13px 0}
.laa .spec .v{font-size:16px}
.laa-back{padding-block:clamp(48px,7vh,80px)}

.pa-hero{padding-block:clamp(48px,9vh,104px) clamp(44px,8vh,92px)}
.paapi .pa-wordmark{width:min(540px,78vw)}
.pa-claim{font-size:clamp(11px,1.15vw,13px);letter-spacing:.46em}
.pa-hero .wrap{gap:clamp(20px,3.4vh,34px)}
.pa-sub{font-size:clamp(19px,2.1vw,27px)}
.pa-hero .spec{margin-top:clamp(18px,3vh,30px)!important}
.pa-hero .spec div{padding:8px 0;font-size:14px}

.pa-sec{padding-block:clamp(76px,12vh,150px)}
#pa-character{padding-block:clamp(96px,16vh,200px)}
.pa-h2{font-size:clamp(30px,4.6vw,64px);line-height:1.02}
.pa-lede{font-size:clamp(16px,1.35vw,19px);line-height:1.7;max-width:44ch}
.pa-body{line-height:1.72;max-width:42ch}
.pa-margin{font-size:10px;letter-spacing:.14em;line-height:1.8;padding-left:16px}
.pa-cat-wrap{width:min(460px,76vw)}
.pa-eyes-note{margin-top:clamp(36px,6vh,64px);letter-spacing:.2em}
.pa-ledger{max-width:1040px;margin-top:clamp(36px,6vh,58px)}
.pa-ledger td{padding:20px 22px 20px 0;font-size:16px;line-height:1.6}
.paapi .spec div{padding:13px 0}
.paapi .spec .v{font-size:16px}
.pa-ticket{max-width:430px}
.pa-ticket .rows div{padding:11px 0;font-size:15px}

.pa-trade{border-bottom:0;padding-block:clamp(64px,10vh,112px) clamp(40px,6vh,64px);align-items:flex-end}
.pa-trade p{font-size:clamp(24px,3.2vw,42px);line-height:1.06;max-width:20ch}
.paapi .laa-back{border-top:0;padding-block:0 clamp(56px,8vh,96px)}

@media(max-width:640px){
  table[data-stack] thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table[data-stack],table[data-stack] tbody,table[data-stack] tr,table[data-stack] td{display:block;width:100%}
  table[data-stack] tr{padding-block:22px}
  table[data-stack] td{border:0;padding:0 0 14px}
  table[data-stack] td:first-child{width:auto;margin-bottom:10px}
  .laa-table tr{border-bottom:1px solid rgba(242,236,205,.22)}
  .laa-table td:first-child{font-family:var(--laa-accent);letter-spacing:.2em;text-transform:uppercase;color:var(--laa-amber);font-size:13px}
  .laa-table td:not(:first-child)::before{content:attr(data-l);display:block;font-family:var(--laa-accent);
    letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--laa-gold);margin-bottom:6px}
  .pa-ledger tr{border-bottom:1px solid rgba(255,227,166,.14)}
  .pa-ledger td:not(:first-child)::before{content:attr(data-l);display:block;font-family:var(--pa-copy);
    font-weight:600;letter-spacing:.24em;text-transform:uppercase;font-size:10px;color:var(--pa-orange);margin-bottom:6px}
  .pa-ticket{transform:none;max-width:none}
  .pa-img.tilt,.pa-img.tilt-r{transform:none}
  .spec div{flex-direction:column;gap:4px}
  .spec .v{text-align:left}
  .pa-trade,.trade{align-items:flex-start}
}
@media(max-width:480px){
  .laa-botanical-art{gap:28px}
  .laa-botanical-art img{height:120px}
  .pa-hero .spec{max-width:none}
}

@media(max-width:700px){
  .pa-49{top:auto;bottom:16px;left:12px;transform:rotate(-8deg)}
  .pa-hero .spec{text-align:left}
  .pa-hero .spec div{align-items:flex-start}
  .pa-stamp-float{bottom:-28px;right:-24px;width:150px;opacity:.13}
}
@media(max-width:880px){
  .pa-overlap{width:74%;margin-left:auto;margin-right:0;margin-top:var(--s4)}
}

.paapi .pa-h2,
.paapi .pa-quote,
.paapi .pa-ticket h3,
.paapi .pa-lines span:not(.pa-l3),
.paapi .pa-trade p,
.paapi .pa-ledger td:first-child{
  font-family:var(--pa-display);
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.005em;
  line-height:.94;
}
.pa-h2{font-size:clamp(34px,5.4vw,78px);max-width:16ch}
.pa-h2 em{font-style:normal;color:var(--pa-orange)}
.pa-quote b{font-style:normal;color:var(--pa-orange)}
.pa-ledger td:first-child{font-size:clamp(17px,1.9vw,26px);letter-spacing:.02em;line-height:1.05}
.pa-ticket h3{font-size:clamp(30px,3.6vw,46px);letter-spacing:.01em}
.pa-trade p{font-size:clamp(26px,3.4vw,46px);line-height:.98;max-width:18ch}
.pa-lines .pa-l1{font-size:clamp(28px,4.8vw,62px);line-height:.92}
.pa-lines .pa-l2{font-size:clamp(21px,2.8vw,36px);line-height:.96}

.pa-cat-wrap{width:min(560px,86vw)}
@media(min-width:881px){
  #pa-character .pa-split{grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,88px)}
}

.paapi .pa-sub{
  font-family:"Bodoni Moda","Bodoni 72",Didot,"Playfair Display",serif;
  font-style:italic;font-weight:400;text-transform:none;letter-spacing:normal;
  font-size:clamp(19px,2.1vw,27px);line-height:1.2;
}

@media(max-width:640px){
  
  .paapi .pa-h2{max-width:20ch}

  
  .paapi .pa-sec{padding-block:64px}
  .paapi #pa-character{padding-block:76px}
  .paapi .pa-hero{padding-block:56px 48px}
  .paapi .pa-trade{padding-block:56px 28px}
  .paapi .laa-back{padding-block:0 40px}
  .paapi .pa-wall .wrap{padding-block:56px}
  .paapi .pa-eyes-note{margin-top:32px}
  .paapi .pa-margin{margin-top:28px!important}

  
  .paapi .pa-margin{font-size:12px;line-height:1.7}
  .paapi .pa-img figcaption{font-size:11px}
}

@media(pointer:coarse){
  .pa-eyes-note{display:none}
}

.onsra{
  
  --on-ground:#DCDDDE;     
  --on-panel:#FFFFFF;      
  --on-ink:#231F20;        
  --on-orange:#F26522;     
  
  --on-coral:#F0775E;      
  --on-green:#51907D;      
  
  --on-mute:#6B6765;
  --on-rule:#C6C7C8;
  
  --on-face:"Arima",Georgia,"Times New Roman",serif;
  background:var(--on-ground);color:var(--on-ink);
  font-family:var(--on-face);font-size:17px;line-height:1.62;font-weight:400;
}
.onsra .label{color:var(--on-mute)}
.onsra ::selection{background:var(--on-orange);color:var(--on-ground)}

.on-sec{padding-block:clamp(88px,15vh,190px)}
.on-sec.tight{padding-block:clamp(64px,10vh,120px)}
.on-kicker{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--on-orange);font-weight:600}
.on-h2{font-size:clamp(26px,3.2vw,44px);line-height:1.12;letter-spacing:-.015em;font-weight:400;max-width:20ch}
.on-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.75;max-width:52ch;margin-top:var(--s5);color:var(--on-ink)}
.on-body{max-width:50ch;margin-top:var(--s4);color:var(--on-mute);line-height:1.8}
.on-rule{height:1px;background:var(--on-rule);border:0;margin:0}

.on-sec--panel{background:var(--on-panel)}

.on-display{font-family:var(--on-face);font-weight:300;font-style:normal}

.on-hero{padding-block:clamp(56px,9vh,110px) clamp(72px,12vh,150px)}
.on-hero .wrap{display:grid;grid-template-columns:1fr minmax(0,420px);gap:clamp(32px,6vw,90px);align-items:center}
@media(max-width:880px){.on-hero .wrap{grid-template-columns:1fr;gap:var(--s7)}}
.on-lockup{width:min(300px,62vw)}
.on-category{margin-top:var(--s4);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--on-mute)}
.on-claim{margin-top:clamp(24px,4vh,44px);font-size:clamp(22px,2.6vw,34px);line-height:1.22;max-width:18ch;font-weight:400}
.on-arch{margin:0;overflow:hidden;border-radius:999px 999px 6px 6px;background:var(--on-panel)}
.on-arch img{width:100%;display:block}
.on-arch figcaption{margin-top:var(--s3);font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--on-mute);text-align:center}

.on-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center}
.on-split.narrow{grid-template-columns:1.1fr .9fr}
@media(max-width:880px){.on-split,.on-split.narrow{grid-template-columns:1fr;gap:var(--s6)}}
.on-fig{margin:0}
.on-fig img{width:100%;display:block}
.on-fig figcaption{margin-top:10px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--on-mute)}

.on-name{text-align:center;max-width:36ch;margin-inline:auto}
.on-name .word{font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:-.02em;font-weight:300}
.on-name .meaning{margin-top:var(--s5);font-size:clamp(17px,1.7vw,21px);color:var(--on-ink)}
.on-name .origin{margin-top:var(--s3);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--on-orange)}

.on-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,4vw,64px);
  margin-top:clamp(32px,5vh,56px);border-top:1px solid var(--on-rule);padding-top:var(--s6)}
.on-notes h3{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--on-orange);font-weight:600}
.on-notes p{margin-top:var(--s4);font-size:16px;line-height:1.75;max-width:40ch}

.on-serve{border:1px solid var(--on-rule);background:var(--on-panel);padding:clamp(26px,3.4vw,44px);max-width:440px}
.on-serve h3{font-size:clamp(24px,2.6vw,32px);font-weight:400;letter-spacing:-.01em}
.on-serve .rows{margin-top:var(--s5)}
.on-serve .rows div{display:flex;justify-content:space-between;gap:var(--s4);padding:11px 0;
  border-top:1px solid var(--on-rule);font-size:15px}
.on-serve .rows span:first-child{font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--on-mute);padding-top:3px}
.on-serve .rows span:last-child{text-align:right}

.onsra .spec{--spec-rule:var(--on-rule);--spec-key:var(--on-mute)}
.onsra .btn{background:var(--on-ink);color:var(--on-ground)}
.onsra .btn--ghost{background:none;color:var(--on-ink);border-color:var(--on-rule)}
.onsra .btn--link{background:none;color:var(--on-ink)}
.on-trade{border-top:1px solid var(--on-rule);padding-block:clamp(56px,9vh,110px) clamp(32px,5vh,56px);
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s5)}
.on-trade p{font-size:clamp(22px,2.6vw,34px);line-height:1.18;max-width:22ch;font-weight:400}
.on-back{display:flex;justify-content:space-between;align-items:center;gap:var(--s5);flex-wrap:wrap;
  padding-block:0 clamp(48px,7vh,80px)}
body[data-theme="onsra"] .frame{--frame-bg:#DCDDDE;--frame-fg:#231F20;--frame-rule:#C6C7C8}

@media(max-width:640px){
  .on-sec{padding-block:64px}
  .on-sec.tight{padding-block:52px}
  .on-hero{padding-block:44px 56px}
  .on-serve{max-width:none}
  .on-trade{padding-block:52px 24px;align-items:flex-start}
  .on-h2{max-width:20ch}
  .on-fig figcaption,.on-arch figcaption{font-size:11px}
}

@media(max-width:640px){
  
  .onsra .on-serve .rows span:first-child{font-size:12px;letter-spacing:.1em}
}

.label .brand-cased,
.onsra .on-serve .rows span.brand-cased{text-transform:none;letter-spacing:.04em}

@font-face{
  font-family:"League Spartan";
  src:url("/assets/league-spartan-var.woff2") format("woff2");
  font-weight:100 900; font-style:normal; font-display:swap;
}

body[data-theme="staylo"]{background:#000}
body[data-theme="staylo"] .frame{--frame-bg:#000000;--frame-fg:#FFFFFF;--frame-rule:#242424}
body[data-theme="staylo"] .frame img{filter:invert(1)}

.staylo{
  
  --sl-pink:#E8337D; --sl-yellow:#F7D746; --sl-blue:#63B8E7; --sl-green:#66CC00;
  --sl-ink:#000000;  --sl-paper:#FFFFFF;
  
  --sl-t1:#FFFFFF; --sl-t2:#B4B4B2; --sl-t3:#7E7E7C; --sl-line:#242424;
  --sl-face:"League Spartan","Hanken Grotesk",sans-serif;
  --sl-gut:clamp(22px,4.2vw,84px);
  --sl-ease:cubic-bezier(.16,.84,.30,1);

  background:var(--sl-ink); color:var(--sl-t1);
  font-family:var(--sl-face); -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.staylo .sl-wrap{max-width:1320px;margin-inline:auto;padding-inline:var(--sl-gut)}
.staylo img{display:block;max-width:100%;height:auto}

.staylo .sl-label{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;
  font-weight:600;line-height:1.5;color:var(--sl-t3);margin:0}
.staylo .sl-tag{display:inline-block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:600;line-height:1.5;background:var(--sl-green);color:#000;padding:7px 11px}

.staylo .sl-sec{border-top:1px solid var(--sl-line)}
.staylo .sl-sec--tight{padding-block:clamp(44px,9vh,104px)}
.staylo .sl-sec--mid{padding-block:clamp(50px,10vh,124px)}
.staylo .sl-sec--tall{padding-block:clamp(56px,12vh,156px)}

.staylo .sl-hero{padding-block:clamp(52px,11vh,132px) clamp(64px,13vh,150px)}
.staylo .sl-hero .sl-meta{margin-bottom:clamp(26px,4vh,46px)}
.staylo .sl-hero .sl-display{margin:0;font-weight:900;letter-spacing:-.05em;line-height:.88;
  font-size:clamp(52px,9.6vw,148px)}
.staylo .sl-l1{display:block;position:relative;width:max-content;max-width:100%}

.staylo .sl-l1 .sl-ink{position:absolute;left:-.12em;right:-.12em;top:.14em;bottom:.1em;
  background:var(--sl-pink);z-index:-1;transform-origin:left center}
.staylo .sl-l2{display:block;margin-top:.02em}
.staylo .sl-hero .sl-foot{margin-top:clamp(34px,5.4vh,60px);
  display:flex;align-items:center;gap:22px;flex-wrap:wrap}

.staylo .sl-cta{display:inline-block;font:inherit;font-size:11px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;line-height:1.5;
  padding:15px 26px;border:0;cursor:pointer;text-decoration:none;
  background:var(--sl-pink);color:#000;   
  transition:background .25s var(--sl-ease)}
.staylo .sl-cta:hover{background:var(--sl-yellow)}
.staylo .sl-cta--ghost{background:none;color:var(--sl-t1);padding:15px 0;
  border-bottom:3px solid var(--sl-blue)}
.staylo .sl-cta--ghost:hover{background:none;color:var(--sl-blue)}
.staylo .sl-cta[disabled]{cursor:default;opacity:.55}
.staylo .sl-cta:focus-visible,.staylo .sl-lnk:focus-visible{
  outline:2px solid var(--sl-paper);outline-offset:4px}

.staylo .sl-stmt p{margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.08;
  font-size:clamp(28px,4.4vw,62px);max-width:17ch}
.staylo .sl-stmt em{font-style:normal;color:#000;background:var(--sl-yellow);padding:0 .1em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone}
.staylo .sl-stmt .sl-sub{margin:clamp(22px,3vh,32px) 0 0;font-size:15.5px;line-height:1.72;
  font-weight:400;color:var(--sl-t2);max-width:44ch;letter-spacing:0}

.staylo .sl-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(30px,5vw,88px);align-items:center}
.staylo .sl-shot{position:relative}

.staylo .sl-shot .sl-frame{position:absolute;left:-20px;bottom:-20px;width:58%;height:62%;
  background:var(--sl-blue);z-index:0}
.staylo .sl-shot img{position:relative;z-index:1}
.staylo .sl-h2{margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.04;
  font-size:clamp(25px,3.1vw,42px);max-width:15ch}
.staylo .sl-lede{margin:18px 0 0;font-size:15.5px;line-height:1.72;font-weight:400;
  color:var(--sl-t2);max-width:38ch}

.staylo .sl-facts{margin:clamp(26px,3.6vh,40px) 0 0;border-top:1px solid var(--sl-line)}
.staylo .sl-facts > div{display:flex;justify-content:space-between;gap:20px;
  padding:12px 0;border-bottom:1px solid var(--sl-line);
  align-items:baseline}                 
.staylo .sl-facts dt{margin:0;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:600;line-height:1.5;color:var(--sl-t3)}
.staylo .sl-facts dd{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;
  line-height:1.4}

.staylo .sl-philo .sl-rule{width:56px;height:3px;background:var(--sl-pink);
  margin-bottom:clamp(24px,3.6vh,38px)}
.staylo .sl-philo p{margin:0;font-size:clamp(20px,2.5vw,32px);line-height:1.34;
  letter-spacing:-.02em;font-weight:500;max-width:26ch}
.staylo .sl-philo .sl-attrib{margin-top:clamp(22px,3vh,32px)}

.staylo .sl-rangehead{display:flex;justify-content:space-between;align-items:baseline;
  gap:20px;margin-bottom:clamp(26px,3.6vh,42px)}
.staylo .sl-range{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  background:var(--sl-line);border-block:1px solid var(--sl-line)}
.staylo .sl-flav{background:var(--sl-ink);display:flex;flex-direction:column;gap:14px;
  min-height:172px;padding:clamp(20px,2.4vw,30px) clamp(16px,1.8vw,24px) clamp(24px,3vw,34px)}
.staylo .sl-flav i{width:26px;height:26px;display:block}
.staylo .sl-flav .sl-nm{font-size:clamp(19px,1.9vw,26px);font-weight:700;
  letter-spacing:-.025em;line-height:1;margin-top:auto}
.staylo .sl-flav .sl-base{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:600;line-height:1.5;color:var(--sl-t3)}
.staylo .sl-flav--soon .sl-nm,.staylo .sl-flav--soon .sl-base{color:var(--sl-t3)}

.staylo .sl-life .sl-row{align-items:center}
.staylo .sl-life .sl-shot .sl-frame{background:var(--sl-pink);left:auto;right:-20px}
.staylo .sl-life h2{margin:0;font-weight:700;letter-spacing:-.035em;line-height:1.02;
  font-size:clamp(26px,3.6vw,52px);max-width:11ch}
.staylo .sl-life .sl-note{margin-top:18px}

.staylo .sl-supp .sl-row{align-items:start}
.staylo .sl-supp .sl-line{font-size:clamp(16px,1.6vw,20px);font-weight:600;
  letter-spacing:-.01em;line-height:1.45;max-width:22ch}
.staylo .sl-supp .sl-col{font-size:15px;line-height:1.75;font-weight:400;
  color:var(--sl-t2);max-width:42ch}

.staylo .sl-close{text-align:left}
.staylo .sl-close img{width:124px}
.staylo .sl-close p{margin:clamp(26px,4vh,44px) 0 0;font-weight:900;letter-spacing:-.045em;
  line-height:.94;font-size:clamp(34px,6.4vw,92px)}
.staylo .sl-actions{margin-top:clamp(34px,5vh,56px);display:flex;gap:clamp(16px,2vw,28px);
  flex-wrap:wrap;align-items:center}
.staylo .sl-colophon{margin-top:clamp(40px,6vh,72px);padding-top:22px;
  border-top:1px solid var(--sl-line);display:flex;justify-content:space-between;
  gap:20px;flex-wrap:wrap}

.staylo .sl-bar{display:flex;height:6px;margin-top:clamp(40px,6vh,72px)}
.staylo .sl-bar i{flex:1}
.staylo .sl-bar i:nth-child(1){background:var(--sl-pink)}
.staylo .sl-bar i:nth-child(2){background:var(--sl-yellow)}
.staylo .sl-bar i:nth-child(3){background:var(--sl-blue)}
.staylo .sl-bar i:nth-child(4){background:var(--sl-green)}
.staylo .sl-bar i:nth-child(5){background:var(--sl-paper)}

@media (prefers-reduced-motion:no-preference){
  .staylo .sl-l1 .sl-ink{transform:scaleX(0);
    animation:slInk .72s var(--sl-ease) .18s forwards}
  .staylo .sl-l1,.staylo .sl-l2{opacity:0;transform:translateY(14px);
    animation:slRise .7s var(--sl-ease) forwards}
  .staylo .sl-l1{animation-delay:.06s}
  .staylo .sl-l2{animation-delay:.16s}
  .staylo .sl-hero .sl-meta,.staylo .sl-hero .sl-foot{opacity:0;
    animation:slFade .6s ease .42s forwards}
  html.sl-motion .staylo .sl-rv{opacity:0;transform:translateY(18px);
    transition:opacity .7s var(--sl-ease),transform .7s var(--sl-ease)}
  html.sl-motion .staylo .sl-rv.on{opacity:1;transform:none}
  html.sl-motion .staylo .sl-rv .sl-frame{transform:scale(.88);
    transition:transform .8s var(--sl-ease)}
  html.sl-motion .staylo .sl-rv.on .sl-frame{transform:none}
}
@keyframes slInk{to{transform:scaleX(1)}}
@keyframes slRise{to{opacity:1;transform:none}}
@keyframes slFade{to{opacity:1}}

@media(max-width:900px){
  .staylo .sl-row{grid-template-columns:1fr;gap:34px}
  .staylo .sl-life .sl-row .sl-shot{order:-1}
  .staylo .sl-range{grid-template-columns:repeat(2,minmax(0,1fr))}
  .staylo .sl-flav{min-height:132px}
  .staylo .sl-l1 .sl-ink{left:-.08em;right:-.08em}
  .staylo .sl-close img{width:104px}
}
@media(max-width:560px){
  .staylo .sl-actions{gap:14px}
  .staylo .sl-actions .sl-cta{width:100%;text-align:center}
  .staylo .sl-cta--ghost{width:auto;text-align:left}
}
@media(max-width:420px){
  .staylo .sl-hero .sl-display{font-size:clamp(44px,13vw,60px)}
  .staylo .sl-flav{min-height:120px;gap:10px}
  .staylo .sl-flav i{width:20px;height:20px}
}

.hp{ --hp-measure:62ch; }

.hp-hero{padding-block:clamp(48px,9vh,110px) clamp(36px,6vh,72px)}
.hp-hero :is(h1,h2){margin:0;font-size:var(--t-2xl);font-weight:300;line-height:1.02;
  letter-spacing:-.022em;max-width:17ch}
.hp-hero .sub{margin:var(--s5) 0 0;font-size:var(--t-m);font-weight:300;line-height:1.55;
  color:var(--graphite);max-width:44ch}

.hp-sec{border-top:1px solid var(--rule);padding-block:clamp(38px,7vh,86px)}
.hp-sec--last{border-bottom:1px solid var(--rule)}
.hp-row{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);
  gap:clamp(18px,3vw,56px);align-items:start}
.hp-idx{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.18em;
  text-transform:uppercase;color:var(--graphite);padding-top:.45em;white-space:nowrap}
.hp-sec h2{margin:0;font-size:var(--t-xl);font-weight:300;line-height:1.08;
  letter-spacing:-.018em;max-width:20ch}
.hp-sec h3{margin:0;font-size:var(--t-l);font-weight:400;line-height:1.16;letter-spacing:-.012em}
.hp-body{margin:var(--s5) 0 0;font-size:var(--t-base);line-height:1.72;color:var(--graphite);
  max-width:var(--hp-measure)}
.hp-body + .hp-body{margin-top:var(--s4)}
.hp-body strong{font-weight:500;color:var(--ink)}
.hp-lede{margin:var(--s5) 0 0;font-size:var(--t-m);line-height:1.55;font-weight:300;
  color:var(--ink);max-width:36ch}

.hp-cast{margin-top:var(--s6);border-top:1px solid var(--rule)}
.hp-cast a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;
  gap:clamp(12px,2.4vw,36px);align-items:baseline;padding-block:var(--s5);
  border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
.hp-cast a:hover .hp-cast-n{text-decoration:underline;text-underline-offset:3px}
.hp-cast-n{font-size:var(--t-l);font-weight:400;letter-spacing:-.012em;line-height:1.1}
.hp-cast-d{font-size:var(--t-s);line-height:1.6;color:var(--graphite)}
.hp-cast-go{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.16em;
  text-transform:uppercase;color:var(--graphite);white-space:nowrap}

.hp-founder{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5)}
.hp-founder .hp-name{font-size:var(--t-l);font-weight:400;letter-spacing:-.012em;margin:0}
.hp-founder .hp-role{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.18em;
  text-transform:uppercase;color:var(--graphite);margin:var(--s2) 0 0}

.hp-dl{margin:var(--s5) 0 0;border-top:1px solid var(--rule);max-width:46rem}
.hp-dl > div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3) var(--s5);
  padding-block:var(--s4);border-bottom:1px solid var(--rule);align-items:baseline}
.hp-dl dt{margin:0;font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.16em;
  text-transform:uppercase;color:var(--graphite);flex:0 0 auto}
.hp-dl dd{margin:0;font-size:var(--t-base);line-height:1.6;text-align:right;flex:1 1 14rem;
  min-width:0;overflow-wrap:anywhere}
.hp-dl dd a{color:inherit;display:inline-block;padding-block:3px}
.hp-cast a,.hp-dl dd a{min-height:0}

.hp-actions{margin-top:clamp(28px,4.5vh,52px);display:flex;flex-wrap:wrap;gap:var(--s4)}
.hp-btn{display:inline-block;font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.16em;
  text-transform:uppercase;padding:14px 22px;border:1px solid var(--ink);background:var(--ink);
  color:var(--paper-2);text-decoration:none;cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.hp-btn:hover{background:transparent;color:var(--ink)}
.hp-btn--ghost{background:transparent;color:var(--ink);border-color:var(--rule)}
.hp-btn--ghost:hover{background:var(--ink);color:var(--paper-2);border-color:var(--ink)}
.hp-btn:focus-visible,.hp-cast a:focus-visible,.hp-dl dd a:focus-visible{
  outline:2px solid var(--ink);outline-offset:3px}

.hp-close{padding-block:clamp(44px,8vh,104px);border-top:1px solid var(--rule)}
.hp-close p{margin:0;font-size:var(--t-xl);font-weight:300;line-height:1.1;
  letter-spacing:-.018em;max-width:20ch}

@media(max-width:760px){
  .hp-row{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .hp-idx{padding-top:0}
  .hp-cast a{grid-template-columns:minmax(0,1fr);gap:var(--s2)}
  .hp-cast-go{display:none}
  .hp-dl dd{text-align:left;flex:1 1 100%}
}

.staylo .sl-shout{
  margin:clamp(22px,3.4vh,34px) 0 0;
  display:inline-block;
  font-size:clamp(13px,1.15vw,16px);
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1;
  color:var(--sl-ink);background:var(--sl-yellow);
  padding:9px 14px 8px;
  transform:rotate(-1.6deg);transform-origin:left center;
}

.staylo .sl-cta--block{
  position:relative;display:inline-flex;align-items:center;gap:14px;
  font-size:clamp(13px,1.15vw,16px);font-weight:700;letter-spacing:.16em;
  padding:20px 26px;background:var(--sl-pink);color:#000;   
  border:0;cursor:pointer;line-height:1;
  transition:transform .22s var(--sl-ease),background .22s var(--sl-ease);
}

.staylo .sl-cta--block::before{
  content:"";position:absolute;inset:0;background:var(--sl-blue);
  transform:translate(9px,9px);z-index:-1;
  transition:transform .22s var(--sl-ease);
}
.staylo .sl-cta--block i{font-style:normal;font-size:1.15em;line-height:1;
  transition:transform .22s var(--sl-ease)}
.staylo .sl-cta--block:hover{transform:translate(3px,3px);background:var(--sl-yellow)}
.staylo .sl-cta--block:hover::before{transform:translate(4px,4px)}
.staylo .sl-cta--block:hover i{transform:translateX(4px)}
.staylo .sl-cta--block:focus-visible{outline:2px solid var(--sl-paper);outline-offset:5px}

.staylo .sl-hero .sl-foot{align-items:center;gap:clamp(18px,2.4vw,30px)}
.staylo .sl-hero .sl-tag{background:none;color:var(--sl-green);
  border:1px solid currentColor;padding:8px 12px}

.staylo .sl-l1 .sl-ink{transform:rotate(-.5deg)}
@media (prefers-reduced-motion:no-preference){
  .staylo .sl-l1 .sl-ink{animation:slInk61 .72s var(--sl-ease) .18s forwards}
}
@keyframes slInk61{from{transform:rotate(-.5deg) scaleX(0)}to{transform:rotate(-.5deg) scaleX(1)}}

.staylo .sl-rangehead .sl-label:first-child,
.staylo .sl-philo .sl-attrib{
  display:inline-block;transform:rotate(-1.2deg);transform-origin:left center}

.staylo .sl-stmt em{box-shadow:6px 6px 0 var(--sl-pink)}

.staylo .sl-flav i{width:34px;height:34px;margin-left:-6px}
.staylo .sl-flav .sl-nm{letter-spacing:-.035em}

.staylo .sl-philo p{font-size:clamp(26px,4.2vw,58px);line-height:1.08;letter-spacing:-.035em;
  font-weight:700;max-width:18ch}
.staylo .sl-philo .sl-rule{width:96px;height:6px}

.staylo .sl-close p{position:relative;display:inline-block}
.staylo .sl-close p::before{content:"";position:absolute;left:-.1em;right:-.1em;
  top:.26em;bottom:.16em;background:var(--sl-pink);z-index:-1;transform:rotate(-.6deg)}

@media(max-width:900px){
  .staylo .sl-cta--block{padding:17px 20px}
  .staylo .sl-philo p{font-size:clamp(24px,6.4vw,40px)}
}

.hp-story .hp-hero{position:relative;padding-block:clamp(56px,11vh,132px) clamp(30px,5vh,56px)}
.hp-story .hp-hero :is(h1,h2){max-width:13ch;font-size:var(--t-3xl);line-height:.98;letter-spacing:-.028em}
.hp-story .hp-hero .sub{max-width:34ch;margin-top:var(--s6)}

.hp-story .hp-year{
  margin:clamp(18px,3vh,34px) 0 0;font-size:clamp(96px,19vw,300px);line-height:.8;
  font-weight:300;letter-spacing:-.05em;color:transparent;
  
  -webkit-text-stroke:2px rgba(23,26,24,.30);
  pointer-events:none;user-select:none}
@media(min-width:1024px){.hp-story .hp-year{-webkit-text-stroke-width:2.5px}}
.hp-story .hp-yearnote{margin:clamp(6px,1vh,14px) 0 0;
  font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.18em;
  text-transform:uppercase;color:var(--graphite)}

.hp-story .hp-dom{font-size:var(--t-2xl);line-height:1.0;letter-spacing:-.026em;max-width:22ch}
.hp-story .hp-sec:first-of-type{padding-block:clamp(48px,9vh,116px)}

.hp-story .hp-idx{
  writing-mode:vertical-rl;transform:rotate(180deg);
  padding:0;margin-top:.2em;letter-spacing:.24em;white-space:nowrap}
.hp-story .hp-row{grid-template-columns:minmax(0,2.2rem) minmax(0,1fr);
  gap:clamp(20px,3.4vw,52px)}

.hp-story .hp-body{max-width:54ch}
.hp-story .hp-sec:nth-of-type(even) .hp-body{margin-left:clamp(0px,4vw,88px)}

.hp-story .hp-row--founder .hp-founder{
  grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(20px,3vw,52px)}
.hp-story .hp-row--founder .hp-name{font-size:var(--t-xl);font-weight:300;letter-spacing:-.02em}
.hp-story .hp-row--founder .hp-body{max-width:52ch;font-size:var(--t-s);line-height:1.8}

.hp-story .hp-sec{border-top:0;position:relative}
.hp-story .hp-sec::before{content:"";position:absolute;top:0;left:0;width:clamp(48px,8vw,140px);
  height:1px;background:var(--ink)}
.hp-story .hp-sec--last{border-bottom:0}
.hp-story .hp-close{border-top:1px solid var(--rule)}
.hp-story .hp-close p{font-size:var(--t-2xl);line-height:1.0;letter-spacing:-.024em;max-width:18ch}

@media(max-width:860px){
  .hp-story .hp-idx{writing-mode:horizontal-tb;transform:none;margin-top:0}
  .hp-story .hp-row{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .hp-story .hp-row--founder .hp-founder{grid-template-columns:minmax(0,1fr)}
  .hp-story .hp-sec:nth-of-type(even) .hp-body{margin-left:0}
}

.hp-trade .hp-hero,.hp-trade .hp-enquire{position:relative;z-index:0;
  color:var(--paper-on-dark)}
.hp-trade .hp-hero::before,.hp-trade .hp-enquire::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;
  margin-left:-50vw;background:var(--ink-dark);z-index:-1}
.hp-trade .hp-hero{padding-block:clamp(44px,8vh,96px) clamp(36px,6vh,72px)}
.hp-trade .hp-hero .label{color:var(--paper-on-dark);opacity:.62}
.hp-trade .hp-hero :is(h1,h2){font-size:var(--t-2xl);font-weight:400;letter-spacing:-.024em;max-width:14ch}
.hp-trade .hp-hero .sub{color:var(--paper-on-dark);opacity:.82;max-width:40ch}

.hp-trade .hp-strap{margin:clamp(28px,4.5vh,52px) 0 0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:rgba(231,234,229,.22);border:1px solid rgba(231,234,229,.22)}
.hp-trade .hp-strap > div{background:var(--ink-dark);display:block;padding:var(--s4) var(--s4);border:0}
.hp-trade .hp-strap dt{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.16em;
  text-transform:uppercase;opacity:.55;margin:0}
.hp-trade .hp-strap dd{margin:var(--s2) 0 0;font-size:var(--t-base);text-align:left}

.hp-trade .hp-sec{border-top:2px solid var(--ink);padding-block:clamp(32px,5.5vh,64px)}
.hp-trade .hp-idx{font-size:var(--t-s);font-weight:500;letter-spacing:.12em;color:var(--ink)}
.hp-trade .hp-sec h2{font-weight:400;letter-spacing:-.02em}
.hp-trade .hp-body{max-width:48ch;font-size:var(--t-s);line-height:1.68}

.hp-trade .hp-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.hp-trade .hp-half{padding-right:clamp(20px,3vw,56px)}
.hp-trade .hp-half + .hp-half{border-left:1px solid var(--rule);
  padding-left:clamp(20px,3vw,56px);padding-right:0}
.hp-trade .hp-half .hp-idx{display:block;margin-bottom:var(--s4)}

.hp-trade .hp-dl{max-width:none}
.hp-trade .hp-dl > div{padding-block:var(--s4);border-bottom:1px solid var(--rule)}
.hp-trade .hp-dl dt{font-size:var(--t-base);font-family:var(--sans);letter-spacing:-.01em;
  text-transform:none;color:var(--ink);font-weight:500;flex:0 0 12rem}
.hp-trade .hp-dl dd{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.06em;
  color:var(--graphite)}

.hp-trade .hp-enquire{border-top:0;padding-block:clamp(44px,8vh,104px)}
.hp-trade .hp-enquire .hp-idx,.hp-trade .hp-enquire .hp-lede{color:var(--paper-on-dark)}
.hp-trade .hp-enquire .hp-idx{opacity:.6}
.hp-trade .hp-enquire h2{font-size:var(--t-2xl);font-weight:400;letter-spacing:-.024em;max-width:16ch}
.hp-trade .hp-enquire .hp-lede{opacity:.82;max-width:34ch}
.hp-trade .hp-enquire .hp-dl{border-top-color:rgba(231,234,229,.22);max-width:44rem}
.hp-trade .hp-enquire .hp-dl > div{border-bottom-color:rgba(231,234,229,.22)}
.hp-trade .hp-enquire .hp-dl dt{color:var(--paper-on-dark);opacity:.55;font-family:var(--mono);
  font-size:var(--t-micro);letter-spacing:.16em;text-transform:uppercase;font-weight:400;flex:0 0 auto}
.hp-trade .hp-enquire .hp-dl dd{color:var(--paper-on-dark);font-family:var(--sans);
  font-size:var(--t-base);letter-spacing:0}
.hp-trade .hp-enquire .hp-btn{background:var(--paper-2);color:var(--ink);border-color:var(--paper-2);
  font-size:var(--t-xs);padding:18px 28px}
.hp-trade .hp-enquire .hp-btn:hover{background:transparent;color:var(--paper-on-dark)}
.hp-trade .hp-enquire .hp-btn--ghost{background:transparent;color:var(--paper-on-dark);
  border-color:rgba(231,234,229,.4)}
.hp-trade .hp-enquire .hp-btn--ghost:hover{background:var(--paper-2);color:var(--ink);
  border-color:var(--paper-2)}

@media(max-width:860px){
  .hp-trade .hp-split{grid-template-columns:minmax(0,1fr)}
  .hp-trade .hp-half{padding-right:0}
  .hp-trade .hp-half + .hp-half{border-left:0;border-top:1px solid var(--rule);
    padding-left:0;padding-top:clamp(26px,4.5vh,44px);margin-top:clamp(26px,4.5vh,44px)}
  .hp-trade .hp-dl dt{flex:1 1 100%}
}

.hp-story .hp-row--founder .hp-founder{
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  column-gap:clamp(24px,4vw,72px);row-gap:var(--s5);
  align-items:start}
.hp-story .hp-portrait{margin:0;grid-row:span 2}
.hp-story .hp-portrait img{
  width:100%;display:block;
  aspect-ratio:4/5;object-fit:cover;
  
  object-position:42% 18%;
  background:var(--paper-3)}
.hp-story .hp-founder-head{align-self:end;padding-bottom:var(--s2)}
.hp-story .hp-row--founder .hp-body{max-width:46ch}

@media(max-width:860px){
  .hp-story .hp-row--founder .hp-founder{grid-template-columns:minmax(0,1fr)}
  .hp-story .hp-portrait{grid-row:auto}
  .hp-story .hp-portrait img{aspect-ratio:3/2;object-position:53% 18%}
  .hp-story .hp-founder-head{align-self:auto;padding-bottom:0}
}

.hp-social{margin-top:clamp(22px,3.4vh,38px);border-top:1px solid var(--rule)}
.hp-social-a{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--s5);
  padding-block:clamp(14px,2.2vh,26px);border-bottom:1px solid var(--rule);
  text-decoration:none;color:inherit;
  transition:padding-left var(--dur) var(--ease)}
.hp-social-n{
  font-size:clamp(26px,3.6vw,52px);font-weight:300;letter-spacing:-.024em;
  line-height:1.04;position:relative}

.hp-social-a--house .hp-social-n{font-size:clamp(32px,4.6vw,68px);font-weight:400}
.hp-social-h{
  font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.14em;
  color:var(--graphite);white-space:nowrap;
  transition:color var(--dur) var(--ease)}

.hp-social-n::after{
  content:"";position:absolute;left:0;right:0;bottom:-.06em;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform var(--dur) var(--ease)}
.hp-social-a:hover,.hp-social-a:focus-visible{padding-left:clamp(8px,1vw,18px)}
.hp-social-a:hover .hp-social-n::after,
.hp-social-a:focus-visible .hp-social-n::after{transform:scaleX(1)}
.hp-social-a:hover .hp-social-h,.hp-social-a:focus-visible .hp-social-h{color:var(--ink)}
.hp-social-a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}

.hp-dl--pro{margin-top:clamp(26px,4vh,44px)}

@media(max-width:600px){
  .hp-social-a{flex-direction:column;align-items:flex-start;gap:var(--s2)}
  .hp-social-h{white-space:normal}
}

.laa-label-sec .laa-label{
  width:min(560px,86vw);margin:clamp(40px,6vh,72px) auto 0;display:block;
  height:auto;object-fit:contain;
  
  box-shadow:0 22px 54px rgba(20,24,18,.14);
  outline:1px solid rgba(20,24,18,.10);outline-offset:0}

.hp-platform{
  display:flex;align-items:center;gap:10px;margin:clamp(18px,2.6vh,28px) 0 0;
  font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink)}

.hp-ig{
  position:relative;width:20px;height:20px;flex:0 0 auto;
  border:1.6px solid currentColor;border-radius:6px}
.hp-ig::before{
  content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;
  transform:translate(-50%,-50%);border:1.6px solid currentColor;border-radius:50%}
.hp-ig::after{
  content:"";position:absolute;right:2.6px;top:2.6px;width:2.6px;height:2.6px;
  background:currentColor;border-radius:50%}
.hp-social{margin-top:var(--s4)}

.hp-social-h{font-size:var(--t-xs);color:var(--ink);opacity:.62}
.hp-social-a:hover .hp-social-h,.hp-social-a:focus-visible .hp-social-h{opacity:1}
.hp-dl--pro{margin-top:clamp(30px,4.6vh,52px)}
.hp-dl--pro dt{letter-spacing:.2em}

.hp-gram{margin-top:clamp(26px,4vh,46px)}
.hp-gram-mast{display:flex;align-items:center;gap:14px;margin:0 0 clamp(20px,3vh,36px)}
.hp-gram-mast span:last-child{
  font-family:var(--mono);font-size:clamp(15px,1.6vw,20px);letter-spacing:.3em;
  text-transform:uppercase;color:var(--ink)}

.hp-cam{
  width:clamp(32px,3.4vw,42px);height:clamp(32px,3.4vw,42px);
  flex:0 0 auto;display:block;mix-blend-mode:multiply}

.hp-gram-list{display:flex;flex-direction:column;gap:clamp(6px,1.2vh,14px)}
.hp-gram-a{
  display:inline-flex;align-items:baseline;gap:clamp(12px,1.6vw,26px);
  width:max-content;max-width:100%;text-decoration:none;color:inherit;
  padding-block:2px;transition:transform var(--dur) var(--ease)}
.hp-gram-n{
  font-weight:300;letter-spacing:-.026em;line-height:1.02;position:relative;
  font-size:clamp(30px,5vw,68px)}
.hp-gram-h{
  font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;
  color:var(--graphite);white-space:nowrap;transition:color var(--dur) var(--ease)}
.hp-gram-n::after{
  content:"";position:absolute;left:0;right:0;bottom:-.04em;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform var(--dur) var(--ease)}
.hp-gram-a:hover,.hp-gram-a:focus-visible{transform:translateX(clamp(6px,1vw,16px))}
.hp-gram-a:hover .hp-gram-n::after,.hp-gram-a:focus-visible .hp-gram-n::after{transform:scaleX(1)}
.hp-gram-a:hover .hp-gram-h,.hp-gram-a:focus-visible .hp-gram-h{color:var(--ink)}
.hp-gram-a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}

.hp-gram-a--house .hp-gram-n{font-size:clamp(38px,6.6vw,92px);font-weight:400}
.hp-gram-a--b1{margin-left:clamp(0px,4vw,74px)}
.hp-gram-a--b1 .hp-gram-n{font-size:clamp(28px,4.4vw,58px)}
.hp-gram-a--b2{margin-left:clamp(0px,1.6vw,30px)}
.hp-gram-a--b2 .hp-gram-n{font-size:clamp(31px,5vw,66px)}
.hp-gram-a--b3{margin-left:clamp(0px,6vw,112px)}
.hp-gram-a--b3 .hp-gram-n{font-size:clamp(27px,4vw,52px)}
.hp-gram-a--b4{margin-left:clamp(0px,2.6vw,52px)}
.hp-gram-a--b4 .hp-gram-n{font-size:clamp(30px,4.8vw,62px)}
@media(max-width:620px){
  .hp-gram-a{flex-direction:column;align-items:flex-start;gap:2px;width:100%}
  .hp-gram-a--b1,.hp-gram-a--b2,.hp-gram-a--b3,.hp-gram-a--b4{margin-left:0}
  .hp-gram-h{white-space:normal}
}

.laa-gram{
  display:flex;align-items:baseline;justify-content:center;gap:var(--s4);
  max-width:var(--maxw);margin:0 auto clamp(30px,5vh,56px);
  padding-bottom:var(--s4);border-bottom:1px solid rgba(242,236,205,.22);
  text-decoration:none;color:var(--laa-cream,#F2ECCD)}
.laa-gram-k{font-family:var(--laa-accent);font-size:clamp(11px,1.1vw,13px);
  letter-spacing:.34em;text-transform:uppercase;opacity:.62}
.laa-gram-h{font-size:clamp(15px,1.5vw,19px);letter-spacing:.06em;
  border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease)}
.laa-gram:hover .laa-gram-h,.laa-gram:focus-visible .laa-gram-h{border-bottom-color:currentColor}
.laa-gram:focus-visible{outline:1px solid currentColor;outline-offset:6px}

.pa-gram{
  display:inline-flex;align-items:center;gap:12px;
  margin:0 0 clamp(26px,4vh,48px);padding:11px 18px 11px 14px;
  background:var(--pa-orange);color:var(--pa-black);
  font-family:var(--pa-copy);font-weight:600;font-size:clamp(13px,1.3vw,16px);
  letter-spacing:.04em;text-decoration:none;
  transform:rotate(-1.4deg);transform-origin:left center;
  transition:transform .25s var(--ease)}
.pa-gram-eye{                        
  width:16px;height:16px;border:2px solid currentColor;border-radius:50% 0 50% 0;
  position:relative;flex:0 0 auto}
.pa-gram-eye::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;
  transform:translate(-50%,-50%);background:var(--pa-green);border-radius:50%}
.pa-gram-h{font-family:var(--mono);font-size:.82em;letter-spacing:.06em;opacity:.78}
.pa-gram:hover,.pa-gram:focus-visible{transform:rotate(1.2deg) translateY(-2px)}
.pa-gram:focus-visible{outline:2px solid var(--pa-cream);outline-offset:4px}

.on-gram{
  display:flex;align-items:baseline;gap:var(--s4);
  margin:0 0 clamp(26px,4vh,48px);padding-bottom:var(--s3);
  border-bottom:2px solid var(--on-orange);
  text-decoration:none;color:var(--on-ink)}
.on-gram-k{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--on-mute)}
.on-gram-h{font-family:var(--on-face);font-size:clamp(17px,1.9vw,24px);letter-spacing:.01em}
.on-gram-go{margin-left:auto;color:var(--on-orange);font-size:1.1em;
  transition:transform var(--dur) var(--ease);display:inline-block}
.on-gram:hover .on-gram-go,.on-gram:focus-visible .on-gram-go{transform:translateX(6px)}
.on-gram:hover .on-gram-h,.on-gram:focus-visible .on-gram-h{color:var(--on-orange)}
.on-gram:focus-visible{outline:2px solid var(--on-orange);outline-offset:4px}

.staylo .sl-gram{
  display:inline-flex;align-items:center;gap:10px;
  margin:clamp(28px,4.4vh,48px) 0 0;padding:11px 15px 10px;
  background:var(--sl-yellow);color:var(--sl-ink);
  font-weight:700;font-size:clamp(12px,1.1vw,15px);letter-spacing:.14em;
  text-transform:uppercase;line-height:1;text-decoration:none;
  transform:rotate(-1.8deg);transform-origin:left center;
  transition:transform .22s var(--sl-ease),background .22s var(--sl-ease)}
.staylo .sl-gram-h{font-weight:600;letter-spacing:.08em;text-transform:none;
  border-bottom:2px solid currentColor}
.staylo .sl-gram:hover,.staylo .sl-gram:focus-visible{
  transform:rotate(1.4deg) translateY(-2px);background:var(--sl-green)}
.staylo .sl-gram:focus-visible{outline:2px solid var(--sl-paper);outline-offset:5px}

.statement .meta a.label{text-decoration:none;cursor:pointer;
  transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}
.statement .meta a.label:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.statement .meta a.label:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

.laa-wings{width:min(380px,72vw);height:auto;display:block;margin:0 auto clamp(20px,3vh,34px)}

.laa .laa-table td + td{color:var(--laa-cream)}

.laa-section.laa-label-sec{padding-bottom:clamp(40px,5vh,56px)}
.laa-section.laa-facts{padding-top:clamp(28px,4vh,44px)}

.pa-sec + .pa-sec{padding-top:clamp(44px,6.5vh,72px)}

#pa-character{padding-block:clamp(64px,8.5vh,112px) clamp(72px,10vh,128px)}
.on-sec:not(.on-sec--panel):not(.tight) + .on-sec:not(.on-sec--panel):not(.tight){padding-top:clamp(44px,6.5vh,72px)}
.staylo .sl-sec + .sl-sec--mid{padding-top:clamp(44px,6.5vh,68px)}

body:has(#view-story:not([hidden])) .house-footer,
body:has(#view-contact:not([hidden])) .house-footer{margin-top:var(--s8)}

body:has(#view-trade:not([hidden])) .house-footer,
body:has(#view-staylo:not([hidden])) .house-footer{margin-top:0}

.staylo .sl-life .sl-life-line{margin:clamp(14px,2vh,22px) 0 0;
  font-size:clamp(20px,2.2vw,30px);font-weight:700;line-height:1.1;letter-spacing:-.02em;
  color:var(--sl-yellow)}

.pa-ledger th{line-height:normal}

@media (min-width:641px) and (min-height:901px){   
  .laa-section{padding-block:117px}
  .laa-section.cream{padding-block:99px}
  .laa-section.laa-label-sec{padding-bottom:45px}   
  .pa-sec{padding-block:108px}
  .on-sec{padding-block:135px}
  .on-sec.tight{padding-block:90px}
  .staylo .sl-sec--tight{padding-block:81px}
  .staylo .sl-sec--mid{padding-block:90px}
  .staylo .sl-sec--tall{padding-block:108px}
}   
body{padding-bottom:0}   

body[data-theme="laananta"] .house-footer,
body[data-theme="paapi"] .house-footer,
body[data-theme="onsra"] .house-footer{margin-top:0}

@media (max-width:720px){
  .nav{column-gap:14px}
  .nav a{white-space:nowrap;letter-spacing:.1em}
  .nav a.hide-s{display:inline-block}
  .nav a[data-go="register"]{display:none}
}

@media (max-width:419px){
  .nav a[data-go="story"]{display:none}
}

.nav a,
.statement .meta a.label,
.btn--link{position:relative}
.nav a::after,
.btn--link::after{content:"";position:absolute;inset:-11px -5px}
.statement .meta a.label::after{content:"";position:absolute;inset:-6px 0}

@media (max-width:700px){
  .pa-49{top:auto;left:auto;bottom:150px;right:18px}
}

@media (hover:none){
  .pa-eyes-note{display:none}
}

@media (max-width:640px){
  .laa-section{padding-block:72px}
  .laa-section.cream{padding-block:64px}
  .laa-section.laa-label-sec{padding-bottom:40px}   
  .laa-section.laa-facts{padding-top:32px}
  .staylo .sl-sec--tall{padding-block:64px}
  .staylo .sl-sec--mid{padding-block:56px}
  .staylo .sl-sec--tight{padding-block:48px}
}

html:not(.admitted){overflow:hidden}
html:not(.admitted) body > *:not(#gate){visibility:hidden}
html.admitted #gate{display:none}

.gate h2.gate-k{font-family:var(--mono);font-size:var(--t-micro);font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.gate .gate-text{font-size:var(--t-s);opacity:.8;line-height:1.6}
.gate .gate-q{font-size:var(--t-l);font-weight:300;opacity:1;line-height:1.25}

.gate .stack{flex-direction:column;align-items:stretch;width:min(100%,380px)}
.gate .btn{justify-content:center;text-align:center;white-space:normal;line-height:1.45}

.gate .btn:focus-visible,
.gate h2:focus-visible{outline:2px solid var(--paper-on-dark);outline-offset:4px}
.gate h2:focus:not(:focus-visible){outline:none}

.frame img{width:144px;height:92px;object-fit:cover;object-position:50% 45%}

@media (max-width:720px){
  .frame img{width:clamp(96px,27vw,120px)}
}

@media (max-width:419px){
  .frame img{width:clamp(96px,calc(34vw - 13px),120px)}
}

body[data-theme="house"]{
  --paper:#D8C3A5;     
  --ink:#1C1712;       
  --graphite:#4A3A2A;  
  --rule:#4A3A2A;      
  --paper-3:#D8C3A5;   
}

#view-register .notes-grid{border-top-color:var(--rule)}
#view-register .trade{border-top-color:var(--rule);border-bottom-color:var(--rule)}

#view-register .entry figure{box-sizing:border-box;border:1px solid rgba(28,23,18,.25)}

#view-register .trade{background:#D8C3A5}

.gate{--paper:#ECEEEA;--ink:#171A18;--graphite:#565C58;--rule:#C8CDC7}

.house-footer .foot-legal{margin-top:var(--s4);font-size:var(--t-micro);line-height:1.6;opacity:.62;max-width:120ch}

.hero-h1{margin:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;text-wrap:inherit;color:inherit}
.laa-hero .hero-h1,.pa-hero .hero-h1{display:grid;gap:inherit;justify-items:inherit}
.hero-h1 > span{display:block}

.staylo .sl-range{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){
  .staylo .sl-range{grid-template-columns:repeat(2,minmax(0,1fr))}
  .staylo .sl-range .sl-flav:last-child:nth-child(odd){grid-column:1/-1}
}

.staylo .sl-display h1{font:inherit;letter-spacing:inherit;text-wrap:inherit}
.hp .hp-hero .label > h1{display:inline;margin:0;max-width:none;font:inherit;letter-spacing:inherit;text-transform:inherit;text-wrap:inherit;color:inherit}

html.veiled .veil{opacity:1;clip-path:none;background:var(--veil-bg)}
