:root{--o:#ff4a1c;--ink:#111;--g1:#555;--g2:#9a9a9a;--g3:#d4d4d4;--m:44px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:#fff;color:var(--ink);font:400 15px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01","tnum" 0;overflow:hidden}
a{color:inherit;text-decoration:none;cursor:pointer}
img{display:block}
.lab{font:500 11px/1.4 Inter;color:var(--g2)}
.sm{font-size:12.5px;line-height:1.5}
.mail{border-bottom:2px solid var(--o)}
.disp{font-weight:900;letter-spacing:-.075em;line-height:.8;color:var(--o)}
.cardimg{width:100%;aspect-ratio:4/5;object-fit:cover;transition:opacity .25s ease}
@media(max-width:700px){body{overflow:auto;height:auto}}
:root{--ease:cubic-bezier(.32,.72,0,1)}
.frameT,.frameB{position:absolute;left:30px;right:30px;font-size:11vw}.frameT{top:20px}.frameB{bottom:14px;text-align:right}
.nav{position:absolute;right:var(--m);top:34px;display:flex;gap:22px;font-size:13px;z-index:20}
.intro{position:absolute;left:var(--m);top:50%;transform:translateY(-50%);max-width:300px;color:var(--g1);font-size:14px}
.meta{position:absolute;right:var(--m);top:50%;transform:translateY(-50%);text-align:right;font-size:13px;line-height:1.6;z-index:20}.meta b{display:block;font-size:15px}.meta .hint{display:block;margin-top:12px;color:var(--g2);font-size:12px}
@media(max-width:700px){.frameT,.frameB{position:static;font-size:22vw;padding:14px 16px}.nav,.intro,.meta{position:static;transform:none;padding:8px 20px;text-align:left}}