:root{--ink:#15101d;--paper:#fff8f1;--blue:#5367ff;--cyan:#5de7ff;--pink:#ff4fb8;--yellow:#ffe34f;--line:rgba(21,16,29,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.nav{height:82px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);position:absolute;z-index:5;width:100%;background:rgba(255,248,241,.82);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}.brand small{font-size:9px;font-weight:900;letter-spacing:.12em;max-width:90px}.nav nav{display:flex;align-items:center;gap:32px;font:700 12px/1 "Noto Sans JP";letter-spacing:.08em}.nav-cta{background:var(--pink);color:var(--ink);padding:14px 22px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.menu{display:none;background:none;border:0;font-weight:900}
.hero{min-height:760px;height:100svh;padding:150px clamp(20px,7vw,110px) 80px;position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 22% 72%,rgba(255,79,184,.18) 0 12%,transparent 12.5%),var(--paper)}.signal{position:absolute;left:0;top:82px;width:100%;padding:9px 5vw;background:var(--yellow);color:var(--ink);font:800 11px/1 monospace;letter-spacing:.18em;border-bottom:2px solid var(--ink)}.eyebrow,.section-no{font:700 11px/1.2 monospace;letter-spacing:.16em}.eyebrow span{display:inline-block;background:var(--pink);color:var(--ink);padding:7px 10px;margin-right:10px;border:2px solid var(--ink);transform:rotate(-3deg);box-shadow:3px 3px 0 var(--ink)}.hero h1{font-size:clamp(64px,9vw,142px);line-height:.9;letter-spacing:-.07em;margin:24px 0 32px;font-weight:900}.hero h1 em{font-style:normal;color:var(--pink);-webkit-text-stroke:1px var(--ink);text-shadow:6px 6px 0 var(--yellow)}.lead{font-size:clamp(16px,1.4vw,20px);line-height:1.9;font-weight:600;max-width:650px}.actions{display:flex;align-items:center;gap:28px;margin-top:40px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--pink);color:var(--ink);padding:20px 24px;font-weight:900;min-width:290px;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transition:.18s transform,.18s box-shadow}.primary:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.primary span{font-size:22px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid}
.hero-art{width:min(38vw,520px);aspect-ratio:4/5;justify-self:end;position:relative;background:var(--cyan);color:var(--ink);overflow:hidden;display:flex;align-items:flex-end;padding:28px;border:3px solid var(--ink);box-shadow:14px 14px 0 var(--pink);transform:rotate(1.2deg)}.hero-art:after{content:"CUTE × AGGRESSIVE";position:absolute;top:18px;right:18px;background:var(--yellow);padding:7px 10px;border:2px solid var(--ink);font:800 10px monospace;letter-spacing:.12em;z-index:5}.hero-art>img{position:absolute;width:78%;height:78%;object-fit:contain;left:11%;top:8%;mix-blend-mode:multiply;z-index:2}.hero-art span{position:relative;margin-left:auto;font:clamp(36px,5vw,70px)/.85 "Anton";text-align:right;z-index:3;color:white;text-shadow:3px 3px 0 var(--ink)}.orb{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--yellow) 0 33%,var(--pink) 33% 66%,var(--blue) 66%);top:8%;left:6%}.pop-star{position:absolute;font-size:64px;z-index:4;color:var(--yellow);-webkit-text-stroke:2px var(--ink)}.star-one{left:5px;top:5px;transform:rotate(-16deg)}.star-two{right:5px;bottom:16%;font-size:42px;color:var(--pink);transform:rotate(12deg)}.scroll{position:absolute;bottom:24px;left:5vw;font:10px monospace;writing-mode:vertical-rl;letter-spacing:.15em}
.statement,.company{display:grid;grid-template-columns:1fr 3fr;padding:120px clamp(20px,7vw,110px);border-top:3px solid var(--ink);gap:40px}.statement{background:linear-gradient(135deg,var(--paper) 0 78%,var(--yellow) 78%)}.statement h2,.company h2,.section-head h2{font-size:clamp(42px,6vw,92px);line-height:1.08;letter-spacing:-.055em;margin:0 0 36px}.statement>div>p{font-size:18px;line-height:2;max-width:850px}
.works{background:var(--ink);color:white;padding:100px clamp(20px,5vw,76px);border-top:12px solid var(--pink)}.section-head{display:flex;justify-content:space-between;align-items:flex-end}.section-head h2{margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:60px}.card{background:#211b2a;padding:18px;border:2px solid white}.card-index{font:12px monospace}.visual{aspect-ratio:4/3;margin:18px 0 24px;display:grid;place-items:center;overflow:hidden}.visual span{font:clamp(84px,12vw,180px)/1 "Anton"}.visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.card:hover .visual img{transform:scale(1.035)}.card-blue .visual{background:linear-gradient(145deg,var(--cyan),var(--blue));color:white}.card-blue .visual img{object-position:center}.card-pink .visual{background:linear-gradient(145deg,var(--yellow),var(--pink));color:white}.card-pink .visual img{object-position:center 38%}.card-cyan .visual{background:linear-gradient(145deg,#d7fbff,var(--cyan) 45%,var(--blue));color:var(--ink)}.card-cyan .visual img{object-position:center 32%}.card-dark .visual{background:repeating-linear-gradient(135deg,var(--ink) 0 22px,#3b2849 22px 44px);color:var(--yellow)}.card h3{font-size:24px;margin:0}.card p{font:11px monospace;letter-spacing:.1em;color:#d8cadf}
.audition{background:linear-gradient(135deg,var(--pink),#ff79ca 48%,var(--blue));color:white;position:relative;padding:150px 20px 100px;overflow:hidden}.tape{position:absolute;top:28px;left:-2%;width:104%;background:var(--yellow);color:var(--ink);padding:13px 0;font:24px/1 "Anton";letter-spacing:.08em;transform:rotate(-2deg);white-space:nowrap;border-block:2px solid var(--ink)}.audition-inner{max-width:900px;margin:auto;text-align:center}.audition h2{font-size:clamp(64px,10vw,140px);line-height:.92;letter-spacing:-.06em;margin:30px 0}.audition-inner>p:not(.section-no){font-size:17px;line-height:1.9;max-width:650px;margin:0 auto 38px}.primary.light{background:var(--yellow);color:var(--ink);margin:auto}
.entry-form{max-width:820px;margin:54px auto 0;padding:clamp(24px,5vw,52px);background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--yellow);text-align:left}.form-heading{margin-bottom:34px}.form-heading>span{display:inline-block;background:var(--yellow);padding:7px 10px;border:2px solid var(--ink);font:800 11px monospace;letter-spacing:.14em;transform:rotate(-2deg)}.form-heading h3{font-size:clamp(30px,5vw,52px);line-height:1.15;margin:18px 0 12px}.form-heading p{margin:0;line-height:1.8;font-weight:600}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.field-grid label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:800}.field-grid label>span{align-self:flex-start;background:var(--pink);color:white;padding:3px 7px;font-size:10px;border:1px solid var(--ink)}.field-grid .wide{grid-column:1/-1}.entry-form input:not([type="checkbox"]),.entry-form textarea{width:100%;border:2px solid var(--ink);border-radius:0;background:white;color:var(--ink);padding:15px 14px;font:600 16px/1.5 "Noto Sans JP",sans-serif;outline:none}.entry-form input:focus,.entry-form textarea:focus{box-shadow:4px 4px 0 var(--cyan);border-color:var(--blue)}.entry-form textarea{resize:vertical;min-height:132px}.consent{display:flex;align-items:flex-start;gap:12px;margin:26px 0 22px;font-size:14px;font-weight:700;line-height:1.6}.consent input{width:22px;height:22px;flex:none;accent-color:var(--pink)}.form-submit{width:100%;display:flex;justify-content:space-between;align-items:center;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);padding:19px 22px;font:900 17px "Noto Sans JP",sans-serif;box-shadow:6px 6px 0 var(--ink);cursor:pointer}.form-submit:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.form-submit span{font-size:24px}.form-note,.form-status{font-size:12px!important;line-height:1.7!important;text-align:center;margin:16px auto 0!important}.form-status{font-weight:800;color:var(--blue)}
.company{background:var(--cyan)}.company dl{margin:0}.company dl div{display:grid;grid-template-columns:150px 1fr;padding:24px 0;border-top:2px solid var(--ink)}dt{font:11px monospace;letter-spacing:.1em}dd{margin:0;font-weight:600;line-height:1.7}dd a{text-decoration:underline}
footer{background:var(--ink);color:white;padding:42px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;font-size:11px}footer .brand img{mix-blend-mode:screen;background:white;border-radius:50%}footer .brand small{color:#bbb}footer>a{text-decoration:underline}
@media(max-width:760px){.nav{height:68px}.nav .brand img{width:48px;height:48px}.nav nav{display:none;position:absolute;top:68px;left:0;width:100%;background:var(--paper);padding:28px;flex-direction:column;align-items:flex-start;border-bottom:2px solid var(--ink)}.nav.open nav{display:flex}.menu{display:block}.signal{top:68px;white-space:nowrap;overflow:hidden}.hero{height:auto;min-height:900px;padding:128px 20px 70px;display:block}.hero h1{margin-top:24px}.lead br{display:none}.actions{align-items:flex-start;flex-direction:column}.hero-art{width:84%;margin:64px auto 18px}.scroll{display:none}.statement,.company{grid-template-columns:1fr;padding:80px 20px}.statement>div>p{font-size:16px}.section-head{display:block}.section-head h2{margin-top:20px}.works{padding:80px 20px}.cards{grid-template-columns:1fr}.card{padding:14px}.visual{aspect-ratio:5/4}.audition{padding:120px 14px 80px}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.entry-form{padding:24px 18px;box-shadow:7px 7px 0 var(--yellow)}.company dl div{grid-template-columns:1fr;gap:10px}footer{gap:28px;align-items:flex-start;flex-direction:column}}
