/* KH-02.1 owner addendum: the trader is the subject; objects are his world. */
@font-face{font-family:Tajawal;src:url("assets/fonts/Tajawal-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
.personal-brand{--muted:#d1c4ba;font-family:Tajawal,Alexandria,sans-serif;font-weight:400;font-size:19px}
.personal-brand h1,.personal-brand h2,.personal-brand .hero-position{font-family:Alexandria,sans-serif}
.personal-brand .desktop-nav a{font-size:16px}
.personal-brand .text-link{font-family:Tajawal,sans-serif;font-size:16px}
.personal-brand p{word-break:normal;overflow-wrap:normal;text-wrap:pretty}
.personal-brand bdi{unicode-bidi:isolate}
.personal-brand .hero{min-height:740px;max-height:940px;background:radial-gradient(ellipse at 22% 39%,#300810,transparent 54%)}
.personal-brand .hero-body{grid-template-columns:1.2fr 1fr;gap:22px}
.personal-brand .hero-copy{max-width:700px;padding-block:35px 74px}
.personal-brand .hero-origin{font-size:19px;line-height:1.9;color:#e1d0c0;margin:0 0 4px}
.personal-brand .hero h1{font-size:clamp(110px,12.3vw,184px);line-height:1.3;margin:0 0 4px;font-weight:900;white-space:nowrap;letter-spacing:normal}
.personal-brand .hero-position{font-size:clamp(26px,2.5vw,36px);font-weight:650;line-height:1.8;color:#f7ebd6;margin:0 0 16px;text-wrap:balance}
.personal-brand .hero-description{max-width:490px;font-size:20px;line-height:2;color:#d1c4ba}
.personal-brand .hero-actions{margin-top:29px;gap:28px;flex-wrap:nowrap}
.personal-brand .hero .access-line{font-size:16px;line-height:1.95;color:#bfae9f;max-width:530px;margin-top:19px}
.personal-brand .hero-art .mascot-layer{left:0;bottom:6%;width:96%;height:80%}
.personal-brand .mascot-support{bottom:1%;left:-3%;width:107%;height:24%}
.personal-brand .near-rocket{left:-25%;bottom:2%;height:37%;width:50%;transform:rotate(33deg)}
.personal-brand .foreground-ring{left:-28%;bottom:-20%;width:130%;height:35%;border-width:13px;opacity:.8}
.personal-brand .portal-front{left:8%;top:9%;width:30%;height:99%;border-radius:47% 47% 3% 3%;opacity:.83}
.personal-brand .portal-back{left:1%;top:6%;width:30%;height:103%;opacity:.35}
.personal-brand .room-floor{bottom:-28%;height:46%}
.personal-brand .floor-line{bottom:0;left:-5%;width:108%;height:31%;border-color:#b43839;opacity:.65}
.personal-brand .room-light{top:-1%;height:90%;width:64%;left:-6%}
.personal-brand .about{grid-template-columns:245px minmax(0,1fr);gap:52px;padding-block:42px}
.personal-brand .about p{font-size:19px;line-height:2.05;max-width:830px}
.personal-brand .catalog-head p{font-size:18px;line-height:1.95;max-width:730px;margin:8px auto 0}
.personal-brand .product-name{font-size:clamp(29px,3vw,43px);line-height:1.3}
.personal-brand .product-role{font-size:20px;line-height:1.9;font-weight:500;color:#f0e5d6;margin-top:12px}
.personal-brand .product-intro{font-size:19px;line-height:1.95;max-width:690px;margin-top:13px;color:#d1c4ba}
.personal-brand .product-intro p{color:#d1c4ba}
.personal-brand .product-intro p+p{font-size:18px;line-height:1.95;color:#e4c8b9;margin-top:12px}
.personal-brand .details-action{font-size:16px;min-height:48px;margin-top:16px}
.personal-brand .detail-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);gap:64px}
.personal-brand .detail-copy{font-size:19px;line-height:2;max-width:680px}
.personal-brand .detail-copy>p{color:#d8cbbf;margin-bottom:24px}
.personal-brand .detail-copy>p:first-child{font-size:25px;line-height:1.85}
.personal-brand .detail-copy h4{font-size:21px;line-height:1.9;margin-block:29px 12px}
.personal-brand .detail-copy ul{color:#d8cbbf}
.personal-brand .detail-copy li{margin-bottom:12px}
.personal-brand .faq-heading p,.personal-brand .faq-answer{font-size:19px;line-height:2}
.personal-brand .faq-item summary{font-size:18px;line-height:1.95;padding-block:23px}
.personal-brand .final-cta p{font-size:18px;line-height:2;max-width:750px;margin-inline:auto}
.personal-brand .final-cta .access-line{font-size:16px}
.personal-brand .site-footer>p{font-size:16px;line-height:1.95}
.personal-brand .telegram-notice p{font-size:16px;line-height:1.95}
/* A shared material treatment; mask follows each transparent object, never its text. */
.object-po{--art:url('assets/po.webp')}.object-vibe{--art:url('assets/vibe.webp')}.object-pattern{--art:url('assets/pattern.webp')}.object-robot{--art:url('assets/robot.webp')}.object-diamond{--art:url('assets/diamond.webp')}.object-personal{--art:url('assets/personal.webp')}.object-copy{--art:url('assets/copy.webp')}
.object-light{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,#ffe4a62e 0%,transparent 30%,#260208db 88%);mask:var(--art) center/contain no-repeat;-webkit-mask:var(--art) center/contain no-repeat;opacity:0}
.object-diamond .object-light{inset:20px}
@media(max-width:1050px){
 .personal-brand .hero{min-height:750px;max-height:880px}
 .personal-brand .hero h1{font-size:clamp(106px,12vw,142px)}
 .personal-brand .hero-position{font-size:28px}
 .personal-brand .hero-description{font-size:18px}
 .personal-brand .hero .access-line{font-size:14px}
 .personal-brand .hero-art .mascot-layer{left:-12%;width:116%;height:78%;bottom:4%}
 .personal-brand .near-rocket{left:-39%;height:33%;bottom:1%}
 .personal-brand .about{grid-template-columns:170px 1fr;gap:28px}
 .personal-brand .about p{font-size:17px}
}
@media(max-width:850px){
 .personal-brand .hero{height:auto;min-height:0;max-height:none}
 .personal-brand .hero-body{display:block}
 .personal-brand .hero-copy{width:66%;max-width:520px;padding:36px 0 230px}
 .personal-brand .hero h1{font-size:clamp(109px,17vw,142px);line-height:1.35}
 .personal-brand .hero-origin{font-size:16px}
 .personal-brand .hero-position{font-size:27px}
 .personal-brand .hero-description{font-size:18px;max-width:415px}
 .personal-brand .hero-actions{flex-wrap:wrap;gap:16px;margin-top:23px}
 .personal-brand .hero-art{top:auto;bottom:0;left:-4%;width:52%;height:580px}
 .personal-brand .hero-art .mascot-layer{left:-9%;width:115%;height:93%;bottom:0}
 .personal-brand .mascot-support{bottom:-2%;height:25%}
 .personal-brand .near-rocket{height:36%;left:-19%;bottom:0}
 .personal-brand .portal-front{left:-4%;top:18%;width:45%;height:97%}
 .personal-brand .portal-back{left:-14%;top:14%;width:44%;height:102%}
 .personal-brand .foreground-ring{bottom:-22%;height:33%}
 .personal-brand .about{padding-block:32px;gap:25px}
 .personal-brand .catalog-head p{font-size:17px;max-width:590px}
 .personal-brand .product-role{font-size:18px}
 .personal-brand .product-intro{font-size:18px;max-width:600px}
 .personal-brand .product-intro p+p{font-size:17px}
 .personal-brand .detail-layout{grid-template-columns:1fr}
 .personal-brand .detail-copy{max-width:650px}
}
@media(max-width:600px){
 .personal-brand .hero-body{padding-bottom:338px}
 .personal-brand .hero-copy{width:100%;max-width:none;padding:27px 0 0}
 .personal-brand .hero-origin{font-size:17px;line-height:1.95}
 .personal-brand .hero h1{font-size:clamp(102px,27vw,148px);line-height:1.32;margin-block:0 5px}
 .personal-brand .hero-position{font-size:25px;line-height:1.85;margin-bottom:14px}
 .personal-brand .hero-description{font-size:18px;line-height:1.95;max-width:440px}
 .personal-brand .hero-actions{margin-top:24px;gap:20px;flex-wrap:nowrap}
 .personal-brand .hero .access-line{font-size:16px;line-height:1.95;margin-top:16px;max-width:360px}
 .personal-brand .hero-art{top:auto;bottom:0;left:0;width:100%;height:314px}
 .personal-brand .hero-art .mascot-layer{width:77%;left:20%;height:108%;bottom:-4%}
 .personal-brand .mascot-support{left:9%;bottom:-11%;width:102%;height:28%}
 .personal-brand .near-rocket{height:49%;width:52%;left:-8%;bottom:-3%}
 .personal-brand .foreground-ring{left:-32%;bottom:-35%;width:148%;height:43%;border-width:10px}
 .personal-brand .portal-front{left:10%;top:57%;height:56%;width:73%;opacity:.7}
 .personal-brand .portal-back{left:-7%;top:55%;height:60%;width:73%;opacity:.35}
 .personal-brand .hero-room .room-light{top:46%;height:55%;width:125%;left:-20%}
 .personal-brand .about{display:block;padding-block:31px}
 .personal-brand .about h2{font-size:24px;margin-bottom:14px}
 .personal-brand .about p{font-size:18px;line-height:2;max-width:440px}
 .personal-brand .catalog-head h2{font-size:28px;line-height:1.75}
 .personal-brand .catalog-head p{font-size:17px;line-height:1.95;max-width:420px;margin-top:11px}
 .personal-brand .gallery{--scene:325px;--object:300px}
 .personal-brand .product-name{font-size:28px;line-height:1.35;font-stretch:112%;max-width:380px}
 .personal-brand .product-role{font-size:18px;line-height:1.95;margin-top:11px}
 .personal-brand .product-intro{font-size:18px;line-height:1.95;margin-top:14px}
 .personal-brand .product-intro p+p{font-size:18px;line-height:1.95;margin-top:12px}
 .personal-brand .details-action{font-size:16px;margin-top:18px;min-height:48px}
 .personal-brand .detail-copy{font-size:18px;line-height:2}
 .personal-brand .detail-copy>p:first-child{font-size:23px;line-height:1.9}
 .personal-brand .detail-copy h4{font-size:19px;line-height:1.95}
 .personal-brand .read-panel summary>span:first-child{font-size:25px;line-height:1.45}
 .personal-brand .faq-heading p,.personal-brand .faq-answer,.personal-brand .faq-item summary{font-size:18px;line-height:2}
 .personal-brand .faq-item summary{padding-block:23px}
 .personal-brand .final-cta p{font-size:17px;line-height:2}
 .personal-brand .final-cta .access-line{font-size:15px}
 .personal-brand .site-footer>p{font-size:16px;line-height:2}
 .personal-brand .telegram-notice p{font-size:15px;line-height:1.9}
 .personal-brand .object-diamond .object-light{inset:15px}
}
@media(max-width:375px){
 .personal-brand .hero h1{font-size:102px}
 .personal-brand .hero-position{font-size:23px}
 .personal-brand .hero-actions{gap:17px}
 .personal-brand .hero-body{padding-bottom:320px}
 .personal-brand .hero-art{height:298px}
 .personal-brand .gallery{--scene:310px;--object:284px}
 .personal-brand .product-name{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.personal-brand .object-light{display:none}.personal-brand .hero-art,.personal-brand .portal-front,.personal-brand .portal-back{will-change:auto}}