/* Published BLOOM tokens remain the base; this file owns the proposed changes. */
.hybrid{--proposal-light:#fffafc;--proposal-lavender:#eee2f1;--proposal-paper:#f7f1e8;--font:'Yu Gothic UI','Hiragino Sans',Meiryo,sans-serif;font-weight:400}
.proposal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 5%;background:var(--costume);color:var(--white);font-size:11px}
.proposal-bar a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hybrid .bloom-hero{background:#f9eaf3;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0 5%;padding-top:45px;min-height:730px}
/* Keep the desktop hero composition together on wide screens. */
@media(min-width:1101px){
 .hybrid .bloom-hero{padding-inline:max(5%,calc((100% - 1140px)/2));column-gap:clamp(32px,5vw,88px)}
 .hybrid .hero-art{justify-self:start}
}
.hybrid .bloom-hero::before{top:auto;bottom:16px;left:-2%;font-size:22vw;color:#de61891c;line-height:1;z-index:0}
.hybrid .hero-copy{padding-top:28px;align-self:start}
.hybrid .hero-copy h1{margin:20px 0 18px;line-height:1}
.hero-name-logo{display:block;width:100%;max-width:490px;height:auto}
.hybrid .hero-copy>p{margin-top:12px;max-width:35em;font-size:16px;line-height:1.9}
.hybrid .hero-actions{margin-top:26px}
.hybrid .hero-art{position:relative;width:100%;max-width:480px;padding:17px 17px 0;border-radius:245px 245px 0 0;box-shadow:0 0 0 8px #fff9;isolation:isolate}
.hybrid .hero-art .bust{width:100%;height:610px;aspect-ratio:auto;border-radius:228px 228px 0 0;border:8px solid #fff;border-bottom:0;background-color:#eddae5;background-image:repeating-linear-gradient(0deg,transparent 0 30px,#fff9 30px 60px),repeating-linear-gradient(90deg,transparent 0 30px,#fff9 30px 60px)}
.hybrid .hero-art .bust img{top:-6px;left:50%;transform:translateX(-50%);width:115%;height:auto;max-width:none}
.hybrid .guidelines-intro{padding:26px 28px;background:var(--proposal-paper);border-left:3px solid var(--rose);margin:24px 0 38px;text-wrap:pretty}
.hybrid .guidelines-intro p{margin:0 0 22px;line-height:2}
.hybrid .guidelines-intro p:last-child{margin-bottom:0;padding-top:20px;border-top:1px solid var(--border);font-size:14px;color:var(--wine)}
@media(max-width:600px){.hybrid .guidelines-intro{padding:20px 17px;margin:20px 0 30px}.hybrid .guidelines-intro p{margin-bottom:18px;line-height:1.95}}
.hybrid.page-about .page-title h1{font-size:clamp(32px,5vw,68px);text-indent:-.1em}
.hybrid.page-about .page-title{max-width:1200px;margin:auto;padding-inline:min(var(--gutter),60px)}
.hybrid .about-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:5%;max-width:1440px;margin:auto;padding-bottom:80px;align-items:center}
.hybrid .about-visual{width:min(100%,430px);aspect-ratio:.58;margin:auto;display:flex;padding:12px;background:var(--purple);border-radius:50% 50% 24px 24px / 29% 29% 24px 24px;box-shadow:0 0 0 7px var(--white);position:relative}
.hybrid .about-visual .bust{aspect-ratio:auto;width:100%;max-width:none;min-height:0;flex:1;margin:0;padding:0;border:6px solid var(--white);border-radius:50% 50% 14px 14px / 29% 29% 14px 14px;background-color:var(--proposal-lavender);background-image:repeating-conic-gradient(var(--proposal-light) 0% 25%,transparent 0% 50%);background-size:52px 52px}
.hybrid .about-visual .bust img{position:absolute;display:block;top:20px;left:10px;width:calc(100% - 20px);height:calc(100% - 36px);max-width:100%;object-fit:contain;transform:none;margin:0}
.hybrid .about-copy{position:relative;padding:44px 38px;background:var(--proposal-light);border:1px solid var(--border);border-radius:8px 36px 8px 8px;box-shadow:9px 9px 0 var(--proposal-lavender)}
.hybrid .about-copy::before{content:'';position:absolute;left:38px;top:0;width:64px;height:5px;background:var(--rose)}
.hybrid .about-copy>small{display:inline-block;color:var(--wine);font-weight:700;letter-spacing:.16em;padding-bottom:10px;border-bottom:1px solid var(--border)}
.hybrid .about-copy h2{font-size:clamp(30px,3.5vw,48px);margin:20px 0 24px;color:var(--wine);letter-spacing:.04em}
.hybrid .about-copy p{line-height:2.05}
.hybrid .about-copy .profile-tags{gap:0 22px;margin:28px 0}
.hybrid .about-copy .profile-tags>div{background:transparent;border-radius:0;border-bottom:1px solid var(--border);padding:16px 0}
.hybrid .about-copy .profile-tags dt{font-size:10px;letter-spacing:.13em}
.hybrid .about-copy .profile-tags dd{font-weight:600;margin-top:7px}
.hybrid .about-copy .social-links{gap:6px 18px;padding-top:4px}
.hybrid .about-copy>.button{margin-top:24px}
@media(max-width:1000px){
 .hybrid .about-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:4%}
 .hybrid .about-copy{padding:32px 24px}
 .hybrid .about-copy::before{left:24px}
 .hybrid .about-visual{padding:10px}
}
@media(max-width:700px){
 .hybrid .about-layout{grid-template-columns:1fr;gap:34px;padding-bottom:55px}
 .hybrid .about-visual{width:min(100%,300px)}
 .hybrid .about-copy{padding:32px 24px;margin-right:7px}
 .hybrid .about-copy h2{font-size:34px}
}
.hybrid .orbit-label{right:-23px;top:80px}
.hybrid .bloom-shots{margin:22px 0 42px;max-width:505px;position:relative;z-index:3}
.hybrid .bloom-shots .video-card{animation:none}
.hybrid .bloom-shots .video-card>div{display:none}
.hybrid .ticker{font-size:23px;padding-block:17px}
.hybrid .ticker-track{animation-duration:96s}
.hybrid .ticker-group{display:flex;flex-shrink:0;min-width:100vw}
.hybrid .ticker-group>span{flex-shrink:0;padding:0 30px 0 0}
.hybrid #popular-videos{padding-top:65px;padding-bottom:30px;background:var(--proposal-light)}
.hybrid #past-lives{padding-top:25px;padding-bottom:65px;background:var(--proposal-light)}
.hybrid .profile-feature{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:8%;align-items:center;padding:85px 8%;background:var(--proposal-paper);overflow:hidden}
.hybrid .profile-banner{position:relative;overflow:visible;height:auto;margin:0;padding:13px 13px 44px;background:#fffefa;box-shadow:5px 8px 0 #dcc9d8,0 18px 30px #5933460c;transform:rotate(-3deg);max-width:520px}
.hybrid .profile-banner::before{content:'';position:absolute;left:33%;top:-15px;width:35%;height:29px;background:#dfcad8c9;transform:rotate(5deg);z-index:2}
.hybrid .profile-banner img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;background:#ece3f1;padding:14px}
.hybrid .profile-banner figcaption{position:absolute;left:22px;bottom:12px;font:italic 18px Georgia,serif;color:var(--wine)}
.hybrid .profile-text{display:block;padding:0;max-width:570px;margin:0}
.hybrid .profile-text>small{font-size:12px;letter-spacing:.17em;color:var(--wine)}
.hybrid .profile-text h2{font-size:clamp(28px,3vw,43px);font-weight:700;letter-spacing:-.025em;line-height:1.65;margin:18px 0}
.hybrid .profile-text p{font-size:16px;line-height:2.05;margin-bottom:26px}
.hybrid .channels{background:var(--proposal-lavender);padding-top:60px;padding-bottom:60px;border-top:1px solid #e0cbdf}
.hybrid .home-works{background:var(--proposal-light);padding-top:70px;padding-bottom:70px;border-top:0}
.hybrid .home-guides{background:var(--proposal-lavender);padding-top:70px;padding-bottom:75px;border-top:1px solid #e0cbdf}
.hybrid .directory a{background:#fffafc;border:1px solid #d9bfda;padding:26px 24px;border-radius:12px}
.hybrid .work-preview a{border-color:#e2cedd}
.hybrid .footer-name{flex-wrap:wrap;overflow-wrap:anywhere;gap:20px}
.hybrid .footer-name span{font-size:.65em}
.hybrid .page-hero,.hybrid .hero-copy,.hybrid .hero-art{animation:none;opacity:1}
.hybrid .reveal{opacity:1;transform:none}
@media(max-width:1100px) and (min-width:601px){
 .hybrid .bloom-hero{padding-inline:5%;gap:0 4%;min-height:650px}
 .hybrid .hero-art .bust{height:540px}
 .hybrid .hero-art .bust img{width:135%}
 .hybrid .hero-copy{padding-top:25px}
 .hybrid .hero-copy>p{font-size:14px}
 .hybrid .hero-actions{gap:9px}
 .hybrid .hero-actions .button{padding:12px 15px;font-size:12px}
 .hybrid .profile-feature{gap:6%;padding:70px 6%}
 .hybrid .profile-text h2{font-size:30px}
}
@media(max-width:600px){
 .proposal-bar{padding:6px 5%;font-size:10px}
 .proposal-bar>span{display:none}
 .hybrid .bloom-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:'copy copy' 'videos portrait';gap:25px 12px;padding:25px 5% 0;min-height:0}
 .hybrid .hero-copy{grid-area:copy;padding:0}
 .hybrid .hero-copy h1{margin:15px 0 17px}
 .hero-name-logo{width:270px;max-width:85%;height:auto}
 .hybrid .hero-copy>p{font-size:13px;line-height:1.95}
 .hybrid .hero-actions{margin-top:20px;gap:10px;flex-wrap:wrap}
 .hybrid .hero-actions .button{font-size:12px;padding:11px 15px;min-height:44px}
 .hybrid .hero-art{grid-area:portrait;grid-column:2;grid-row:2;width:100%;max-width:none;padding:8px 8px 0;margin:0;box-shadow:0 0 0 4px #fff9}
 .hybrid .hero-art .bust{width:100%;height:340px;border-width:5px;border-bottom:0;border-radius:120px 120px 0 0;background-size:auto}
 .hybrid .hero-art .bust img{width:150%;top:-4px}
 .hybrid .orbit-label{font-size:7px;padding:10px 6px;right:-9px;top:65px}
 .hybrid .bloom-shots{grid-area:videos;grid-column:1;grid-row:2;position:relative;left:auto;bottom:auto;width:100%;max-width:none;align-self:center;margin:0;padding:0}
 .hybrid .bloom-shots .video-grid{grid-template-columns:1fr;gap:26px}
 .hybrid .bloom-shots .video-card{padding:4px}
 .hybrid .bloom-shots .play-icon{width:24px;height:24px;font-size:10px;right:7px;top:7px}
 .hybrid .bloom-hero::before{top:auto;bottom:0;font-size:35vw}
 .hybrid .ticker{font-size:16px;padding-block:14px}
 .hybrid #popular-videos{padding-top:45px;padding-bottom:25px}
 .hybrid #past-lives{padding-top:10px;padding-bottom:45px}
 .hybrid .profile-feature{grid-template-columns:1fr;gap:48px;padding:60px 7% 50px}
 .hybrid .profile-banner{padding:10px 10px 38px;width:100%;max-width:420px;margin:auto}
 .hybrid .profile-banner img{padding:12px}
 .hybrid .profile-banner figcaption{font-size:16px;bottom:10px}
 .hybrid .profile-text h2{font-size:29px;line-height:1.6;margin:14px 0}
 .hybrid .profile-text p{font-size:15px;line-height:2}
 .hybrid .channels,.hybrid .home-works,.hybrid .home-guides{padding-top:45px;padding-bottom:45px}
 .hybrid .directory a{padding:22px}
}

/* Keep secondary-page content together at desktop and ultrawide sizes. */
.hybrid:is(.page-works,.page-terms,.page-guidelines,.page-illustration,.page-contact) main{max-width:1200px;margin-inline:auto}
.hybrid:is(.page-works,.page-terms,.page-guidelines,.page-illustration,.page-contact) .page-title h1{font-size:clamp(32px,5vw,68px)}
@media(min-width:901px){
 .hybrid:is(.page-terms,.page-guidelines,.page-illustration) .document-layout{grid-template-columns:240px minmax(0,1fr);justify-content:normal;gap:64px}
 .hybrid.page-contact .contact-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
}
@media(min-width:901px) and (max-width:1100px){
 .hybrid:is(.page-terms,.page-guidelines,.page-illustration) .document-layout{grid-template-columns:200px minmax(0,1fr);gap:40px}
 .hybrid.page-contact .contact-layout{gap:40px}
}
/* Percentage row gaps grow with long documents in the stacked layout. */
@media(max-width:900px){
 .hybrid:is(.page-terms,.page-guidelines,.page-illustration) .document-layout{row-gap:32px}
 .hybrid:is(.page-terms,.page-guidelines,.page-illustration) .document-index{margin-bottom:0}
 .hybrid:is(.page-terms,.page-guidelines,.page-illustration) .document-index nav{margin-bottom:0}
}
/* Six platform links: balanced rows with consistent card anatomy. */
.hybrid .channels{padding-inline:max(5%,calc((100% - 1200px)/2));gap:28px}
.hybrid .channels .social-links{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.hybrid .channels .social-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:34px auto;align-items:center;gap:16px 8px;padding:20px 18px;min-height:118px}
.hybrid .channels .social-links a:first-child{grid-column:auto}
.hybrid .channels .social-links .platform-icon{grid-column:1;grid-row:1}
.hybrid .channels .social-links .platform-name{grid-column:1/-1;grid-row:2;margin:0;font-size:14px;line-height:1.5}
.hybrid .channels .social-links a>span[aria-hidden]{grid-column:2;grid-row:1;margin:0;justify-self:end}
@media(max-width:1199px){.hybrid .channels .social-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){
 .hybrid .channels{padding-inline:6%;gap:24px}
 .hybrid .channels .social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hybrid .channels .social-links a{padding:16px 14px;min-height:110px;gap:12px 8px}
}
@media(max-width:359px){.hybrid .channels .social-links a{padding-inline:12px}.hybrid .channels .social-links .platform-name{font-size:13px}}
.hybrid .channels .social-links a:first-child .platform-name{grid-area:2/1/auto/-1}
.hybrid .channels .social-links a:first-child>span[aria-hidden]{grid-area:1/2}
.hybrid .work-preview-summary{min-width:0}
.hybrid .work-preview-summary p{margin:8px 0 0;font-size:14px;line-height:1.8;color:var(--wine);overflow-wrap:anywhere}
/* No decorative arrow columns after removing northeast arrows. */
.hybrid .directory a{grid-template-columns:1fr}
.hybrid .work-preview a{grid-template-columns:140px minmax(0,1fr)}
.hybrid .channels .social-links a,.hybrid .channels .social-links a:first-child{grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){.hybrid .work-preview a{grid-template-columns:minmax(0,1fr)}}