@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#060e1c;--gold:#c8aa70;--text:#edf0f4;--muted:#99a5b8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 68% 40%,#122842 0,transparent 47%),var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f2cf8b;outline-offset:7px}button{color:inherit}a{color:inherit;text-decoration:none}.stars{position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 10% 20%,#ddd 50%,transparent),radial-gradient(1px 1px at 48% 12%,#ddd 50%,transparent),radial-gradient(1px 1px at 82% 78%,#ddd 50%,transparent),radial-gradient(1px 1px at 70% 45%,#ddd 50%,transparent);background-size:330px 280px,470px 390px,530px 430px,610px 510px}header{height:112px;margin:0 5%;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:2.8px}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:1.7px;margin-top:7px}.monogram{font-family:Georgia,serif;font-size:31px;color:var(--gold);position:relative;border:1px solid #c8aa7040;border-radius:50%;padding:9px 6px;letter-spacing:-4px;width:54px;height:54px}.monogram span{font-size:16px;position:absolute;right:-5px;top:0}.header-right{display:flex;gap:30px;align-items:center;font-size:9px;letter-spacing:1.4px;color:var(--muted)}#motion{border:0;background:none;color:var(--muted);font-size:10px}.language{color:var(--gold);border-left:1px solid #ffffff20;padding-left:25px}.hero{min-height:690px;display:grid;grid-template-columns:42% 58%;max-width:1600px;margin:auto;padding:55px 5% 35px;overflow:hidden;align-items:center}.intro{z-index:1;padding:15px 0}.eyebrow{font-size:9px;letter-spacing:2.6px;color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow>span{width:23px;height:1px;background:var(--gold)}h1{font-size:clamp(56px,5.4vw,86px);font-weight:500;line-height:1.06;letter-spacing:-4px;margin:29px 0 24px}h1 span{display:block}.patronymic{font-size:.62em;letter-spacing:-2px;color:#d9e0e9;margin-top:15px}.slogan{font-size:16px;letter-spacing:.3px;color:#d4bc8d;margin:26px 0}.invitation{font-size:12px;line-height:1.95;color:var(--muted);margin:25px 0 30px}.primary{padding:17px 20px;border:1px solid #c8aa7080;background:linear-gradient(110deg,#c8aa701c,#c8aa7005);font-size:11px;letter-spacing:.5px}.primary span{margin-left:30px;color:var(--gold)}.primary:hover{background:#c8aa7030}.intro-foot{margin-top:45px;font-size:8px;letter-spacing:2px;color:#8390a2}.tiny-cross{color:var(--gold);margin-right:10px}.cosmos{height:575px;position:relative;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .4s ease-out}.portrait{position:absolute;width:58%;height:420px;left:19%;top:70px;margin:0;border-radius:47% 47% 16% 16%;overflow:hidden;border:1px solid #c8aa7035;box-shadow:0 0 70px #2664a329}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#071120ee)}figcaption{position:absolute;bottom:26px;left:26px;right:26px;z-index:1;font-size:10px;letter-spacing:2px}figcaption span{display:block;font-size:7px;color:var(--gold);margin-top:8px;letter-spacing:2px}.orbit{position:absolute;border:1px solid #bca36c33;pointer-events:none;border-radius:50%;inset:12px 5px}.orbit-one{transform:rotate(-28deg) scaleY(.72)}.orbit-two{transform:rotate(35deg) scaleY(.78);border-color:#8ba4c624}.orbit-three{inset:36px -20px;transform:rotate(-58deg) scaleY(.74);border-style:dashed;border-color:#8395b321}.coordinates{position:absolute;top:13px;left:26%;font-size:7px;letter-spacing:2px;color:#8d9caf}.node{position:absolute;background:none;border:0;text-align:left;display:flex;align-items:center;gap:12px;padding:12px;z-index:3;font-size:12px;white-space:nowrap;text-shadow:0 2px 10px #000}.node small{display:block;font-size:7px;letter-spacing:1.5px;color:#b2a07f;margin-bottom:6px}.dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #c8aa7010,0 0 20px #c8aa7040;transition:.25s}.node:hover .dot,.node:focus-visible .dot{box-shadow:0 0 0 10px #c8aa7020,0 0 24px #c8aa70;transform:scale(1.2)}.node:hover{color:#e3c38a}.n1{top:53px;left:1%}.n2{top:108px;right:-3%}.n3{top:282px;right:-6%}.n4{bottom:44px;right:3%}.n5{bottom:104px;left:0}.orbit-label{position:absolute;bottom:1px;left:26%;font-size:7px;letter-spacing:3px;color:var(--muted)}.lower{border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;margin:0 5%;padding:28px 0;display:flex;align-items:center;justify-content:space-between}.lower>div{display:flex;align-items:center;gap:23px}.gold{font-size:30px;color:var(--gold)}.lower p{font-size:13px;line-height:1.8;margin:0}.lower strong{font-weight:500;color:var(--gold)}.lower .explore{font-size:11px}.explore span{color:var(--muted);font-size:10px}.text-button{border:0;background:none;color:var(--gold);font-size:10px;padding:12px 0}.text-button span{margin-left:25px}footer{margin:0 5%;padding:27px 0;display:flex;justify-content:space-between;gap:20px;color:#8693a6;font-size:7px;letter-spacing:1.3px}.status i{display:inline-block;width:4px;height:4px;background:var(--gold);border-radius:50%;margin-right:5px}.skip{position:fixed;top:-100px;z-index:20;padding:15px;background:var(--bg)}.skip:focus{top:0}dialog{color:var(--text);background:linear-gradient(135deg,#13253c,#081220);border:1px solid #b49a6459;padding:0;width:min(760px,92vw);max-height:88dvh;box-shadow:0 30px 150px #000a}dialog::backdrop{background:#020812c9;backdrop-filter:blur(12px)}.panel-inner{padding:60px}.close{position:absolute;right:20px;top:18px;border:1px solid #ffffff25;background:none;width:38px;height:38px;border-radius:50%}h2{font-weight:500;font-size:36px;letter-spacing:-1px;margin:20px 0 26px}.panel-lead{font-size:16px;line-height:1.8;color:#d2dce9}.placeholder{border-left:1px solid var(--gold);padding:10px 0 10px 20px;margin:28px 0}.placeholder small{font-size:8px;letter-spacing:2px;color:var(--gold)}.placeholder p{color:#adbacb;line-height:1.9}.panel-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;margin-top:35px;padding-top:15px}.media-preview{width:130px;margin-top:15px;border-radius:4px}.quiet *,.quiet *:before,.quiet *:after{animation:none!important;transition:none!important}.quiet .cosmos{transform:none!important}@media(min-width:1500px){.hero{min-height:780px}.cosmos{height:660px}.portrait{height:490px;top:80px}}@media(max-width:1050px){.edition{display:none}.hero{grid-template-columns:40% 60%;padding-left:4%;padding-right:4%}.node{font-size:10px}.n2{right:-6%}.n3{right:-7%}.portrait{left:16%;width:61%}.explore{max-width:240px}h1{font-size:58px}.cosmos{height:550px}.portrait{height:380px;top:88px}}@media(max-width:700px){header{height:90px}.header-right{gap:14px}.brand{font-size:8px;gap:12px;letter-spacing:1.5px}.brand small{font-size:6px}.monogram{transform:scale(.85)}#motion span{display:none}.hero{display:flex;flex-direction:column;padding:35px 6% 30px;gap:30px;min-height:0}.intro{width:100%}h1{font-size:62px;margin-top:20px}.patronymic{font-size:34px;letter-spacing:-1px}.slogan{font-size:14px}.intro-foot{display:none}.invitation{margin:18px 0}.cosmos{width:100%;height:600px;transform:none!important}.portrait{width:68%;height:350px;left:16%;top:70px}.orbit{inset:20px -4% 100px}.coordinates{top:6px;left:18%;font-size:6px}.node{font-size:11px;background:#071323df;border:1px solid #c8aa7020;padding:11px;gap:9px}.n1{top:30px;left:0}.n2{top:130px;right:-2%}.n3{top:340px;right:-2%}.n4{bottom:40px;right:1%}.n5{bottom:100px;left:0}.orbit-label{bottom:5px;left:12%;font-size:6px}.lower{flex-wrap:wrap;gap:25px}.lower .explore{display:none}.lower>div{gap:12px}.lower p{font-size:11px}footer{flex-wrap:wrap;line-height:1.8}footer>span:nth-child(2){display:none}.panel-inner{padding:55px 25px 25px}h2{font-size:30px}.panel-bottom{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.cosmos{transform:none!important}}
@media(max-width:700px){.n2{top:430px;right:0}.n5{bottom:105px;left:0}.cosmos{height:640px}.orbit{bottom:140px}.n4{bottom:45px}.orbit-label{bottom:8px}}
.edit-toggle{background:transparent;border:1px solid #c8aa7060;padding:10px 13px;color:var(--gold);font-size:10px}.site-editor{position:fixed;right:0;top:0;bottom:0;width:370px;overflow:auto;background:#0b1728;border-left:1px solid #c8aa7050;z-index:30;padding:26px;color:var(--text);box-shadow:-25px 0 80px #0005}.site-editor[hidden]{display:none}.editor-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.editor-top small{font-size:8px;letter-spacing:2px;color:var(--gold)}.editor-top h2{font-size:23px;line-height:1.4;margin:13px 0}.close-editor{background:none;border:0;font-size:18px;padding:5px}.editor-note{font-size:11px;line-height:1.9;color:var(--muted)}.site-editor label{display:block;color:#d7c297;font-size:11px;margin:20px 0 12px}.site-editor input,.site-editor textarea,.site-editor select{display:block;width:100%;margin-top:9px;padding:11px;background:#060e1c;border:1px solid #ffffff24;color:#ecf1f8;font:12px/1.8 Manrope,Arial,sans-serif;border-radius:3px}.site-editor textarea{resize:vertical}.site-editor fieldset{border:1px solid #ffffff18;margin:24px 0;padding:0 14px 12px}.site-editor legend{font-size:10px;letter-spacing:1px;color:var(--muted)}.site-editor .remove-block,.reset-content{background:none;border:0;color:#b9a488;font-size:10px;padding:8px 0}.editor-actions{display:grid;gap:10px}.editor-actions button,.editor-actions .import-button{margin:0;border:1px solid #c8aa7050;background:#c8aa7010;color:var(--gold);padding:12px;font-size:11px;text-align:center;cursor:pointer}#editor-status{font-size:10px;line-height:1.8;color:#b8c7d9}.authoring header,.authoring main,.authoring footer{margin-right:390px}.authoring .hero{display:block;min-height:0}.authoring .intro{padding:0}.authoring .cosmos{height:550px;margin-top:40px}.authoring .edition,.authoring #motion,.authoring .language{display:none}.editing-preview{position:fixed;left:24px;right:394px;top:80px;bottom:auto;margin:0;width:auto;max-height:calc(100dvh - 110px);z-index:10}.editing-preview .panel-inner{padding:48px 30px 24px}.editing-preview .panel-bottom{display:none}.editing-preview .close{display:none}@media(max-width:760px){.site-editor{width:48%;padding:16px}.editing-preview{left:10px;right:calc(48% + 10px);top:12px;max-height:calc(100dvh - 24px)}.editing-preview .panel-inner{padding:24px 15px}.editing-preview h2{font-size:23px;overflow-wrap:anywhere}.editing-preview .placeholder{padding-left:12px}.editing-preview .panel-lead{font-size:13px}.editing-preview .placeholder p{font-size:12px;overflow-wrap:anywhere}.editor-top h2{font-size:18px}.site-editor label{font-size:10px}.authoring header,.authoring main,.authoring footer{margin-right:0}.edit-toggle span{display:none}} 

.brand-crest{display:block;width:68px;height:64px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 12px #c8aa7020)}@media(max-width:700px){.brand-crest{width:52px;height:50px}}

:root{--brand-symbol-width:68px;--brand-symbol-height:64px}.brand-crest{width:var(--brand-symbol-width);height:var(--brand-symbol-height)}.language-picker{position:relative;color:var(--gold);flex-shrink:0}.language-picker summary{list-style:none;cursor:pointer;width:var(--brand-symbol-width);height:var(--brand-symbol-height);display:grid;place-items:center;border-radius:50%}.language-picker summary::-webkit-details-marker{display:none}.language-globe{display:block;width:100%;height:100%;filter:drop-shadow(0 0 10px #c8aa7020);transition:filter .2s,transform .2s}.language-picker summary:hover .language-globe{filter:drop-shadow(0 0 13px #e6bc5555);transform:rotate(-7deg)}.language-picker summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.language-menu{position:absolute;right:0;top:calc(100% + 14px);width:225px;padding:22px;background:#0b1728;border:1px solid #c8aa7055;box-shadow:0 16px 40px #0008;z-index:25;letter-spacing:0}.language-menu small{font-size:8px;letter-spacing:2px}.language-menu p{font-size:13px;color:var(--text);display:flex;justify-content:space-between;margin:20px 0}.language-menu p span{color:var(--gold)}.language-menu>div{font-size:10px;color:var(--muted);border-top:1px solid #ffffff18;padding-top:14px}.authoring .language-picker{display:none}@media(max-width:700px){:root{--brand-symbol-width:52px;--brand-symbol-height:50px}.header-right{gap:14px}}@media(prefers-reduced-motion:reduce){.language-globe{transition:none}}

.language-globe{object-fit:contain;filter:none}.language-picker summary:hover .language-globe{filter:drop-shadow(0 0 10px #379bea40);transform:none}

/* Portrait first; a single left-aligned caption and supporting copy beneath. */
.hero{grid-template-columns:minmax(0,44%) minmax(0,56%);align-items:center;gap:24px;padding-top:40px;padding-bottom:44px}.intro{min-width:0;padding:0}.profile-photo{width:100%;max-width:440px;aspect-ratio:1;margin:0;border:1px solid #c8aa7059;background:#10263a;overflow:hidden;box-shadow:0 12px 60px #0003}.profile-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}h1{font-size:clamp(28px,3vw,45px);font-weight:500;line-height:1.22;letter-spacing:-1.2px;margin:24px 0 18px;text-align:left}h1 span{font-size:inherit;color:inherit;margin-top:2px;letter-spacing:inherit}.intro>.eyebrow{font-size:8px;letter-spacing:2px;margin:0 0 18px}.slogan{font-size:14px;line-height:1.7;margin:0 0 16px}.invitation{margin:0 0 24px;line-height:1.9}.intro-foot{margin-top:26px}.cosmos{min-width:0}.orbit-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:60%;text-align:center;pointer-events:none}.orbit-core>span{display:block;color:var(--muted);font-size:8px;letter-spacing:3px}.orbit-core strong{display:block;font-size:clamp(23px,3vw,40px);font-weight:400;letter-spacing:5px;color:var(--gold);margin:15px 0}.orbit-core small{display:block;color:#d1b67d;font-size:13px;letter-spacing:7px}.n2{right:0}.n3{right:0}.authoring .profile-photo{max-width:440px}.authoring .cosmos{margin-top:40px}@media(max-width:1050px){.hero{grid-template-columns:minmax(0,44%) minmax(0,56%);gap:12px}.node{white-space:normal;max-width:180px}.n2,.n3{right:0}}@media(max-width:700px){.hero{display:flex;flex-direction:column;align-items:stretch;padding:26px 6% 30px;gap:28px}.profile-photo{max-width:none}h1{font-size:clamp(27px,6.3vw,36px);letter-spacing:-.7px;margin:22px 0 17px}.intro>.eyebrow{font-size:7px;letter-spacing:1.8px}.slogan{font-size:13px}.invitation{font-size:12px}.intro-foot{display:block;margin-top:23px;font-size:7px;letter-spacing:1.5px}.cosmos{height:440px;margin-top:5px}.orbit{inset:10px 0 50px}.coordinates{left:14%;top:0;font-size:6px}.orbit-core{top:43%;width:62%}.orbit-core strong{font-size:29px;letter-spacing:4px}.n1{top:28px;left:0}.n2{top:104px;right:0}.n3{top:244px;right:0}.n4{bottom:42px;right:6%}.n5{bottom:102px;left:0}.orbit-label{bottom:8px;left:10%;letter-spacing:2px}.node{max-width:200px}}

/* Full-width name between the two header symbols. */
header{gap:24px}.brand{flex:1;min-width:0;gap:24px}.brand-name{display:block;flex:1;text-align:center;font-size:clamp(24px,3.7vw,54px);font-weight:500;line-height:1.15;letter-spacing:clamp(1px,.4vw,6px);white-space:nowrap}.header-right{gap:0;flex-shrink:0}.header-right .edition{display:none}#motion{position:fixed;right:14px;bottom:14px;width:34px;height:34px;border:1px solid #c8aa7040;border-radius:50%;background:#091424;z-index:8;padding:0}#motion span{display:none}.edit-toggle{margin-right:14px}@media(max-width:700px){header{gap:14px}.brand{gap:14px}.brand-name{font-size:clamp(17px,4.4vw,30px);letter-spacing:1px}.edit-toggle{margin-right:8px}}@media(max-width:390px){header{gap:9px}.brand{gap:9px}.brand-name{font-size:clamp(14px,4.2vw,17px);letter-spacing:.5px}}

/* Match the visible letter height to the two header symbols. */
.brand-name{display:flex;justify-content:center;align-items:center;min-width:0;height:var(--brand-symbol-height);font-size:calc(var(--brand-symbol-height) * 1.32);line-height:1;font-weight:500;letter-spacing:1px}.brand-name-text{display:block;flex-shrink:0;white-space:nowrap;transform:scaleX(var(--name-scale,.55));transform-origin:center}.brand-name small{display:none}@media(max-width:700px){.brand-name{font-size:calc(var(--brand-symbol-height) * 1.32);letter-spacing:.5px}}@media(max-width:390px){.brand-name{font-size:calc(var(--brand-symbol-height) * 1.32);letter-spacing:0}}

/* Measure the complete lettering, including the accent on Й, inside the symbols' height. */
.brand-name{height:var(--brand-symbol-height);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Georgia,'Times New Roman',serif}.brand-name-lettering{display:block;width:100%;height:88%;overflow:hidden;flex:1;min-width:0}.brand-name-lettering text{font-family:Georgia,'Times New Roman',serif;font-size:100px;font-weight:600;letter-spacing:3px;fill:#edf0f4}

.profile-photo{position:relative}.portrait-windows{position:absolute;left:4%;right:4%;bottom:5%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.portrait-window{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:48px;padding:14px 16px;background:rgba(5,16,30,.22);border:1px solid #e2d3ad80;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff;font-size:clamp(12px,1.25vw,16px);font-weight:500;text-shadow:0 1px 6px #000a;transition:background .2s,border-color .2s}.portrait-window span{color:#e2c68e;font-size:18px}.portrait-window:hover{background:rgba(5,16,30,.48);border-color:#e5c48c}.portrait-window:focus-visible{outline:2px solid #ffe2a5;outline-offset:3px}@media(max-width:700px){.portrait-window{font-size:clamp(12px,3vw,16px);padding:12px 14px;min-height:46px}.portrait-windows{gap:10px}}@media(max-width:360px){.portrait-window{padding:10px;font-size:11px}.portrait-windows{gap:7px}}

/* Ceremonial Roman lettering: lighter strokes, precise serifs and generous spacing. */
.brand-name-lettering text{font-family:'Times New Roman','Liberation Serif',serif;font-weight:400;letter-spacing:8px;fill:#edf0f4}

.book-card{display:flex;align-items:center;gap:28px;margin:26px 0}.book-card>img{display:block;width:45%;max-width:230px;height:auto;box-shadow:0 12px 40px #0005}.book-links{display:grid;gap:14px;flex:1}.book-links a{border:1px solid #c8aa7060;padding:14px 16px;color:var(--gold);font-size:12px;line-height:1.6}.book-links a:hover{background:#c8aa7015}@media(max-width:500px){.book-card{flex-direction:column;align-items:stretch}.book-card>img{width:65%;margin:auto}.book-links a{text-align:center}}

#panel[data-section="bio"] .panel-lead{font-family:Georgia,serif;font-size:22px;line-height:1.5;color:var(--text)}#panel[data-section="bio"] .placeholder small{display:block;font-size:16px;line-height:1.6;letter-spacing:.2px;font-weight:600;color:var(--gold)}#panel[data-section="bio"] .placeholder p{white-space:pre-line;font-size:14px;line-height:1.95;color:#d1d9e4}#panel[data-section="bio"] .placeholder{margin:30px 0;padding-top:3px;padding-bottom:3px}@media(max-width:700px){#panel[data-section="bio"] .panel-lead{font-size:19px}#panel[data-section="bio"] .placeholder{padding-left:16px}#panel[data-section="bio"] .placeholder small{font-size:15px}}

.profile-photo + .primary{margin-top:24px}

/* The supplied universe artwork anchors the navigation and continues behind the portrait. */
.hero{position:relative;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#060e1c80,#060e1c20 65%,#060e1c80),url('assets/universe-earth-eagles.png') center/cover no-repeat;opacity:.28;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}.cosmos .orbit,.cosmos .orbit-core,.cosmos .coordinates,.cosmos .orbit-label{display:none}.universe-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112%;height:auto;max-height:82%;object-fit:contain;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.cosmos .node{background:#06111fba;border:1px solid #c8aa704a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);padding:12px 14px;white-space:normal;max-width:210px;box-shadow:0 5px 20px #0003}.cosmos .node:hover{background:#102239e8;border-color:#c8aa70}.cosmos .n1{top:3%;left:1%}.cosmos .n2{top:3%;right:1%}.cosmos .n3{top:45%;right:0}.cosmos .n4{bottom:3%;right:1%}.cosmos .n5{bottom:3%;left:1%}.profile-photo{box-shadow:0 15px 65px #02081480}@media(max-width:700px){.hero::before{background-position:30% center;opacity:.3}.cosmos{height:430px}.universe-art{width:112%;max-height:75%}.cosmos .node{font-size:11px;padding:10px;max-width:48%;gap:8px}.cosmos .node small{font-size:6px;letter-spacing:1px}.cosmos .n1,.cosmos .n2{top:0}.cosmos .n3{top:42%;right:0}.cosmos .n4,.cosmos .n5{bottom:0}}
.hero::before{right:auto;width:48%;background-position:left center;background-size:auto 100%;mask-image:linear-gradient(90deg,#000b,#0008 65%,transparent);-webkit-mask-image:linear-gradient(90deg,#000b,#0008 65%,transparent)}@media(max-width:700px){.hero::before{width:100%;height:calc(88vw + 120px);bottom:auto;background-position:left center;mask-image:linear-gradient(#000, #000 70%,transparent);-webkit-mask-image:linear-gradient(#000,#000 70%,transparent)}}

/* One aligned landscape composition with the unaltered source portrait on top. */
.unified-hero{display:block;min-height:0;padding:32px 5%;overflow:visible}.unified-hero::before{display:none}.unified-composition{position:relative;width:100%;aspect-ratio:1900/829;overflow:hidden;background:#071426;border:1px solid #c8aa7040}.unified-backdrop{display:block;width:100%;height:100%;object-fit:fill}.hero-identity-original{position:absolute;left:0;top:0;width:45.73%;height:100%;object-fit:fill;clip-path:polygon(0 0,29.8% 0,29.8% 46%,33% 44%,33.5% 39%,32.7% 34%,32.8% 25%,34% 18%,37% 11%,43% 7%,49% 5.5%,55% 6%,60.5% 9%,64.8% 16%,65.6% 23%,66.8% 24%,67.4% 28%,66% 35%,63.5% 40%,64.5% 44%,70% 47%,79% 50%,90% 54%,94% 60%,95% 71%,95% 91%,93% 100%,0 100%)}.unified-composition .portrait-windows{left:1.8%;right:auto;bottom:4%;width:39%;gap:10px;z-index:2}.unified-composition .portrait-window{font-size:clamp(10px,1.2vw,16px);min-height:38px;padding:12px}.composition-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.composition-tools .constellation{display:flex;gap:16px;align-items:center}.composition-tools .node{position:static;background:#06111f90;border:1px solid #c8aa7040;padding:12px 16px;white-space:normal}.composition-tools .node:hover{background:#15253a}.authoring .unified-hero{display:block}.authoring .unified-composition{width:100%}@media(max-width:700px){.unified-hero{padding:24px 4%}.unified-composition .portrait-windows{width:42%;left:1%;gap:5px;bottom:3%}.unified-composition .portrait-window{font-size:clamp(8px,2vw,12px);padding:7px 6px;min-height:30px;gap:2px}.unified-composition .portrait-window span{font-size:12px}.composition-tools{flex-wrap:wrap;gap:16px}.composition-tools .constellation{gap:12px}.composition-tools .node{font-size:11px}.composition-tools .node small{font-size:6px}}

.strategy-hotspot{position:absolute;z-index:3;left:15%;top:6%;width:16%;height:46%;background:transparent;border:1px solid transparent;border-radius:45%;padding:0;cursor:pointer}.strategy-hotspot:hover,.strategy-hotspot:focus-visible{border-color:#e0bd78a0;box-shadow:0 0 20px #c8aa7025;outline:none}.strategy-hint{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:max-content;max-width:240px;padding:10px 13px;background:#081423ee;border:1px solid #c8aa7070;color:#e2c48c;font:11px/1.5 Manrope,Arial,sans-serif;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}.strategy-hotspot:hover .strategy-hint,.strategy-hotspot:focus-visible .strategy-hint{opacity:1}@media(max-width:700px){.strategy-hint{font-size:9px;max-width:170px}}

/* A single original portrait over a human-free background prevents doubled edges. */
.hero-identity-original{clip-path:none;mask-image:url('assets/portrait-silhouette.svg');-webkit-mask-image:url('assets/portrait-silhouette.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}

.strategy-hotspot{left:17%;top:4%;width:16%;height:47%}

/* Signature title: refined serif lettering with a restrained champagne finish. */
.brand-name-lettering text{font-family:'Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif;font-weight:400;letter-spacing:11px;fill:url(#signature-gold);stroke:#ead7ad;stroke-width:.18;paint-order:stroke fill}.brand-name-lettering{height:84%}