/* One portrait, one knowledge universe. Both canvas layers use the original clock. */
.hero-top{grid-template-columns:1fr 1.08fr;gap:12px;min-height:660px}
.hero-copy{position:relative;z-index:5}
.portrait-universe{height:650px;isolation:isolate}
.portrait-universe::before{content:"";position:absolute;inset:12% -8% 2%;z-index:0;background:radial-gradient(ellipse at 48% 48%,#456fa23b,transparent 63%),radial-gradient(ellipse at 68% 82%,#fdcb5a12,transparent 42%);pointer-events:none}
.portrait-universe::after{content:"";position:absolute;left:16%;right:10%;bottom:35px;height:65px;border-radius:50%;background:radial-gradient(ellipse,#8bbfff26,transparent 68%);filter:blur(12px);z-index:1;pointer-events:none}
.portrait-universe #knowledge-core{position:absolute;inset:0;z-index:1}
.hero-person{position:absolute;z-index:2;top:0;bottom:0;left:50%;width:82%;transform:translateX(-50%);pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 73%,#000b 82%,transparent 98%)}
.hero-person img{width:100%;height:auto;max-width:none;filter:drop-shadow(-7px 0 15px #72b1ff23) drop-shadow(7px 1px 12px #fdcb5a0f)}
#knowledge-front{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:3;pointer-events:none}
.hero-signature{position:absolute;left:15px;bottom:52px;z-index:4;display:flex;align-items:center;gap:14px;pointer-events:none;text-shadow:0 2px 15px #101725}
.signature-rule{width:28px;height:1px;background:#fdcb5a}
.hero-signature strong{display:block;font-size:25px;font-weight:500;letter-spacing:3px;line-height:1.5}
.hero-signature div>span{display:block;font-size:10px;color:#acbdd5;margin-top:4px;letter-spacing:1px}
.universe-caption{position:absolute;right:6px;bottom:32px;z-index:4;font-size:11px;letter-spacing:1px;color:#a4b8d4}
@media(min-width:1450px){.hero-top{gap:0}.hero-art{margin-right:-25px}}
@media(min-width:701px) and (max-width:1000px){.hero-top{grid-template-columns:1.03fr 1fr;min-height:590px}.portrait-universe{height:570px;margin-left:-15px;margin-right:-15px}.hero-person{width:94%;top:32px}.hero-copy h1{font-size:clamp(34px,4.65vw,46px)}.hero-copy .description{font-size:11px}.hero-copy .actions{gap:14px;flex-wrap:wrap}.hero-signature{left:10px;bottom:45px}.hero-signature strong{font-size:21px}.universe-caption{font-size:9px}}
@media(max-width:700px){.hero-top{display:block;min-height:0}.portrait-universe{height:465px;margin:25px -12px 0}.hero-person{top:0;width:88%;max-width:365px}.hero-signature{left:15px;bottom:37px;gap:10px}.signature-rule{width:20px}.hero-signature strong{font-size:22px}.hero-signature div>span{font-size:9px}.universe-caption{right:12px;bottom:22px;font-size:9px}.portrait-universe::after{bottom:20px}.product{margin-top:18px}}
@media(max-width:360px){.portrait-universe{height:410px;margin-top:20px}.hero-person{width:94%;top:5px}.hero-signature{bottom:27px;left:9px}.hero-signature strong{font-size:20px}.universe-caption{right:10px;bottom:15px;font-size:8px}}