@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap');
:root{--blue:#39a8e0;--ink:#394e63;--pale:transparent;--yellow:#ffe9a4;--font:'Quicksand','Zen Maru Gothic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.9}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #12557f;outline-offset:5px}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}small{font-size:13px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
header{position:absolute;top:22px;left:3%;right:3%;height:82px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:8px;color:#259bd5;background:white;border-radius:0 0 28px 0;padding:12px 25px 15px;font-size:28px;font-weight:700;line-height:1.1;box-shadow:0 7px 30px #6fa9ce0d}.logo-star{font-size:54px;color:#ffdc78;text-shadow:2px 2px 0 #f0c651}.logo small{display:block;text-align:center;font-size:12px;letter-spacing:.2em;margin-top:7px}nav{display:flex;align-items:center;gap:32px;background:#ffffffec;padding:14px 26px;border-radius:50px}nav a{font-weight:700;font-size:17px;text-align:center;line-height:1.3}nav small{display:block;font-size:12px;font-weight:500;margin-top:5px}nav a:hover{color:var(--blue)}nav .nav-audition{color:#2185b6}#menu{width:52px;height:52px;background:white;border-radius:50%;display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px}#menu span{width:20px;height:2px;background:#3c6175}
.hero{height:900px;max-height:1100px;min-height:740px;background:transparent;position:relative;overflow:hidden;isolation:isolate}.hero-art{position:absolute;width:min(780px,76vw);left:50%;top:95px;transform:translateX(-50%)}.hero-art>img{width:100%;position:relative;z-index:1;animation:float 7s ease-in-out infinite;mask-image:linear-gradient(#000 80%,transparent 100%)}.hero-copy{position:absolute;top:590px;left:0;right:0;text-align:center;z-index:3}.eyebrow{letter-spacing:.32em;font-weight:700;font-size:14px;color:#227da8;display:inline-block;padding:3px 19px;border-radius:30px;background:#ffffffeb;margin-bottom:12px}h1{font-size:clamp(27px,3.7vw,52px);font-weight:900;line-height:1.65;letter-spacing:.03em;color:#33a6de}h1 span{paint-order:stroke fill;-webkit-text-stroke:13px white;text-shadow:0 6px 15px #3784a827}.subline{font-size:17px;letter-spacing:.09em;font-weight:700;margin-top:13px;color:#337999}.hero .stars{position:absolute;left:13%;top:20%;color:white;font-size:62px;width:75%;height:60%}.stars i{position:absolute;right:0;top:4%;font-size:74px}.stars b{position:absolute;left:-8%;bottom:8%;font-size:35px}.stars em{position:absolute;right:0;bottom:10%;font-size:48px}.wave:after{content:none}
.section{padding:105px 6%;position:relative}.section-heading{text-align:center;color:var(--blue);margin-bottom:37px}.section-heading h2{font-size:64px;font-weight:700;line-height:1.1;letter-spacing:.025em}.section-heading p{font-size:14px;font-weight:700;letter-spacing:.12em;margin-top:8px}.section-heading>span{display:block;font-size:30px;margin-top:24px;line-height:1}.about{text-align:center;padding-top:96px;overflow:hidden}.about>h3{font-size:28px;line-height:1.8;letter-spacing:.07em;margin-bottom:28px}.about>p{margin-top:24px;line-height:2.3}.message{display:flex;align-items:center;gap:35px;background:#f0f7fc;border-radius:18px;margin:55px auto 0;max-width:760px;padding:36px 42px;text-align:left}.message small{font-weight:700;letter-spacing:.2em;color:#2b92c4}.message h4{font-size:19px;margin:7px 0 12px}.message p{font-size:14px;line-height:2}.signature{margin-top:20px;text-align:right}.signature span{font-size:19px;font-weight:700}.mobile-only{display:none}
.liver{background-color:transparent;padding-bottom:100px}.demo-caption{font-size:13px;text-align:center;margin:0 0 20px;color:#637a8a}.showcase{max-width:1160px;margin:auto;position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 16px 55px #77a4bf15;color:#3b424c}.showcase:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,var(--tint),var(--accent));clip-path:polygon(62% 0,100% 0,100% 100%,42% 100%);opacity:.65;transition:background .5s}.showcase-top{position:relative;z-index:3;display:flex;justify-content:space-between;padding:24px 36px;font-size:12px;letter-spacing:.15em}.showcase-top b{color:var(--accent);margin:0 12px}.profile-view{position:relative;min-height:600px;display:grid;grid-template-columns:44% 56%}.profile-copy{padding:38px 0 40px 60px;z-index:2}.roman{font-size:13px;letter-spacing:.22em;color:var(--accent);font-weight:700}.profile-copy h3{font-size:40px;line-height:1.5;letter-spacing:.04em;margin:3px 0 15px}.tags{display:flex;gap:6px}.tags span{font-size:12px;line-height:1.6;background:var(--accent);color:white;padding:3px 10px}.profile-intro{font-size:23px;line-height:1.8;font-weight:700;letter-spacing:.06em;margin-top:26px}.profile-description{font-size:14px;line-height:2.1;margin:15px 0 22px;color:#616874}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin:0;max-width:320px}.facts div{border-top:1px solid #d9dee3;padding-top:7px}.facts dt{font-size:12px;color:#78838c}.facts dd{margin:0;font-size:16px}.credit{font-size:12px;color:#66717b;margin-top:20px}.art-stage{position:relative;min-width:0;overflow:hidden;isolation:isolate}.art-stage>img{height:610px;width:100%;object-fit:contain;position:absolute;bottom:0;left:0;filter:drop-shadow(10px 15px 8px #26364f12);transition:transform .65s cubic-bezier(.22,1,.36,1);transform-origin:center 20%;z-index:1}.back-word{position:absolute;top:25px;right:20px;writing-mode:vertical-rl;font-size:70px;font-weight:700;color:#ffffff78;letter-spacing:.06em;line-height:1}.art-label{position:absolute;bottom:15px;right:30px;font-size:12px;letter-spacing:.25em;color:#435f76;z-index:2}.showcase-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:20px 36px;background:#ffffffa6;border-top:1px solid #ffffff99}.view-controls{background:#eff2f5;padding:4px;border-radius:40px;display:flex;gap:4px}.view-controls button{border-radius:30px;font-size:14px;padding:8px 22px;line-height:1.4}.view-controls button[aria-pressed=true]{color:white;background:var(--accent)}.arrows{display:flex;gap:12px}.arrows button{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #d8e1ea;line-height:1;font-size:22px}.arrows button:hover{background:var(--accent);color:white}.wardrobe{padding:45px 30px;z-index:2}.wardrobe h3{font-size:32px;margin-top:12px}.wardrobe>p:not(.roman){font-size:14px;margin:14px 0}.visual-options{display:flex;gap:14px;margin:30px 0}.visual-options button{height:230px;width:125px;position:relative;overflow:hidden;border:2px solid transparent;background:#ffffffa6;padding:0}.visual-options button[aria-pressed=true]{border-color:var(--accent)}.visual-options img{width:100%;height:100%;object-fit:cover;object-position:top}.visual-options button[data-visual=close] img{transform:scale(1.9);transform-origin:center 15%}.visual-options span{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:5px;font-size:14px}.random-label{font-size:13px;display:flex;align-items:center;gap:8px}.random-label input{width:18px;height:18px;accent-color:var(--accent)}.showcase.visual-mode .profile-view{grid-template-columns:52% 48%}.showcase.visual-mode .art-stage{grid-column:1;grid-row:1}.showcase.visual-mode .wardrobe{grid-column:2;grid-row:1}.showcase.close-up .art-stage>img{transform:scale(1.45)}.character-picker{display:flex;justify-content:center;gap:22px;margin:35px auto 0}.character-picker button{font-size:14px;padding:0;width:130px;display:flex;flex-direction:column;align-items:center;font-weight:700;color:#607b8f}.character-picker button>span{width:94px;height:94px;border:3px solid transparent;border-radius:50%;overflow:hidden;background:#fff;transition:.2s}.character-picker img{width:100%;height:160px;object-fit:cover;object-position:top;transform:scale(1.3);transform-origin:center 10%}.character-picker button[aria-pressed=true]>span{border-color:var(--blue);box-shadow:0 0 0 5px #fff}.character-picker button[aria-pressed=true]{color:#2385b8}.character-picker small{margin-top:10px;letter-spacing:.1em}.liver-foot{text-align:center;font-size:15px;letter-spacing:.08em;margin-top:40px}.showcase.switching .art-stage>img{animation:slide-in .65s cubic-bezier(.22,1,.36,1) both}.showcase.switching .profile-copy{animation:copy-in .5s ease both}
.agency{padding-top:110px;padding-bottom:120px;overflow:hidden}.agency-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;max-width:980px;margin:55px auto 0;align-items:center}.agency-brand{text-align:center;color:var(--blue)}.agency-brand>span{display:block;font-size:65px;line-height:1;color:#f1cd64}.agency-brand strong{font-size:42px;line-height:1.3;display:block}.agency-brand small{letter-spacing:.25em;font-size:13px}.agency-brand p{color:#648092;margin-top:22px;font-size:14px;line-height:2}.agency-table{margin:0}.agency-table>div{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;padding:23px 0;border-bottom:1px solid #dfebf2}.agency-table dt{font-size:14px;color:#628092}.agency-table dd{font-size:15px;margin:0}.audition{background:transparent;padding:85px 7%}.audition-inner{max-width:1080px;margin:auto;text-align:center;background:#f7fbffed;border-radius:30px;padding:65px 25px;background-size:40px 40px}.audition h3{font-size:28px;margin-bottom:20px}.audition-inner>p{line-height:2.1;margin-top:16px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:40px;border-radius:40px;background:white;box-shadow:0 5px 18px #97b9cd17;color:#228dbf;padding:15px 25px 15px 35px;font-weight:700;margin-top:32px;border:1px solid #d8edf7}.pill>span{width:32px;height:32px;border-radius:50%;background:var(--blue);color:white;font-size:20px;line-height:32px}.pill:hover{background:#edf9ff}.audition-inner .application-note{font-size:13px;color:#677b88;margin-top:15px}footer{text-align:center;padding:55px 20px 28px;background:#394556;color:white}footer .footer-logo{font-size:30px;font-weight:700}footer>p{font-size:13px;color:#d8e2e9;margin:14px 0}.footer-nav{display:flex;justify-content:center;gap:30px;margin:30px 0 24px;font-size:14px}.footer-nav a:hover{text-decoration:underline}footer>small{font-size:12px;letter-spacing:.12em}footer dialog{border:0;border-radius:22px;max-width:520px;width:calc(100% - 40px);padding:40px 25px;text-align:center;color:var(--ink);box-shadow:0 20px 100px #1e455c26}dialog::backdrop{background:#243c58a6;backdrop-filter:blur(5px)}dialog>button:first-child{position:absolute;right:15px;top:10px;font-size:28px}.dialog-star{font-size:50px;color:#f2cd65}dialog h2{font-size:24px;margin:12px 0 18px}dialog p{font-size:15px}
@keyframes float{50%{transform:translateY(-10px)}}@keyframes slide-in{from{opacity:0;translate:45px 0}to{opacity:1;translate:0 0}}@keyframes copy-in{from{opacity:0;translate:-15px 0}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.hero{height:980px}.hero-art{width:850px}.hero-copy{top:640px}}@media(max-width:900px){header{top:18px;left:20px;right:20px}.logo{font-size:24px;padding:10px 16px}.logo-star{font-size:44px}nav{gap:20px;padding:15px 20px}nav a{font-size:15px}nav small{display:none}.hero{height:850px}.hero-art{width:87vw;top:150px}.hero-copy{top:585px}.section{padding-left:5%;padding-right:5%}.profile-copy{padding-left:32px}.profile-copy h3{font-size:32px}.profile-intro{font-size:20px}.profile-description{font-size:13px}.profile-view{min-height:570px}.art-stage>img{height:560px}.agency-inner{gap:30px}.agency-table>div{grid-template-columns:1fr 1.5fr;gap:10px}}
@media(max-width:600px){html{scroll-padding-top:20px}header{top:15px;height:60px}.logo{font-size:23px;padding:11px 14px}.logo-star{font-size:39px}.logo small{font-size:12px}#menu{display:flex}nav{display:none;position:absolute;right:0;top:75px;min-width:220px;border-radius:20px;padding:20px}nav.open{display:flex;flex-direction:column;gap:23px;box-shadow:0 15px 35px #4686a927}nav small{display:block}.hero{height:760px;min-height:0;max-height:none}.hero-art{top:155px;width:118%;max-width:560px}.hero-copy{top:482px;padding:0 10px}.hero .eyebrow{font-size:12px;letter-spacing:.15em;padding:3px 14px;margin-bottom:15px}h1{font-size:clamp(21px,5.8vw,34px);line-height:1.8;letter-spacing:0}h1 span{-webkit-text-stroke:9px white}.subline{font-size:13px;letter-spacing:0;margin-top:16px}.hero .stars{top:18%;left:5%;font-size:38px;width:90%}.stars i{font-size:40px}.section{padding:70px 22px}.section-heading h2{font-size:49px}.section-heading{margin-bottom:29px}.section-heading p{font-size:13px}.section-heading>span{margin-top:20px;font-size:25px}.about>h3{font-size:22px;letter-spacing:.02em}.about>p{font-size:14px;line-height:2.2;margin-top:22px}.mobile-only{display:block}.message{padding:25px 22px;margin-top:35px;gap:0}.message h4{font-size:17px}.message p{font-size:13px}.message p br{display:none}.message small{font-size:12px}.liver{padding-left:14px;padding-right:14px;padding-bottom:80px}.demo-caption{font-size:12px}.showcase{border-radius:10px}.showcase-top{padding:18px 18px;font-size:12px;letter-spacing:.05em}.showcase-top b{margin:0 5px}.showcase:before{clip-path:polygon(58% 0,100% 0,100% 100%,70% 100%);opacity:.5}.profile-view{min-height:740px;display:block}.profile-copy{padding:330px 23px 22px}.profile-copy h3{font-size:30px}.profile-intro{font-size:19px;margin-top:18px}.profile-description{font-size:13px;margin-bottom:18px}.facts{gap:10px 25px;max-width:none}.credit{font-size:12px}.art-stage{position:absolute;top:0;left:0;right:0;height:325px;background:linear-gradient(120deg,#fff,var(--tint))}.art-stage>img{height:440px;bottom:-85px;width:100%;object-position:center top;transform-origin:center 24%}.back-word{font-size:52px;top:10px}.art-label{bottom:10px;font-size:12px;right:15px}.roman{font-size:12px}.showcase-bottom{padding:16px 14px;gap:8px}.view-controls button{padding:9px 12px;font-size:12px}.arrows{gap:6px}.arrows button{width:34px;height:34px;font-size:19px}.showcase.visual-mode .profile-view{display:flex;flex-direction:column;min-height:700px}.showcase.visual-mode .art-stage{position:relative;height:400px;flex-shrink:0}.showcase.visual-mode .art-stage>img{height:410px;bottom:0}.showcase.visual-mode .wardrobe{padding:20px 23px}.wardrobe h3{font-size:25px;margin-top:5px}.wardrobe>p:not(.roman){margin:5px 0;font-size:12px}.visual-options{margin:17px 0;gap:12px}.visual-options button{width:88px;height:130px}.random-label{font-size:12px}.character-picker{gap:5px;margin-top:27px}.character-picker button{width:105px;font-size:12px}.character-picker button>span{width:73px;height:73px}.character-picker img{height:125px}.character-picker small{font-size:12px}.liver-foot{font-size:12px;letter-spacing:0;margin-top:30px}.agency-inner{grid-template-columns:1fr;gap:25px;margin-top:35px}.agency-brand strong{font-size:35px}.agency-table>div{padding:19px 0;grid-template-columns:1fr 1.4fr}.agency-table dt{font-size:12px}.agency-table dd{font-size:13px}.audition{padding:45px 15px}.audition-inner{padding:45px 17px;border-radius:20px}.audition h3{font-size:24px}.audition-inner>p{font-size:13px}.pill{font-size:14px;padding:12px 22px 12px 28px}.audition-inner .application-note{font-size:12px}.footer-nav{gap:22px}footer>p{font-size:12px}footer dialog h2{font-size:21px}dialog p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}