.code-hero{background:#080b0a;color:#e5e7de;display:grid;grid-template-columns:1fr 1.1fr;gap:3vw;padding:45px 4.5% 42px;position:relative;border-bottom:1px solid #293029}.home .header{background:#080b0a}.code-intro{padding:60px 0 30px;align-self:center}.code-intro .eyebrow{font:12px/1.7 monospace;letter-spacing:.12em;color:#a3b38c;max-width:390px}.code-intro h1{font-size:clamp(58px,6.4vw,100px);line-height:.99;letter-spacing:-.065em;margin:28px 0 32px}.code-intro h1 em{color:#d9ef8a;font-weight:400;white-space:normal}.code-description{font-size:18px;color:#aab3a5;max-width:420px;line-height:1.7}.code-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:35px 0 65px}.code-actions .button{background:#d9ef8a;color:#11180e;border-color:#d9ef8a}.code-actions .text-link{color:#e5e7de}.code-signature{font:13px monospace;color:#d9ef8a;display:flex;gap:20px;align-items:center}.code-signature>span{font-size:11px;letter-spacing:.08em;color:#71816b}.portrait-lab{min-width:0;max-width:680px;width:100%;justify-self:end}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293029;padding-bottom:15px;gap:15px}.lab-toolbar>span{font:12px monospace;color:#85967b;letter-spacing:.08em}.portrait-modes{display:flex;padding:3px;border:1px solid #33402e;border-radius:3px}.portrait-modes button{font:12px monospace;border:0;color:#a1b298;background:none;padding:8px 15px}.portrait-modes button[aria-pressed=true]{background:#d9ef8a;color:#13190d}.portrait-stage{position:relative;aspect-ratio:640/730;overflow:hidden;isolation:isolate;--px:50%;--py:38%;outline-offset:3px!important;touch-action:pan-y}.portrait-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;user-select:none;pointer-events:none}.portrait-stage .code-image{clip-path:circle(0 at var(--px) var(--py));transition:clip-path .2s ease}.portrait-stage.exploring .code-image{clip-path:circle(105px at var(--px) var(--py))}.portrait-stage.code-mode .code-image{clip-path:circle(150% at 50% 50%)}.portrait-stage.code-mode .engraving{opacity:0}.lens-mark{display:none;position:absolute;left:var(--px);top:var(--py);width:214px;height:214px;border:1px solid #d9ef8a70;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.lens-mark span{position:absolute;top:-18px;left:80px;color:#d9ef8a;font:10px monospace}.exploring:not(.code-mode) .lens-mark{display:block}.portrait-node{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;font-size:13px;background:#090e0ce8;border:1px solid #344230;color:#d8e4cf;padding:8px 12px;border-radius:2px;transition:background .2s}.portrait-node span{font:11px monospace;color:#9bac8e}.portrait-node[aria-pressed=true]{border-color:#bdd078;color:#d9ef8a;background:#1b2415}.node-0{top:25%;right:0}.node-1{top:57%;left:0}.node-2{bottom:12%;right:0}.stage-axis{position:absolute;left:0;top:20px;font:10px monospace;letter-spacing:.11em;writing-mode:vertical-rl;color:#63715c}.secret-trigger{position:absolute;bottom:20px;left:16px;border:0;background:#080b0a;color:#7c8b6d;font:12px monospace;padding:10px}.secret-trigger:hover{color:#d9ef8a}.portrait-reading{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:18px 0;border-top:1px solid #344230;min-height:98px}.portrait-reading>span{font:12px/1.6 monospace;color:#d9ef8a}.portrait-reading p{font-size:14px;line-height:1.65;color:#acb7a3;margin:0}.portrait-hint{font:12px/1.6 monospace;color:#7e9073;margin:0}.secret-dialog{background:#101710;color:#e6edde;border:1px solid #52623e}.secret-dialog .close{color:#d9ef8a}.secret-dialog h2{font-size:40px}.secret-dialog .eyebrow{color:#9eaf89}.secret-dialog .text-link{color:#d9ef8a}.code-hero a:focus-visible,.code-hero button:focus-visible,.portrait-stage:focus-visible{outline:2px solid #d9ef8a;outline-offset:4px}
@media(max-width:1000px){.code-hero{grid-template-columns:1fr 1fr;gap:20px;padding-left:30px;padding-right:30px}.code-intro h1{font-size:65px}.code-intro{padding-top:20px}.code-actions{margin-bottom:35px}.portrait-reading{grid-template-columns:1fr;gap:6px}.code-signature{flex-wrap:wrap;gap:8px}}
@media(max-width:780px){.code-hero{grid-template-columns:1fr;padding:25px 20px 40px;gap:10px}.code-intro{padding:15px 0 25px}.code-intro h1{font-size:clamp(54px,13vw,85px)}.code-intro .eyebrow{font-size:11px}.code-description{font-size:17px}.code-actions{margin:25px 0 30px;gap:22px}.code-signature{font-size:12px}.portrait-lab{max-width:540px;justify-self:center}.portrait-node{font-size:12px;padding:8px}.lab-toolbar>span{font-size:11px}.portrait-modes button{padding:8px 10px}.portrait-reading{grid-template-columns:100px 1fr;min-height:115px}.portrait-hint{font-size:11px}.secret-dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.portrait-stage .code-image,.portrait-node{transition:none}}
.dossier-page{background:#080b0a;color:#e5e7de;padding-bottom:80px}.dossier-top{padding-top:45px;padding-bottom:65px}.dossier-top .back-link{color:#9daa8e;margin-bottom:40px}.dossier-top>.eyebrow{color:#d9ef8a;font:12px monospace;letter-spacing:.1em}.dossier-top h1{font-size:clamp(44px,6vw,88px);max-width:1000px;margin:25px 0}.dossier-top h1 em{color:#d9ef8a!important}.dossier-lead{max-width:680px;font-size:18px;color:#a5b09c;line-height:1.8}.dossier-layout{display:grid;grid-template-columns:320px 1fr;gap:100px;border-top:1px solid #30392a;padding-top:35px}.dossier-id{align-self:start;position:sticky;top:25px}.dossier-id img{width:100%;height:auto;display:block;background:#0d130d;border:1px solid #293423}.dossier-id h2{font-size:28px;margin:25px 0 8px}.dossier-id>p,.identity-id{font:12px monospace;color:#8da17e;letter-spacing:.1em}.identity-id{display:block;margin:15px 0 30px}.dossier-page .text-link{color:#d9ef8a;font-size:14px}.dossier-body>section{padding:25px 0 40px;border-bottom:1px solid #30392a}.dossier-body h2,.dossier-contact h2{font-size:36px}.dossier-body p,.dossier-task-grid p{color:#abb6a2;line-height:1.8}.dossier-page .eyebrow{color:#8b9e7c;font:12px/1.6 monospace}.method-list{list-style:none;padding:0;margin:30px 0 0}.method-list li{display:grid;grid-template-columns:35px 1fr;gap:15px;margin:20px 0}.method-list li>span{font:13px monospace;color:#d9ef8a;padding-top:4px}.method-list h3{font-size:24px;margin-bottom:10px}.dossier-tasks{padding:70px 0}.dossier-task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.dossier-task-grid article{border-top:1px solid #52613e;padding-top:25px}.dossier-task-grid h3{font-size:29px;margin:20px 0}.dossier-task-grid small{font-size:13px;color:#d9ef8a}.dossier-contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid #52613e;padding-top:50px}.dossier-contact>div>p:not(.eyebrow){color:#a5b09c}.dossier-contact .button{background:#d9ef8a;color:#10160d}.telegram-pending{border-left:2px solid #798c5c;padding-left:15px;font-size:16px}
@media(min-width:781px) and (max-width:1250px){.header{flex-wrap:wrap;padding-top:22px;padding-bottom:20px;gap:22px}.header nav{flex-wrap:wrap;gap:18px}.dossier-layout{gap:50px;grid-template-columns:260px 1fr}}
@media(max-width:780px){.dossier-top{padding-top:30px;padding-bottom:35px}.dossier-top .back-link{margin-bottom:25px}.dossier-layout{grid-template-columns:1fr;gap:30px}.dossier-id{position:static;display:grid;grid-template-columns:110px 1fr;column-gap:20px}.dossier-id img{grid-row:1/5}.dossier-id h2{font-size:25px;margin-top:12px}.dossier-id>p{margin:0}.identity-id{margin:10px 0}.dossier-id .text-link{grid-column:1/-1;justify-self:start;margin-top:20px}.dossier-body h2{font-size:32px}.dossier-task-grid,.dossier-contact{grid-template-columns:1fr;gap:30px}.dossier-tasks{padding:50px 0}.dossier-tasks h2{font-size:37px}.dossier-page{padding-bottom:50px}}
@media(min-width:1001px){.portrait-lab{max-width:565px}.code-intro{padding-top:25px}.code-hero{gap:35px;grid-template-columns:1fr 1fr}.code-intro h1{font-size:clamp(68px,6.2vw,96px)}}
/* Distinct entry choices while preserving the portrait's original treatment. */
.code-actions{gap:12px;margin-bottom:18px}.code-actions .button{font-size:14px;line-height:1.35;padding:14px 16px}.code-actions .button.hero-secondary{background:transparent;color:#e5e7de;border-color:#8fa67b}.code-actions .button.hero-secondary:hover{background:#1a241b}.portrait-explore{display:inline-block;color:#b9c7ab;margin-bottom:40px;font-size:14px}.code-description{max-width:510px}