/* Two deliberate typographic directions; shared work and interaction system. */
:root{--signature:#ff8050;--corner:14px;--control-corner:8px}
html[data-direction] .hero-scroll{height:auto!important;min-height:0!important;background:#101113}
html[data-direction] .hero-stage{height:auto!important;min-height:850px;position:relative!important;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr);align-content:center;gap:60px;padding:170px max(6vw,24px) 120px;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#472b2138,transparent 65%),#101113}
html[data-direction] .hero-art,html[data-direction] .hero-copy-second,html[data-direction] .scroll-cue{display:none!important}
html[data-direction] .hero-copy-first{position:relative!important;inset:auto!important;max-width:none!important;width:auto!important;padding:0!important;text-align:left;transform:none!important;opacity:1!important;align-self:center}
html[data-direction] .hero-copy h1{font-size:clamp(3.4rem,6.7vw,7rem);line-height:1.01;letter-spacing:-.065em;margin:28px 0;color:#f5f5f7;font-weight:600}
html[data-direction] .hero-copy h1 span{color:var(--signature);background:none;-webkit-text-fill-color:currentColor}
html[data-direction] .hero-description{font-size:1.12rem;line-height:1.65;color:#b4b4ba;max-width:560px;margin:0}
html[data-direction] .hero-actions{justify-content:flex-start;margin-top:32px}
html[data-direction] .hero-copy .eyebrow{font-size:.75rem;letter-spacing:.12em;color:#bbb9b8}
.direction-switch{position:absolute;top:120px;left:max(6vw,24px);right:max(6vw,24px);display:flex;gap:8px;align-items:center;font-size:.8rem}
.direction-switch>span{font-size:.7rem;letter-spacing:.12em;color:#929298;margin-right:auto}
.direction-switch a{padding:9px 13px;color:#b8b8bf;border:1px solid #ffffff20;border-radius:6px;text-decoration:none;transition:background .2s,color .2s}
.direction-switch a[aria-current]{background:#f5f5f7;color:#171719;border-color:#f5f5f7}
.hero-index{align-self:center;padding:26px;background:linear-gradient(135deg,#ffffff09,#ffffff02);border:1px solid #ffffff22;border-radius:var(--corner);box-shadow:0 30px 80px #0003;backdrop-filter:blur(24px);transform:translateY(25px)}
.hero-index>.eyebrow{color:#98989f;font-size:.7rem;letter-spacing:.08em;margin-bottom:18px}
.hero-index>a{display:grid;grid-template-columns:24px 1fr 20px;gap:5px 12px;align-items:center;border-top:1px solid #ffffff18;padding:20px 0;text-decoration:none;color:#eee;transition:padding .25s,color .25s}
.hero-index>a>span{grid-row:span 2;color:var(--signature);font-size:.75rem;font-family:monospace}.hero-index strong{font-size:1.5rem;letter-spacing:-.035em;font-weight:500}.hero-index small{grid-column:2;font-size:.85rem;color:#a1a1a8}.hero-index b{grid-column:3;grid-row:1/span 2;font-weight:400}.hero-index a:hover,.hero-index a:focus-visible{padding-left:8px;color:var(--signature)}.index-note{font-size:.8rem;color:#95959c;margin:16px 0 0}
html[data-direction] .hero-location,html[data-direction] .hero-role{bottom:36px;font-size:.65rem;letter-spacing:.08em;color:#8d8d95}html[data-direction] .hero-location{left:6vw}html[data-direction] .hero-role{right:6vw}
[data-direction=editorial]{--signature:#2859d9}
html[data-direction=editorial] .hero-stage{background:#f4f4f1;grid-template-columns:1fr;min-height:1050px;border-bottom:1px solid #d5d5d5;gap:55px;padding-top:220px}
html[data-direction=editorial] .hero-copy-first{text-align:center}
html[data-direction=editorial] .hero-description{margin:auto;max-width:650px}
html[data-direction=editorial] .hero-actions{justify-content:center}
html[data-direction=editorial] .hero-copy h1{color:#1d1d20;font-size:clamp(3.1rem,6.2vw,6.7rem);line-height:1.05}
html[data-direction=editorial] .hero-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--signature);letter-spacing:-.07em}
html[data-direction=editorial] .hero-description{color:#66666d}
html[data-direction=editorial] .hero-copy .eyebrow{color:#63636a}
[data-direction=editorial] .hero-index{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:transparent;box-shadow:none;border:0;border-top:1px solid #c8c8ce;border-radius:0;padding:24px 0 0;backdrop-filter:none;transform:none;max-width:1100px;width:100%;margin:auto}
[data-direction=editorial] .hero-index>.eyebrow,[data-direction=editorial] .index-note{display:none}
[data-direction=editorial] .hero-index>a{border-top:0;padding:8px 0}
[data-direction=editorial] .hero-index>a{color:#24242a;border-color:#d5d5da}[data-direction=editorial] .hero-index small,[data-direction=editorial] .index-note,[data-direction=editorial] .hero-index>.eyebrow{color:#66666e}
[data-direction=editorial] .direction-switch a{color:#55555f;border-color:#c7c7ce}[data-direction=editorial] .direction-switch a[aria-current]{color:white;background:#202024;border-color:#202024}[data-direction=editorial] .direction-switch>span{color:#65656d}
html[data-direction=editorial] .hero-work-link{color:#27272c}html[data-direction=editorial] .hero-actions .button{background:#242429;color:#fff;border-color:#242429;box-shadow:none}
.career-work{background:#f4f4f6;color:#1d1d22;padding:110px max(6vw,24px)}
.career-work-top{max-width:1100px;margin:0 auto 48px}.career-work h2{font-size:clamp(2.3rem,4.5vw,4rem);line-height:1.07;letter-spacing:-.05em;margin:22px 0}.career-work h2 span{color:#73737d}.career-work-top>p:last-child{color:#65656e;line-height:1.6;font-size:1.1rem}.career-work .eyebrow{color:#686872}
.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1100px;margin:auto}
.career-feature{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:38px;border-radius:var(--corner);border:1px solid #dcdce3;background:linear-gradient(135deg,#fff,#ffffffa8);color:#222229;font:inherit;cursor:pointer;box-shadow:0 3px 8px #20203004;transition:transform .3s,box-shadow .3s,border-color .3s}
.career-feature:hover{transform:translateY(-5px);box-shadow:0 18px 38px #20203010;border-color:#a7a7b4}.career-feature .card-eyebrow{font-size:.75rem;letter-spacing:.1em;color:#676773}.career-feature h3{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.12;letter-spacing:-.04em;margin:30px 0 20px}.career-feature p{font-size:1rem;line-height:1.65;color:#61616c;margin:0 0 32px;max-width:450px}.feature-bottom{display:flex;justify-content:space-between;gap:16px;width:100%;margin-top:auto;border-top:1px solid #dedee5;padding-top:22px;font-size:.7rem;letter-spacing:.09em}.feature-bottom b{font-size:1.2rem;color:#32323a;font-weight:400}.career-small{max-width:1100px;margin:26px auto 0;font-size:.9rem;line-height:1.7;color:#71717b}.career-small a{color:#31313b;white-space:nowrap}
.resume-main .resume-position{border-top:1px solid #d5d7de;padding-top:30px;margin-top:38px}.resume-main .resume-position h3{font-size:1.8rem;margin:0 0 8px}.resume-main .position-title{font-weight:600;font-size:1.1rem;color:#343840;margin:0 0 8px}.resume-main .position-thesis{font-size:1.15rem;color:#383d48;border-left:2px solid #e96c3c;padding-left:18px;margin:22px 0;line-height:1.5}.resume-main .resume-context{font-size:.8rem;color:#747a85;line-height:1.6}.resume-public{display:flex;flex-direction:column;gap:10px;padding:22px;background:#e9ebf0;border-radius:8px;margin-top:22px}.resume-public>span{font-weight:600}.resume-public small{line-height:1.5;color:#686f7a}.resume-main li{margin-bottom:12px}
.egg-trigger{color:#babac4;background:none;border:0;font:inherit;cursor:pointer;padding:12px;display:flex;align-items:center;gap:12px}.egg-trigger span{color:var(--signature);font-size:1.4rem;transition:transform .5s}.egg-trigger:hover span{transform:rotate(120deg)}
.signal-arcade{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #ffffff35;border-radius:16px;padding:40px;background:#15151deF;color:#f5f5f7;backdrop-filter:blur(40px);box-shadow:0 40px 160px #0008;margin:auto}.signal-arcade::backdrop{background:#000a;backdrop-filter:blur(12px)}.arcade-close{position:absolute;right:18px;top:12px;width:40px;height:40px;border:0;background:transparent;color:#c5c5d0;font-size:2rem;cursor:pointer}.signal-arcade .eyebrow{font-size:.7rem;letter-spacing:.1em;color:#a6a5b6;max-width:85%}.signal-arcade h2{font-size:3.5rem;letter-spacing:-.055em;line-height:1.04;margin:25px 0}.signal-arcade h2 span{color:#bcff6b}.arcade-instruction{font-size:1rem;line-height:1.6;color:#b1b0c1}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.signal-grid button{aspect-ratio:1.45;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:15px;border:1px solid #ffffff22;border-radius:8px;background:#ffffff06;color:#bcbacb;font-size:.65rem;letter-spacing:.07em;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.signal-grid button span{font-size:1.6rem;font-weight:400}.signal-grid button:hover{background:#ffffff12;transform:translateY(-2px)}.signal-grid button.is-found{background:#bcff6b;color:#172307;border-color:#bcff6b;opacity:1}.signal-grid button.is-noise{color:#ffbc97;background:#40291f}.arcade-status{min-height:48px;font-size:1rem;line-height:1.5;color:#dedde7}.arcade-reset{font:inherit;font-size:.9rem;color:#e4e1f0;background:#ffffff08;border:1px solid #ffffff30;border-radius:7px;padding:12px 18px;cursor:pointer}.arcade-small{font-size:.8rem;color:#8a899b;margin:24px 0 0}.signal-arcade.is-won{border-color:#bcff6b80}.is-won .arcade-status{color:#bcff6b}.signal-arcade button:focus-visible,.career-feature:focus-visible,.direction-switch a:focus-visible{outline:3px solid #6daeff;outline-offset:4px}
@media(max-width:500px){.signal-arcade{padding:30px 22px}.signal-arcade h2{font-size:2.8rem}.signal-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.signal-grid button{padding:10px 8px;font-size:.65rem;min-height:90px;min-width:0;aspect-ratio:auto;overflow-wrap:anywhere}.resume-page>header{flex-wrap:wrap}.resume-main .position-thesis{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.egg-trigger span,.signal-grid button{transition:none!important;transform:none!important}}.reduced-motion .egg-trigger span,.reduced-motion .signal-grid button{transition:none!important;transform:none!important}
@media print{.resume-position{break-inside:auto}.resume-position h3,.position-title,.position-thesis{break-after:avoid}.resume-public{background:none;border-left:1px solid #aaa}.resume-main .resume-position{margin-top:22px;padding-top:18px}}
/* Glass remains in materials, not pill-shaped geometry. */
body .site-nav{border-radius:12px}body .button,body .discipline-list span,body .proof-chips span,body .scale-inputs span,body .scale-outputs span,body .human-review,body .print-button{border-radius:var(--control-corner)}body .work-card,body .case-modal,body .signal,body .message-layer,body .message-result,body .trust-card,body .experience-window,body .experience-slice,body .sales-card,body .sales-source,body .scale-core,body .connected-node,body .reader-next,body .case-metric{border-radius:var(--corner)}body .journey-dock,body .journey-dock a,body .journey-dock::before{border-radius:8px}body .wordmark-dot{color:var(--signature)}
@media(max-width:1099px){html[data-direction] .hero-stage{gap:30px;grid-template-columns:1.3fr 1fr;padding-top:205px}.hero-index{padding:20px}.hero-index strong{font-size:1.25rem}html[data-direction] .hero-copy h1{font-size:clamp(3rem,6.6vw,5.8rem)}}
@media(max-width:700px){html[data-direction] .hero-stage,html[data-direction=editorial] .hero-stage{grid-template-columns:1fr;gap:30px;min-height:0;padding:190px 24px 96px}.direction-switch{top:108px;left:24px;right:24px;flex-wrap:wrap}.direction-switch>span{width:100%;margin-bottom:4px}html[data-direction] .hero-copy h1{font-size:clamp(2.7rem,10vw,4.2rem);margin-top:20px}html[data-direction] .hero-description{font-size:1rem}html[data-direction] .hero-description br{display:none}html[data-direction] .hero-actions{gap:20px;flex-wrap:wrap}.hero-index{transform:none;padding:20px}.hero-index>a{padding:14px 0}.hero-index strong{font-size:1.2rem}.hero-index>.eyebrow{font-size:.65rem}.hero-index small{font-size:.8rem}[data-direction=editorial] .hero-index{padding:20px 0;border-left:0;border-top:1px solid #bcbcc4}.hero-role{display:none!important}html[data-direction] .hero-location{left:24px;font-size:.6rem}.career-work{padding:70px 24px}.career-grid{grid-template-columns:1fr}.career-feature{padding:28px}.career-feature h3{font-size:2rem}.career-work h2{font-size:2.4rem}.career-work-top>p:last-child br{display:none}.career-feature:hover{transform:none}}
footer .social-links{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:14px}footer .social-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:none;white-space:nowrap}footer .social-links a:hover{text-decoration:underline;text-underline-offset:4px}footer .social-links a:focus-visible{outline:2px solid #386ae7;outline-offset:4px}footer.index-footer{flex-wrap:wrap;column-gap:24px;row-gap:8px}
@media(prefers-reduced-motion:reduce){.hero-index a,.career-feature{transition:none!important;transform:none!important}}.reduced-motion .hero-index a,.reduced-motion .career-feature{transition:none!important;transform:none!important}
@media(max-width:700px){html[data-direction=editorial] .hero-stage{padding-top:205px}html[data-direction=editorial] .hero-copy-first{text-align:left}html[data-direction=editorial] .hero-actions{justify-content:flex-start}[data-direction=editorial] .hero-index{grid-template-columns:1fr 1fr;gap:20px 16px}[data-direction=editorial] .hero-index>a{grid-template-columns:18px 1fr;gap:6px}[data-direction=editorial] .hero-index b{display:none}[data-direction=editorial] .hero-index small{font-size:.75rem}[data-direction=editorial] .hero-index strong{font-size:1.05rem}body .journey-dock a[data-step="3"]>span:nth-child(2){font-size:12px}body .journey-dock a[data-step="3"]>span:nth-child(2):after{content:none}body .journey-dock{overflow-x:auto;justify-content:flex-start}body .journey-dock a{flex-shrink:0}}