/* _preview2 inner-page layer on top of home.css (homepage tokens) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.nav{view-transition-name:nav}
.p2-prog{position:fixed;inset-inline:0;top:0;height:3px;z-index:200;background:var(--wine);transform-origin:right;transform:scaleX(0);pointer-events:none}
@supports (animation-timeline:scroll()){.p2-prog{animation:p2prog linear both;animation-timeline:scroll(root)}@keyframes p2prog{to{transform:scaleX(1)}}}
.nis{font-size:.62em;font-weight:500;margin-inline-start:.12em;opacity:.85;vertical-align:.08em}
.p2-flag{position:fixed;bottom:12px;inset-inline-start:12px;z-index:150;font:600 11px/1 var(--font);background:#1d1d1fcc;color:#86868b;border:1px solid var(--hair-dark);border-radius:99px;padding:7px 11px;backdrop-filter:blur(10px)}
/* hero */
.p2-hero{position:relative;min-height:min(86svh,820px);display:flex;align-items:flex-end;padding:150px 0 72px;background:radial-gradient(120% 80% at 80% 0%,#2a0a10 0%,#0b0b0c 46%,#000 100%);overflow:hidden}
.p2-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--hair-dark)}
.p2-hero--short{min-height:auto;padding-top:150px}
.p2-hero .content{position:relative;z-index:2}
.p2-glow{position:absolute;width:62vmax;height:62vmax;border-radius:50%;background:radial-gradient(closest-side,#c8102e55,transparent 70%);top:-30vmax;left:-18vmax;filter:blur(20px);pointer-events:none;will-change:transform}
.crumbs{font-size:13px;color:var(--t-dark-2);margin-bottom:22px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:var(--t-dark-2);text-decoration:none}.crumbs a:hover{color:var(--t-dark)}
.p2-h1{font-size:clamp(40px,6.4vw,84px);line-height:1.08;font-weight:650;letter-spacing:-.01em;margin:0 0 22px;max-width:16ch;text-wrap:balance}
.p2hl{color:var(--wine-text)}
.p2-lead{font-size:clamp(19px,2vw,24px);line-height:1.5;color:#d2d2d7;max-width:40ch;margin:0 0 22px}
.byline{font-size:14px;color:var(--t-dark-2);margin:0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.tag{display:inline-block;font:600 12px/1 var(--font);padding:7px 12px;border-radius:99px;background:#c8102e1f;color:var(--wine-text);border:1px solid #c8102e55;text-decoration:none}
.chapter--paper .tag{background:#c8102e12;color:var(--wine)}
/* word reveal (never per-letter) */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.w>i{display:inline-block;font-style:normal;transition:transform 1s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*45ms)}
.in .w>i,.no-motion .w>i{transform:none}
.rv{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.rv.in,.no-motion .rv{opacity:1;transform:none}
/* P0-1: visible by default; hidden start only when JS marked html.motion */
.motion [data-split]:not(.in) .w>i{transform:translateY(105%)}
.motion .rv:not(.in){opacity:0;transform:translateY(28px)}
.motion .mask:not(.in){clip-path:inset(12% 8% 12% 8% round var(--r))}.motion .mask:not(.in) img{transform:scale(1.15)}
.motion .card .mask:not(.in){clip-path:inset(0 0 100% 0)}
/* masked image entrance */
.mask{overflow:hidden;border-radius:var(--r);transition:clip-path 1.2s cubic-bezier(.76,0,.24,1)}
.mask img{display:block;width:100%;height:auto;transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
.mask.in,.no-motion .mask{clip-path:inset(0 0 0 0 round var(--r))}
.mask.in img,.no-motion .mask img{transform:none}
/* reading layout */
.p2-read{display:grid;grid-template-columns:minmax(0,720px) 260px;gap:64px;justify-content:center;width:min(100% - 2*var(--gutter),1100px);margin-inline:auto}
.p2-read--solo{grid-template-columns:minmax(0,720px)}
.prose{font-size:19px;line-height:1.75;color:#1d1d1f;min-width:0}
.prose>*+*{margin-top:1.05em}
.prose h2{font-size:clamp(28px,3.2vw,38px);line-height:1.2;font-weight:650;margin-top:2em;scroll-margin-top:100px;letter-spacing:-.005em}
.prose h3{font-size:23px;line-height:1.3;font-weight:650;margin-top:1.6em}
.prose a{color:var(--wine);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose strong,.prose b{font-weight:650}
.prose ul,.prose ol{padding-inline-start:1.3em}.prose li+li{margin-top:.45em}
.prose ol.steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:14px}
.prose ol.steps>li{counter-increment:s;position:relative;padding:22px 92px 22px 22px;background:#fff;border-radius:22px;box-shadow:0 1px 0 #d2d2d7}
.prose ol.steps>li::before{content:counter(s,decimal-leading-zero);position:absolute;right:20px;top:12px;font:700 54px/1 Inter,var(--font);color:var(--wine);opacity:.9}
.prose blockquote{margin:1.6em 0;padding:4px 22px 4px 0;border-right:3px solid var(--wine);font-size:24px;line-height:1.45;font-weight:600}
.prose blockquote cite{display:block;font-size:14px;font-weight:400;color:#6e6e73;margin-top:8px;font-style:normal}
.prose figure{margin:2em 0}.prose figcaption{font-size:14px;color:#6e6e73;margin-top:10px}
.prose .vid{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000}.prose .vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose table{width:100%;border-collapse:collapse;font-size:16px;background:#fff;border-radius:20px;overflow:hidden}
.prose th,.prose td{padding:14px 16px;border-bottom:1px solid #e8e8ed;text-align:right;vertical-align:top}.prose th{background:#1d1d1f;color:#f5f5f7;font-weight:600}
/* answer-first box */
.answer{position:relative;background:#1d1d1f;color:#f5f5f7;border-radius:var(--r);padding:28px 30px;font-size:18px;line-height:1.65;box-shadow:inset 0 1px 0 #ffffff1f,0 30px 60px -30px #0008;overflow:hidden}
.answer::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 120% at 100% 0,#c8102e40,transparent 60%);pointer-events:none}
.answer>strong:first-child,.answer>h4{display:block;font-size:13px;letter-spacing:.06em;color:var(--wine-text);margin:0 0 8px;font-weight:700}
.answer ul{margin:0;padding-inline-start:1.1em}.answer b{color:#fff}
/* cta */
.cta-box{background:linear-gradient(135deg,#c8102e,#7a0a1c);color:#fff;border-radius:var(--r);padding:30px;display:grid;gap:18px;box-shadow:0 30px 60px -30px #c8102e88}
.cta-box p{margin:0;font-size:18px;line-height:1.6}.cta-box strong{display:block;font-size:22px;margin-bottom:4px}
.cta-box .btn{justify-self:start;background:#fff;color:#1d1d1f}
.prose .btn,.cta-box .btn{text-decoration:none}
.btn svg{display:none}
/* proof / counters */
.proof,.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.proof>*,.counters>div{background:#1d1d1f;color:#86868b;border-radius:22px;padding:22px;font-size:14px;line-height:1.4;margin:0!important}
.proof b,.counters b{display:block;color:#fff;font:700 clamp(30px,3.6vw,44px)/1.05 Inter,var(--font);margin-bottom:6px}
.proof p.p2hl{font-size:18px!important;color:#fff}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ba>div{border-radius:22px;padding:20px;background:#fff}.ba .a{background:#1d1d1f;color:#f5f5f7}.ba h4{margin:0 0 6px;font-size:15px;color:var(--wine)}.ba .a h4{color:var(--wine-text)}.ba ul{margin:0;font-size:16px}
/* faq */
.faq{margin-top:2.6em}
.faq details{border-bottom:1px solid #d2d2d7;padding:4px 0}
.faq summary{cursor:pointer;list-style:none;font-size:20px;font-weight:600;padding:18px 0 18px 36px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;left:4px;top:12px;font:300 30px/1 Inter;color:var(--wine);transition:transform .4s var(--ease-ui)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px;color:#424245}
/* author */
.author{display:flex;gap:18px;align-items:center;background:#fff;border-radius:var(--r);padding:22px;margin-top:2.4em}
.author img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.author p{margin:0;font-size:15px;line-height:1.55;color:#424245}.author .n{font-weight:700;color:#1d1d1f;font-size:17px}
/* toc */
.toc-wrap{position:relative}
.toc{position:sticky;top:100px;padding:22px;border-radius:22px;background:#fff;font-size:14px}
.toc h4{margin:0 0 10px;font-size:12px;letter-spacing:.08em;color:#6e6e73}
.toc a{display:block;padding:7px 12px 7px 0;color:#6e6e73;text-decoration:none;border-right:2px solid #e8e8ed;transition:.3s}
.toc a.on{color:var(--wine);border-color:var(--wine);font-weight:600}
.toc .tc{margin-top:16px;padding-top:16px;border-top:1px solid #e8e8ed;color:#1d1d1f}.toc .tc a{border:0;padding:0;color:var(--wine);font-weight:600;display:inline}
.toc-chip{display:none}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.card{position:relative;background:var(--tile);border-radius:var(--r);overflow:hidden;color:var(--t-dark);display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px #c8102e66}
.card .mask{border-radius:0}.card .mask.in,.no-motion .card .mask{clip-path:inset(0)}
.card .mask img{aspect-ratio:16/10;object-fit:cover}
.card .cb{padding:22px 22px 26px;display:grid;gap:10px}
.card h3{margin:0;font-size:21px;line-height:1.3;font-weight:650}
.card h3 a{color:inherit;text-decoration:none}.card h3 a::after{content:"";position:absolute;inset:0}
.card p{margin:0;color:var(--t-dark-2);font-size:15px;line-height:1.55}
.card .tag{justify-self:start}
.chapter--paper .card{background:#fff;color:#1d1d1f}.chapter--paper .card p{color:#6e6e73}
.prose .cards{grid-template-columns:1fr 1fr}.prose .card{background:#fff;color:#1d1d1f;box-shadow:0 1px 0 #d2d2d7}.prose .card a{text-decoration:none;color:inherit}.prose .card p{color:#6e6e73}.prose .card .byline a{position:relative;z-index:2;color:var(--wine)}
/* services: sticky stack */
.stack{display:grid;gap:0}
.stack .card{position:sticky;top:calc(96px + var(--k)*18px);min-height:300px;margin-bottom:26px;background:linear-gradient(160deg,#2a2a2c,#161617);border:1px solid var(--hair-dark);padding:0}
.stack .card .cb{padding:36px;grid-template-columns:auto 1fr;align-items:start;column-gap:28px}
.stack .num{grid-row:span 4;font:700 clamp(70px,9vw,128px)/.9 Inter,var(--font);color:var(--wine);opacity:.95}
.stack .card h3{font-size:clamp(26px,3vw,36px)}
/* featured horizontal rail (T6) */
.hrail{position:relative}
.hrail__stick{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.hrail__track{display:flex;gap:22px;padding-inline:var(--gutter);will-change:transform}
.hrail .card{flex:0 0 min(520px,78vw)}
.hrail .card .mask img{aspect-ratio:4/3}
.hrail__hd{width:min(100% - 2*var(--gutter),1260px);margin:0 auto 28px}
/* frame sequence */
.p2seq{position:relative;height:260svh;background:#000}
.p2seq__stick{position:sticky;top:0;height:100svh;overflow:hidden}
.p2seq canvas{position:absolute;inset:0;width:100%;height:100%}
.p2seq__shade{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 45%,transparent,#000 85%),linear-gradient(#0000 55%,#000);opacity:var(--shade,1)}
.p2seq__txt{position:absolute;inset:auto 0 12svh;text-align:center;padding:0 var(--gutter);z-index:2}
.p2seq__txt h1{font-size:clamp(44px,8vw,112px);line-height:1.02;font-weight:700;margin:0;text-wrap:balance;opacity:var(--tx,1);transform:translateY(var(--ty,0))}
.p2seq__txt p{font-size:clamp(18px,2vw,24px);color:#d2d2d7;margin:16px auto 0;max-width:36ch;opacity:var(--tx,1)}
.p2seq__end{position:absolute;inset:auto 0 18svh;text-align:center;font-size:clamp(30px,5vw,64px);font-weight:650;opacity:var(--end,0);transform:translateY(calc((1 - var(--end,0))*30px));z-index:2;padding:0 var(--gutter)}
.p2seq__end b{color:var(--wine-text);font-weight:inherit}
/* newsletter */
.news{width:min(100% - 2*var(--gutter),980px);margin:0 auto;border-radius:var(--r);padding:44px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;background:#1c1c1e75;border:1px solid var(--hair-dark);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 #ffffff26}
.news h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.2}.news p{margin:8px 0 0;color:var(--t-dark-2)}
.news form{display:flex;gap:10px}.news input{flex:1;min-width:0;height:52px;border-radius:99px;border:1px solid var(--hair-dark);background:#000;color:#fff;padding:0 20px;font:inherit}
.news small{grid-column:1/-1;color:#6e6e73;font-size:12px}
.p2-sec-hd{width:min(100% - 2*var(--gutter),1260px);margin:0 auto 34px;display:flex;justify-content:space-between;align-items:end;gap:20px}
.p2-sec-hd h2{margin:0}
.chapter--paper .p2-sec-hd .eyebrow{color:#6e6e73}
@media (max-width:1068px){.p2-read{grid-template-columns:minmax(0,720px)}.toc-wrap{display:none}
 .toc-chip{display:block;margin:0 0 1.4em}.toc-chip summary{cursor:pointer;display:inline-flex;gap:8px;align-items:center;font:600 14px/1 var(--font);padding:11px 16px;border-radius:99px;background:#fff;box-shadow:0 1px 0 #d2d2d7}.toc-chip nav{display:grid;gap:4px;padding:14px 4px}.toc-chip a{color:#424245;text-decoration:none;font-size:15px}}
@media (max-width:734px){.p2-hero{min-height:auto;padding:120px 0 48px}.prose{font-size:18px}.news{grid-template-columns:1fr;padding:28px}.news form{flex-direction:column}.news .btn{width:100%}
 .prose .cards,.ba{grid-template-columns:1fr}.stack .card{position:relative;top:auto}.stack .card .cb{grid-template-columns:1fr;padding:26px}.stack .num{grid-row:auto;font-size:64px}
 .hrail__stick{position:relative;height:auto;padding:var(--pad) 0}.hrail{height:auto!important}.hrail__track{overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;-webkit-overflow-scrolling:touch;padding-bottom:10px}.hrail .card{scroll-snap-align:start;flex-basis:82vw}
 .p2seq{height:200svh}.prose ol.steps>li{padding:64px 20px 20px}.prose ol.steps>li::before{top:14px;font-size:40px}}
@media (prefers-reduced-motion:reduce){.w>i,.rv,.mask,.mask img{transition:none!important;transform:none!important;opacity:1!important;clip-path:none!important}.p2seq{height:auto}.p2seq__stick{position:relative;height:80svh}.p2seq__end{opacity:1}.hrail{height:auto!important}.hrail__stick{position:relative;height:auto}.hrail__track{overflow-x:auto;transform:none!important}.stack .card{position:relative;top:auto}::view-transition-group(*){animation:none}}
.chapter--paper .p2hl{color:var(--wine)}
@media (max-width:734px){.wide>.tags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter)}.wide>.tags li{flex:none}}
.proof b,.counters b{white-space:nowrap}@media (max-width:734px){.proof b,.counters b{font-size:28px}}
.footer__net{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:.86rem;opacity:.85;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.footer__net .fn-h{font-weight:700;margin-inline-end:6px}.footer__net .fn-r{opacity:.6;margin-inline-end:10px}.footer__net a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* a11y tap targets 2026-11-04 */
.nav__cta{min-height:48px;display:inline-flex;align-items:center}
.duo .duo__menu{min-width:48px!important;min-height:48px!important;width:48px;height:48px}
/* subtle end-of-post CTA panel 2026-11-04 */
.cta-uni{background:linear-gradient(180deg,#1a1214,#120d0e)!important;border-top:1px solid rgba(255,255,255,.06)}
