.p-num{font-family:var(--sans);font-size:.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.p-lede{font-size:clamp(1.4rem,2.2vw,2.2rem);line-height:1.1;font-style:italic;font-weight:300;margin:0}
.p-body{max-width:58ch;color:var(--muted)}
.p-body strong{color:var(--ink)}
.p-quiet{padding:var(--air-sm) 0}
.p-air{padding:var(--air) 0}
.p-paper2{background:var(--paper2)}
.p-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.p-facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;padding-top:14px;border-top:1px solid var(--ink);max-width:760px}
.p-facts span{font-family:var(--sans);font-size:.62rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.p-facts span b{color:var(--orange);font-weight:900}
.p-caption{margin-top:10px}


.operator-promise{font-family:var(--serif);font-size:clamp(1.45rem,2.1vw,2.1rem);font-weight:500;line-height:1.15;max-width:30ch;margin:0 0 18px;text-wrap:balance}
.cc-situation{margin-top:18px}


.p-statement{padding:clamp(90px,12vw,180px) 0;text-align:left}
.p-statement h2{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.9;font-size:clamp(2.6rem,6.4vw,7.2rem);max-width:13ch;margin:0}
.p-statement p{margin:22px 0 0;max-width:34ch;font-size:clamp(1.3rem,2vw,2rem);line-height:1.12;font-style:italic;font-weight:300}
.p-statement.black p{color:#d1c9bd}


.voices{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,28px);align-items:start}
.voices figure{grid-column:1/6;position:relative;aspect-ratio:4/5;overflow:hidden}
.voices figure img{height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05)}
.voices figure .paper-plate{position:absolute;left:18px;bottom:18px;max-width:280px}
.voices .voice-list{grid-column:7/13;align-self:center}
.voice-list h2{font-size:clamp(2.5rem,4.6vw,5.2rem);margin:10px 0 26px;max-width:10ch}
.voice{border-top:1px solid var(--ink);padding:20px 0 22px;display:grid;grid-template-columns:2.2rem 1fr;gap:10px}
.voice:last-child{border-bottom:1px solid var(--ink)}
.voice p{margin:0;font-size:clamp(1.25rem,1.9vw,1.75rem);line-height:1.2}
.voice p::before{content:"“";color:var(--orange)}
.voice p::after{content:"”";color:var(--orange)}


.route{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(18px,3vw,48px);align-items:center;max-width:1180px;margin:0 auto}
.route-col{display:grid;gap:14px}
.route-item{position:relative;border:1px solid var(--ink);background:var(--paper2);padding:16px 18px}
.route-item b{display:block;font-family:var(--sans);font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px}
.route-item span{font-size:1.02rem;line-height:1.35;color:var(--muted)}
.route-col.l .route-item::after,.route-col.r .route-item::before{content:"";position:absolute;top:50%;width:clamp(18px,3vw,48px);border-top:1.5px dashed var(--orange)}
.route-col.l .route-item::after{left:100%}
.route-col.r .route-item::before{right:100%}
.route-core{width:clamp(150px,15vw,210px);aspect-ratio:1;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;text-align:center;font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.4rem,2.2vw,2rem);line-height:.95;box-shadow:0 0 0 10px var(--paper),0 0 0 11px var(--orange)}
.route-core small{display:block;font-size:.5rem;letter-spacing:.14em;color:#b8b0a4;margin-top:8px}


.moves{background:var(--ink);color:var(--paper);padding:var(--air) 0}
.moves .section-head .lede{color:#c9c1b6}
.moves-line{height:4px;background:var(--signal);margin-bottom:0}
.moves-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #3d3934}
.move{border-right:1px solid #3d3934;padding:22px clamp(14px,1.6vw,24px) 26px;display:flex;flex-direction:column;gap:12px}
.move .p-num{color:#b8b0a4}
.move h3{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(1.5rem,2.3vw,2.4rem);line-height:.95;margin:0}
.move.is-diff h3{color:var(--orange)}
.move .p-lede{font-size:clamp(1.05rem,1.4vw,1.3rem);color:#e7dfd3}
.move ul{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid #3d3934}
.move li{font-family:var(--sans);font-size:.78rem;line-height:1.35;padding:8px 0;border-bottom:1px solid #2a2724;color:#c9c1b6}


.builds-art{padding:var(--air) 0;background:var(--paper3)}
.art-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);align-items:start}
.art{background:var(--paper2);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:0;position:relative}
.art:nth-child(1){grid-column:1/7;transform:rotate(-.6deg)}
.art:nth-child(2){grid-column:7/13;margin-top:70px;transform:rotate(.5deg)}
.art:nth-child(3){grid-column:2/7;margin-top:-10px;transform:rotate(.4deg)}
.art:nth-child(4){grid-column:7/12;margin-top:40px;transform:rotate(-.5deg)}
.art-bar{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--ink);background:var(--ink);color:var(--paper)}
.art-bar span{font-family:var(--sans);font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.art-bar span:last-child{color:var(--orange)}
.art-body{padding:18px 18px 20px}
.art h3{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.3rem,1.9vw,1.8rem);line-height:.95;margin:0 0 6px}
.art .art-what{margin:0 0 14px;color:var(--muted);font-size:1rem;line-height:1.4}
.art table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.74rem}
.art th{text-align:left;font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:6px 8px 6px 0;border-bottom:1px solid var(--ink)}
.art td{padding:7px 8px 7px 0;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.3}
.art td.tag{font-weight:900;color:var(--orange);white-space:nowrap}
.art .art-note{position:absolute;right:14px;bottom:-26px;font-family:"Caveat",cursive;font-weight:700;font-size:1.35rem;color:var(--orange);transform:rotate(-4deg);white-space:nowrap}
.art-sample{margin-top:34px;text-align:center}


.doc{background:var(--paper2);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.doc-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:14px 20px;background:var(--ink);color:var(--paper)}
.doc-head b{font-family:var(--sans);font-weight:900;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.doc-head span{font-family:var(--sans);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#b8b0a4}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.doc-cell{padding:16px 20px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.doc-cell:nth-child(3n){border-right:0}
.doc-cell b{display:block;font-family:var(--sans);font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
.doc-cell p{margin:0;font-size:1rem;line-height:1.38}
.doc-cell.wide{grid-column:span 2}
.doc-cell.full{grid-column:1/-1;border-right:0}
.doc-cell.human{background:var(--paper)}
.doc-cell.human b{color:var(--ink)}
.doc-foot{padding:12px 20px;font-family:var(--sans);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cc{padding:var(--air) 0}
.cc-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);align-items:start}
.cc-copy{grid-column:1/5}
.cc-copy h2{font-size:clamp(2.4rem,4.2vw,4.8rem);margin:10px 0 18px;max-width:9ch}
.cc .doc{grid-column:6/13}
.cc-after{grid-column:1/-1;margin-top:clamp(40px,5vw,70px);font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.95;font-size:clamp(1.7rem,3.3vw,3.4rem);max-width:22ch}


.loop{padding:var(--air) 0}
.loop-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);align-items:center}
.loop-copy{grid-column:1/6}
.loop-copy h2{font-size:clamp(2.4rem,4.4vw,5rem);margin:10px 0 18px;max-width:9ch}
.loop-ring{grid-column:7/13;position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:center}
.loop-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.loop-ring circle{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-dasharray:3 6}
.loop-ring .arc{fill:none;stroke:var(--orange);stroke-width:2.2}
.loop-node{position:absolute;width:46%;background:var(--paper2);border:1px solid var(--ink);padding:12px 14px}
.loop-node b{display:block;font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:1.15rem;line-height:1}
.loop-node .p-num{display:block;margin-bottom:4px}
.loop-node span{display:block;font-size:.95rem;line-height:1.3;color:var(--muted);margin-top:5px}
.loop-node.n1{left:27%;top:-4%}
.loop-node.n2{right:-6%;top:37%}
.loop-node.n3{left:27%;bottom:-4%}
.loop-node.n4{left:-6%;top:37%}


.test{padding:var(--air) 0}
.test-cols{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}
.test-col{padding:clamp(22px,3vw,40px)}
.test-col.stop{background:var(--paper2)}
.test-col.start{background:var(--ink);color:var(--paper)}
.test-col h3{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.4rem,2.2vw,2.2rem);margin:0 0 18px}
.test-col.start h3{color:var(--orange)}
.test-col ul{list-style:none;margin:0;padding:0}
.test-col li{font-size:clamp(1.15rem,1.6vw,1.5rem);padding:10px 0;border-bottom:1px solid var(--line)}
.test-col.start li{border-bottom-color:#3d3934}
.test-col.stop li{position:relative;color:var(--muted);width:fit-content}
.test-col.stop li::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:2px;background:var(--orange);transform:rotate(-1.2deg);transform-origin:left;transition:transform .6s ease .1s}
html.dd-anim .test-col.stop li::after{transform:rotate(-1.2deg) scaleX(0)}
html.dd-anim .test-col.stop.is-drawn li::after{transform:rotate(-1.2deg) scaleX(1)}
.test-stress{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);margin-bottom:clamp(40px,5vw,70px);align-items:end}
.test-stress .p-body{grid-column:7/13;margin:0}
.test-stress h2{grid-column:1/7;font-size:clamp(2.4rem,4.4vw,5rem);margin:10px 0 0;max-width:10ch}
.test-has{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.test-has span{border:1px solid var(--ink);padding:7px 12px;font-family:var(--sans);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}


.preread{padding:var(--air) 0;background:var(--paper3)}
.preread-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);align-items:start}
.preread-copy{grid-column:1/5;position:sticky;top:110px}
.preread-copy h2{font-size:clamp(2.4rem,4.2vw,4.8rem);margin:10px 0 18px;max-width:9ch}
.preread .doc{grid-column:5/13}
.selling-examples{grid-column:5/13;min-width:0}
.selling-switch{margin-bottom:24px;padding:18px;background:var(--ink);color:var(--paper);border:2px solid transparent;border-image:var(--signal) 1;box-shadow:5px 5px 0 var(--ink)}
.selling-switch[hidden]{display:none}
.selling-switch__intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.selling-switch__intro b{font-family:var(--sans);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}
.selling-switch__note{display:flex;align-items:center;gap:5px;font-family:"Caveat",cursive;font-size:1.65rem;font-weight:700;color:#ff9d75;line-height:1;transform:rotate(-3deg)}
.selling-switch__note svg{width:42px;height:30px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.selling-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.selling-tabs button{position:relative;min-height:48px;padding:12px 8px;border:1px solid #746e65;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:.67rem;font-weight:800;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.selling-tabs button:hover{border-color:var(--paper)}
.selling-tabs button[aria-selected="true"]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.selling-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--signal)}
.selling-tabs button:focus-visible,.selling-case:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.selling-case .doc-head{align-items:center}
@media(max-width:1000px){.selling-examples{grid-column:1/-1}.selling-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.selling-switch{padding:14px}.selling-switch__intro{gap:6px}.selling-switch__note{font-size:1.4rem}.selling-switch__note svg{width:30px}.selling-case .doc-head{flex-wrap:wrap;gap:6px}}
.doc-cell .strike{text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:2px;color:var(--muted)}


.after{padding:var(--air) 0;background:var(--ink);color:var(--paper)}
.after .section-head .lede{color:#c9c1b6}
.after-line{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--orange)}
.after-step{padding:18px clamp(12px,1.5vw,22px) 0 0;position:relative}
.after-step::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--orange)}
.after-step .p-num{color:#b8b0a4;display:block;margin:8px 0 6px}
.after-step h3{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.1rem,1.6vw,1.5rem);margin:0 0 8px;line-height:1}
.after-step p{margin:0;color:#c9c1b6;font-size:1rem;line-height:1.4}
.after-photo{margin-top:clamp(50px,6vw,90px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);align-items:end}
.after-photo figure{grid-column:1/8;aspect-ratio:3/2;overflow:hidden;position:relative}
.after-photo figure img{height:100%;object-fit:cover}
.after-photo p{grid-column:8/13;font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.95;font-size:clamp(1.6rem,2.6vw,2.8rem);margin:0}


.spread{padding:var(--air) 0;border-top:1px solid var(--ink)}
.spread-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);align-items:start}
.spread figure{grid-column:1/6;position:relative;aspect-ratio:4/5;overflow:hidden}
.spread figure img{height:100%;object-fit:cover;filter:saturate(.8) contrast(1.04)}
.spread figure .paper-plate{position:absolute;left:18px;bottom:18px;max-width:270px}
.spread .spread-copy{grid-column:7/13}
.spread.flip figure{grid-column:8/13;grid-row:1}
.spread.flip .spread-copy{grid-column:1/7;grid-row:1}
.spread-copy h2{font-size:clamp(2.6rem,5vw,5.8rem);margin:10px 0 14px;max-width:10ch}
.spread-builds{margin-top:24px;border-top:1px solid var(--ink)}
.spread-builds div{display:grid;grid-template-columns:2.4rem 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.spread-builds b{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;font-size:.95rem}
.spread-builds span.p-num{padding-top:3px}
.spread-builds em{display:block;font-size:.95rem;color:var(--muted);font-style:normal}


.spine{padding:var(--air) 0;background:var(--ink);color:var(--paper)}
.spine .section-head .lede{color:#c9c1b6}
.spine-row{display:grid;grid-template-columns:9rem repeat(5,1fr);border-top:1px solid #3d3934}
.spine-row > *{padding:16px 12px;border-right:1px solid #3d3934}
.spine-row > *:last-child{border-right:0}
.spine-row .who{font-family:var(--sans);font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#b8b0a4;padding-left:0}
.spine-row .mv{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1rem,1.8vw,1.7rem)}
.spine-row .mv.diff{color:var(--orange)}
.spine-row.explain .mv{font-family:var(--serif);font-weight:300;font-style:italic;text-transform:none;letter-spacing:0;font-size:1rem;line-height:1.35;color:#d1c9bd}
.spine-row:last-child{border-bottom:1px solid #3d3934}


.bring{padding:var(--air) 0}
.bring-table{width:100%;border-collapse:collapse}
.bring-table th{font-family:var(--sans);font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;text-align:left;padding:12px 16px 12px 0;border-bottom:2px solid var(--ink)}
.bring-table td{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.35}
.bring-table td:first-child{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.1rem,1.8vw,1.7rem);width:22%}
.bring-table td.build{font-family:var(--sans);font-weight:900;text-transform:uppercase;font-size:.95rem;letter-spacing:.02em;color:var(--orange)}


.also{padding:var(--air-sm) 0;background:var(--paper2);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.also-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);align-items:center}
.also-grid h2{grid-column:1/6;font-size:clamp(2rem,3.4vw,3.6rem);margin:0;max-width:11ch}
.also-grid p{grid-column:6/10;margin:0;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.3}
.also-grid .btn{grid-column:10/13;justify-self:end}


.pick{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.pick a{display:block;padding:clamp(22px,3vw,40px) clamp(18px,2.4vw,34px) clamp(26px,3.4vw,44px);position:relative}
.pick a + a{border-left:1px solid var(--ink)}
.pick a:hover{background:var(--paper2)}
.pick .p-num{display:block;margin-bottom:12px}
.pick h3{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(1.6rem,3vw,3rem);line-height:.92;margin:0 0 18px}
.pick .voice{grid-template-columns:1fr;border-top-color:var(--line);padding:12px 0}
.pick .voice:last-child{border-bottom:0}
.pick .voice p{font-size:clamp(1.1rem,1.6vw,1.45rem)}
.pick .go{display:inline-block;margin-top:18px;font-family:var(--sans);font-size:.64rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--orange);padding-bottom:3px}


.apply{padding:var(--air) 0;background:var(--paper2);border-top:1px solid var(--ink)}
.apply-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);align-items:start}
.apply-facts{grid-column:1/6}
.apply-facts h2{font-size:clamp(2.4rem,4.2vw,4.8rem);margin:10px 0 22px;max-width:9ch}
.facts{margin:0;border-top:2px solid var(--ink)}
.facts > div{display:grid;grid-template-columns:10rem 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.facts dt{font-family:var(--sans);font-size:.6rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.facts dd{margin:0;font-size:1.08rem;line-height:1.35}
.facts > div.is-unset dd{color:var(--muted);font-style:italic}
.apply-steps{grid-column:7/13}
.steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink)}
.steps li{padding:14px 12px 16px 0;border-right:1px solid var(--line)}
.steps li:last-child{border-right:0}
.steps li + li{padding-left:12px}
.steps b{display:block;font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:1.05rem;margin:6px 0 4px}
.steps span{font-size:.92rem;line-height:1.35;color:var(--muted);display:block}
.p-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;border:1px solid var(--ink);background:var(--paper);padding:clamp(18px,2.4vw,30px)}
.p-form .full{grid-column:1/-1}
.p-form label{display:block;font-family:var(--sans);font-size:.6rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}
.p-form input,.p-form textarea,.p-form select{width:100%;min-height:46px;border:1px solid var(--ink);background:var(--paper2);padding:10px 12px;font-family:var(--serif);font-size:1rem;color:var(--ink);border-radius:0}
.p-form textarea{min-height:110px;resize:vertical}
.p-form input:focus,.p-form textarea:focus,.p-form select:focus{outline:2px solid var(--orange);outline-offset:1px}
.p-form .field.is-invalid input,.p-form .field.is-invalid textarea{border-color:var(--orange)}
.p-form .field__error{display:block;min-height:1em;font-family:var(--sans);font-size:.7rem;color:var(--orange);margin-top:4px}
.p-form .form-status{grid-column:1/-1;margin:0;font-family:var(--sans);font-size:.8rem}
.p-form .form-status[data-state="err"]{color:var(--orange)}
.p-form .btn{justify-self:start}


.reserve{border:1px dashed var(--orange);padding:18px 20px;margin-top:26px;max-width:560px}
.reserve b{display:block;font-family:var(--sans);font-size:.6rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
.reserve p{margin:0;font-size:.98rem;line-height:1.4;color:var(--muted)}


@media(max-width:1050px){
  .voices figure,.voices .voice-list,.spread figure,.spread .spread-copy,.spread.flip figure,.spread.flip .spread-copy,.cc-copy,.cc .doc,.loop-copy,.loop-ring,.preread-copy,.preread .doc,.apply-facts,.apply-steps,.test-stress h2,.test-stress .p-body{grid-column:1/-1;grid-row:auto}
  .voices figure,.spread figure{max-width:560px;aspect-ratio:4/3}
  .preread-copy{position:static}
  .moves-grid{grid-template-columns:1fr 1fr}
  .move:last-child{grid-column:1/-1}
  .art:nth-child(n){grid-column:1/-1;margin-top:0;transform:none}
  .after-line{grid-template-columns:1fr 1fr;gap:28px 0}
  .after-photo figure,.after-photo p{grid-column:1/-1}
  .also-grid h2,.also-grid p,.also-grid .btn{grid-column:1/-1;justify-self:start}
  .loop-ring{max-width:460px;margin-top:30px}
}
@media(max-width:720px){
  .route{grid-template-columns:1fr}
  .route-core{order:-1;justify-self:center;margin-bottom:10px}
  .route-col.l .route-item::after,.route-col.r .route-item::before{display:none}
  .moves-grid{grid-template-columns:1fr}
  .moves-line{height:3px}
  .doc-grid{grid-template-columns:1fr}
  .doc-cell,.doc-cell.wide{grid-column:auto;border-right:0}
  .test-cols{grid-template-columns:1fr}
  .after-line{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--orange);padding-left:18px}
  .after-step{padding:0 0 22px}
  .after-step::before{top:4px;left:-26px}
  .spine-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr}
  .spine-row .who{grid-column:1/-1;border-right:0;padding:12px 0 0}
  .spine-row > *{padding:10px 6px}
  .spine-row .mv{font-size:.72rem;letter-spacing:0}
  .spine-row.explain{display:none}
  .bring-table thead{display:none}
  .bring-table tr{display:block;border-bottom:1px solid var(--ink);padding:14px 0}
  .bring-table td{display:block;border:0;padding:4px 0;width:auto!important}
  .pick{grid-template-columns:1fr}
  .pick a + a{border-left:0;border-top:1px solid var(--ink)}
  .steps{grid-template-columns:1fr 1fr}
  .steps li:nth-child(2){border-right:0}
  .steps li:nth-child(3){padding-left:0}
  .steps li:nth-child(n+3){border-top:1px solid var(--line)}
  .p-form{grid-template-columns:1fr}
  .facts > div{grid-template-columns:1fr;gap:2px}
  .loop-ring{aspect-ratio:auto;max-width:none}
  .loop-ring svg{display:none}
  .loop-node{position:static;width:auto;margin-bottom:10px}
  .art table{font-size:.7rem}
}


.close.long h2{max-width:15ch;font-size:clamp(2.4rem,5.4vw,6rem)}
.fit-list.not div{color:var(--muted)}
.fit-list.not div::before{content:"✕";color:var(--orange);font-family:var(--sans);font-weight:900;font-size:.7rem;margin-right:10px}
.test-stress > div,.test-stress > .p-body{align-self:end}
.voice .p-num{padding-top:.5em}
@media(max-width:720px){
  .close.long h2{font-size:clamp(2rem,9vw,3rem)}
  .test-stress > div,.test-stress > .p-body{grid-column:1/-1!important}
}

.hero h1 .hw-mark{display:inline-block}
.hero h1 .hw-mark--circle .dd--circle{left:-8%;top:-22%;width:116%;height:144%}
.hero h1 .hw-aside{left:100%;bottom:62%;margin-left:.12em;font-size:.42em}

.hero h1 .hw-note.hw-note--below{left:auto;right:.2em;top:100%;margin:.04em 0 0}
.hw-note.hw-note--below .dd--arrow{transform:scaleY(-1);top:-.08em}
.hero h1:has(.hw-note--below){margin-bottom:.9em}

.close .hw-mark .dd--under,.hero h1 .hw-mark .dd--under{left:0;width:100%}
.spine-row .mv{min-width:0;overflow-wrap:anywhere}
@media(max-width:400px){ .spine-row .mv{font-size:.6rem} .spine-row > *{padding:10px 3px} }

@media(max-width:720px){
  main h2.display{font-size:clamp(1.9rem,9.4vw,2.8rem);max-width:none}
  .p-statement h2{font-size:clamp(2rem,9.6vw,3rem)}
  .cc-after{font-size:clamp(1.4rem,6.8vw,2rem)}
}

.section-head h2,.spread-copy h2,.fit-copy h2,.voice-list h2,.cc-copy h2,.loop-copy h2,.apply-facts h2,.preread-copy h2,.founder-copy h2,.ai-copy h2{max-width:none;overflow-wrap:break-word}
@media(max-width:720px){
  .hero h1 .hw-aside{left:auto;right:-.1em;bottom:auto;top:92%}
}


.decide-hero{padding:clamp(52px,6vw,96px) 0 clamp(40px,5vw,70px)}
.decide-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,28px);align-items:end}
.decide-hero__copy{grid-column:1/8}
.decide-title{font-size:clamp(3rem,8.4vw,9.4rem);line-height:.86;margin:18px 0 26px}
.decide-title > span{display:block}
.decide-title .hw-mark--circle .dd--circle{left:-14%;top:-22%;width:128%;height:140%}
.rel{grid-column:8/13;margin:0}
.rel__svg{width:100%;height:auto;overflow:visible}
.rel__t{font-family:var(--sans);font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:-.02em;fill:var(--ink)}
.rel__s{font-family:var(--serif);font-style:italic;font-size:13px;fill:var(--muted)}
.rel__y{font-family:"Caveat",cursive;font-weight:700;font-size:22px;fill:var(--orange)}
.rel .figcap{margin-top:10px}
.decide{padding:0 0 var(--air)}
.decide__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.decide-panel{display:grid;gap:14px;align-content:start;padding:clamp(22px,3vw,42px) clamp(18px,3vw,42px) clamp(28px,3vw,44px) 0}
.decide-panel + .decide-panel{border-left:1px solid var(--ink);padding-left:clamp(18px,3vw,42px);padding-right:0}
.decide-panel figure{aspect-ratio:16/10;overflow:hidden;margin-bottom:8px}
.decide-panel figure img{height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04);transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.decide-panel:hover figure img{transform:scale(1.025)}
.decide-panel h2{font-size:clamp(2.2rem,4.4vw,4.8rem);margin:0;max-width:11ch}
.decide-panel:hover h2{color:var(--orange)}
.decide-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:6px 0 0;font-family:var(--sans);font-size:.62rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.decide-status{color:var(--orange)}
.decide-panel .go{font-family:var(--sans);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink);justify-self:start;padding-bottom:4px;margin-top:6px}
.close .kicker{margin-bottom:14px}
@media(max-width:1050px){
  .decide-hero__copy,.rel{grid-column:1/-1}
  .rel{max-width:460px;margin-top:10px}
}
@media(max-width:720px){
  .decide__grid{grid-template-columns:1fr}
  .decide-panel{padding-right:0}
  .decide-panel + .decide-panel{border-left:0;border-top:1px solid var(--ink);padding-left:0}
}

.decide-panel .voice{grid-template-columns:1fr}
.decide-panel .voice p{font-size:clamp(1.15rem,1.6vw,1.45rem)}


.ws-bridge{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper2)}
.ws-bridge__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 40px;padding-top:28px;padding-bottom:28px}
.ws-bridge__lead{margin:0;display:grid;gap:8px;max-width:62ch}
.ws-bridge__line{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.25}


.decide-hero__grid { grid-template-columns: 1fr; }
.decide-hero__copy { grid-column: 1 / -1; max-width: 1120px; }
.decide-hero .hero-dek { max-width: 58ch; margin-top: 28px; }
.decide-title { font-size: clamp(3rem, 7vw, 7rem); }
.decide-panel { display: flex; flex-direction: column; align-items: flex-start; }
.decide-panel figure { width: 100%; aspect-ratio: 16 / 9; }
.decide-panel h2 { font-size: clamp(2rem, 3.3vw, 3.6rem); max-width: 17ch; }
.decide-description { font-family: var(--serif); font-size: 1.18rem; line-height: 1.5; max-width: 46ch; margin: 18px 0 24px; }
.decide-panel .decide-meta { margin-top: auto; }
.program-author { display: grid; grid-template-columns: 1fr 2fr auto; gap: 24px 36px; align-items: start; }
.program-author .go { white-space: nowrap; }
.selling-standard { font-size: clamp(2.3rem, 4vw, 4.2rem) !important; max-width: 20ch; }
.test-stress h2 { font-size: clamp(2.5rem, 4.1vw, 4.5rem); max-width: 20ch; }
.compare-col li { line-height: 1.45; }
@media (max-width: 720px) {
  .program-author { grid-template-columns: 1fr; gap: 16px; }
  .decide-panel h2 { font-size: clamp(2rem, 8vw, 3.2rem); }
  .decide-description { font-size: 1.1rem; }
  .test-stress h2 { font-size: clamp(2.2rem, 8vw, 3.2rem); }
}

.decide-panel .decide-meta { min-height: 3.2rem; align-content: start; }

@media (max-width: 720px) {
  .page-selling .hero h1 { font-size: clamp(1.65rem, 8.3vw, 2.3rem); }
}


.cohort-label{display:block;font-family:var(--sans);font-size:.6rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tuition{display:grid;gap:6px;justify-items:start}
.tuition .cohort-label,.both-body .cohort-label{margin-bottom:8px}
.tuition-price{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,4.6vw,4.6rem);line-height:.95;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;color:var(--ink)}
.tuition-future{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted);padding-top:8px;border-top:1px solid var(--line)}

.cohorts{padding:var(--air) 0 calc(var(--air) * .8);border-top:1px solid var(--ink)}
.cohorts-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px clamp(14px,2vw,28px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.cohorts-head .kicker{grid-column:1/-1}
.cohorts-head h2{grid-column:1/8;font-size:clamp(2.6rem,5.6vw,6.2rem);margin:0}
.cohorts-dek{grid-column:8/13;margin:0;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.2rem,1.6vw,1.5rem);line-height:1.3}

.cohort-pair{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink)}
.cohort{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:clamp(24px,3vw,40px) clamp(18px,3vw,48px) 0 0}
.cohort + .cohort{border-left:1px solid var(--ink);padding-left:clamp(18px,3vw,48px);padding-right:0}
.cohort-name{margin:0;display:flex;align-items:baseline;gap:12px;font-family:var(--sans);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.cohort-line{margin:10px 0 0;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.12;max-width:22ch;min-height:2.3em}
.cohort-date{margin:clamp(26px,3vw,44px) 0 clamp(22px,2.6vw,34px);display:grid;gap:10px}
.cohort-date time{display:flex;align-items:flex-start;gap:.4em;font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.8}
.cohort-date time b{font-weight:900;font-size:clamp(4.4rem,9.4vw,10.5rem)}
.cohort-date time span{font-size:clamp(.8rem,1.1vw,1rem);letter-spacing:.14em;font-weight:900;padding-top:.3em;color:var(--orange)}
.cohort .tuition{width:100%;max-width:340px;padding-top:18px;border-top:1px solid var(--ink)}
.cohort-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:28px}
.cohort-actions .go,.enroll-both .go{font-family:var(--sans);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:4px}


.cohort-join{position:relative;height:clamp(56px,6vw,84px);margin:0 25%;border:1px solid var(--ink);border-top:0}
.cohort-join span{position:absolute;left:50%;top:100%;width:1px;height:clamp(28px,3vw,40px);background:var(--ink)}
.both{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px clamp(14px,2vw,28px);align-items:start;margin-top:clamp(28px,3vw,40px);padding:clamp(28px,3.4vw,48px) 0 clamp(30px,3.4vw,48px);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.both-mark{grid-column:1/8;margin:0;display:flex;flex-direction:column;gap:.04em;font-size:clamp(2.6rem,6vw,6.6rem);line-height:.86}
.both-mark > span{display:block}
.both-plus{color:var(--orange);font-weight:300;font-family:var(--serif);letter-spacing:0;margin-right:.18em}
.both-body{grid-column:8/13;display:grid;gap:6px;justify-items:start}
.both-body .tuition-future{min-width:260px}
.both-note{margin:14px 0 18px;font-family:var(--serif);font-size:1.08rem;line-height:1.45;color:var(--muted);max-width:40ch}
.cohort-fine{margin:18px 0 0;font-family:var(--sans);font-size:.6rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}


.enroll-panel{display:grid;gap:0;justify-items:start;border-top:2px solid var(--ink);padding-top:22px}
.enroll-when{margin:14px 0 26px;font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.88;font-size:clamp(2.6rem,4.6vw,4.8rem)}
.enroll-when span{display:block;font-size:.6rem;letter-spacing:.16em;color:var(--muted);margin-bottom:12px;line-height:1}
.enroll-panel .tuition{width:100%;max-width:360px}
.enroll-panel .btn{margin-top:26px}
.enroll-fine{margin:12px 0 0;font-family:var(--sans);font-size:.6rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.enroll-why{margin:26px 0 0;font-family:var(--serif);font-style:italic;font-size:1.15rem;line-height:1.4;max-width:44ch}
.enroll-both{width:100%;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:8px;justify-items:start}
.enroll-both b{font-family:var(--sans);font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.enroll-both p{margin:0;font-family:var(--serif);font-size:1.02rem;line-height:1.45;color:var(--muted);max-width:46ch}
.enroll-both .go{margin-top:6px}

@media(max-width:1050px){
  .cohorts-head h2,.cohorts-dek{grid-column:1/-1}
  .both-mark,.both-body{grid-column:1/-1}
  .apply-grid .enroll-panel{order:-1;margin-bottom:clamp(40px,8vw,64px)}
}
@media(max-width:720px){
  .cohort-pair{grid-template-columns:1fr;border-top:0}
  .cohort,.cohort + .cohort{padding:26px 0 34px;border-left:0;border-top:2px solid var(--ink)}
  .cohort-line{min-height:0}
  .cohort-date{margin:24px 0 20px}
  .cohort-date time{flex-wrap:wrap}
  .cohort-date time b{font-size:clamp(3rem,15.5vw,6.4rem)}
  .cohort-join{display:none}
  .both{margin-top:0;border-top:2px solid var(--ink);padding-top:26px}
  .both-mark{font-size:clamp(2.2rem,12.5vw,4rem)}
  .tuition-price{font-size:clamp(3rem,15vw,4rem)}
  .enroll-when{font-size:clamp(2.2rem,11vw,3.2rem)}
}


#apply,#enroll,#both{scroll-margin-top:clamp(90px,16vw,150px)}


.cohort-meets{display:block;margin-top:14px;font-family:var(--sans);font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.cohorts--dark,.apply--dark{position:relative;background:var(--ink);color:#f3eee4;border-top:0}
.cohorts--dark::before,.apply--dark::before,.cohorts--dark::after,.apply--dark::after{content:"";position:absolute;left:0;right:0;height:5px;background:var(--signal)}
.cohorts--dark::before,.apply--dark::before{top:0}
.cohorts--dark::after,.apply--dark::after{bottom:0}
.cohorts--dark .kicker.orange,.apply--dark .kicker.orange{color:#ff7a4f}
.cohorts--dark h2,.cohorts--dark h3,.apply--dark h2,.cohorts--dark .cohort-date time b,.apply--dark .enroll-when{color:#f3eee4}
.cohorts--dark .cohorts-dek,.cohorts--dark .cohort-line,.apply--dark .enroll-why{color:#d9d1c4}
.cohorts--dark .cohort-label,.apply--dark .cohort-label,.apply--dark .enroll-when span,.cohorts--dark .cohort-fine,.apply--dark .enroll-fine,.apply--dark .facts dt{color:#a8a196}
.cohorts--dark .cohort-meets{color:#f3eee4}
.cohorts--dark .cohort-date time span{color:#ff7a4f}
.cohorts--dark .tuition-price,.apply--dark .tuition-price{color:#fff}
.cohorts--dark .tuition-future,.apply--dark .tuition-future{color:#a8a196;border-top-color:rgba(243,238,228,.2)}
.cohorts--dark .cohort-pair,.cohorts--dark .both{border-color:rgba(243,238,228,.55)}
.cohorts--dark .cohort + .cohort{border-left-color:rgba(243,238,228,.3)}
.cohorts--dark .cohort .tuition{border-top-color:rgba(243,238,228,.55)}
.cohorts--dark .cohort-join{border-color:rgba(243,238,228,.55)}
.cohorts--dark .cohort-join span{background:rgba(243,238,228,.55)}
.cohorts--dark .both-mark span{color:#f3eee4}
.cohorts--dark .both-mark .both-plus{background:var(--signal);-webkit-background-clip:text;background-clip:text;color:transparent}
.cohorts--dark .both-note,.apply--dark .enroll-both p{color:#bdb5a8}
.cohorts--dark .go,.apply--dark .go{color:#f3eee4;border-bottom-color:rgba(243,238,228,.6)}
.cohorts--dark .btn.signal-outline,.apply--dark .btn.signal-outline{background:var(--ink);color:#fff}
.apply--dark .enroll-panel{border-top-color:rgba(243,238,228,.55)}
.apply--dark .enroll-panel > .kicker{color:#f3eee4}
.apply--dark .enroll-both{border-top-color:rgba(243,238,228,.2)}
.apply--dark .enroll-both b{color:#f3eee4}
.apply--dark .apply-facts h2{color:#f3eee4}
.apply--dark .facts{border-top-color:rgba(243,238,228,.55)}
.apply--dark .facts > div{border-bottom-color:rgba(243,238,228,.16)}
.apply--dark .facts dd{color:#f3eee4}
@media(max-width:720px){
  .cohorts--dark .cohort,.cohorts--dark .cohort + .cohort,.cohorts--dark .both{border-top-color:rgba(243,238,228,.55)}
}


.enroll-status{margin:22px 0 0;font-family:var(--sans);font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ff7a4f}
.wl-form{display:grid;gap:14px;width:100%;max-width:440px;margin-top:16px}
.wl-form .field{display:grid;gap:6px}
.wl-form .field__label{font-family:var(--sans);font-size:.6rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#a8a196}
.wl-form input,.wl-form select{font:inherit;font-size:1rem;color:#f3eee4;background:transparent;border:0;border-bottom:1px solid rgba(243,238,228,.45);padding:8px 0;border-radius:0}
.wl-form select option{color:#11110f}
.wl-form input:focus,.wl-form select:focus{outline:none;border-bottom-color:#ff7a4f}
.wl-form .field.is-invalid input{border-bottom-color:#ff8a66}
.wl-form .field__error{font-size:.8rem;color:#ff8a66;min-height:0}
.wl-form .btn{justify-self:start;margin-top:8px}
.wl-form .form-status{margin:0;font-size:.95rem;color:#d9d1c4;min-height:1.2em}
.wl-form .form-status--err{color:#ff8a66}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ws-first{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:22px 0 0;padding:12px 14px;border:1px solid var(--ink);background:var(--paper);font-size:.98rem;max-width:560px}
.ws-first span{font-family:var(--sans);font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--orange);padding:3px 7px}
.ws-first a{font-family:var(--sans);font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--ink)}
.ws-first--top{margin:0 0 22px}
.move .hw-inline{font-size:1.25em;color:#ff7a4f;margin-left:.4em}


.align-p{max-width:62ch;margin:0 0 30px;font-size:clamp(1.08rem,1.35vw,1.24rem)}
.role-row--head{padding:10px 0 12px}
.role-row--head .work,.role-row--head .human b{font-family:var(--sans);font-size:.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:#ff7a4f;margin:0}
.ai-aside{margin:22px 0 0}
.ai-aside .hw-inline{margin:0;font-size:1.6rem;color:#ff7a4f;transform:rotate(-2deg);white-space:normal;max-width:100%}
@media (max-width:1050px){.role-row--head{display:none}}
.role-ledger--deepen .role-row{grid-template-columns:130px 1fr 1fr}
.role-ledger--deepen .work{color:#bdb5a8}
.role-ledger--deepen .human{font-family:var(--serif);font-style:italic;font-size:clamp(1.16rem,1.75vw,1.72rem);line-height:1.15;color:var(--paper)}
.role-ledger--deepen .role-row:not(.role-row--head) .human b{display:none}
@media (max-width:1050px){.role-ledger--deepen .role-row{grid-template-columns:110px 1fr}.role-ledger--deepen .role-row:not(.role-row--head) .human b{display:block;font-style:normal;font-family:var(--sans)}}
@media (max-width:720px){.role-ledger--deepen .role-row{grid-template-columns:1fr}}
.also-built{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:1rem;line-height:1.5;max-width:46ch}
.also-built span{display:block;margin-bottom:6px;font-family:var(--sans);font-size:.6rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--orange)}
.preread-copy h2.display{font-size:clamp(1.8rem,2.55vw,2.9rem);overflow-wrap:normal;word-break:normal;hyphens:manual}


.after-light{padding:clamp(56px,7vw,104px) 0;background:var(--paper);color:var(--ink)}
.after-light .after-photo{margin-top:0}


.omote-x{padding:clamp(56px,7vw,110px) 0 clamp(24px,3vw,40px)}
.omote-card{position:relative;isolation:isolate;max-width:1120px;margin:0 auto;background:var(--paper);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center;padding:clamp(40px,5.5vw,80px) clamp(28px,6vw,96px)}
.omote-card::before{content:"";position:absolute;inset:0;z-index:-1;padding:2px;background:var(--signal);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.omote-seal{position:relative;transform:rotate(-3deg);background:var(--orange);color:#fbf4ea;padding:clamp(18px,2.2vw,28px) clamp(14px,1.8vw,22px);box-shadow:inset 0 0 0 5px var(--orange),inset 0 0 0 7px rgba(251,244,234,.85),0 18px 36px -24px rgba(17,17,15,.55)}
.omote-seal span{display:block;writing-mode:vertical-rl;text-orientation:upright;font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",var(--serif),serif;font-weight:600;font-size:clamp(2.4rem,4.4vw,4.2rem);line-height:1;letter-spacing:.08em}
.omote-copy{position:relative}
.omote-hand{display:flex;align-items:center;gap:.5rem;margin:0 0 clamp(14px,2vw,22px) -.2rem}
.omote-hand svg{width:3.2rem;height:1.6rem;flex:none;overflow:visible}
.omote-hand svg path{fill:none;stroke:var(--orange);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.omote-hand em{font-family:"Caveat",cursive;font-style:normal;font-weight:700;font-size:clamp(1.35rem,1.9vw,1.7rem);line-height:1;color:var(--orange);transform:rotate(-4deg);display:inline-block}
.omote-kicker{margin:0 0 12px;font-family:var(--sans);font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.omote-kicker b{color:var(--orange);font-weight:900}
.omote-title{margin:0;font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.9;font-size:clamp(2.3rem,5vw,4.8rem);max-width:11ch;color:var(--ink)}
.omote-title .hw-mark .dd--under{left:-2%;width:104%;bottom:-.12em;height:.18em}
.omote-decl{margin:clamp(18px,2.4vw,28px) 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.2;color:var(--ink)}
.omote-small{margin:clamp(22px,3vw,34px) 0 0;padding-top:14px;border-top:1px solid var(--ink);max-width:38ch;font-size:.98rem;line-height:1.45;color:var(--muted)}
@media (max-width:760px){
  .omote-card{grid-template-columns:1fr;gap:28px}
  .omote-seal{justify-self:start}
  .omote-seal span{writing-mode:horizontal-tb;font-size:clamp(2rem,10vw,2.8rem);white-space:nowrap}
  .omote-hand svg{transform:rotate(90deg) scaleX(-1)}
}
.omote-hand.hw-note .dd--arrow{position:relative;left:auto;top:auto;width:3.2rem;height:1.6rem;transform:none}
.omote-hand.hw-note em{padding-left:0;font-size:clamp(1.35rem,1.9vw,1.7rem);transform:rotate(-4deg)}
@media (max-width:760px){.omote-hand.hw-note .dd--arrow{transform:rotate(90deg) scaleX(-1)}}


.pair-hand,.apply--dark .enroll-both .pair-hand{font-family:"Caveat",cursive;font-size:1.65rem;line-height:1.1;color:#ff7a4f;transform:rotate(-3deg);margin:0 0 10px;max-width:100%}
.enroll-both .pair-tuition{font-family:var(--sans);font-size:.72rem;line-height:1.6;margin-top:6px}
.pair-tuition strong{color:#f3eee4;font-weight:900}
.apply--dark .enroll-both .go{color:#f3eee4;border-bottom-color:#ff7a4f;margin-top:10px}
.both-body .pair-purpose{font-family:var(--serif);font-size:1.08rem;line-height:1.45;color:#d9d1c4;margin:14px 0 0;max-width:40ch}
.pair-jump{display:inline-block;margin-top:24px;font-family:var(--sans);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:6px}
.pair-jump:hover{color:var(--orange);border-color:var(--orange)}