:root{--font-jp:"Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-jp2:"Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-en:"Cormorant Garamond", "Times New Roman", serif;--shadow:#0000001a 0px 10px 15px -3px, #0000000d 0px 4px 6px -2px}body{font-family:var(--font-jp2)}.section-title{font-family:var(--font-en)}@media (prefers-color-scheme:dark){:root{--text:#9ca3af}}.bubble-canvas{z-index:0;pointer-events:none;filter:blur(.6px)saturate(1.05);opacity:.95;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.bubble-canvas{display:none}}.site-header{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;width:100%;padding:12px 0;transition:background .24s,border-bottom .24s;position:fixed;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;height:44px;display:flex;overflow:hidden}.logo-head-image{border-radius:8px;flex:none;width:160px;margin-right:8px}.logo-text-fallback{align-items:baseline;gap:8px;display:flex}.logo-main{color:var(--color-text);font-size:18px;font-weight:700}.nav a{color:var(--color-text);letter-spacing:2px;margin-left:20px;font-size:24px;font-weight:700;text-decoration:none}.icon-link{vertical-align:bottom;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon{width:28px;height:24px}.logo{opacity:0;transition:transform .56s cubic-bezier(.2,.9,.3,1),opacity .56s cubic-bezier(.2,.9,.3,1);transform:translateY(-6px)}.site-header.show-logo .logo{opacity:1;transform:translateY(0)}@media (width<=768px){.nav a{margin-left:12px;font-size:16px}.logo-head-image{width:140px}.icon-link{width:28px;height:28px}.icon{width:24px;height:20px}}@media (prefers-reduced-motion:reduce){.logo,.site-header.show-logo .logo{opacity:1!important;transition:none!important;transform:none!important}}.hero{background-image:url(/images/character/sou-hero-bg.png);background-position:100%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;min-height:100svh;display:flex;position:relative}.hero-sentinel{pointer-events:none;opacity:0;height:1px;position:absolute;bottom:0;left:0;right:0}.hero-inner{z-index:2;align-items:center;gap:48px;width:100%;display:flex;position:relative}.hero-left{flex:1;margin-bottom:72px}.logo-large{color:var(--color-primary-deep);font-size:28px;font-weight:700}.logo-image{width:30%;min-width:240px;max-width:360px;height:auto;display:block}.hero-title{color:var(--color-text-soft);margin-top:24px;font-size:32px;line-height:1.05}.hero-sub{color:var(--color-text-soft);margin-top:12px}.hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffffffd9 0%,#fff9 0%,#fff0 50%);position:absolute;inset:0}@media (width<=768px){.hero{padding:calc(var(--space-lg) + 4px) 0;background-image:url(/images/character/sou-hero-bg-sp.png);background-position:top;background-size:cover}.hero-inner{flex-direction:column;align-items:flex-start}.hero-title{font-size:32px}}.section-title{align-items:center;gap:24px;margin-top:96px;padding-bottom:12px;display:flex}.section-number{color:var(--color-primary-deep);opacity:.9;font-size:36px;font-weight:700}.section-text h2{letter-spacing:8px;font-size:28px}.subtitle{color:var(--color-text-soft);margin-top:6px;font-family:Allura,cursive;font-size:14px;font-style:italic}.profile-section{padding:120px 0;position:relative}.profile-inner{align-items:start;gap:40px;min-height:700px;display:flex}.profile-image{width:360px;height:360px;box-shadow:var(--shadow);border-radius:12px}.profile-character{object-fit:contain;z-index:1;width:min(72vw,1100px);height:auto;position:absolute;bottom:0;right:-2%}.profile-body{flex:1}.lead{color:var(--color-text-soft);line-height:1.8}.profile-info-item-list>dl~dl{margin-top:12px}.profile-info-item-list>dl{flex-flow:row;align-items:baseline;gap:24px;display:flex}.profile-info-item-list>dl dt{min-width:120px;font-family:var(--font-en);letter-spacing:.12em;text-transform:uppercase;font-size:.875rem}.profile-info-item-list>dl dd{font-family:var(--font-jp);letter-spacing:.12em;margin:0}.profile-info-item-list>dl dd span{font-size:.875rem}@media (width<=768px){.profile-inner{flex-direction:column;min-height:920px}.profile-image{width:80%;height:260px}.profile-info-item-list>dl dt{min-width:100px}.profile-character{width:auto}.profile-info-item-list{padding-bottom:100px}}@media (width<=480px){.profile-inner{min-height:800px}}.video-section{padding:5rem 0 6rem}.video-state{margin-top:2.5rem}.video-loading{min-height:18rem}.video-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 2.25rem;display:grid}.video-skeleton-item{flex-direction:column;gap:.9rem;display:flex}.video-skeleton-thumb,.video-skeleton-line{background:linear-gradient(90deg,#9fc9dc47,#9fc9dc66,#9fc9dc47) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmer}.video-skeleton-thumb{aspect-ratio:16/9;border-radius:6px;width:100%}.video-skeleton-line{border-radius:999px;height:.9rem}.video-skeleton-line.short{width:82%}.video-error{color:var(--color-text-soft);padding:1.2rem 0}.video-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2rem 2.25rem;margin-top:2.4rem;display:grid}.video-item{display:flex}.video-link{width:100%;color:inherit;text-decoration:none}.video-thumb-wrap{aspect-ratio:16/9;background:#ffffff80;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 30px #365b8414}.video-thumb{object-fit:cover;width:100%;height:100%;transition:transform .5s,opacity .45s;display:block}.video-link:hover .video-thumb,.video-link:focus-visible .video-thumb{opacity:.95;transform:scale(1.04)}.play-badge{width:52px;height:52px;color:var(--color-primary-deep);opacity:0;background:#ffffffb8;border:1px solid #749bba73;border-radius:50%;place-items:center;font-size:1.25rem;transition:opacity .45s,transform .45s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-link:hover .play-badge,.video-link:focus-visible .play-badge{opacity:1;transform:translate(-50%,-50%)scale(1.04)}.video-content{padding-top:1rem}.video-content h3{color:var(--color-text);letter-spacing:.02em;margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem);font-weight:500;line-height:1.7}.video-date{color:var(--color-text-soft);margin-top:.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.05rem,1.6vw,1.2rem);font-style:italic}.video-more{text-align:right;margin-top:2.2rem}.video-more a{color:var(--color-primary-deep);letter-spacing:.04em;font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,1.8vw,2rem);font-style:italic;text-decoration:none;transition:opacity .3s}.video-more a:hover,.video-more a:focus-visible{opacity:.8}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1024px){.video-list,.video-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.video-section{padding:4rem 0 5rem}.video-list,.video-skeleton-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.video-thumb,.play-badge,.video-more a,.video-skeleton-thumb,.video-skeleton-line{transition:none;animation:none}}.social-glass{color:#fff;-webkit-backdrop-filter:blur(4px);background:linear-gradient(135deg,#183465d1 0%,#23457dc7 55%,#4b6fa6ad 100%);border:1px solid #d2e6f847;border-radius:22px;align-items:center;gap:24px;width:min(100%,520px);padding:24px 30px;text-decoration:none;transition:transform .45s,box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #18346529,inset 0 1px #ffffff4d,inset 0 -1px #0a1e4133}.social-glass:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#bedcf8cc,#ffffff80,#0000);height:1px;position:absolute;top:0;left:8%;right:8%}.social-glass:after{content:"";pointer-events:none;background:radial-gradient(#97c5eb2e,#0000 65%);width:65%;height:150%;position:absolute;top:-60%;right:-10%}.social-glass:hover,.social-glass:focus-visible{background:linear-gradient(135deg,#183465c7 0%,#23457dbd 55%,#567eb5b8 100%);transform:translateY(-3px);box-shadow:0 18px 46px #1834653d,0 4px 16px #4b6fa61f,inset 0 1px #ffffff61,inset 0 -1px #0a1e412e}.social-glass:focus-visible{outline-offset:6px;outline:2px solid #97bee1d9}.social-glass-icon{color:#fff;flex-shrink:0;align-items:center;font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:400;display:flex}.social-glass-divider{background:#fff;width:1px;height:52px}.social-glass-content{flex-direction:column;min-width:0;display:flex}.social-glass-name,.social-glass-account,.social-glass-arrow{font-family:Cormorant Garamond,serif}.social-glass-name{letter-spacing:.06em;font-size:1.35rem}.social-glass-account{margin-top:3px;font-size:1rem;font-style:italic}.social-glass-arrow{margin-left:auto;font-size:1.7rem;transition:transform .4s}.social-glass:hover .social-glass-arrow,.social-glass:focus-visible .social-glass-arrow{transform:translate(5px)}@media (width<=768px){.social-glass{gap:16px;width:min(90%,520px);padding:18px 20px}.social-glass-divider{height:40px}.social-glass-name{font-size:1.1rem}.social-glass-account{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.social-glass,.social-glass-arrow{transition:none}}.social-section{padding:6rem 0 5rem}.social-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:2.2rem;display:flex}.social-description{color:var(--color-text-soft);letter-spacing:.02em;font-size:1.05rem;line-height:1.9;font-family:var(--font-jp2);margin:0 0 1.4rem}@media (width<=768px){.social-section{padding:4rem 0 4.5rem}.social-body{width:100%;max-width:100%}}.contact-text{letter-spacing:.06em;margin-top:2.4rem;line-height:2.1}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline;border:0;margin:0;padding:0}html,body,#root{height:100%}ol,ul{list-style:none}img{max-width:100%;height:auto;display:block}button{font:inherit}:root{--color-bg:#f8fcff;--color-bg-blue:#eef7fc;--color-bg-blue-deep:#dceef7;--color-primary-light:#cfe8f3;--color-primary:#9fc9dc;--color-primary-deep:#76a9c1;--color-text:#23457d;--color-text-soft:#6f8591;--color-white:#fff;--space-lg:6rem;--space-md:3rem;--space-sm:1.5rem;--max-width:1200px}@media (prefers-reduced-motion:reduce){:root{--motion-duration:0s}}html,body{background-color:var(--color-bg-blue-deep);color:var(--color-text);font-family:var(--font-jp2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#app-root{position:relative;overflow-x:hidden}main{z-index:2;position:relative}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.visually-hidden{clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.gradientText{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#9bc8f2 0%,#5f8fc8 18%,#284f91 40%,#173b78 58%,#315f9f 78%,#8ebce8 100%);-webkit-background-clip:text;background-clip:text}@media (width<=768px){:root{--space-lg:3rem}}.site-footer{color:var(--color-text-soft);text-align:center;padding:60px 0}