:root{
  --c-paper:#f4f2ec;
  --c-accent:#b8975f;
  --fs-h2b:calc(65px * var(--s)); --lh-h2b:calc(68px * var(--s)); --tr-h2b:calc(-1.3px * var(--s));
  --fs-h4:calc(30px * var(--s));  --lh-h4:calc(36px * var(--s));  --tr-h4:calc(-.3px * var(--s));
  --lh-read:calc(28px * var(--s));
  --row:calc(360px * var(--s));
  --dur-img:1.2s;
}
body{background:var(--c-paper)}
.ui-light{--t-bg:var(--c-paper);--t-text:var(--c-ink-3)}
.ui-white{--t-bg:var(--c-white);--t-head:var(--c-ink-2);--t-text:var(--c-ink-3);--t-line:rgba(35,39,57,.2);--t-plate:#dfe3e9;background:var(--t-bg);color:var(--t-text)}
.ui-dark{--t-text:rgba(255,255,255,.68)}

.t-h2b{font-size:var(--fs-h2b);line-height:var(--lh-h2b);letter-spacing:var(--tr-h2b);font-weight:400;color:var(--t-head)}
.t-h4{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--tr-h4);font-weight:400;color:var(--t-head)}
.t-read{font-size:var(--fs-lead);line-height:var(--lh-read);letter-spacing:var(--tr-lead);font-weight:400;color:var(--t-text)}
.t-read+.t-read{margin-top:calc(20px * var(--s))}
.t-read strong{font-weight:500;color:var(--t-head)}
.t-cap{font-size:var(--fs-ui);line-height:var(--lh-ui);letter-spacing:var(--tr-ui);font-weight:500;color:var(--t-text)}
.kicker{display:flex;align-items:center;gap:calc(12px * var(--s));font-size:var(--fs-xs);line-height:var(--lh-xs);letter-spacing:var(--tr-xs);text-transform:uppercase;font-weight:500;color:var(--t-head)}
.kicker::before{content:"";width:calc(24px * var(--s));height:1px;background:var(--c-accent)}
.accent{color:var(--c-accent)}
.ui-white .accent,.ui-light .accent{color:#9a7b45}
.t-display,.t-h2,.t-h2b,.t-h3{text-wrap:balance}
.t-display{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--tr-display)}

.lnk{position:relative;display:inline-flex;align-items:center;gap:calc(10px * var(--s));font-size:var(--fs-xs);letter-spacing:var(--tr-xs);text-transform:uppercase;font-weight:500;color:var(--t-head);padding-bottom:calc(6px * var(--s))}
.lnk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--c-accent);transform:scaleX(.3);transform-origin:left;transition:transform .6s var(--ease)}
.lnk:hover::after{transform:scaleX(1)}
.lnk svg{width:calc(10px * var(--s));height:calc(10px * var(--s));stroke:currentColor;fill:none;stroke-width:1.5;transition:transform .6s var(--ease)}
.lnk:hover svg{transform:translateX(4px)}

.k12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut)}
.media img{transition:transform var(--dur-img) var(--ease)}
a .media:hover img,.cell:hover .media img{transform:scale(1.03)}
.media--par img{transition:none}

.mask{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.mask>span{display:block}
html.js .rv-m .mask>span{transform:translateY(108%);transition:transform 1.2s var(--ease)}
html.js .rv-m.is-in .mask>span{transform:none}
html.js .rv-m .mask:nth-child(2)>span{transition-delay:.12s}
html.js .rv-m .mask:nth-child(3)>span{transition-delay:.24s}
html.js .rv-m .mask:nth-child(4)>span{transition-delay:.36s}
html.no-motion .rv-m .mask>span,html:not(.js) .rv-m .mask>span{transform:none}
@media (prefers-reduced-motion:reduce){html.js .rv-m .mask>span{transform:none;transition:none}}

.cluster{padding-top:calc(150px * var(--s));padding-bottom:calc(120px * var(--s))}
.cluster__top{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gut);padding-bottom:calc(40px * var(--s))}
.cluster__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:start}
.cluster__h{grid-column:1/span 10;grid-row:1;position:relative;z-index:2}
.cluster__port{grid-column:10/span 3;grid-row:1/span 2;align-self:end;position:relative;z-index:1;aspect-ratio:.744;margin-top:calc(60px * var(--s))}
.cluster__land{grid-column:1/span 8;grid-row:2;aspect-ratio:1.64;margin-top:calc(40px * var(--s))}
.cluster__sq{grid-column:8/span 2;grid-row:2;aspect-ratio:1;align-self:start;margin-top:calc(-60px * var(--s));position:relative;z-index:3;outline:calc(12px * var(--s)) solid var(--c-paper)}
.cluster__lead{grid-column:1/span 5;grid-row:3;margin-top:calc(60px * var(--s))}
.cluster__cta{grid-column:7/span 6;grid-row:3;margin-top:calc(60px * var(--s));display:flex;flex-direction:column;gap:calc(24px * var(--s));justify-content:flex-end;align-items:flex-start}
.cluster__meta{display:flex;gap:calc(40px * var(--s))}

.film{position:relative;width:100%;overflow:hidden}
.film__track{display:flex;gap:var(--gut);height:calc(420px * var(--s));padding-left:max(var(--edge),calc((100% - var(--field)) / 2));will-change:transform}
.film__track>figure{flex:none;height:100%;margin:0;position:relative}
.film__track .media{height:100%}
.film__track figcaption{position:absolute;left:0;bottom:calc(-28px * var(--s));white-space:nowrap}
.film{padding-bottom:calc(40px * var(--s))}
.w-335{width:calc(335px * var(--s))}.w-453{width:calc(453px * var(--s))}.w-690{width:calc(690px * var(--s))}.w-920{width:calc(920px * var(--s))}

.sticky{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);align-items:start}
.sticky__fig{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.sticky__fig .media{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease)}
.sticky__fig .media.is-on{opacity:1}
.sticky__fig .media img{transform:scale(1.06);transition:transform 2.4s var(--ease)}
.sticky__fig .media.is-on img{transform:none}
.sticky__idx{position:absolute;left:var(--inset);top:calc(60px * var(--s));display:flex;gap:calc(14px * var(--s));z-index:2;color:#fff}
.sticky__idx span{opacity:.4;transition:opacity .6s var(--ease)}
.sticky__idx span.is-on{opacity:1}
.chapter{min-height:72vh;min-height:72svh;display:flex;flex-direction:column;justify-content:center;padding:calc(80px * var(--s)) 0 calc(80px * var(--s)) calc(40px * var(--s));border-bottom:1px solid var(--t-line)}
.chapter:last-child{border-bottom:0}
.chapter__word{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--tr-h2);font-weight:400;color:var(--t-head);text-transform:uppercase}
.chapter__list{display:grid;grid-template-columns:1fr 1fr;gap:calc(6px * var(--s)) var(--gut);margin-top:calc(32px * var(--s))}
.chapter__list li{font-size:var(--fs-ui);line-height:var(--lh-ui);letter-spacing:var(--tr-ui);color:var(--t-text);padding-left:calc(16px * var(--s));position:relative}
.chapter__list li::before{content:"";position:absolute;left:0;top:calc(8px * var(--s));width:calc(8px * var(--s));height:1px;background:var(--c-accent)}

.notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);align-items:start}
.notes__margin{display:flex;flex-direction:column;gap:calc(40px * var(--s));position:sticky;top:calc(120px * var(--s))}
.notes__margin .media{width:calc(335px * var(--s));max-width:100%}
.notes__body{max-width:calc(690px * var(--s))}

.stair{display:grid;grid-template-columns:repeat(12,1fr);gap:0 var(--gut);border-top:1px solid var(--t-line);padding-top:calc(40px * var(--s))}
.step{grid-column:span 8;display:grid;grid-template-columns:1fr calc(335px * var(--s));gap:var(--gut);align-items:end}
.step:nth-child(1){grid-column:1/span 8}
.step:nth-child(2){grid-column:2/span 8}
.step:nth-child(3){grid-column:3/span 8}
.step:nth-child(4){grid-column:4/span 8}
.step:nth-child(5){grid-column:5/span 8}
.step:nth-child(even){grid-template-columns:1fr calc(453px * var(--s))}
.step__fig{aspect-ratio:.744;position:relative;z-index:1;outline:calc(12px * var(--s)) solid var(--t-bg)}
.step:nth-child(even) .step__fig{aspect-ratio:1.5}
.step:nth-child(n+2) .step__fig{z-index:2;margin-top:calc(-80px * var(--s))}
.step__no{font-size:var(--fs-h2);line-height:1;letter-spacing:var(--tr-h2);font-weight:400;color:var(--t-head)}
.step__no sup{font-size:var(--fs-xs);letter-spacing:var(--tr-xs);text-transform:uppercase;vertical-align:top;margin-left:calc(10px * var(--s));top:.9em;position:relative;color:var(--c-accent)}
.step__body{grid-column:2;align-self:center;padding-bottom:calc(24px * var(--s));display:flex;flex-direction:column;gap:calc(20px * var(--s));position:relative;z-index:3}
.step__body .t-read{max-width:calc(453px * var(--s))}

.mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:var(--row);gap:1px;background:var(--t-line);border:1px solid var(--t-line)}
.cell{position:relative;overflow:hidden;background:var(--t-bg);display:flex;flex-direction:column;justify-content:flex-end;padding:calc(28px * var(--s));color:#fff;min-height:0}
.cell--8x2{grid-column:span 8;grid-row:span 2}
.cell--4x1{grid-column:span 4}
.cell--8x1{grid-column:span 8}
.cell--6x1{grid-column:span 6}
.cell--12x1{grid-column:span 12}
.cell .media{position:absolute;inset:0;z-index:0}
.cell .media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,32,0) 40%,rgba(7,11,32,.72) 100%);z-index:1}
.cell__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:calc(10px * var(--s))}
.cell__body .kicker{color:#fff}
.cell__body .t-h4{color:#fff}
.cell__go{position:absolute;right:calc(28px * var(--s));top:calc(28px * var(--s));z-index:2;width:calc(40px * var(--s));height:calc(40px * var(--s));border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;transition:background .6s var(--ease),border-color .6s var(--ease)}
.cell__go svg{width:calc(12px * var(--s));height:calc(12px * var(--s));stroke:#fff;fill:none;stroke-width:1.5}
.cell:hover .cell__go{background:#fff;border-color:#fff}
.cell:hover .cell__go svg{stroke:var(--c-ink)}
.cell--type{background:var(--c-ink);color:#fff;justify-content:space-between}
.cell--type .t-display{color:#fff;font-size:calc(143px * var(--s));line-height:.9}
.cell--type .t-h4{color:#fff}
.cell--type .t-cap{color:rgba(255,255,255,.6)}
.cell--paper{background:var(--c-paper);color:var(--c-ink)}
.cell--paper .t-h4,.cell--paper .kicker{color:var(--c-ink-2)}

.quote{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:center}
.quote__fig{grid-column:1/span 4;aspect-ratio:.75}
.quote__body{grid-column:6/span 7;display:flex;flex-direction:column;gap:calc(32px * var(--s))}
.quote__body blockquote p{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);font-weight:400;color:var(--t-head);text-wrap:balance}
.quote__body blockquote p::before{content:"„";color:var(--c-accent)}
.quote__body blockquote p::after{content:"“";color:var(--c-accent)}
.quote__who{display:flex;flex-direction:column;gap:calc(4px * var(--s))}

.wall{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:end}
.wall__h{grid-column:1/span 9;grid-row:1}
.wall__fig{grid-column:10/span 3;grid-row:1/span 2;aspect-ratio:.744;position:relative;z-index:2;margin-bottom:calc(-150px * var(--s))}
.wall__row{grid-column:1/span 9;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);align-items:end;margin-top:calc(48px * var(--s))}
.wall__row .t-read{max-width:calc(453px * var(--s))}
.wall__ctas{display:flex;flex-direction:column;gap:calc(12px * var(--s));align-items:flex-start}
.wall__ctas .btn{justify-content:space-between;width:calc(335px * var(--s));max-width:100%;min-height:calc(48px * var(--s))}
.wall__ctas .btn svg{width:calc(12px * var(--s));height:calc(12px * var(--s));stroke:currentColor;fill:none;stroke-width:1.5}

.ledger{border-top:1px solid var(--t-line)}
.ledger__row{display:grid;grid-template-columns:calc(453px * var(--s)) 1fr;gap:var(--gut);padding:calc(36px * var(--s)) calc(20px * var(--s));border-bottom:1px solid var(--t-line);align-items:start;transition:background .6s var(--ease);position:relative}
.ledger__row:hover{background:var(--c-white)}
.ui-dark .ledger__row:hover{background:var(--c-shade)}
.ledger__no{font-size:var(--fs-ui);letter-spacing:var(--tr-ui);color:var(--c-accent);padding-top:calc(8px * var(--s))}
.ledger__h{transition:transform .6s var(--ease)}
.ledger__row:hover .ledger__h{transform:translateX(8px)}
.ledger__row .t-read{max-width:calc(690px * var(--s))}
.ledger__row .lnk{margin-top:calc(16px * var(--s))}
.ledger__row--spot{background:var(--c-ink);color:rgba(255,255,255,.68);--t-head:#fff;--t-text:rgba(255,255,255,.68);grid-template-columns:calc(453px * var(--s)) 1fr calc(335px * var(--s));padding-block:calc(48px * var(--s));margin-inline:calc(-20px * var(--s));padding-inline:calc(40px * var(--s))}
.ledger__row--spot:hover{background:var(--c-ink)}
.ledger__row--spot .media{aspect-ratio:.913;align-self:stretch}
.ledger__row--spot .t-h4{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3)}

.phero--over{overflow:visible;margin-bottom:calc(120px * var(--s))}
.phero--over .phero__plate{margin-bottom:calc(-120px * var(--s));position:relative;z-index:2}

.header{transition:color .6s var(--ease)}
.header.is-ink{color:var(--c-ink)}
.header.is-ink .header__mark{color:var(--c-ink)}
.header.is-ink::before{opacity:0}
.header::before{transition:opacity .6s var(--ease)}

footer.ui-dark{position:relative;z-index:1}

@media (max-width:980px){
  .cluster__h{grid-column:1/span 12}
  .cluster__port{grid-column:8/span 5;grid-row:2;margin-top:0;align-self:start}
  .cluster__land{grid-column:1/span 7;grid-row:2;margin-top:0}
  .cluster__sq{display:none}
  .cluster__lead{grid-column:1/span 12}
  .cluster__cta{grid-column:1/span 12;margin-top:calc(32px * var(--s))}
  .sticky{grid-template-columns:1fr}
  .sticky__fig{position:relative;height:auto;aspect-ratio:1.2}
  .sticky__fig .media{position:absolute}
  .chapter{min-height:0;padding-left:0;padding-block:calc(48px * var(--s))}
  .notes{grid-template-columns:1fr}
  .notes__margin{position:static}
  .step,.step:nth-child(n){grid-column:1/span 12;margin-top:calc(48px * var(--s));grid-template-columns:1fr}
  .step__fig,.step:nth-child(n+2) .step__fig{aspect-ratio:1.5;max-width:calc(453px * var(--s));outline:0;margin-top:0}
  .cell--8x2,.cell--4x1,.cell--8x1,.cell--6x1{grid-column:span 6;grid-row:span 1}
  .cell--type .t-display{font-size:calc(100px * var(--s))}
  .quote__fig{grid-column:1/span 5}
  .quote__body{grid-column:6/span 7}
  .wall__h{grid-column:1/span 12}
  .wall__fig{grid-column:8/span 5;grid-row:3;margin-bottom:calc(-120px * var(--s))}
  .wall__row{grid-column:1/span 12;grid-template-columns:1fr}
  .ledger__row{grid-template-columns:1fr}
  .ledger__row--spot{grid-template-columns:1fr;margin-inline:0;padding-inline:calc(20px * var(--s))}
  .ledger__row--spot .media{grid-column:1;aspect-ratio:1.5}
}
@media (max-width:640px){
  .cluster__port,.cluster__land{grid-column:1/span 12;grid-row:auto}
  .cluster__port{aspect-ratio:1.2}
  .cell--8x2,.cell--4x1,.cell--8x1,.cell--6x1{grid-column:span 12}
  .mosaic{grid-auto-rows:calc(300px * var(--s))}
  .quote__fig,.quote__body{grid-column:1/span 12}
  .chapter__list{grid-template-columns:1fr}
  .film__track{height:calc(300px * var(--s))}
  .wall__fig{grid-column:1/span 12;grid-row:3;aspect-ratio:1.4;margin-bottom:calc(-80px * var(--s))}
}
@media (max-width:860px){
  .film{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .film::-webkit-scrollbar{display:none}
  .film__track{transform:none!important;padding-right:var(--edge)}
}
@media (prefers-reduced-motion:reduce){
  .media img,.sticky__fig .media,.sticky__fig .media img,.ledger__h,.lnk::after,.cell__go{transition:none}
  .sticky__fig .media img{transform:none}
}

.pitch{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:end}
.pitch__fig{grid-column:1/span 7;aspect-ratio:1.3}
.pitch__body{grid-column:9/span 4;display:flex;flex-direction:column;gap:calc(32px * var(--s));padding-bottom:calc(20px * var(--s))}
.btn-paper{background:#fff;color:var(--c-ink);border-color:#fff}
.btn-paper:hover{background:transparent;color:#fff;border-color:#fff}
.phero--plate .phero__plate .t-read{color:var(--c-ink-3)}
.phero--over{overflow:visible}
.phero--over .phero__bg{overflow:hidden}
.phero--over .phero__body{padding-bottom:0}
.phero--over .phero__plate{margin-bottom:calc(-100px * var(--s))}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--t-line)}
.compare>div{padding:calc(40px * var(--s))}
.compare>div+div{border-left:1px solid var(--t-line)}
.compare ul{display:flex;flex-direction:column;gap:calc(12px * var(--s));margin-top:calc(24px * var(--s))}
.compare li{font-size:var(--fs-lead);line-height:var(--lh-read);letter-spacing:var(--tr-lead);font-weight:400;color:var(--t-text);padding-left:calc(20px * var(--s));position:relative}
.compare li::before{content:"";position:absolute;left:0;top:calc(13px * var(--s));width:calc(10px * var(--s));height:1px;background:var(--c-accent)}
.cell--port{aspect-ratio:.8}
.cell--port .cell__body .t-cap{color:rgba(255,255,255,.7)}
.ways{border-top:1px solid var(--t-line)}
.ways__row{display:grid;grid-template-columns:calc(335px * var(--s)) 1fr auto;gap:var(--gut);align-items:baseline;padding-block:calc(28px * var(--s));border-bottom:1px solid var(--t-line)}
.ways__row a.t-h4:hover{color:var(--c-accent)}
.form input,.form textarea,.form select{font-size:var(--fs-lead);line-height:var(--lh-read);font-weight:400}
@media (pointer:coarse){
  .form input,.form textarea,.form select{font-size:max(16px,var(--fs-lead))}
  .menu-btn,.header__mark{min-height:44px}
  .chip-t,.chip span,.btn{min-height:44px}
  footer a{display:inline-flex;align-items:center;min-height:32px}
  .consent input{width:22px;height:22px}
}
.form label{font-size:var(--fs-xs);letter-spacing:var(--tr-xs);text-transform:uppercase;font-weight:500}
@media (max-width:980px){
  .pitch__fig,.pitch__body{grid-column:1/span 12}
  .compare{grid-template-columns:1fr}
  .compare>div+div{border-left:0;border-top:1px solid var(--t-line)}
  .ways__row{grid-template-columns:1fr}
}

@media (max-width:980px){
  .cluster__cta{grid-row:4}
  .mosaic{background:none;border:0;gap:2px}
  .cell{outline:1px solid var(--t-line)}
}
@media (prefers-reduced-motion:reduce){
  .film{overflow-x:auto;scrollbar-width:thin}
}

.cell--ph{background:var(--t-plate);color:var(--c-ink)}
.cell--ph .cell__body .kicker,.cell--ph .cell__body .t-h4{color:var(--c-ink-2)}
.cell--ph .cell__body .t-cap,.cell--ph .cell__ph{color:var(--c-ink-3)}
.cell--ph .cell__ph{position:absolute;left:calc(28px * var(--s));top:calc(28px * var(--s));margin:0}
.quote>div>.quote__fig{grid-column:auto}

.t-read{font-size:max(17px,var(--fs-lead));line-height:max(25px,var(--lh-read))}
.t-h4{font-size:max(22px,var(--fs-h4));line-height:max(27px,var(--lh-h4))}
.t-cap,.chapter__list li{font-size:max(13px,var(--fs-ui));line-height:max(18px,var(--lh-ui))}
.compare li{font-size:max(17px,var(--fs-lead));line-height:max(25px,var(--lh-read))}
.kicker,.lnk,.btn,.ledger__no{font-size:max(11px,var(--fs-xs))}
.t-h3{font-size:max(30px,var(--fs-h3));line-height:max(34px,var(--lh-h3))}
.t-h2b{font-size:max(36px,var(--fs-h2b));line-height:max(39px,var(--lh-h2b))}

:root{ --fs-giant:calc(200px * var(--s)); --lh-giant:calc(180px * var(--s)); --tr-giant:calc(-8px * var(--s)); }

.t-giant{font-size:var(--fs-giant);line-height:var(--lh-giant);letter-spacing:var(--tr-giant);font-weight:400;color:var(--t-head);text-transform:uppercase}
.t-outline{-webkit-text-stroke:1px var(--t-line);color:transparent}
.wm{position:absolute;z-index:0;pointer-events:none;user-select:none;font-size:calc(400px * var(--s));line-height:.8;letter-spacing:calc(-16px * var(--s));font-weight:400;-webkit-text-stroke:1px var(--t-line);color:transparent;white-space:nowrap}
.clip-text{background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.grain{position:relative;isolation:isolate}
.grain>*{position:relative;z-index:1}

.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid var(--t-line);padding-block:calc(18px * var(--s))}
.marquee__track{display:inline-flex;gap:calc(60px * var(--s));padding-right:calc(60px * var(--s));animation:marq var(--marq-dur,48s) linear infinite;will-change:transform}
.marquee__track>span{display:inline-flex;align-items:center;gap:calc(60px * var(--s));font-size:var(--fs-h4);line-height:1;letter-spacing:var(--tr-h4);color:var(--t-head);text-transform:uppercase}
.marquee__track>span::after{content:"";width:calc(6px * var(--s));height:calc(6px * var(--s));border-radius:50%;background:var(--c-accent)}
@keyframes marq{to{transform:translateX(-50%)}}
.marquee{position:relative}
.marquee.is-paused .marquee__track,.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__toggle{position:absolute;right:var(--edge);top:50%;transform:translateY(-50%);min-height:24px;padding:4px 10px;background:var(--t-bg);border:1px solid var(--t-line);color:var(--t-head);font-size:max(11px,var(--fs-xs));letter-spacing:var(--tr-xs);text-transform:uppercase}

.follow{position:relative}
.follow__img{position:fixed;left:0;top:0;width:calc(335px * var(--s));aspect-ratio:.8;pointer-events:none;z-index:15;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .5s var(--ease);overflow:hidden;background:var(--t-plate)}
.follow__img img{width:100%;height:100%;object-fit:cover;display:block}
.follow.is-hover .follow__img{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media (hover:none),(pointer:coarse){.follow__img{display:none}}
.idx{border-top:1px solid var(--t-line)}
.idx__row{display:grid;grid-template-columns:1fr auto;gap:var(--gut);align-items:baseline;padding:calc(30px * var(--s)) calc(20px * var(--s));border-bottom:1px solid var(--t-line);cursor:pointer;transition:background .6s var(--ease)}
.idx__row:hover{background:var(--c-white)}
.ui-dark .idx__row:hover{background:var(--c-shade)}
.idx__no{font-size:var(--fs-ui);letter-spacing:var(--tr-ui);color:var(--c-accent)}
.idx__t{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);font-weight:400;color:var(--t-head);transition:transform .6s var(--ease)}
.idx__row:hover .idx__t{transform:translateX(12px)}
.idx__tag{font-size:var(--fs-ui);letter-spacing:var(--tr-ui);color:var(--t-text)}

.acc__row{border-bottom:1px solid var(--t-line)}
.acc__btn{width:100%;display:grid;grid-template-columns:1fr auto;gap:var(--gut);align-items:baseline;padding:calc(30px * var(--s)) calc(20px * var(--s));text-align:left;cursor:pointer;transition:background .6s var(--ease)}
.acc__btn:hover{background:var(--c-white)}
.ui-dark .acc__btn:hover{background:var(--c-shade)}
.acc__btn .idx__t{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--tr-h4)}
.acc__plus{width:calc(40px * var(--s));height:calc(40px * var(--s));border:1px solid var(--t-line);border-radius:50%;position:relative;align-self:center;transition:transform .6s var(--ease),background .6s var(--ease)}
.acc__plus::before,.acc__plus::after{content:"";position:absolute;left:50%;top:50%;width:calc(12px * var(--s));height:1px;background:var(--t-head);transform:translate(-50%,-50%)}
.acc__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc__row.is-open .acc__plus{transform:rotate(45deg);background:var(--t-head)}
.acc__row.is-open .acc__plus::before,.acc__row.is-open .acc__plus::after{background:var(--t-bg)}
.acc__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .8s var(--ease),visibility 0s linear .8s}
.acc__row.is-open .acc__panel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .8s var(--ease),visibility 0s}
html:not(.js) .acc__panel{grid-template-rows:1fr;visibility:visible}
.acc__inner{overflow:hidden}
.acc__body{display:grid;grid-template-columns:calc(90px * var(--s)) calc(335px * var(--s)) 1fr;gap:var(--gut);padding:0 calc(20px * var(--s)) calc(40px * var(--s))}
.acc__body .media{grid-column:2;aspect-ratio:1.2}
.acc__body>div:last-child{grid-column:3;max-width:calc(690px * var(--s))}

.deck{display:flex;flex-direction:column;gap:calc(40px * var(--s))}
.deck__card{position:sticky;top:calc(100px * var(--s) + var(--i,0) * 16px);display:grid;grid-template-columns:5fr 7fr;gap:var(--gut);background:var(--t-bg);border:1px solid var(--t-line);min-height:calc(520px * var(--s));overflow:hidden}
.ui-dark .deck__card{background:var(--c-shade)}
.deck__card .media{height:100%;min-height:calc(320px * var(--s))}
.deck__body{padding:calc(48px * var(--s));display:flex;flex-direction:column;gap:calc(24px * var(--s));position:relative}
.deck__no{position:absolute;right:calc(32px * var(--s));top:calc(24px * var(--s));font-size:var(--fs-h2);line-height:1;-webkit-text-stroke:1px var(--t-line);color:transparent}
.deck__body .t-read{max-width:calc(560px * var(--s))}

.hscroll{position:relative;overflow:hidden}
.hscroll__track{display:flex;gap:var(--gut);padding-left:max(var(--edge),calc((100% - var(--field)) / 2));will-change:transform}
.hscroll__panel{flex:none;width:min(calc(920px * var(--s)),80vw);min-height:100svh;display:grid;grid-template-rows:1fr auto;gap:calc(24px * var(--s));padding-block:calc(100px * var(--s)) calc(60px * var(--s));position:relative}
.hscroll__panel .media{min-height:0;height:100%}
.hscroll__panel .wm{right:calc(20px * var(--s));top:calc(40px * var(--s));font-size:calc(200px * var(--s))}
.hscroll__bar{position:absolute;left:var(--edge);right:var(--edge);bottom:calc(28px * var(--s));height:1px;background:var(--t-line)}
.hscroll__bar span{display:block;height:100%;width:0;background:var(--c-accent)}
@media (max-width:860px),(prefers-reduced-motion:reduce){
  .hscroll{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:max(var(--edge),calc((100% - var(--field)) / 2))}
  .hscroll__track{transform:none!important;padding-right:var(--edge)}
  .hscroll__panel{scroll-snap-align:start;min-height:0;width:min(calc(920px * var(--s)),86vw)}
  .hscroll__bar{display:none}
}

.words span{opacity:.18;transition:opacity .4s linear}
.words span.is-on{opacity:1}
html.no-motion .words span,html:not(.js) .words span{opacity:1}

.ring{width:calc(260px * var(--s));height:calc(260px * var(--s))}
.ring text{font-size:16px;letter-spacing:4px;text-transform:uppercase;fill:currentColor;font-weight:500}

.draw path,.draw line,.draw circle,.draw polyline{stroke:var(--t-line);fill:none;stroke-width:1;vector-effect:non-scaling-stroke}
.draw [data-draw]{stroke-dasharray:var(--len,2000);stroke-dashoffset:var(--len,2000);transition:stroke-dashoffset 1.8s var(--ease)}
.draw.is-drawn [data-draw]{stroke-dashoffset:0}
.draw .node{fill:var(--t-bg);stroke:var(--t-head)}
.draw .accent{stroke:var(--c-accent)}

.halves{display:flex;min-height:100svh;background:var(--c-ink)}
.half{flex:1 1 50%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(60px * var(--s)) calc(40px * var(--s));transition:flex-basis .9s var(--ease);color:#fff;min-width:0}
.half .media{position:absolute;inset:0;z-index:0}
.half .media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,32,.15) 30%,rgba(7,11,32,.82) 100%)}
.half>*:not(.media){position:relative;z-index:1}
.halves:hover .half{flex-basis:38%}
.halves .half:hover{flex-basis:62%}
.half__word{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--tr-h2);text-transform:uppercase;font-weight:400;color:#fff}
.half .t-read{color:rgba(255,255,255,.78);max-width:calc(453px * var(--s))}
.half .kicker{color:#fff}
.half:focus-visible{outline:0}
.half:focus-visible::after{content:"";position:absolute;inset:8px;z-index:2;border:2px solid #fff;pointer-events:none}

.columns{column-count:2;column-gap:calc(60px * var(--s));column-rule:1px solid var(--t-line)}
.columns>p{break-inside:avoid}
.dropcap::first-letter{float:left;font-size:calc(120px * var(--s));line-height:.8;padding:calc(8px * var(--s)) calc(14px * var(--s)) 0 0;color:var(--c-accent);font-weight:400}
.pull{break-inside:avoid;column-span:all;font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);color:var(--t-head);border-left:2px solid var(--c-accent);padding-left:calc(28px * var(--s));margin-block:calc(48px * var(--s))}

.ruler{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--gut);border-top:1px solid var(--t-head);padding-top:calc(28px * var(--s))}
.ruler__i{position:relative;padding-top:calc(20px * var(--s))}
.ruler__i::before{content:"";position:absolute;left:0;top:calc(-28px * var(--s));width:1px;height:calc(28px * var(--s));background:var(--t-head)}
.ruler__wk{font-size:var(--fs-xs);letter-spacing:var(--tr-xs);text-transform:uppercase;color:var(--c-accent)}
.ui-white .ruler__wk,.ui-light .ruler__wk{color:#7f6436}

.chipset{display:flex;flex-wrap:wrap;gap:calc(10px * var(--s))}
.chip-t{border:1px solid var(--t-line);padding:calc(12px * var(--s)) calc(18px * var(--s));font-size:var(--fs-ui);letter-spacing:var(--tr-ui);color:var(--t-head);cursor:pointer;transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease)}
.chip-t:hover{border-color:var(--t-head)}
.chip-t.is-on,.chip-t[aria-pressed="true"]{background:var(--t-head);color:var(--t-bg);border-color:var(--t-head)}

.clock{font-variant-numeric:tabular-nums}

@media (max-width:980px){
  .idx__row,.acc__btn{grid-template-columns:1fr auto}
  .acc__body{grid-template-columns:1fr}
  .acc__body .media,.acc__body>div:last-child{grid-column:1}
  .deck__card{grid-template-columns:1fr;min-height:0}
  .deck__card .media{aspect-ratio:1.6;min-height:0}
  .halves{flex-direction:column;min-height:0}
  .half{min-height:calc(420px * var(--s))}
  .halves:hover .half,.halves .half:hover{flex-basis:auto}
  .columns{column-count:1}
  .ruler{grid-auto-flow:row;grid-auto-columns:auto;border-top:0;border-left:1px solid var(--t-head);padding:0 0 0 calc(28px * var(--s))}
  .ruler__i::before{left:calc(-28px * var(--s));top:calc(12px * var(--s));width:calc(28px * var(--s));height:1px}
  .follow__img{display:none}
  .wm{font-size:calc(200px * var(--s))}
  .t-giant{font-size:max(64px,calc(120px * var(--s)));line-height:.95;letter-spacing:-.04em}
}
@media (prefers-reduced-motion:reduce){
  .marquee__track{animation:none}
  .marquee__toggle{display:none}
  .draw [data-draw]{stroke-dashoffset:0;transition:none}
  .follow__img{display:none}
  .halves:hover .half,.halves .half:hover{flex-basis:50%}
}
.rail4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
@media (max-width:860px){.rail4{grid-template-columns:1fr}}