.welcome-cover{--espresso:#502a21;--ochre:#9b401a;--rule:#dfbc92;color:var(--espresso);padding:clamp(4px,1.8vw,25px) 0 12px}
.welcome-stage{display:grid;grid-template-columns:0.88fr 1.12fr;gap:clamp(22px,4vw,60px);align-items:center}
.welcome-copy{padding:0 min(1vw,14px) 0 4px}
.welcome-topic{font:750 11px/1.4 var(--sans);letter-spacing:.13em;color:var(--ochre);text-transform:uppercase;margin:0 0 18px}
.welcome-cover h1{font-family:Georgia,serif;font-size:clamp(64px,7.2vw,105px);font-weight:400;line-height:.92;letter-spacing:-.074em;margin:0}
.welcome-cover h1 em{display:block;color:#aa481f;font-weight:400;letter-spacing:-.067em}
.welcome-cover .welcome-lede{font:400 clamp(16px,1.38vw,20px)/1.55 var(--sans);color:#68483b;max-width:35ch;margin:23px 0}
.welcome-actions{display:flex;align-items:flex-start;gap:11px;flex-wrap:wrap}
.welcome-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:10px 19px;gap:9px;text-decoration:none;border-radius:11px;font-weight:720;font-size:15px}
.welcome-start{background:#75351f;color:#fff8ee;border:1px solid #75351f;box-shadow:0 3px 0 #4e271e}
.welcome-resume{border:1px solid #b2825e;background:#fff8eb;color:#603321}
.welcome-actions a[hidden]{display:none}.welcome-start:hover{background:#632b18}
.welcome-window{position:relative;margin:0;padding:12px;border-radius:130px 130px 22px 22px;background:#f7d8ad;border:1px solid #ba8860;box-shadow:0 4px 0 #dfba91}
.welcome-window img{width:100%;height:auto;display:block;border-radius:119px 119px 13px 13px;aspect-ratio:1.37;object-fit:cover;object-position:50% 55%;border:1px solid #bd8259}
.welcome-window figcaption{position:absolute;bottom:21px;left:50%;transform:translateX(-50%) rotate(-2deg);background:#fff3d6;border:1px solid #b48157;color:#603520;font:italic 19px/1.2 Georgia,serif;box-shadow:0 2px 3px #6a301b28;padding:5px 15px;white-space:nowrap}
.welcome-shelf{margin-top:clamp(22px,3.8vw,52px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.welcome-shelf a{display:grid;grid-template-columns:1fr auto;align-content:center;gap:2px 5px;text-decoration:none;color:var(--espresso);padding:20px clamp(12px,2.3vw,33px);min-height:78px}
.welcome-shelf a+a{border-left:1px solid var(--rule)}.welcome-shelf a:hover{background:#f6e7d2}
.welcome-shelf strong{font:500 clamp(21px,2vw,29px)/1.2 Georgia,serif;letter-spacing:-.035em}
.welcome-shelf small{font-size:13px;color:#72584a;grid-column:1}.welcome-shelf i{grid-row:1/3;grid-column:2;align-self:center;font:normal 22px/1 Georgia,serif;color:#985032}
@media(max-width:680px){
 .welcome-cover{padding:6px 4px 8px}.welcome-stage{grid-template-columns:1fr;gap:16px}
 .welcome-copy{display:contents}.welcome-title{grid-row:1}.welcome-topic{margin-bottom:7px;font-size:10px;letter-spacing:.1em}
 .welcome-cover h1{font-size:clamp(43px,11.1vw,72px);line-height:1.06}.welcome-cover h1 em{display:inline}
 .welcome-window{grid-row:2;padding:7px;border-radius:72px 72px 15px 15px}
 .welcome-window img{border-radius:64px 64px 8px 8px;aspect-ratio:1.73;object-position:center 52%}
 .welcome-window figcaption{font-size:15px;bottom:12px;padding:3px 12px}
 .welcome-detail{grid-row:3}.welcome-cover .welcome-lede{font-size:16px;line-height:1.45;margin:0 0 13px;max-width:45ch}
 .welcome-actions{gap:8px}.welcome-actions a{font-size:14px;min-height:46px;padding:9px 13px}
 .welcome-shelf{margin-top:22px;grid-template-columns:1fr}
 .welcome-shelf a{padding:10px 3px;min-height:54px;grid-template-columns:max-content 1fr auto;align-items:center;column-gap:12px}
 .welcome-shelf a+a{border-left:0;border-top:1px solid var(--rule)}.welcome-shelf strong{font-size:21px}
 .welcome-shelf small{grid-row:1;grid-column:2;font-size:12px}.welcome-shelf i{grid-row:1;grid-column:3}
}
@media(max-width:355px){.welcome-actions{flex-direction:column;align-items:stretch}.welcome-shelf a{column-gap:7px}}