
:root{--navy:#10121c;--panel:#191c2c;--cream:#fff6e8;--ink:#211b29;--cyan:#8debf2;--pink:#ff7299;--gold:#f6ca73;--rule:#56566b}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--cream);font:16px/1.5 Arial,sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-underline-offset:.18em}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.wrap{width:min(1260px,calc(100% - 70px));margin:auto}.label{font:700 11px/1.4 "Courier New",monospace;letter-spacing:.13em;text-transform:uppercase}.top{border-bottom:1px solid var(--rule)}.top .wrap{min-height:64px;display:flex;gap:14px;align-items:center;justify-content:space-between}.brand{font-weight:900;text-transform:uppercase;text-decoration:none;font-size:22px;letter-spacing:-.06em}.brand i{display:inline-block;width:9px;height:9px;background:var(--pink);margin-left:5px;transform:rotate(-12deg)}.navlinks{display:flex;gap:14px;font-size:13px;align-items:center;font-weight:700}.navlinks>a{text-decoration:none}.navlinks details{position:relative}.navlinks summary{cursor:pointer}.navlinks nav{position:absolute;top:calc(100% + 8px);right:0;z-index:5;width:min(245px,83vw);background:var(--cream);color:var(--ink);padding:9px;border:1px solid var(--rule)}.navlinks nav a{display:block;padding:7px}.breadcrumbs{display:flex;gap:9px;align-items:center;padding:13px 0;color:#d8d0df;font-size:12px}.breadcrumbs span{color:var(--pink)}picture,img{display:block;width:100%}img{height:100%;object-fit:cover}.art-hero{display:grid;grid-template-columns:.94fr 1.06fr;background:#211b32;border:1px solid #524557;position:relative}.art-hero .copy{align-self:end;padding:clamp(19px,4vw,62px);position:relative}.art-hero .copy:before{content:"";position:absolute;height:3px;top:0;left:clamp(19px,4vw,62px);width:58px;background:var(--pink)}.art-hero .tagline{color:var(--cyan);margin-bottom:10px}.art-hero h1{font:900 clamp(52px,7vw,107px)/.85 Arial,sans-serif;letter-spacing:-.093em;margin:9px 0 18px}.art-hero h1 em{font:italic 700 1em/.85 Georgia,serif;letter-spacing:-.086em}.art-hero .deck{max-width:34ch;color:#f0dfeb}.art-hero picture{height:100%;min-height:420px}.art-hero img{object-position:53% 56%}.credit{font:12px/1.42 Arial,sans-serif;color:#ded8e3;padding:7px 0}.credit a{white-space:normal}.reading{margin:25px auto 40px;background:var(--cream);color:var(--ink);border-top:4px solid var(--pink);padding:clamp(19px,5vw,68px);width:min(940px,100%)}.reading .text{max-width:650px;margin:auto;font:20px/1.67 Georgia,serif}.reading .text p,.reading .text li{margin:0 0 1em}.reading .text h2{font:700 clamp(28px,4vw,42px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:1.45em 0 .55em}.reading a{color:#7f204d}.reading a:focus-visible{outline-color:#9d2c5c}.reading ul{padding-left:1.3em}.spoiler{padding:9px 12px;border:1px solid #cc96ae;border-left:4px solid #9a2854;background:#ffedf2;color:#5c2240;font:700 13px/1.4 Arial,sans-serif;margin:0 0 26px}.inline-photo{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:end;border-top:1px solid #cc96ae;border-bottom:1px solid #cc96ae;padding:12px 0;margin:30px 0}.inline-photo picture{height:290px}.inline-photo img{object-position:50% 27%}.inline-photo .credit{color:#4a3e50;font-size:13px}.inline-photo .credit strong{display:block;color:#682141;font:700 23px Georgia,serif;margin-bottom:8px}.recommend{margin:24px 0 0;padding:13px 0 0;border-top:1px solid #bfb0b7;font:700 15px/1.55 Arial,sans-serif}.reading .text .recommend p{margin:0}.recommend em:first-child{font-style:normal;color:#4c344a}.foot{border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:17px 0 24px;font-size:12px;color:#dcd4e1}
.banner{--accent:var(--cyan);display:grid;grid-template-columns:1.02fr .98fr;min-height:410px;border:1px solid var(--rule);position:relative;overflow:hidden}.banner .bannertext{padding:clamp(22px,5vw,70px);align-self:end;position:relative;z-index:1}.banner .label{color:var(--accent)}.banner h1{font:900 clamp(53px,8vw,116px)/.83 Arial,sans-serif;letter-spacing:-.087em;margin:14px 0 18px}.banner h2{font:italic 700 clamp(23px,3.3vw,46px)/1 Georgia,serif;margin-bottom:12px}.banner p{max-width:38ch}.banner picture{height:100%;min-height:410px}.korea{background:#271530;border-color:#9c4674;--accent:#a6f6f7}.korea .bannertext:before{content:"";position:absolute;inset:0;border-left:5px solid #ff7299;z-index:-1}.korea picture{position:absolute;inset:0 0 0 34%;width:66%}.korea picture img{object-position:50% 48%}.korea:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1d102a 18%,#281633f2 32%,#2a142f62 62%,transparent 94%);pointer-events:none}.korea .bannertext{grid-column:span 2}.british{background:#421d31;border-color:#c0826e;--accent:#ffda90}.british .bannertext{border-left:4px double var(--accent)}.british picture{padding:13px;background:#2a172b}.british img{object-position:53% 48%}.classic{background:#f3c372;color:#251c2a;border-color:#f3c372;--accent:#622a38}.classic picture{padding:22px;background:#342336}.classic img{object-position:50% 53%}.classic .label{border-bottom:2px dashed #79394b;padding-bottom:8px;display:inline-block}.section-sample{border-top:1px solid var(--rule);margin:24px 0 34px;padding:15px 0}.section-sample h2{font:700 32px/1 Georgia,serif;letter-spacing:-.04em;margin-bottom:8px}.section-sample p{max-width:66ch}.formats{display:grid;gap:12px;margin:24px 0}.format{display:grid;grid-template-columns:minmax(110px,.28fr) 1fr;align-items:end;gap:22px;padding:21px 23px;border:1px solid var(--rule);background:var(--panel)}.format h2{font-size:clamp(38px,7vw,86px);letter-spacing:-.078em;line-height:.85;margin-bottom:7px}.format p{max-width:46ch}.opinion{border-left:5px solid var(--pink)}.opinion .label{color:var(--pink)}.comparison{border-left:5px solid var(--cyan)}.comparison .label{color:var(--cyan)}.watch{border-left:5px solid var(--gold);background:var(--cream);color:var(--ink)}.watch .label{color:#73304b}
@media(max-width:720px){.wrap{width:calc(100% - 28px)}.top .wrap{min-height:54px}.brand{font-size:17px}.navlinks>a{display:none}.breadcrumbs{font-size:11px}.art-hero{display:flex;flex-direction:column-reverse}.art-hero picture{min-height:0;height:235px}.art-hero .copy{padding:17px 15px 22px}.art-hero h1{font-size:clamp(48px,14vw,63px);margin-bottom:12px}.art-hero .copy:before{left:15px}.art-hero .deck{font-size:14px}.credit{font-size:11px}.reading{padding:19px 16px;margin-top:14px}.reading .text{font-size:17px}.inline-photo{grid-template-columns:1fr;gap:7px}.inline-photo picture{height:225px}.banner{grid-template-columns:1fr;min-height:0}.banner .bannertext{padding:16px 15px 19px}.banner h1{font-size:clamp(47px,14vw,70px);margin:11px 0 13px}.banner h2{font-size:24px}.banner p{font-size:14px}.banner picture{height:228px;min-height:0;grid-row:1;padding:0}.korea picture{position:relative;inset:auto;width:100%;height:260px}.korea .bannertext{grid-column:auto}.korea:after{display:none}.british picture,.classic picture{padding:8px}.classic img{object-fit:contain}.format{grid-template-columns:1fr;gap:7px;padding:15px}.section-sample{margin-bottom:23px}}

#library .section-head{border-color:var(--rule)}#library .section-head p,#library .card p,#library .no-results{color:#e7e1eb}#library .meta{color:var(--cyan)}#library .card h3{color:var(--cream)}#library .filters button,#library .browse-options select,#library .browse-options input,#library .browse-options button{color:var(--cream);border-color:#828095;background:#242639}#library .filters button[aria-pressed=true],#library .browse-options button:hover{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}#library option{color:var(--cream);background:#242639}#library input::placeholder{color:#c2b9cf}#library .card-photo figcaption{color:#ded8e3}#library a:focus-visible,#library button:focus-visible,#library select:focus-visible,#library input:focus-visible{outline-color:var(--cyan)}
.wrap .foot{width:100%;margin:0}.navlinks nav{width:min(245px,83vw)}.article-images{min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}.article-image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.article-images picture{min-width:0}.art-hero .article-image-pair img{object-position:center}.art-hero picture[data-photo="bear"] img{object-position:center 35%}.art-hero.hero-long h1{font-size:clamp(42px,5.25vw,83px);overflow-wrap:anywhere}.hero-credits{display:grid;gap:2px}.reading .text .spoiler{margin-bottom:26px}.outside{font-size:13px;margin:5px 0 12px}.section-landing main.wrap{width:min(1260px,calc(100% - 70px))}.section-landing #library{padding-top:25px}@media(max-width:720px){.section-landing main.wrap{width:calc(100% - 28px)}.art-hero.hero-long h1{font-size:clamp(41px,12vw,58px)}}
