/* Home (#/) · from directions/5-two-giants, with the priced row turned into links (no Add under the hero). */

/* hero: one photograph, framed so overlays track the bottles */
.hero{--hh:clamp(540px,calc(100vh - 64px - 116px),800px);position:relative;height:var(--hh);overflow:hidden;background:#BDB09F}
.hero-frame{position:absolute;left:50%;top:56%;width:max(100%,calc(var(--hh) * 1.7768));aspect-ratio:1672/941;transform:translate(-50%,-56%);container-type:inline-size}
.hero-pic img{position:absolute;inset:0;width:100%;height:100%;filter:var(--photo-filter)}
.lab{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;mix-blend-mode:multiply;pointer-events:none}
.lab-nm{font:400 1.32cqw/.95 "Libre Caslon Text",serif;letter-spacing:.01em}
.lab-fl{font:650 .42cqw/1.1 "Libre Franklin",sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.hero-roundel{position:absolute;left:39.1%;top:60.3%;width:3.1%;aspect-ratio:1;mix-blend-mode:multiply}
.gin-lab{left:35.9%;width:8.7%;top:65.6%;color:#5A2A0E}
.gin-lab .lab-fl{color:#7A4520;height:3.4cqw;display:flex;align-items:center}
.gin-lab .lab-nm{margin-top:.1cqw;opacity:.88}
.rum-lab{left:51.6%;width:6.9%;top:74.5%;color:#2A2470}
.rum-lab .lab-nm{font-size:1.25cqw}
.rum-lab .lab-fl{margin-top:.7cqw;color:#4E4A7E;font-size:.36cqw}
.hero-copy{position:absolute;left:60%;top:7%;right:2.5%;color:var(--hero-ink)}
.hero h1{font-size:clamp(96px,8.1vw,132px);white-space:nowrap;margin-left:-.04em}
.hero-sub{margin-top:14px;font-size:16px;line-height:1.5;color:var(--hero-ink-2);max-width:28em}
.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}
.hero .btn-name{border-color:var(--hero-ink);color:var(--hero-ink);background:var(--hero-btn)}
@media (hover:hover){.hero .btn-name:hover{background:var(--hero-btn-h)}}
.hero-note{font-size:12.5px;color:var(--hero-ink-2)}
.hero-tag{position:absolute;display:flex;align-items:center;padding:7px 11px;background:rgba(245,237,225,.88);border:1px solid var(--brass);border-radius:2px;font:500 12.5px/1 "Libre Franklin";color:#28211F;text-decoration:none;white-space:nowrap;transition:background-color .16s}
.hero-tag b{font:400 14px/1 "Libre Caslon Text",serif;margin-left:8px}
@media (hover:hover){.hero-tag:hover{background:#FBF7F0}}
.gin-tag{right:65.6%;top:79%}
.rum-tag{left:61%;top:86%}

/* the priced portrait row: links, no Add */
.range-wrap{border-bottom:1px solid var(--brass);background:var(--field)}
.range-head{display:none}
.home .range .cell:first-child{padding-left:0}
.home .range .cell:last-child{padding-right:0}
.range-more{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:40px;padding-top:14px;padding-bottom:16px;border-top:1px solid var(--brass-2)}
.tagline{font:400 26px/1.1 "Libre Caslon Text",serif;letter-spacing:-.01em;grid-row:1/3}
.rm-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px}
.rm{display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:center;text-decoration:none;padding:4px 0}
.rm-n{font:500 14px/1.25 "Libre Franklin"}
.rm-f{grid-column:1;font-size:12px;color:var(--ink-2)}
.rm .disc{grid-column:2;grid-row:1/3;color:var(--ink-3)}
@media (hover:hover){.rm:hover .rm-n{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}.rm:hover .disc{color:var(--ink)}}
.rm-offer{grid-column:2;margin-top:8px;font-size:12.5px;color:var(--ink-2)}

/* the name-plate band (the moment lives in moment/name-plate.css) */
.engrave{position:relative;color:var(--ink);overflow:hidden;background:#B3A08E;border-bottom:1px solid var(--brass);container-type:inline-size}
.eng-photo{position:absolute;inset:0;overflow:hidden}
.eng-frame{position:absolute;left:-60.8cqw;top:calc(50% - 62.8cqw);width:186cqw;aspect-ratio:1672/941;container-type:inline-size}
.eng-frame img{width:100%;height:100%;filter:var(--photo-filter)}
.eng-roundel{position:absolute;left:67.6%;top:49.2%;width:6%;aspect-ratio:1;mix-blend-mode:multiply;opacity:.92}
.eng-label{position:absolute;left:65.2%;top:57.6%;width:10.5%;aspect-ratio:200/64;overflow:visible;pointer-events:none;mix-blend-mode:multiply}
.eng-label-t{font:400 23px "Libre Caslon Text",serif;fill:#4A2611}
.band-lab{left:65.2%;width:10.5%;top:64.6%;color:#5A2A0E}
.band-lab .lab-nm{font-size:1.5cqw;opacity:.88}
.engrave::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--field) 86%,transparent) 0%,color-mix(in srgb,var(--field) 62%,transparent) 36%,transparent 52%)}
.eng-copy{position:relative;z-index:2;min-height:min(54cqw,820px);display:flex;align-items:center;padding-top:56px;padding-bottom:56px}
.eng-col{max-width:470px}
.eng-lede{margin-top:12px;color:var(--ink-2);font-size:16px;max-width:30em}
.engrave .seg{margin-top:24px;background:color-mix(in srgb,var(--field) 60%,transparent)}
.eng-actions{display:flex;align-items:center;gap:16px;margin-top:18px}
.eng-hint{font-size:13px;color:var(--ink-2)}
.eng-hint b{font-weight:650;letter-spacing:.1em;color:var(--ink)}
.eng-result{margin-top:22px;padding-top:18px;border-top:1px solid var(--brass)}
.eng-price{font:400 18px/1.3 "Libre Caslon Text",serif;margin-bottom:12px}
.eng-price span{color:var(--ink-2)}
.eng-biz{margin-top:12px;font-size:13px;color:var(--ink-2)}
.eng-biz a{color:var(--ink);margin-left:6px;text-decoration-color:var(--brass);text-underline-offset:3px}
.eng-more{margin-top:18px}
.plate-wrap{margin-top:16px}
.engrave[data-mode="retail"] .trade-only,.engrave[data-mode="trade"] .retail-only{display:none}
.engrave[data-mode="retail"] .plate-trade,.engrave[data-mode="trade"] .plate-retail{display:none}

/* portrait plates */
.plate-sec{padding:104px 0;border-bottom:1px solid var(--brass)}
.pp{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}
.pp-fig{display:block;background:var(--plate);border:1px solid var(--brass);aspect-ratio:4/5;overflow:hidden}
.pp-fig img{width:100%;height:100%;object-fit:cover;filter:var(--soft-filter);transition:transform .4s var(--ease)}
@media (hover:hover){a.pp-fig:hover img{transform:scale(1.02)}}
.pp-fig.wide{aspect-ratio:4/3}
.pp-fig.dawn{aspect-ratio:4/5;max-height:680px}
.pp-body .lede{margin-top:14px}
.pp-more{margin-top:24px}
.zero-card{margin-top:32px;background:var(--card);border:1px solid var(--brass);padding:22px 24px;max-width:560px}
.zero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.zero-top .fl{display:block;margin-top:6px}
.zero-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.zero-row .btn{margin-left:auto}
.gift{grid-template-columns:7fr 5fr}
.bundle-link{display:block;margin-top:28px;text-decoration:none;color:inherit}
.bundle-link .slots{display:grid}
.bundle-link .bundle-bar{display:flex}
@media (hover:hover){.bundle-link:hover .bundle-bar{background:var(--card)}.bundle-link:hover .disc svg{transform:translateX(4px)}}
.bundle-link:focus-visible{outline:none;box-shadow:var(--ring)}
.bundle-link .disc{margin-left:auto}
.gift-more{margin-top:28px;border-top:1px solid var(--brass)}
.gm{display:grid;grid-template-columns:1fr auto;column-gap:16px;padding:16px 4px;border-bottom:1px solid var(--brass-2);text-decoration:none}
.gm .fl{grid-column:1;margin-top:3px}
.gm .t-price{grid-column:2;grid-row:1/3;align-self:center}
@media (hover:hover){.gm:hover .t-h3{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:4px}}

/* art */
.art{padding:112px 0;background:var(--card);border-bottom:1px solid var(--brass)}
.art-in{display:grid;grid-template-columns:6fr 6fr;gap:88px;align-items:center}
.art-print{justify-self:center;width:min(100%,520px)}
.mount{display:block;background:#FBF7F0;padding:28px 28px 40px;border:1px solid var(--brass-2);box-shadow:0 1px 0 var(--brass-2),0 24px 40px -28px rgba(40,33,31,.45)}
.mount img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:var(--soft-filter)}
.art-print figcaption{margin-top:14px;font-size:13px;color:var(--ink-2);text-align:center}
.art-body .lede{margin-top:14px}
.art-list{margin:28px 0 14px;border-top:1px solid var(--brass)}
.al{display:flex;justify-content:space-between;align-items:baseline;padding:15px 4px;border-bottom:1px solid var(--brass-2);text-decoration:none}
.al .num{font-size:13px;color:var(--ink-2)}
@media (hover:hover){.al:hover .t-h3{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:4px}}

/* Wright Foundation band (the client's dusk light) */
.wright{display:grid;grid-template-columns:1fr 1.25fr 1fr;background:linear-gradient(180deg,#5A382D 0%,#3A2219 46%,#1A0B07 100%);color:#F3E4CC;min-height:620px}
.wr-por{position:relative;overflow:hidden}
.wr-por::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,166,43,.28),rgba(90,56,45,.55) 70%,rgba(26,11,7,.8));mix-blend-mode:multiply}
.wr-por img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.85) contrast(1.05)}
.wr-por.g img{object-position:60% 30%}
.wr-por.r img{object-position:40% 70%}
.wr-mid{padding:80px 56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;border-left:1px solid rgba(245,166,43,.35);border-right:1px solid rgba(245,166,43,.35)}
.wright .kind{color:#E9B970}
.wr-big{font:400 168px/.8 "Libre Caslon Display",serif;letter-spacing:-.03em;color:#F5A62B}
.wright .t-h2{font-size:34px}
.wr-mid p:not(.wr-big){color:#D9C3A3;font-size:16px;max-width:30em}
.wright .lnk{color:#F3E4CC;text-decoration-color:#F5A62B}

.story{padding:104px 0;border-bottom:1px solid var(--brass)}
.story-in{display:grid;grid-template-columns:7fr 5fr;gap:72px;align-items:center}
.specimen img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#E9E1D3;filter:var(--soft-filter)}
.specimen figcaption{margin-top:12px;font:400 18px/1.3 "Libre Caslon Text",serif;color:var(--ink)}
.story-body .t-h2{margin-bottom:20px}
.story-body p{font:400 18px/1.6 "Libre Caslon Text",serif;color:var(--ink-2);max-width:32em}
.story-body .lnk{display:inline-block;margin-top:20px}

.trust{padding:88px 0;border-bottom:1px solid var(--brass)}
.trust-in{display:grid;grid-template-columns:7fr 5fr;column-gap:72px;row-gap:28px;align-items:end}
.accolade{font:400 32px/1.25 "Libre Caslon Text",serif;letter-spacing:-.01em;text-wrap:balance}
.quotes{display:grid;gap:14px}
.quotes blockquote{font:400 17px/1.45 "Libre Caslon Text",serif;color:var(--ink)}
.quotes cite{display:block;font:500 12.5px/1.4 "Libre Franklin";font-style:normal;color:var(--ink-2);margin-top:2px}
.deliv{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--brass-2);font-size:13.5px;color:var(--ink-2)}
.trade{padding:104px 0;background:var(--inset)}
.trade-in{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.trade-in .lede{margin-top:14px}
.worked{font:400 24px/1.45 "Libre Caslon Text",serif;color:var(--ink-2);margin-bottom:26px;text-wrap:pretty}
.worked b{font-weight:400;color:var(--ink);font-size:34px}
.trade-a{display:flex;align-items:center;gap:28px;flex-wrap:wrap}

@media (max-width:1100px){
  .home .range .cell:nth-child(3){padding-right:0}
  .home .range .cell:nth-child(4){padding-left:0}
}
@media (max-width:760px){
  .hero{height:auto;aspect-ratio:4/5}
  .hero-frame{left:0;top:0;width:100%;aspect-ratio:4/5;transform:none}
  .gin-lab{left:7.8%;width:17.4%;top:64.4%}
  .gin-lab .lab-fl{font-size:.8cqw;height:3.2cqw}
  .gin-lab .lab-nm{font-size:3.1cqw;margin-top:.6cqw}
  .rum-lab{left:38.5%;width:14%;top:73.2%}
  .rum-lab .lab-nm{font-size:3.3cqw}
  .rum-lab .lab-fl{font-size:.75cqw;margin-top:1.4cqw}
  .hero-roundel{display:none}
  .hero-copy{left:0;right:0;top:4.5%;text-align:center}
  .hero h1{font-size:60px}
  .hero-sub,.hero-cta,.hero-tag{display:none}
  .range-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:14px;padding-bottom:4px}
  .range-head .btn{width:100%}
  .range-note{font-size:12.5px;color:var(--ink-2)}
  .home .range{padding:0 16px}
  .home .range .cell:last-child{padding-right:16px;flex-basis:calc(62% + 16px)}
  .home .range .cell:nth-child(4){padding-left:12px}
  .range-more{grid-template-columns:1fr;padding-top:16px}
  .tagline{grid-row:auto;font-size:22px;margin-bottom:6px}
  .rm-list{grid-template-columns:1fr}
  .rm{padding:10px 0;border-bottom:1px solid var(--brass-2)}
  .rm-offer{grid-column:1}
  .story-in .specimen{order:2}
  .accolade{font-size:24px}
  .worked{font-size:20px}
  .worked b{font-size:28px}
  .plate-sec,.story,.trade{padding:64px 0}
  .art{padding:64px 0}
  .pp,.gift,.art-in,.story-in,.trade-in,.trust-in{grid-template-columns:1fr;gap:32px}
  .gift .pp-fig{order:-1}
  .zero-row .seg{flex:1}
  .zero-row .seg .seg-b{flex:1}
  .zero-row .btn{margin-left:0;width:100%}
  .wright{grid-template-columns:1fr 1fr;min-height:0}
  .wr-por{aspect-ratio:3/4}
  .wr-mid{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid var(--brass);padding:40px 16px 56px}
  .wr-big{font-size:120px}
  .wright .t-h2{font-size:28px}
  .mount{padding:16px 16px 24px}
  .engrave{background:var(--field);display:flex;flex-direction:column;padding-bottom:40px}
  .engrave::before{display:none}
  .eng-copy,.eng-col{display:contents}
  .eng-col>*{margin-left:16px;margin-right:16px}
  #eng-h{order:1;margin-top:40px}
  .eng-lede{order:2;margin-bottom:16px}
  .eng-photo{order:3;position:relative;height:90cqw;flex:none}
  .eng-frame{left:-286cqw;top:calc(45cqw - 167cqw);width:478cqw}
  .plate-wrap{order:4;position:relative;z-index:3;margin-top:-52px}
  .eng-actions{order:5}
  .eng-result{order:6;margin-top:14px;padding-top:0;border-top:0}
  .engrave .seg{order:7;margin-top:20px;align-self:flex-start}
  .eng-more{order:8}
  .bundle-link .bundle-bar{flex-wrap:wrap}
}