@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#faf9f5;--ink:#141510;--gold:#f3c727;--grey:#747772;--line:#dadbd3}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}.page{max-width:1650px;margin:auto;padding:0 clamp(18px,4.6vw,78px);min-height:100svh;display:flex;flex-direction:column}.masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:23px 0 18px;gap:20px}.identity{display:flex;align-items:center;gap:10px;font-weight:800;font-size:11px;letter-spacing:.12em;line-height:1.35}.mark{width:43px;height:43px;background:var(--ink);color:#fff;border-radius:50%;display:grid;place-content:center;font-family:'Space Grotesk',sans-serif;font-size:15px;letter-spacing:-.17em;padding-right:5px}.mark span{color:var(--gold)}.network{font-size:11px;letter-spacing:.13em;font-weight:700;white-space:nowrap}.network b{color:#a2a59b;margin:0 7px}.network i{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block;margin-right:7px}.heading{text-align:center;padding:clamp(32px,5vh,60px) 0 27px}.overline{font-size:11px;letter-spacing:.28em;font-weight:800;margin:0 0 14px}.heading h1{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.065em;font-size:clamp(38px,5.5vw,83px);line-height:.95;margin:0;font-weight:700}.heading h1 em{font-style:normal;color:#d3a700}.lead{font-size:clamp(12px,1.2vw,15px);color:#777970;margin:17px 0 0}.scene-layout{display:grid;grid-template-columns:minmax(175px,1fr) minmax(330px,540px) minmax(175px,1fr);gap:clamp(18px,3vw,50px);align-items:center;flex:1}.side{display:flex;flex-direction:column;gap:15px}.action{width:100%;min-height:85px;display:flex;align-items:center;text-align:left;gap:13px;padding:14px clamp(13px,1.55vw,22px);border:1px solid var(--ink);border-radius:18px;text-decoration:none;background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s,background .2s}.action:hover,.action:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);outline:none;background:#fffef8}.action-featured{background:var(--gold)}.action-featured:hover{background:#ffe054}.action img{width:34px;height:34px;object-fit:contain;flex-shrink:0}.action span:not(.arrow){display:flex;flex-direction:column;gap:4px;min-width:0}.action strong{font-size:clamp(10px,.9vw,13px);letter-spacing:.06em;line-height:1.2}.action small{font-size:9px;letter-spacing:.15em;color:#656862;font-weight:700;line-height:1.35}.arrow{margin-left:auto;font-size:19px}.frame{overflow:hidden;position:relative;background:#f0f0ed;border-radius:13px;border:1px solid #d9d9d3;box-shadow:0 28px 55px #16170d13}.hero{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}.photo-caption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#777970}.page footer{margin-top:clamp(28px,4vh,45px);padding:21px 0 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;font-weight:700;color:#72756e}.notice{position:fixed;bottom:18px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;transition:.2s;background:#141510;color:white;padding:12px 18px;border-radius:10px;font-size:13px;z-index:10}.notice.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.scene-layout{grid-template-columns:1fr 1fr;gap:16px;max-width:750px;width:100%;margin:0 auto}.visual{grid-column:1/-1;grid-row:1}.side{display:contents}.action{min-height:72px}.right .action:last-child{grid-column:1/-1}.frame{max-width:590px;margin:auto}.photo-caption{max-width:590px;margin:auto}.heading{padding-top:35px}}@media(max-width:560px){.masthead{padding:15px 0}.identity{font-size:10px}.network{font-size:9px}.heading h1{font-size:clamp(35px,9vw,50px)}.heading{padding:33px 0 24px}.overline{font-size:9px}.scene-layout{gap:13px}.action{padding:12px;gap:8px;border-radius:13px;min-height:68px;box-shadow:3px 3px 0 var(--ink)}.action img{width:27px;height:27px}.action strong{font-size:10px}.action small{font-size:8px;letter-spacing:.03em}.arrow{font-size:13px}.photo-caption{font-size:8px;letter-spacing:.02em}.page footer{margin-top:35px}}@media(prefers-reduced-motion:reduce){.action,.notice{transition:none}}