:root{--bg: #1a0e18;--ink: #f8f2f6;--accent: #ff3d8a;--muted: #2e1828;--display: "Bebas Neue", "Arial Narrow", sans-serif;--body: "Manrope", "Segoe UI", sans-serif;--pad: 24px;--read: 680px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:#120910;color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65;overflow-x:clip;max-width:100%}img{max-width:100%;display:block}a,button{cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:8px;top:8px;transform:translateY(-160%);background:var(--ink);color:var(--bg);min-height:44px;padding:8px 12px;z-index:30}.skip:focus{transform:none}.bar{position:absolute;inset:0 0 auto 0;z-index:5;background:linear-gradient(#1a0e18,#1a0e1826 70%,#1a0e1800)}.bar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--pad);max-width:100%}.brand{position:relative;width:210px;height:72px;overflow:hidden;display:inline-block;min-height:44px;flex:0 0 auto}.brand img{position:absolute;width:250px;height:250px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.bar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px}.bar nav a{color:var(--ink);text-decoration:none;font-weight:600;min-height:44px;padding:8px 10px;display:inline-flex;align-items:center}.bar nav a:hover{color:var(--accent)}.bar nav a.talk{border:1px solid var(--accent);color:var(--accent)}.bar nav a.talk:hover{background:var(--accent);color:#1a0e18}.menu{display:none;width:44px;height:44px;border:1px solid var(--ink);background:#120910b8;color:var(--ink);align-items:center;justify-content:center}.poster{position:relative;overflow:hidden;min-height:100vh;background:var(--bg);max-width:100%}.poster h1{position:relative;z-index:2;margin:0;padding:108px 16px 0;max-width:100%;font-family:var(--display);font-weight:400;font-size:18vw;line-height:.82;letter-spacing:.01em;color:var(--ink)}.poster h1 span{display:block}.cloud{position:absolute;right:6%;bottom:8%;width:min(320px,46vw);aspect-ratio:3 / 2;overflow:hidden;z-index:2;border:1px solid var(--accent)}.cloud img{width:100%;height:100%;object-fit:cover;transform:scale(1);animation:settle 1.1s ease-out both}@keyframes settle{0%{transform:scale(1.04)}to{transform:scale(1)}}.poster-note{position:relative;z-index:2;max-width:36rem;margin:24px 0 48px;padding:0 20px;font-size:1.05rem;overflow-wrap:break-word}.read{background:#120910;padding:72px var(--pad)}.read-inner{max-width:var(--read);margin:0 auto}.read h2{margin:0 0 12px;font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,6vw,4rem);line-height:.95;letter-spacing:.02em}.read h3{margin:0 0 6px;font-family:var(--body);font-size:1.15rem}.read p{margin:0 0 14px;max-width:62ch}.kicker{margin:0 0 8px;color:var(--accent);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.cells{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.cells article{background:var(--muted);padding:20px 16px 28px;min-height:140px;min-width:0}.cells article:nth-child(1){background:#4a1834}.cells article:nth-child(2){background:#2e1828}.cells article:nth-child(3){background:#3d1430}.cells article:nth-child(4){background:#24131e}.cells p{margin:0}.cap{font-weight:700}.stack article{padding:16px 0;border-top:1px solid #5a3048}.photo{position:relative;aspect-ratio:3 / 2;overflow:hidden;margin:12px 0 20px;background:var(--muted)}.photo img,.portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:18px 0;border-top:1px solid #5a3048}.steps span{font-family:var(--display);font-size:1.8rem;color:var(--accent)}.roster{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.portrait{position:relative;aspect-ratio:1;overflow:hidden;margin-bottom:8px}.roster p{margin:0}.magenta{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:8px 0 16px;padding:8px 14px;background:var(--accent);color:#1a0e18;text-decoration:none;font-weight:700}.magenta:hover{background:var(--ink)}.letter{background:var(--muted);padding:20px}.letter label{display:block;margin-bottom:12px;font-weight:700}.letter input,.letter textarea{display:block;width:100%;margin-top:6px;min-height:44px;padding:10px;border:1px solid #8a4d6c;background:#120910;color:var(--ink);font:inherit}.letter textarea{min-height:120px}.letter button{min-height:44px;padding:8px 14px;background:var(--accent);color:#1a0e18;border:0;font-weight:700}.letter button:hover{background:var(--ink)}.colophon{padding:28px var(--pad) 56px;border-top:1px solid #5a3048;max-width:100%}.address span{display:block;font-family:var(--display);font-size:1.4rem;letter-spacing:.04em}.foot-wa,.foot-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:700;text-decoration:none}.foot-wa:hover,.foot-links a:hover{color:var(--accent)}.foot-links{display:flex;flex-wrap:wrap;gap:8px 16px}section{scroll-margin-top:12px}.legal{max-width:68ch;margin:0 auto;padding:96px var(--pad) 16px}.legal h1{font-family:var(--display);font-size:clamp(2.6rem,8vw,4.2rem);line-height:.95;margin:0 0 12px}.legal a{color:var(--accent)}@media(min-width:1024px){.poster h1{font-size:12.5rem;transform:translate(-.45rem)}}@media(max-width:520px){.brand{width:168px;height:56px}.brand img{width:200px;height:200px}}@media(max-width:860px){.menu{display:inline-flex}.bar-inner{flex-wrap:wrap}.bar nav{display:none;width:100%;flex-direction:column;align-items:stretch;background:#120910f0}.bar nav.open{display:flex}.roster{grid-template-columns:1fr}}@media(max-width:767px){:root{--pad: 16px}.poster h1{font-size:17vw;transform:none;padding-left:16px;padding-right:16px}.poster-note,.read-inner,.colophon{width:100%;max-width:340px;box-sizing:border-box}.poster-note{padding:0 8px 0 16px;margin-right:0}.cloud{position:relative;right:auto;bottom:auto;width:min(100%,280px);margin:20px 16px 0}.cells{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}.cloud img{animation:none;transform:none}}
