:root{color-scheme:light;--ink:#352b30;--plum:#4b2436;--paper:#fffaf5;--line:#dfcfc7;--muted:#6d5a60}*{box-sizing:border-box}body{margin:0;background:#f1e6df;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}main{width:100%;max-width:820px;margin:auto;background:var(--paper);min-height:100vh}header{text-align:center;padding:30px 24px 28px;border-top:7px solid var(--plum)}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.15em}.portrait{width:96px;height:96px;border-radius:50%;overflow:hidden;position:relative;margin:23px auto 17px;background:#1a1511;box-shadow:0 0 0 5px #fffaf5,0 0 0 6px #d7b7a5}.portrait img{position:absolute;width:727%;max-width:none;left:-69%;top:-19%}.hello{font-family:Georgia,serif;font-size:1.3rem;margin:19px 0 8px}h1{font:normal clamp(2.85rem,8vw,4.65rem)/1.08 Georgia,serif;letter-spacing:-.04em;margin:0;color:var(--plum);overflow-wrap:break-word}h1 em{font-weight:normal}.intro{color:var(--muted);margin:19px auto 12px;max-width:440px}.social{color:var(--plum);font-size:1rem;text-underline-offset:5px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 4px}.collection{padding:28px 36px 40px;border-top:1px solid var(--line)}h2{font:normal clamp(2.35rem,6vw,2.8rem)/1.2 Georgia,serif;margin:8px 0 15px}.disclosure{font-size:.875rem;color:var(--muted);max-width:480px;margin:0 0 24px}.group{margin-top:32px}.group h3{font:normal clamp(1.55rem,4.8vw,1.9rem)/1.25 Georgia,serif;color:var(--plum);margin:0 0 15px}.card{display:flex;align-items:center;gap:15px;min-height:82px;padding:19px 20px;margin:12px 0;border:1px solid var(--line);border-radius:7px;color:var(--ink);text-decoration:none;background:#fffdfa;transition:background .15s,transform .15s;touch-action:manipulation}.card:hover{background:#f6e9e5;transform:translateY(-2px)}.card:focus-visible,.social:focus-visible,footer a:focus-visible{outline:3px solid #a34e70;outline-offset:4px}.number{font:italic 1.15rem Georgia,serif;color:#8d596e;min-width:24px}.card-content{flex:1;min-width:0;overflow-wrap:break-word}.card strong{font-weight:500;display:block;line-height:1.45}.card small{display:block;color:var(--muted);font-size:.875rem;margin-top:5px}.arrow{font-size:1.3rem;color:var(--plum);flex-shrink:0}footer{background:#000;color:#fff;padding:35px 24px;text-align:center}footer p{font:italic 2rem/1.25 Georgia,serif;margin:0 0 12px}footer a{color:inherit;font-size:1rem;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:48px;padding:8px}footer small{display:block;font-size:.75rem;letter-spacing:.1em;margin-top:24px}@media(min-width:1000px){main{margin:32px auto;border:1px solid var(--line);box-shadow:0 12px 60px #4826380a}header{padding-top:38px}.collection{padding-left:64px;padding-right:64px}}@media(max-width:420px){.collection{padding:25px 20px 32px}header{padding-left:20px;padding-right:20px}.card{padding:17px 14px;gap:10px}.intro br{display:none}.eyebrow{letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.card{transition:none}}

header > .eyebrow{display:block;font-size:clamp(1.25rem,5vw,1.75rem);line-height:1.3;letter-spacing:.075em;}

.section-heading > .eyebrow{display:block;font-size:clamp(1.4rem,5vw,1.8rem);line-height:1.3;letter-spacing:.08em;}
.section-heading h2{font-size:clamp(1.5rem,4vw,1.8rem);margin-top:10px;}

.portrait{width:152px;height:152px;}
footer p{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:clamp(1.4rem,5vw,1.8rem);line-height:1.3;letter-spacing:.08em;}
.product-thumb{width:64px;height:64px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:5px;}
@media(max-width:420px){.product-thumb{width:54px;height:54px}.card{gap:12px}}

.portrait{width:clamp(200px,55vw,240px);height:clamp(200px,55vw,240px);}
.social,footer a{gap:10px}.link-icon{font-size:1.1rem;line-height:1}.arrow{display:flex;align-items:center;}

.portrait{width:min(320px,80vw);height:auto;aspect-ratio:2/3;border-radius:16px;box-shadow:none;margin:28px auto 24px;background:transparent;}
.portrait img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;}

footer a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap;}

footer p{font:normal clamp(1.55rem,4.8vw,1.9rem)/1.25 Georgia,serif;letter-spacing:normal;}
