:root{color-scheme:dark;--bg:#0c0c0c;--ink:#f4f0e7;--gold:#c2a77b;--line:#ffffff24}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}main{display:grid;grid-template-columns:47% 53%;min-height:100svh}.portrait{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:#a59f94}.hero{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c0c0c1f 0%,transparent 55%,#0c0c0cdb 100%);pointer-events:none}.portrait-caption{position:absolute;bottom:50px;left:46px;right:30px;z-index:1}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.2em;line-height:1.7}.portrait-caption p{font-family:'Italiana',Georgia,serif;font-size:clamp(28px,3vw,46px);line-height:1.14;margin:17px 0 0}.portrait-caption em{font-style:normal;color:#e9d7b7}.content{padding:42px clamp(32px,5.6vw,105px) 25px;max-width:960px;width:100%;margin:auto}.brand{display:block;width:220px;max-width:70%;height:auto;filter:brightness(0) invert(94%) sepia(10%) saturate(316%);margin:0 auto 37px}.intro{text-align:center;margin-bottom:30px}h1{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:clamp(36px,3.6vw,54px);line-height:1.06;letter-spacing:-.035em;margin:13px 0 0}h1 em{font-style:normal;color:var(--gold)}.links-cue{display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:.08em;color:var(--gold);margin-top:20px}.cue-arrow{width:20px;height:20px;flex-shrink:0;animation:cueFloat 2.4s ease-in-out infinite}nav{display:flex;flex-direction:column;gap:13px;padding:3px}.link-card{min-height:78px;display:flex;align-items:center;gap:17px;border:1px solid #bfa87b55;padding:13px 17px 13px 15px;text-decoration:none;color:var(--ink);background:linear-gradient(115deg,#242424 0%,#171717 58%,#101010 100%);position:relative;cursor:pointer;border-radius:18px 5px 18px 5px;box-shadow:inset 0 1px 0 #fff1,0 6px 15px #0002;overflow:hidden;isolation:isolate;transition:background .35s,border-color .35s,box-shadow .35s,translate .35s}.link-card:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#f7e2b326 47%,transparent 70%);transform:translateX(-130%);pointer-events:none;z-index:-1}.link-card:after{content:'';position:absolute;inset:5px;border:1px solid #e0cba010;border-radius:13px 2px 13px 2px;pointer-events:none}.button-icon{height:44px;width:44px;flex:0 0 44px;display:grid;place-items:center;color:#dfc89f;background:linear-gradient(145deg,#dbc3961a,#b89c6710);border:1px solid #c9b18030;border-radius:50%;transition:transform .4s,background .4s}.button-icon svg{width:23px;height:23px}.label{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:.005em}.arrow{margin-left:auto;display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border:1px solid #c5ad7f40;border-radius:50%;color:#dec9a2;transition:transform .35s,background .35s}.arrow svg{width:18px;height:18px}.featured{background:linear-gradient(115deg,#dbc393,#bea06a 58%,#ddc798);border-color:#f3d9a8;color:#0c0c0c;box-shadow:inset 0 1px 0 #fff6,0 6px 24px #b99b6c15}.featured:before{background:linear-gradient(110deg,transparent 15%,#fff7 47%,transparent 70%);animation:goldLight 7s ease-in-out 2s infinite}.featured .button-icon{color:#292929;border-color:#51472b33;background:#f8ecd233}.featured .arrow{color:#292929;border-color:#51472b40}.featured:after{border-color:#fff3}.link-card:active{translate:0 1px;box-shadow:inset 0 2px 8px #0003}.link-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.link-card.reveal-pending{opacity:0;transform:translate(var(--x,0),var(--y,0))}.link-card.reveal-visible{animation:enter 1.15s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0ms)}.notice{font-size:14px;line-height:1.5;color:#decaab;margin:13px 0;text-align:center}.notice:empty{display:none}footer{font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;line-height:1.6;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;color:#b6b7ad;font-size:12px}.developer-credit{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.developer-credit strong{font-weight:700;color:var(--ink)}.developer-credit img{display:block;width:30px;height:auto;aspect-ratio:264/103;object-fit:contain;flex-shrink:0}@media(hover:hover){.link-card:hover{translate:0 -3px;background:linear-gradient(115deg,#303030,#1c1c1c);border-color:#dec495;box-shadow:inset 0 1px 0 #fff2,0 12px 24px #0004}.link-card:hover:before{animation:buttonLight .8s ease both}.link-card:hover .button-icon{transform:rotate(-7deg);background:#c6ac7926}.link-card:hover .arrow{transform:translateX(2px);background:#c6ac7926}.featured:hover{background:linear-gradient(115deg,#eed7ac,#c6a974 58%,#e9d4ae)}}@keyframes enter{from{opacity:0;transform:translate(var(--x,0),var(--y,0))}to{opacity:1;transform:translate(0,0)}}@keyframes buttonLight{from{transform:translateX(-130%)}to{transform:translateX(130%)}}@keyframes goldLight{0%,65%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}@keyframes cueFloat{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}@media(min-width:1500px){.content{padding-top:55px;padding-bottom:45px}.link-card{min-height:74px}.intro{margin-bottom:38px}.brand{margin-bottom:46px}}@media(max-width:760px){main{display:block}.portrait{position:relative;height:57svh;min-height:380px;max-height:590px}.hero{object-position:50% 0}.portrait:after{background:linear-gradient(180deg,rgba(12,12,12,0) 60%,rgba(12,12,12,.04) 68%,rgba(12,12,12,.14) 75%,rgba(12,12,12,.32) 82%,rgba(12,12,12,.57) 89%,rgba(12,12,12,.82) 95%,#0c0c0c 100%)}.portrait-caption{display:none}.content{padding:10px 24px max(26px,env(safe-area-inset-bottom));max-width:540px;overflow:clip}.brand{width:184px;margin-bottom:28px}.intro{margin-bottom:25px}h1{font-size:41px}.links-cue{font-size:12px;letter-spacing:.06em}.link-card{min-height:76px;padding:12px;gap:12px;border-radius:16px 5px 16px 5px}.button-icon{height:39px;width:39px;flex-basis:39px}.label{font-size:15px}.arrow{width:28px;height:28px;flex-basis:28px}nav{gap:12px}footer{font-size:12px}}@media(max-width:360px){.content{padding-left:17px;padding-right:17px}.link-card{gap:9px}.button-icon{height:34px;width:34px;flex-basis:34px}.label{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.link-card.reveal-pending{opacity:1;transform:none}.link-card:hover{translate:none}}