:root{--ink:#1d332a;--pine:#19392d;--pale:#f9f6ec;--line:#d5d1bd;--mono:Consolas,"Courier New",monospace;--serif:Georgia,"Times New Roman",serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--pale);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}h1,h2,h3,p,figure,dl,dd{margin:0}.frame{width:min(1180px,calc(100% - 88px));margin-inline:auto}header,.hero{color:#f9f6e9;background:var(--pine)}header{border-bottom:1px solid #ffffff35}.bar,.brand,.imprint,.plate-head,figcaption,.card-top,.foot{display:flex;align-items:center;justify-content:space-between}.bar{min-height:77px;gap:16px}.brand{justify-content:start;gap:11px;font:700 29px var(--serif);letter-spacing:-.055em}.brand img{display:block}.shop{background:#efd391;color:#23392d;font:650 14px/1.2 system-ui;padding:13px 20px;border:1px solid #e3c57c;border-radius:4px;opacity:1;-webkit-text-fill-color:#23392d;cursor:default}.hero-grid{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:clamp(36px,6vw,106px);padding-block:clamp(48px,6.5vw,92px)}.kicker,.eyeline,.imprint,.plate-head,.card-top,.foot span:last-child,figcaption span{font-family:var(--mono);letter-spacing:.09em}.kicker,.eyeline,.imprint,.plate-head,.card-top,figcaption span{font-size:11px}.kicker,.eyeline{text-transform:uppercase}.kicker{display:flex;align-items:center;gap:9px;color:#e5cf94}.kicker i{width:22px;height:1px;background:currentColor}.intro h1,.section-head h2,.notes-grid h2,.card h3,figcaption i{font-family:var(--serif);font-weight:400}.intro h1{font-size:clamp(64px,7.7vw,112px);line-height:.92;letter-spacing:-.064em;margin:24px 0}.intro h1 em{color:#ebcf8d;font-weight:400}.lede{font-size:clamp(16px,1.45vw,20px);line-height:1.53;max-width:500px;color:#e1e9dc}.imprint{border-top:1px solid #ffffff38;padding-top:12px;margin-top:30px;max-width:450px;color:#cedacb;font-size:10px}.plate{position:relative;transform:rotate(1.4deg);color:#413c2a;background:#f3ebd3;border:1px solid #d7c9a5;padding:13px 19px 15px;box-shadow:6px 8px 0 #0d251c}.plate-head{padding:1px 0 8px;border-bottom:1px solid #a9a087}.plate img{display:block;width:100%;height:auto}.plate figcaption{gap:8px;padding-top:10px;border-top:1px solid #a9a087}.plate figcaption i{font-size:20px;letter-spacing:-.03em}figcaption span{font-size:9px;text-align:right}.selection,.notes-grid{padding-block:clamp(48px,6.2vw,86px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:30px}.section-head>p{max-width:365px;color:#526053;font-size:15px}.eyeline{color:#53654a;margin-bottom:13px}.section-head h2,.notes-grid h2{font-size:clamp(39px,4.5vw,68px);letter-spacing:-.054em;line-height:1}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{padding:18px 21px 20px;min-height:150px;position:relative;border:1px solid var(--line);border-top:3px solid #818c68;background:#fffdf6}.card:nth-child(3n + 2){border-top-color:#b28a55}.card:nth-child(3n){border-top-color:#768e91}.card-top{gap:8px;color:#59604e;font-size:10px}.card-top span:last-child{font-family:system-ui;letter-spacing:0;font-size:12px}.card h3{font-size:clamp(26px,2.3vw,36px);line-height:1.08;letter-spacing:-.045em;margin:22px 0 4px}.card p{font-size:14px;color:#556051}.field-notes{background:#e9ebde;border-block:1px solid var(--line)}.notes-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:8%}.notes-grid dl>div{display:grid;grid-template-columns:135px 1fr;gap:16px;border-top:1px solid #b7c0aa;padding:15px 0}.notes-grid dt{font-size:14px;font-weight:650}.notes-grid dd{font-size:14px;color:#455448}.foot{gap:12px;padding-block:21px;font-size:13px}.foot strong{font:700 22px var(--serif);letter-spacing:-.045em}.foot span:last-child{font-size:10px}
@media(max-width:820px){.frame{width:calc(100% - 48px)}.hero-grid{gap:26px}.section-head{align-items:start;flex-direction:column;gap:15px}.section-head>p{max-width:550px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-grid{gap:30px;grid-template-columns:.8fr 1.2fr}.notes-grid dl>div{grid-template-columns:1fr;gap:4px}}
@media(max-width:620px){.frame{width:calc(100% - 36px)}.bar{min-height:65px}.brand{font-size:23px;gap:6px}.brand img{width:27px}.shop{font-size:12px;padding:11px 13px}.hero-grid{grid-template-columns:1fr;gap:32px;padding-block:38px}.intro h1{font-size:clamp(66px,15vw,87px);margin:18px 0 16px}.imprint{margin-top:21px}.plate{width:calc(100% - 8px);max-width:440px;justify-self:center}.cards{gap:10px}.card{padding:12px;min-height:128px}.card-top{align-items:start;flex-direction:column;gap:0}.card-top span:last-child{font-size:11px}.card h3{font-size:25px;margin:14px 0 4px}.card p{font-size:12px}.notes-grid{grid-template-columns:1fr;gap:22px}.notes-grid h2 br{display:none}.foot{flex-wrap:wrap}.foot span:nth-child(2){display:none}}
@media(max-width:355px){.brand{font-size:21px}.shop{padding:10px}.card h3{font-size:22px}}
.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{display:flex;flex-direction:column;align-items:stretch;padding:clamp(19px,2.4vw,32px)}
.card .card-top{flex-direction:row;align-items:baseline}
.card .card-top span:last-child{font-size:13px}
.card h3{margin:17px 0 6px;font-size:clamp(29px,3vw,43px)}
.card p{font-size:16px;line-height:1.6;color:#34483c}
.card .lineage{font:italic 17px/1.4 var(--serif);color:#566343;margin-bottom:17px}
.card .detail{font-size:14px;line-height:1.55;color:#4e5d50;border-top:1px solid var(--line);margin:19px 0 0;padding-top:12px}
.detail b{display:block;font-size:12px;color:var(--ink);margin-bottom:3px}
@media(max-width:720px){.cards{grid-template-columns:1fr;gap:14px}.card{padding:20px}.card .card-top span:last-child{font-size:12px}.card h3{margin-top:14px}.card .lineage{margin-bottom:12px}}
