[hidden]{display:none!important}
body{margin:0}

/* A jeweller's vault at night: black ground, square edges, each section opened by the scroll in a different way. */
:root{color-scheme:dark;--ink:#231f20;--black:#000;--paper:#fff;--orange:#f26721;--gold:#ca9a29;--teal:#4d9292;--plum:#513b68;--g300:#bcbec0;--g500:#949699;
--head:"Oswald","Arial Narrow",sans-serif;--deck:"Public Sans","Arial",sans-serif;--text:"Public Sans","Helvetica Neue",Arial,sans-serif;
--gl:max(24px,env(safe-area-inset-left,0px));--gr:max(24px,env(safe-area-inset-right,0px))}
@media(max-width:760px){:root{--gl:max(16px,env(safe-area-inset-left,0px));--gr:max(16px,env(safe-area-inset-right,0px))}}
*{box-sizing:border-box}
html{background:var(--ink)}
body{background:var(--ink);color:var(--paper);font:17px/1.45 var(--text);overflow-x:clip}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
img{display:block}
h1,h2,h3,p{margin:0}
.wrap{max-width:1400px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr)}
.label{font:700 14px/1.2 var(--deck);letter-spacing:.08em;text-transform:uppercase}
.gold{color:var(--gold)}
.big{font:700 clamp(48px,6.2vw,92px)/.96 var(--head);text-transform:uppercase;text-wrap:balance}
.hollow{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.outline-w{-webkit-text-stroke-color:var(--paper)}

/* Masthead with the full menu */
.mast .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:16px 0}
.mast img{width:150px;height:auto}
.mainnav{flex:1 0 100%;display:flex;flex-wrap:wrap;border-top:1px solid var(--g500);font:700 13px/1.2 var(--deck);letter-spacing:.05em;text-transform:uppercase}
.mainnav a{position:relative;padding:15px 20px 15px 0}
.mainnav a::after{content:"";position:absolute;left:0;right:20px;bottom:9px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.mainnav a:hover::after{transform:scaleX(1)}
@media(max-width:760px){.mainnav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}}

/* Compact bar once the masthead has gone */
.bar{position:fixed;inset:0 0 auto;z-index:20;background:var(--black);padding-top:env(safe-area-inset-top,0px);transform:translateY(-110%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.bar.on{transform:none}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}
.bar img{width:92px;height:auto}
.bar button,.close{background:none;border:0;color:var(--paper);font:700 13px/1 var(--deck);letter-spacing:.08em;padding:16px 0 16px 16px;cursor:pointer}
.prog{height:3px;background:var(--gold);transform:scaleX(var(--read,0));transform-origin:left}

/* All sections */
dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;background:var(--black);color:var(--paper);padding:0;overflow:auto}
dialog::backdrop{background:var(--black)}
dialog[open]{animation:drop .32s cubic-bezier(.2,.8,.2,1)}
@keyframes drop{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.dlg-top{display:flex;justify-content:space-between;align-items:center;padding-block:24px}
.dlg-top h2{font:700 56px/1 var(--head);text-transform:uppercase}
.cats{column-width:230px;column-gap:24px}
.cats a{display:block;padding:11px 0;border-top:1px solid var(--g500);break-inside:avoid;transition:color .15s,transform .2s cubic-bezier(.2,.8,.2,1)}
.cats a:hover{color:var(--gold);transform:translateX(6px)}
.dlg-h{font:700 14px/1 var(--deck);letter-spacing:.08em;color:var(--gold);margin:12px 0 12px}
@media(max-width:760px){.cats{column-count:2;column-width:auto;column-gap:16px}}

/* Loupe opening */
#hero .stage{position:relative;height:min(82svh,760px);overflow:hidden;background:var(--black)}
.plate{position:absolute;inset:0}
.plate img{width:100%;height:100%;object-fit:cover;transform-origin:0 0;will-change:transform}
.ring{display:none}
.slab{position:absolute;left:0;bottom:0;width:min(62vw,880px);background:var(--black);padding:40px 72px 44px var(--gl);clip-path:polygon(0 0,100% 0,calc(100% - 56px) 100%,0 100%)}
.slab h1{margin-top:12px;font:700 clamp(50px,6.6vw,104px)/.95 var(--head)}
.slab p{margin-top:14px;font-size:clamp(20px,1.8vw,26px);line-height:1.25}
@media(max-width:760px){.slab{width:100%;clip-path:none;padding:22px var(--gr) 28px var(--gl)}}

/* In the Case */
#case{padding-block:72px}
.case-head{padding-bottom:28px}
.track{display:flex;gap:18px;overflow-x:auto;padding-left:var(--gl);padding-right:var(--gr)}
.card{flex:0 0 min(340px,74vw)}
.card .fr{overflow:hidden;height:min(56svh,440px)}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.card:hover img{transform:scale(1.04)}
.card .c{margin-top:12px;font:700 13px/1.2 var(--deck);color:var(--gold);text-transform:uppercase}
.card .t{margin-top:4px;font:700 27px/1.08 var(--head);text-wrap:balance}

/* US$4,000 */
#gold .stage{position:relative;overflow:hidden;background:var(--ink)}
.layer{position:relative}
.layer-h{display:none}
.layer-g{background:var(--gold);color:var(--ink)}
.goldin{padding-block:40px;display:grid;align-content:center;gap:clamp(16px,3vh,32px)}
.num{font:700 clamp(84px,24vw,370px)/.86 var(--head);font-synthesis:none;white-space:nowrap}
.goldrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;align-items:end}
.goldrow h2{font:700 clamp(32px,4vw,58px)/1.02 var(--head);text-wrap:balance}
.goldrow a.more{display:inline-block;margin-top:14px;background:var(--ink);color:var(--paper);padding:14px 22px;font:700 14px/1 var(--deck);letter-spacing:.06em}
.goldrow .pic{overflow:hidden;height:clamp(150px,26vh,260px)}
.goldrow img{width:100%;height:115%;object-fit:cover}

/* Sections wall */
#sections{padding-block:88px 96px}
.wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:40px 16px;margin-top:32px}
@media(max-width:760px){.wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}}
.sec .fr{overflow:hidden;aspect-ratio:4/5;max-width:100%}
.sec img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.sec:hover img{transform:scale(1.05)}
.sec .c{margin-top:12px;font:700 13px/1.2 var(--deck);color:var(--gold);text-transform:uppercase}
.sec .t{margin-top:4px;font:700 25px/1.08 var(--head);text-wrap:balance}
@media(max-width:760px){.sec .t{font-size:21px}}

/* Tools */
#tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));overflow:hidden}
.tool{padding:64px var(--gr) 64px var(--gl)}
.t-sup{background:var(--orange);color:var(--ink)}
.t-melt{background:var(--black)}
.tool .big{margin-top:10px}
.field{display:block;margin-top:6px;width:100%;height:54px;padding:0 14px;border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:18px var(--text)}
.supf{display:flex;max-width:520px;margin-top:8px}.supf .field{margin:0;border-right:0;flex:1;min-width:0}
.supf a{display:flex;align-items:center;background:var(--ink);color:var(--paper);padding:0 24px;font:700 14px/1 var(--deck)}
.kar{display:flex;gap:6px;margin-top:20px;max-width:520px}
.kar button{flex:1;height:48px;background:var(--black);color:var(--paper);border:2px solid var(--g500);border-radius:0;font:700 15px var(--deck);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.kar button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;max-width:520px;font-size:15px}
.t-melt .field{background:var(--black);color:var(--paper);border-color:var(--g500)}
.melt{margin-top:16px;font:700 64px/1 var(--head);color:var(--gold);font-variant-numeric:tabular-nums}

/* Awards */
#awards .stage{position:relative;background:var(--plum);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));overflow:hidden}
.aw-img{overflow:hidden;min-height:440px}
.aw-img img{width:100%;height:100%;object-fit:cover;object-position:72% 20%}
.aw-txt{padding:56px var(--gr) 56px 48px;display:flex;flex-direction:column;justify-content:center}
.aw-txt h2{margin-top:12px;font:700 clamp(50px,6vw,92px)/.95 var(--head);text-wrap:balance}
.jury{margin-top:28px;display:flex;gap:16px;align-items:center}
.jury img{width:88px;height:88px;border-radius:9999px;object-fit:cover;flex:none}
.jury a{font-size:21px;line-height:1.25;padding:8px 0}
@media(max-width:760px){.aw-txt{padding:32px var(--gr) 40px var(--gl)}}

/* Trade */
#trade{background:var(--gold);color:var(--ink);overflow:hidden;padding-block:48px 56px}
.mq{font:700 clamp(84px,14vw,210px)/.92 var(--head);text-transform:uppercase;white-space:nowrap;will-change:transform}
.mq.hollow{-webkit-text-stroke:2px var(--ink)}
.dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin-top:40px}
.dates div b{display:block;font:700 44px/1.05 var(--head)}

/* Index and close */
#every{background:var(--black);padding-block:72px}
.end{background:var(--ink);padding-block:clamp(64px,12vh,120px)}
.end .wrap{display:grid;gap:24px}
.end img{width:min(420px,70vw);height:auto}
.end p{font:700 clamp(36px,5vw,72px)/1 var(--head);max-width:16ch;text-wrap:balance}

/* Advertising: always shown whole, never cropped */
.adl{display:block;font:700 12px/1 var(--deck);letter-spacing:.08em;color:var(--g300);margin-bottom:8px;text-transform:uppercase}
.ad{max-width:750px;margin:0 auto}
.ad img{width:100%;height:auto}
.adband{background:var(--black);padding-block:40px}
.toprot{background:var(--black);padding-block:12px}
.rot{position:relative;aspect-ratio:750/113}
.rot a{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.rot a.on{opacity:1;visibility:visible}
#partners{background:var(--black);padding-block:64px}
.ptiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-top:10px}
@media(max-width:760px){.ptiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.ptile{background:var(--ink);display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:10px}
.ptile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.mast .socials{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;font:700 12px/1 var(--deck);letter-spacing:.05em}
.mast .socials a{padding:12px 0}
.mast .socials a:hover,.follow a:hover{color:var(--gold)}
.mast .socials a.sub,.bar a.sub{background:var(--orange);color:var(--ink);padding:12px 16px;margin-left:6px;font:700 13px/1 var(--deck);letter-spacing:.06em}
.mast .socials a.sub:hover{color:var(--ink)}
.bar .acts{display:flex;align-items:center;gap:16px}
.metals{border-top:1px solid var(--g500);flex:1 0 100%;display:flex;flex-wrap:wrap;gap:6px 24px;padding-block:12px;font:700 13px/1.2 var(--deck);letter-spacing:.05em}
.metals span:last-child{color:var(--gold)}
#subscribe{background:var(--paper);color:var(--ink);padding-block:clamp(72px,12vh,120px) 80px}
.subg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px;align-items:end}
#subscribe h2{font:700 clamp(84px,10vw,150px)/.9 var(--head);text-transform:uppercase}
#subscribe p.lead{margin-top:14px;font-size:24px;line-height:1.25;max-width:32ch}
.subf{display:flex;max-width:560px;margin-top:8px}.subf .field{margin:0;border-right:0;flex:1;min-width:0}
.subf a{display:flex;align-items:center;background:var(--orange);color:var(--ink);border:2px solid var(--ink);padding:0 22px;font:700 14px/1 var(--deck)}
.mag h3{font:700 44px/1.02 var(--head);margin-top:8px;text-wrap:balance}
.mag a.cur{display:inline-block;margin-top:14px;background:var(--ink);color:var(--paper);padding:14px 22px;font:700 14px/1 var(--deck);letter-spacing:.06em}
.apps{display:flex;gap:10px;margin-top:16px}.apps img{width:128px;height:42px}
#follow{background:var(--ink);overflow:hidden;padding-block:72px}
.follow{margin-top:20px}
.follow a{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:0 24px;border-top:1px solid var(--g500);padding:8px 0;font:700 clamp(52px,8vw,120px)/1.02 var(--head);text-transform:uppercase;transition:color .15s}
.follow span{font:17px/1.3 var(--text);text-transform:none}
@media(max-width:760px){.follow span{flex:1 0 100%}}

/* Precious metals ticker: pinned to the top bar so it is always on screen */
.tick{display:flex;align-items:stretch;background:var(--ink);border-top:1px solid var(--gold);overflow:hidden;height:36px}
.tick-lg{height:56px;border-bottom:1px solid var(--gold);margin-top:14px}
.tick .sp{flex:none;display:flex;align-items:center;gap:8px;background:var(--gold);color:var(--ink);padding:0 14px 0 var(--gl);font:700 12px/1.1 var(--deck);letter-spacing:.04em;z-index:1}
.tick .sp i{width:8px;height:8px;border-radius:50%;background:var(--ink);font-style:normal;animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.25}}
.roll{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.track2{display:flex;width:max-content;animation:roll 34s linear infinite}
.tick:hover .track2{animation-play-state:paused}
@keyframes roll{to{transform:translateX(-50%)}}
.grp{display:flex;align-items:center;flex:none}
.m{display:flex;align-items:baseline;gap:8px;padding:0 26px;white-space:nowrap;font:700 18px/1 var(--head);font-variant-numeric:tabular-nums}
.tick-lg .m{font-size:27px;padding:0 36px;gap:12px}
.m em{font:700 11px/1 var(--deck);font-style:normal;letter-spacing:.06em;color:var(--g300)}
.m b{color:var(--gold);font-weight:700}
.m .up2{color:var(--teal)}.m .dn{color:var(--orange)}
.m .ch{font-size:.8em}
.asof{padding:0 26px;white-space:nowrap;font-size:13px;color:var(--g300)}
@media(max-width:760px){.tick .sp{padding-right:10px;font-size:11px}.tick .sp span{max-width:92px}.tick-lg{margin-top:10px}}
.findbtn{position:fixed;top:0;right:0;z-index:15;writing-mode:vertical-rl;background:var(--orange);color:var(--ink);padding:20px max(12px,env(safe-area-inset-right,0px)) 20px 12px;font:700 14px/1 var(--deck);letter-spacing:.08em;transform:translate3d(0,45vh,0);transition:opacity .2s,visibility .2s}
.findbtn:hover{background:var(--paper)}
.findbtn.off{opacity:0;visibility:hidden}
#tools,#shop,#subscribe{scroll-margin-top:96px}
@media(prefers-reduced-motion:reduce){.track2{animation:none}.tick .sp i{animation:none}.grp+.grp{display:none}.roll{overflow-x:auto}}

/* Shop */
#shop{background:var(--black);padding-block:88px 96px;overflow:hidden;scroll-margin-top:56px}
.shop-lead{margin-top:14px;font-size:24px;line-height:1.25;max-width:36ch}
.pwall{margin-block:40px 72px;display:grid;gap:12px;overflow-x:auto}
.motion .pwall{overflow:visible}
.prow{display:flex;gap:12px;width:max-content;will-change:transform}
.prow button{padding:0;border:0;background:none;cursor:zoom-in;flex:none;overflow:hidden}
.prow img{width:clamp(180px,20vw,300px);height:clamp(180px,20vw,300px);object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.prow button:hover img{transform:scale(1.06)}
#lb{background:var(--black)}
#lb .inner{height:100%;display:flex;align-items:center;justify-content:center;padding:56px 16px 16px;position:relative}
#lb img{max-width:100%;max-height:100%;object-fit:contain}
#lb .close{position:absolute;top:8px;right:var(--gr)}
.adv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px}
.panel{background:var(--ink);padding:36px var(--gr) 36px var(--gl);min-width:0}
@media(min-width:761px){.panel{padding:40px}}
.panel h3{font:700 clamp(38px,4vw,56px)/1 var(--head);text-wrap:balance}
.q{margin-top:24px}.q>div:first-child{font-size:19px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chips button{min-height:46px;padding:10px 16px;background:none;color:var(--paper);border:2px solid var(--g500);border-radius:0;font:17px/1.15 var(--text);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.chips button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.res{background:var(--orange);color:var(--ink)}
.res h3{margin-top:8px;font-size:clamp(46px,5.4vw,78px)}
.res .price{margin-top:8px;font:700 34px/1 var(--head)}
.res ul{margin:18px 0 0;padding:0;list-style:none;font-size:19px;line-height:1.3}
.res li{padding:9px 0;border-top:1px solid var(--ink)}
.res .cta{display:inline-block;margin-top:18px;background:var(--ink);color:var(--paper);padding:15px 24px;font:700 14px/1 var(--deck);letter-spacing:.06em}
.pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;font-size:15px}
.pay .field{border-color:var(--ink)}
.payout{margin-top:12px;font:700 30px/1.08 var(--head);text-wrap:balance}
.small{margin-top:8px;font-size:15px}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:12px;margin-top:12px}
.prod{background:var(--ink);padding:0 0 36px;outline:3px solid transparent;outline-offset:-3px;transition:outline-color .25s;min-width:0}
.prod.fit{outline-color:var(--gold)}
.pmain{aspect-ratio:1/1;background:var(--paper);overflow:hidden}
.pmain img{width:100%;height:100%;object-fit:cover}
.thumbs{display:flex;gap:6px;overflow-x:auto;padding:8px 40px 0}
.thumbs button{flex:0 0 72px;height:72px;padding:0;border:2px solid transparent;background:none;cursor:pointer}
.thumbs button[aria-pressed=true]{border-color:var(--gold)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.pbody{padding:20px 40px 0}
.pbody .fitl{display:none;color:var(--gold)}
.prod.fit .fitl{display:block}
.pbody h4{margin:6px 0 0;font:700 44px/1 var(--head)}
.pbody ul{margin:14px 0 0;padding:0;list-style:none}
.pbody li{padding:8px 0;border-top:1px solid var(--g500)}
.pbuy{display:inline-block;margin-top:16px;background:var(--gold);color:var(--ink);padding:15px 24px;font:700 14px/1 var(--deck);letter-spacing:.06em}
@media(max-width:760px){.thumbs{padding-inline:16px}.pbody{padding-inline:16px}}
.sizer{margin-top:12px;background:var(--plum);padding:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;align-items:center}
@media(max-width:760px){.sizer{padding:32px 16px}}
.sizer input{width:100%;height:44px;accent-color:var(--gold);margin-top:18px}
.ctout{font:700 clamp(64px,8vw,112px)/1 var(--head);font-variant-numeric:tabular-nums;margin-top:6px}
.stonebox{height:200px;display:flex;align-items:center;justify-content:center}
.stone{width:100px;height:100px;border-radius:50%;background:var(--paper);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.tst{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;margin-top:12px}
.case{background:var(--ink);padding:36px 40px}
@media(max-width:760px){.case{padding:28px 16px}}
.case q{display:block;quotes:none;margin-top:12px;font:700 clamp(30px,3vw,42px)/1.08 var(--head);text-wrap:balance}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin-top:24px}
.stats b{display:block;font:700 40px/1 var(--head);color:var(--gold);font-variant-numeric:tabular-nums}
.stats span{font-size:16px;line-height:1.25;display:block;margin-top:4px}

/* Shop is its own page */
#shop{display:none}
body.v-shop #shop{display:block}
body.v-shop main>*:not(#shop):not(#follow):not(.end){display:none}

/* Tighter rhythm between sections */
#case{padding-block:32px}
.case-head{padding-bottom:16px}
.card{flex-basis:min(400px,78vw)}
.card .fr{height:min(62svh,540px)}
.goldin{padding-block:24px}
#sections{padding-block:32px 36px}
.wall{gap:24px 12px;margin-top:14px}
.adband{padding-block:14px}
#partners{padding-block:14px 24px}
.tool{padding-block:36px}
.aw-txt{padding-block:32px}
#trade{padding-block:20px 28px}
.dates{margin-top:16px}
#subscribe{padding-block:40px 40px}
#follow{padding-block:32px}
.follow{margin-top:8px}
#every{padding-block:32px}
.end{padding-block:36px}
#shop{padding-block:32px 36px}
.pwall{margin-block:18px 14px}

/* Nine sections fill the grid: the first takes two cells */
@media(min-width:1000px){.wall{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:999px){.wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px),(max-width:760px){.sec:first-child{grid-column:span 2}.sec:first-child .fr{aspect-ratio:1.63/1}}

/* News */
#news{background:var(--ink);padding-block:32px 36px}
.news-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.news-h a{padding:12px 0}
.news-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:24px}
.nlead .fr{overflow:hidden;aspect-ratio:3/2}
.nlead img{width:100%;height:100%;object-fit:cover}
.d{display:block;font:700 12px/1.2 var(--deck);letter-spacing:.05em;color:var(--gold);text-transform:uppercase}
.nlead .d{margin-top:12px}
.nlead h3{margin-top:4px;font:700 clamp(32px,3.2vw,46px)/1.04 var(--head);text-wrap:balance}
.nlist a{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--g500);align-items:center}
.nlist a:first-child{border-top:0;padding-top:0}
.nlist img{width:112px;height:80px;object-fit:cover;flex:none}
.nlist b{display:block;margin-top:4px;font:700 23px/1.1 var(--head);text-wrap:balance}
.nlist a:hover b,.nlead:hover h3{color:var(--gold)}

/* Featured Video */
#video{background:var(--black);padding-block:32px 36px}
.vid-g{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}
@media(max-width:860px){.vid-g{grid-template-columns:minmax(0,1fr)}}
.vmain{position:relative;display:block}
.vmain .fr{overflow:hidden;aspect-ratio:16/9}
.vmain img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;left:0;top:0;width:72px;height:72px;background:var(--orange);display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.2,.8,.2,1);transform-origin:0 0}
.play::after{content:"";border-left:22px solid var(--ink);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}
.vmain:hover .play{transform:scale(1.15)}
.vt{margin-top:12px;font:700 clamp(30px,3vw,44px)/1.04 var(--head);text-wrap:balance}
.vlist{display:flex;flex-direction:column}
.vlist button{display:flex;gap:12px;align-items:center;text-align:left;background:none;border:0;border-top:1px solid var(--g500);color:var(--paper);padding:10px 0;cursor:pointer;font:700 21px/1.1 var(--head)}
.vlist button:first-child{border-top:0;padding-top:0}
.vlist img{width:112px;height:63px;object-fit:cover;flex:none}
.vlist button[aria-pressed=true]{color:var(--gold)}

/* Ticker opens with the last update */
.tick .upd{flex:none;display:flex;align-items:center;background:var(--black);color:var(--paper);padding:0 14px 0 var(--gl);font:700 12px/1.1 var(--deck);letter-spacing:.04em;white-space:nowrap}
.tick .sp{padding-left:14px}
@media(max-width:760px){.tick .upd{white-space:normal;max-width:96px;font-size:11px}}

/* Motion is added only when the visitor allows it; without it the page above is complete. */
.motion .rv img{clip-path:inset(0 0 100% 0);transition:clip-path .85s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.2,.8,.2,1)}
.motion .rv.in img{clip-path:inset(-2px)}
#subscribe{scroll-margin-top:60px}
.motion .up{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1)}
.motion .up.in{opacity:1;transform:none}
.motion #hero{height:250vh}
.motion #hero .stage{position:sticky;top:0;height:100svh}
.motion .ring{display:block;position:absolute;left:0;top:0;border:1.5px solid var(--gold);border-radius:50%;pointer-events:none;will-change:transform,opacity}
.motion #case{padding:0;height:var(--caseh,400vh)}
.motion #case .pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.motion .track{overflow:visible;width:max-content;will-change:transform}
.motion #gold{height:200vh}
.motion #gold .stage{position:sticky;top:0;height:100svh}
.motion .layer{position:absolute;inset:0;display:block}
.motion .layer-h{display:block;color:var(--paper)}
.motion .goldin{height:100%}
.motion .layer-h .num{color:transparent;-webkit-text-stroke:2px var(--paper)}
.motion .layer-h .goldrow{visibility:hidden}
.motion .num{transform:scale(var(--ns,1));transform-origin:0 50%}
.motion .goldrow .pic img{transform:translateY(var(--py,0))}
.motion #awards{height:220vh}
.motion #awards .stage{position:sticky;top:0;height:100svh;display:block}
.motion .aw-img{position:absolute;inset:0;min-height:0;will-change:clip-path}
.motion .aw-txt{position:absolute;top:0;bottom:0;right:0;width:50%;opacity:var(--ta,0);transform:translateY(var(--ty,0))}
@media(max-width:760px){.motion .aw-txt{top:46%;left:0;width:100%;justify-content:flex-start;padding-top:20px}.motion .aw-txt h2{font-size:42px}}
/* Compact pass: sections sit close together and pinned moments fill the screen */
#news,#sections,#video,#every,#follow,#shop,#subscribe{padding-block:14px 16px}
#partners{padding-block:8px 14px}
.adband{padding-block:8px}
.tool{padding-block:20px}
#trade{padding-block:10px 14px}
.dates{margin-top:6px;gap:12px}
.end{padding-block:18px}
.news-h{margin-bottom:6px}
.wall{gap:14px 10px;margin-top:6px}
.follow a{padding:2px 0;font-size:clamp(44px,5.6vw,84px)}
.big{font-size:clamp(42px,5vw,72px)}
.mq{font-size:clamp(64px,9vw,130px)}
.pwall{margin-block:10px}
.motion #hero{height:170vh}
.motion #case .pin{justify-content:flex-start;padding-top:102px}
.motion .case-head{padding-bottom:8px}
.motion .card .fr{height:max(240px,calc(100svh - 300px))}
.motion #gold{height:150vh}
.motion .goldin{padding-block:100px 16px;align-content:space-between;gap:12px}
.motion .goldrow .pic{height:max(170px,34vh)}
.motion #awards{height:165vh}
.motion .aw-txt{padding-top:96px}
.motion .aw-img{top:0}
/* The Awards video is vertical, so its layout fills the row instead of letterboxing */
.vert #vplay{aspect-ratio:9/16!important;max-height:540px;width:auto!important;max-width:100%;margin-inline:auto}
@media(min-width:861px){.vid-g.vert{grid-template-columns:auto minmax(0,1fr);gap:14px}
.vert .vlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}
.vert .vlist button{flex-direction:column;align-items:stretch;border-top:0;padding:0}
.vert .vlist img{width:100%;height:auto;aspect-ratio:16/9}
.vert .vt{max-width:304px;font-size:30px}}
/* Current Issue */
#issue{background:var(--orange);color:var(--ink);padding-block:18px}
.iss{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.iss .cov img{width:100%;height:auto}
.iss h3{margin-top:6px;font:700 clamp(38px,4.6vw,68px)/1 var(--head);text-wrap:balance}
.iss p{margin-top:12px;font-size:21px;line-height:1.3;max-width:44ch}
.iss .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.iss .acts a{display:inline-block;padding:15px 22px;font:700 14px/1 var(--deck);letter-spacing:.06em;border:2px solid var(--ink)}
.iss .acts a.pri{background:var(--ink);color:var(--paper)}
@media(max-width:760px){.iss{grid-template-columns:minmax(0,1fr)}.iss .cov{max-width:240px}}
/* AdRotate output */
.ad a,.ptile a{display:block}
.ptile .g,.ptile .a-single{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
@media print{.motion .rv img,.motion .up{clip-path:none;opacity:1;transform:none}}

/* Article page */
.ahead{background:var(--ink);color:var(--paper)}
.ahead .wrap{padding-block:28px 32px}
.ahead .label a:hover{color:var(--paper)}
.ahead h1{margin-top:12px;max-width:1120px;font:700 clamp(44px,6.4vw,96px)/.96 var(--head);text-wrap:balance}
.ahead .deck{margin-top:14px;max-width:46ch;font-size:clamp(20px,2vw,26px);line-height:1.25}
.ahead .by{margin-top:16px;font:700 13px/1.2 var(--deck);letter-spacing:.06em;text-transform:uppercase;color:var(--g300)}
.ahero{margin:0;background:var(--black)}
.ahero img{display:block;width:100%;max-width:1400px;max-height:640px;margin:0 auto;object-fit:cover}
.ahero figcaption{max-width:1400px;margin:0 auto;padding:8px var(--gr) 10px var(--gl);font-size:14px;color:var(--g300)}
.art{background:var(--paper);color:var(--ink)}
.agrid{display:flex;flex-wrap:wrap;gap:40px 56px;padding-block:36px 40px;align-items:flex-start}
.abody{flex:999 1 560px;min-width:0;max-width:720px;font-size:20px;line-height:1.6}
.abody>*{margin:0 0 20px}
.abody h2{margin:36px 0 12px;font:700 clamp(32px,3vw,42px)/1.05 var(--head);text-wrap:balance}
.abody h3{margin:28px 0 10px;font:700 28px/1.1 var(--head)}
.abody h4{margin:22px 0 8px;font:700 16px/1.2 var(--deck);letter-spacing:.06em;text-transform:uppercase}
.abody a{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
.abody a:hover{color:var(--orange)}
.abody img,.abody video,.abody iframe{max-width:100%;height:auto}
.abody iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.abody figure{margin:28px 0}
.abody figcaption{margin-top:8px;font-size:15px;line-height:1.35;color:#5a5657}
.abody ul,.abody ol{padding-left:1.2em}
.abody li{margin:6px 0}
.abody blockquote,.abody .wp-block-pullquote{margin:32px 0;padding:24px 32px;background:var(--orange);color:var(--ink);border:0;font:700 clamp(28px,3vw,38px)/1.1 var(--head)}
.abody blockquote p{margin:0}
.abody blockquote cite{display:block;margin-top:10px;font:15px var(--text)}
.abody .wp-block-table{overflow-x:auto;margin:28px 0}
.abody table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.35}
.abody th{background:var(--ink);color:var(--paper);font:700 13px/1.2 var(--deck);letter-spacing:.04em;text-transform:uppercase;text-align:left;padding:10px 12px}
.abody td{padding:10px 12px;border-bottom:1px solid #d7d8d9;vertical-align:top}
.abody tbody tr:nth-child(even) td{background:#f4f4f4}
.abody .wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px}
.abody .wp-block-button__link{display:inline-block;background:var(--orange)!important;color:var(--ink)!important;padding:15px 24px;font:700 14px/1 var(--deck);letter-spacing:.06em;text-decoration:none;border-radius:0}
.abody .aligncenter{margin-left:auto;margin-right:auto;text-align:center}
.abody .sharethis-inline-share-buttons:empty{display:none}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:32px;padding-top:16px;border-top:2px solid var(--ink)}
.share b{font:700 13px/1 var(--deck);letter-spacing:.08em;margin-right:6px}
.share a,.share button{display:inline-block;padding:12px 16px;border:2px solid var(--ink);background:none;color:var(--ink);font:700 13px/1 var(--deck);letter-spacing:.06em;text-decoration:none;cursor:pointer}
.share a:hover,.share button:hover{background:var(--ink);color:var(--paper)}
.aside{flex:1 1 280px;position:sticky;top:110px;display:grid;gap:24px}
.aside .ad img{width:100%;height:auto}
.aside .adl{color:#5a5657}
.ah{font:700 14px/1.2 var(--deck);letter-spacing:.08em;text-transform:uppercase;padding-bottom:8px;border-bottom:4px solid var(--orange)}
.alist a{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #d7d8d9;align-items:center}
.alist img{width:84px;height:60px;object-fit:cover;flex:none}
.alist b{font:700 19px/1.12 var(--head)}
.alist a:hover b{color:var(--orange)}
.alist .dt{display:block;font:700 11px/1.2 var(--deck);letter-spacing:.05em;color:#5a5657;text-transform:uppercase;margin-bottom:3px}
.next{background:var(--ink);padding-block:28px 32px}
.ngrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:12px}
.ngrid .fr{overflow:hidden;aspect-ratio:3/2}
.ngrid img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ngrid a:hover img{transform:scale(1.04)}
.ngrid .c{margin-top:10px;font:700 13px/1.2 var(--deck);color:var(--gold);text-transform:uppercase}
.ngrid .t{margin-top:4px;font:700 27px/1.08 var(--head);text-wrap:balance}
@media(max-width:760px){.aside{position:static}.abody{font-size:19px}}

/* Phone fit */
#subscribe h2{font-size:clamp(56px,10vw,150px);overflow-wrap:anywhere}
.m em,.alist .dt{font-size:12px}
@media(max-width:760px){.tick .sp,.tick .upd{font-size:12px}}
@media(max-width:400px){.bar .acts{gap:10px}.bar img{width:72px}.bar a.sub{padding:12px 10px;margin-left:0;font-size:12px}.bar button{padding-left:6px;font-size:12px}.tick .upd{max-width:84px}.tick .sp span{max-width:80px}}

@media(max-width:760px){
.findbtn{writing-mode:horizontal-tb;top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));right:max(12px,env(safe-area-inset-right,0px));transform:none!important;padding:12px 14px;font-size:12px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.bar .tick{height:46px}
.tick .upd,.tick .sp{line-height:1.12}
}
@media(max-width:760px){.tick .upd{max-width:none;width:116px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:8px}}

/* Category pages */
.cathead{background:var(--ink);color:var(--paper)}
.cathead .wrap{padding-block:28px 30px}
.cathead h1{margin-top:10px;font:700 clamp(56px,9vw,128px)/.92 var(--head);text-transform:uppercase;overflow-wrap:anywhere}
.catdesc{margin-top:12px;max-width:60ch;font-size:19px;color:var(--g300)}
.catdesc p{margin:0}
.cathead .by{margin-top:14px;font:700 13px/1.2 var(--deck);letter-spacing:.06em;text-transform:uppercase;color:var(--g300)}
.catlist{background:var(--paper);color:var(--ink);padding-block:28px 36px}
.clead{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:center;padding-bottom:28px;margin-bottom:24px;border-bottom:2px solid var(--ink)}
.clead .fr,.citem .fr{overflow:hidden;aspect-ratio:3/2}
.clead img,.citem img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.clead:hover img,.citem:hover img{transform:scale(1.04)}
.clead h2{margin-top:6px;font:700 clamp(34px,3.6vw,54px)/1.02 var(--head);text-wrap:balance}
.citem h3{margin-top:4px;font:700 25px/1.08 var(--head);text-wrap:balance}
.clead:hover h2,.citem:hover h3{color:var(--orange)}
.clead p,.citem p{margin-top:10px;font-size:17px;line-height:1.45;color:#3d393a}
.cdate{display:block;margin-top:10px;font:700 12px/1.2 var(--deck);letter-spacing:.05em;color:#5a5657;text-transform:uppercase}
.clead .cdate{margin-top:0}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px 20px}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:32px}
.pager a{padding:15px 22px;border:2px solid var(--ink);font:700 14px/1 var(--deck);letter-spacing:.06em}
.pager a:hover{background:var(--ink);color:var(--paper)}
.pager span{font:700 13px/1.2 var(--deck);color:#5a5657}
.catlist .empty{font-size:19px}
@media(max-width:760px){.clead{grid-template-columns:minmax(0,1fr);gap:14px}.pager a{padding:13px 14px;font-size:12px}}

/* Issues and standard pages */
.abody.wide{max-width:none;flex-basis:100%}
.issues-wrap{background:var(--paper);color:var(--ink);padding-block:32px 40px}
.ilead{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;align-items:center;padding-bottom:32px;margin-bottom:24px;border-bottom:2px solid var(--ink)}
.ilead img{display:block;width:100%;height:auto;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.ilead h2{margin:8px 0 18px;font:700 clamp(40px,5vw,72px)/.98 var(--head);text-wrap:balance}
.iread{display:inline-block;margin:0 8px 8px 0;padding:15px 22px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);font:700 14px/1 var(--deck);letter-spacing:.06em}
.iread.alt{background:none;color:var(--ink)}
.iread:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.issues-wrap .ah{margin-bottom:16px}
.igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:28px 18px}
.igrid img{display:block;width:100%;aspect-ratio:377/490;object-fit:cover;box-shadow:0 6px 18px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.igrid a:hover img{transform:translateY(-4px)}
.igrid b{display:block;margin-top:10px;font:700 18px/1.12 var(--head)}
.flipnote{font-size:15px;color:#5a5657}
@media(max-width:760px){.ilead{grid-template-columns:minmax(0,1fr);gap:18px}.ilead img{max-width:240px}.igrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

#subscribe h2{font-size:clamp(40px,8.4vw,120px);white-space:nowrap;overflow-wrap:normal}
@media(max-width:887px){#subscribe h2{font-size:calc((100vw - 44px) / 5)}}

/* A pinch of luxury */
:root{--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--goldline:rgba(202,154,41,.5);--foil:linear-gradient(100deg,#a67d1c 0%,#e9c768 30%,#ca9a29 55%,#f1d78e 78%,#a67d1c 100%)}
::selection{background:var(--gold);color:var(--ink)}
.label,.d,.card .c,.sec .c,.ngrid .c,.cdate,.adl,.ah,.kpi span{letter-spacing:.16em}
.label.gold,.ahead .label,.cathead .label,.end .est{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.ahead .label a{color:inherit}
.slab p{font:italic 500 clamp(24px,2.3vw,32px)/1.16 var(--serif)}
.ahead .deck{font:italic 500 clamp(23px,2.3vw,31px)/1.18 var(--serif);max-width:40ch}
.shop-lead,#subscribe p.lead{font:italic 500 28px/1.18 var(--serif)}
.catdesc{font:italic 500 23px/1.25 var(--serif)}
.iss p{font:italic 500 25px/1.22 var(--serif)}
.end p{display:flex;flex-direction:column;gap:8px}
.end .est{font:italic 600 clamp(26px,2.8vw,40px)/1 var(--serif);letter-spacing:.04em;text-transform:none}
.hollow{-webkit-text-stroke-width:1px}
.mainnav{border-top-color:var(--goldline)}
#case,#news,#sections,#video,#every,#follow,.next,.cathead{box-shadow:inset 0 1px 0 var(--goldline)}
.card .fr,.sec .fr,.nlead .fr,.clead .fr,.citem .fr,.ngrid .fr,.vmain .fr,.nlist img,.alist img{outline:1px solid var(--goldline);outline-offset:-1px}
.mast .socials a.sub,.bar a.sub,.goldrow a.more,.iread,.mag a.cur,.res .cta,.pbuy,.supf a,.subf a,.share a,.share button,.pager a{letter-spacing:.16em;transition:background .25s,color .25s,border-color .25s}
.goldrow a.more:hover,.mag a.cur:hover,.res .cta:hover{background:var(--black);color:var(--gold)}
.abody:not(.wide)>p:first-of-type::first-letter{float:left;margin:.08em .12em 0 0;font:600 4.6em/.8 var(--serif);color:var(--ink)}
.abody blockquote,.abody .wp-block-pullquote{background:none;color:var(--ink);padding:4px 0 4px 26px;border-left:3px solid var(--orange);font:italic 600 clamp(30px,3.2vw,42px)/1.12 var(--serif)}
.abody blockquote cite{font:13px/1.3 var(--deck);letter-spacing:.16em;text-transform:uppercase;font-style:normal}
#subscribe h2{font-size:clamp(40px,7.4vw,108px)}
@media(max-width:887px){#subscribe h2{font-size:calc((100vw - 48px) / 5.2)}}
#subscribe h2{font-size:clamp(40px,8.6vw,124px)}
@media(max-width:935px){#subscribe h2{font-size:calc((100vw - 48px) / 5.2)}}
.end .estline{margin:0}
.end .est{display:inline-block;font:italic 600 clamp(28px,3vw,42px)/1.1 var(--serif);letter-spacing:.04em;color:var(--gold);background:var(--foil);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Logo lockup with Est. 1879: the serif line is about 90% of the logo width ("Est. 1879" is 3.48 times its font size wide) */
.lockup{display:inline-flex;flex-direction:column;align-items:flex-start}
.lockup .est{display:block;margin-top:.04em;font:italic 600 39px/1 var(--serif);letter-spacing:.04em;color:var(--gold);background:var(--foil);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.mast .lockup img{width:150px}
.end .lockup img{width:min(420px,70vw)}
.end .lockup .est{font-size:min(108px,18.1vw)}
@media(max-width:760px){.end{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
.slab h1.long{font-size:clamp(36px,4.2vw,68px);line-height:1}
.aw-txt h2 a:hover,.jury a:hover{color:var(--orange)}

.sform{margin:2px 0 26px;max-width:560px}
.sform .dlg-h{display:block}
.supf button{display:flex;align-items:center;background:var(--ink);color:var(--paper);border:0;padding:0 24px;font:700 14px/1 var(--deck);letter-spacing:.16em;cursor:pointer}
dialog .supf button,.cathead .supf button{background:var(--orange);color:var(--ink)}
.cathead .sform{margin:18px 0 0}

/* Photos are shown at their real size or smaller, never stretched */
.ahero img{width:auto;max-width:100%;height:auto;max-height:640px}
.abody img{width:auto;max-width:100%;height:auto}
.abody .wp-block-image img{margin-inline:auto}
.abody .is-resized img,.abody img[style*="width"]{width:auto!important;max-width:100%!important;height:auto!important}

.motion #news .up{opacity:1;transform:none}
.motion #news .rv img{clip-path:none}
.motion .rv img{transition-duration:.6s,.5s}
.motion .up{transition-duration:.45s,.55s}

.motion #case .case-head,.motion #case .track{flex-shrink:0}
.motion #case .track{min-height:min-content}
.motion .card .fr{height:max(200px,calc(100svh - 340px));height:max(200px,calc(100vh - 340px))}
@supports (height:100svh){.motion .card .fr{height:max(200px,calc(100svh - 340px))}}