@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Momo+Trust+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#080808;--paper:#fff;--muted:#8b8b8b;--radius:18px;--nav:'Gochi Hand',cursive;--body:'Momo Trust Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}
.site-header{position:relative;z-index:30;background:white}.site-header.overlay{position:absolute;inset:0 0 auto;background:transparent;color:white}.nav{height:126px;display:flex;align-items:center;gap:36px}.brand img{width:230px;display:block;filter:drop-shadow(0 7px 7px rgba(0,0,0,.23))}.links{display:flex;align-items:center;gap:38px;margin-left:auto;font-family:var(--nav);font-size:1.45rem}.links a{position:relative}.links a.active{font-weight:700;transform:scale(1.08)}.links a.active:after{content:'';position:absolute;left:10%;right:10%;bottom:-7px;height:3px;background:currentColor;border-radius:999px}.plus{display:inline-flex;align-items:center;gap:8px;background:#070707;color:white!important;padding:12px 18px;border-radius:11px;font-family:var(--body);font-size:.88rem}.plus img{height:17px;width:auto;filter:none}.menu{display:none;margin-left:auto;border:0;background:#111;color:white;width:44px;height:44px;border-radius:50%;font-size:1.2rem}
.hero{height:min(74vh,650px);min-height:470px;background:url('../images/hero.jpg') center 44%/cover no-repeat;position:relative}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.13))}.collage{display:block;width:100%;height:auto}.footer{text-align:center;padding:42px 20px 28px}.footer img{width:210px;filter:invert(1)}.footer p{color:#999;font-size:.72rem;letter-spacing:.08em;margin-top:12px}
.page{min-height:calc(100vh - 230px)}.page-title{font-family:var(--nav);font-size:2.2rem;text-align:center;margin:95px 0 25px}.members-stage{min-height:850px;display:grid;place-items:start center;padding:15px 20px 80px;perspective:1500px}.viewer{width:min(880px,92vw);position:relative}.card-shell{aspect-ratio:1.588/1;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 32px 38px rgba(0,0,0,.16));cursor:pointer}.card-shell.flipped{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:24px;overflow:hidden}.face img{width:100%;height:100%;object-fit:cover}.back{transform:rotateY(180deg)}.card-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:40px}.arrow{border:0;background:#0b0b0b;color:white;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:1.25rem}.dots{display:flex;gap:13px}.dot{width:15px;height:15px;border-radius:50%;border:0;background:#d7d7d7;cursor:pointer}.dot.active{background:#050505}.hint{text-align:center;color:#777;font-size:.88rem;margin-top:16px}.member-name{text-align:center;font-family:var(--nav);font-size:1.9rem;margin:24px 0 0}
.coming{min-height:900px;display:grid;place-items:start center;padding-top:250px}.coming h1{font-family:var(--nav);font-size:clamp(4.6rem,10vw,8rem);font-weight:400;margin:0}.about{padding-bottom:90px}.device{display:block;width:min(680px,90vw);margin:10px auto 18px}.about-copy{width:min(860px,calc(100% - 44px));margin:auto}.about-copy h1{font-size:clamp(2.5rem,5vw,4.5rem);margin:0 0 24px;font-weight:800;letter-spacing:-.04em}.about-copy p{font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.42;margin:0 0 24px}.made{display:flex;align-items:center;gap:17px;margin-top:35px}.made span{font-size:1.3rem}.made img{width:245px;filter:invert(1)}
@media(max-width:820px){.nav{height:88px}.brand img{width:160px}.links{display:none;position:absolute;top:78px;left:14px;right:14px;background:white;color:black;padding:22px;border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.16);flex-direction:column;gap:20px}.overlay .links{background:rgba(255,255,255,.96)}.links.open{display:flex}.menu{display:block}.hero{height:59vh;min-height:390px}.members-stage{min-height:620px;padding-top:8px}.viewer{width:96vw}.page-title{margin-top:55px}.about-copy p{font-size:1.02rem}.made img{width:180px}.coming{min-height:650px;padding-top:160px}.footer{padding-top:25px}}
@media(max-width:520px){.wrap{width:min(100% - 24px,1180px)}.brand img{width:135px}.nav{gap:12px}.hero{height:52vh;min-height:340px}.plus{font-size:.78rem;padding:10px 13px}.page-title{font-size:1.75rem}.card-controls{margin-top:25px}.face{border-radius:15px}.member-name{font-size:1.55rem}.about-copy h1{font-size:2.4rem}.device{width:100%;margin-top:0}.made{align-items:flex-start;flex-direction:column;gap:8px}.made img{filter:invert(1);width:200px}.coming h1{font-size:4.3rem}.footer img{width:170px}}