/* KH-03 extends the accepted v2. Its gallery geometry and wheel contract remain intact. */
.personal-brand .hero-origin{margin-block:0 13px}
.personal-brand .hero h1{margin-bottom:0}
.personal-brand .hero-position{font-size:clamp(26px,2.3vw,34px);max-width:650px}
.personal-brand .hero-description{max-width:560px}
.personal-brand .hero-actions{gap:22px;flex-wrap:wrap}
.youtube{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:10px 20px;border:1px solid #8e634a;border-radius:3px;font:650 15px/1.2 Archivo,sans-serif;color:#f7ebd6;background:#160c10;transition:border-color .2s,background .2s}
.youtube:hover{border-color:#e8c777;background:#2a1118}
.personal-brand .hero-actions .text-link{flex-basis:100%;justify-content:flex-start;max-width:fit-content}
.personal-brand .about{padding-block:68px;align-items:start}
.personal-brand .about-intro{font-size:26px;line-height:1.8;color:#f7ebd6;margin-bottom:20px}
.personal-brand .about p+p{margin-top:18px}
.about-location{display:block;font:650 13px/1.5 Archivo,sans-serif;color:#d0a875;margin-top:18px}
.approach{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:100px;padding-block:80px 96px;position:relative}
.approach h2{max-width:480px;font-size:clamp(30px,3.3vw,45px)}
.approach-heading>p{font-size:20px;line-height:2;margin-top:20px;max-width:480px}
.approach-item{padding-block:0 30px;border-bottom:1px solid #4d3633;margin-bottom:30px}
.approach-item:last-child{border:0;margin-bottom:0;padding-bottom:0}
.approach-item h3{font:700 23px/1.8 Alexandria,sans-serif;color:#e8c777;margin-bottom:10px}
.approach-item p{font-size:20px;line-height:2;max-width:660px}
.personal-brand .catalog{padding-top:55px;background:radial-gradient(ellipse at 50% 22%,#3e091225,transparent 48%)}
.scene-banner{position:absolute;left:-24%;top:6%;width:75%;height:62%;object-fit:contain;z-index:0;transform:perspective(900px) rotateY(-15deg) rotateZ(-7deg);opacity:.85;filter:drop-shadow(15px 25px 18px #0008);pointer-events:none}
.object-robot .scene-banner{width:64%;height:85%;left:-21%;top:0}
.object-plane:has(.scene-banner) .object-image{padding-inline-start:12%;padding-bottom:4%}
.object-plane:has(.scene-banner) .object-reflection{opacity:.06}
.detail-art:has(.product-banner){position:sticky;top:110px}
.detail-art .product-banner{width:100%;max-height:460px;height:auto;object-fit:contain;filter:none}
.personal-brand .read-panel{padding:34px 38px 24px}
.personal-brand .read-panel summary>span:first-child{overflow-wrap:anywhere}
.personal-brand .close-label,.personal-brand .close-detail{font-size:16px;min-height:44px}
.personal-brand .faq{padding-top:90px}
.final-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:30px}
.final-actions .telegram{margin-top:0}
.site-footer .youtube{min-height:44px;font-size:13px;padding-inline:13px}
.site-footer nav a:not(.telegram):not(.youtube){min-height:44px;display:inline-flex;align-items:center}
.personal-brand .detail-copy,.personal-brand .faq-answer{overflow-wrap:break-word}
@media(max-width:1050px){.approach{gap:50px}.personal-brand .hero-actions{gap:16px}.personal-brand .hero-position{font-size:28px}}
@media(max-width:850px){
 .personal-brand .about p{font-size:18px}
 .personal-brand .about .about-intro{font-size:24px}
 .personal-brand .hero-copy{padding-bottom:260px}
 .personal-brand .hero-position{font-size:26px}
 .personal-brand .about{padding-block:48px}
 .approach{gap:40px;padding-block:55px 64px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .approach h2{font-size:32px}
 .approach-item h3{font-size:21px}
 .approach-heading>p,.approach-item p{font-size:18px}
 .personal-brand .read-panel .detail-art{display:block;position:static;max-width:520px;margin-inline:auto}
 .personal-brand .read-panel .detail-art:not(:has(.product-banner)){display:none}
 .personal-brand .read-panel .detail-art .product-banner{max-height:330px}
 .personal-brand .faq{padding-top:60px}
}
@media(max-width:600px){
 .personal-brand .hero-copy{padding-bottom:0}
 .personal-brand .hero-position{font-size:25px;line-height:1.8;max-width:380px}
 .personal-brand .hero-description{font-size:18px;line-height:1.95}
 .personal-brand .hero-actions{flex-wrap:wrap!important;gap:14px;max-width:none!important}
 .hero-actions .youtube{min-height:48px;padding-inline:18px;font-size:14px}
 .personal-brand .hero-actions .text-link{flex-basis:100%;font-size:17px;min-height:44px}
 .personal-brand .hero .access-line{margin-top:7px}
 .personal-brand .about{padding-block:42px}
 .personal-brand .about-intro{font-size:23px;line-height:1.9}
 .about-location{font-size:12px;margin-block:0 25px}
 .approach{display:block;padding-block:46px 44px}
 .approach h2{font-size:30px;line-height:1.8}
 .approach-heading>p{font-size:18px;margin-top:16px}
 .approach-body{margin-top:34px}
 .approach-item{padding-bottom:23px;margin-bottom:23px}
 .approach-item h3{font-size:20px}
 .approach-item p{font-size:18px}
 .personal-brand .catalog{padding-top:27px}
 .personal-brand .catalog-head h2{font-size:29px}
 .scene-banner{width:68%;height:62%;left:-7%;top:4%;transform:perspective(800px) rotateY(-9deg) rotateZ(-6deg)}
 .object-robot .scene-banner{width:56%;height:76%;left:-5%;top:3%}
 .object-plane:has(.scene-banner) .object-image{padding-inline-start:20%}
 .personal-brand .read-panel{padding:24px 18px}
 .personal-brand .read-panel .detail-art .product-banner{max-height:270px}
 .personal-brand .read-panel summary{gap:14px}
 .personal-brand .read-panel summary>span:first-child{font-size:25px}
 .personal-brand .close-label,.personal-brand .close-detail{font-size:16px}
 .personal-brand .faq{padding-top:45px}
 .personal-brand .faq-heading p{margin-top:13px}
 .final-actions{gap:12px;flex-wrap:wrap}
 .personal-brand .final-cta h2{font-size:30px;line-height:1.7}
 .site-footer nav{gap:14px 20px}
}
@media(prefers-reduced-motion:reduce){.scene-banner{transform:none}}