:root{color-scheme:light;--paper:#f5f3ee;--ink:#22221e;--muted:#89867e}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.coming-soon{min-height:100svh;max-width:1800px;margin:0 auto;display:grid;grid-template-columns:49% 51%;align-items:center;padding:40px 6% 36px 2%}
.portrait-stage{align-self:center;display:flex;align-items:center;justify-content:center;height:min(850px,calc(100svh - 76px));min-height:520px}
.portrait{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 84%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 14%,#000 84%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 93%,transparent);mask-composite:intersect}
.announcement{text-align:center;padding:25px 12px 25px 8px;justify-self:center;width:100%;max-width:640px}
.identity h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(42px,5.15vw,76px);line-height:1;letter-spacing:-.065em;margin:0;white-space:nowrap}
.rob-mark{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(44px,4.1vw,62px);letter-spacing:-.05714em;line-height:1;margin:23px 0 0}
.fine-rule{display:block;width:74px;height:1px;background:#aaa69c;margin:31px auto 19px}
.official{font-size:9px;letter-spacing:2.8px;margin:0;color:#817e75}
.announcement h2{font-weight:400;font-size:clamp(24px,2.35vw,35px);letter-spacing:.07em;line-height:1.2;margin:36px 0 22px}
.announcement time{display:block;font-size:clamp(21px,2vw,28px);font-weight:400;letter-spacing:.035em;font-variant-numeric:tabular-nums}
.experience{font-size:9px;letter-spacing:2.4px;color:var(--muted);margin:39px 0 0;line-height:1.8;white-space:nowrap}.experience span{padding:0 6px}
@media(min-width:1600px){.coming-soon{padding-right:8%}.announcement{transform:translateX(-12px)}}
@media(max-width:900px) and (min-width:601px){.coming-soon{padding-right:4%;grid-template-columns:47% 53%}.identity h1{font-size:43px}.portrait-stage{min-height:470px}.experience{font-size:8px;letter-spacing:1.5px}}
@media(max-width:600px){.coming-soon{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:100svh;padding:15px 6% 35px;align-content:center;gap:0}.portrait-stage{height:clamp(300px,47svh,470px);min-height:0;width:100%;align-self:center}.portrait{max-width:100%;height:100%;width:auto}.announcement{padding:2px 0 0;max-width:420px}.identity h1{font-size:clamp(35px,9.25vw,48px);letter-spacing:-.065em}.rob-mark{font-size:40px;margin-top:15px}.fine-rule{margin:20px auto 14px;width:60px}.official{font-size:8px;letter-spacing:2px}.announcement h2{font-size:22px;margin:23px 0 15px;letter-spacing:.075em}.announcement time{font-size:20px}.experience{font-size:7px;letter-spacing:1.6px;margin-top:23px}.experience span{padding:0 4px}}
@media(max-width:600px) and (max-height:720px){.coming-soon{padding-top:5px;padding-bottom:22px}.portrait-stage{height:38svh;min-height:235px}.rob-mark{font-size:34px;margin-top:12px}.fine-rule{margin-top:16px}.announcement h2{margin-top:18px}.experience{margin-top:18px}}
