:root{--paper:#f7f6f0;--ink:#20201c;--muted:#625f54;--accent:#ac4127;--line:#d8d4c6;--serif:Georgia,"Times New Roman",serif;--sans:Arial,"Helvetica Neue",sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a74324;outline-offset:4px}a:hover{color:var(--accent)}[hidden]{display:none!important}figure,p,h1,h2,h3{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:min(1376px,calc(100% - clamp(40px,8vw,146px)));margin-inline:auto}.sr,.skip:not(:focus){position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip:focus{position:absolute;z-index:9;background:white;padding:12px 20px}.ic{width:20px;height:20px;flex:none}
.top{border-bottom:1px solid var(--line)}.top-row{min-height:77px;display:flex;align-items:center;gap:50px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--serif);font-size:clamp(26px,2.3vw,37px);font-weight:700;white-space:nowrap;letter-spacing:-1.8px;line-height:1.08}.brandmark{width:33px;height:33px;flex:none;color:var(--accent)}.brand-period{color:var(--accent)}.top nav,.foot nav{display:flex;gap:29px;align-items:center}.top nav{margin:auto;font-size:14px}.tools{display:flex;align-items:center;gap:21px;font-size:14px}.tool-btn{display:grid;place-items:center;width:38px;height:38px}.shelf-link{display:flex;align-items:center;gap:7px}.shelf-link b{border-radius:50%;background:var(--ink);color:var(--paper);font:11px/19px var(--mono);min-width:19px;text-align:center}
.hero{padding:30px 0 0}.hero-inner{position:relative;background:#eae6d9}.slide{display:grid;grid-template-columns:42% 58%;min-height:clamp(435px,36vw,555px)}.hero-copy{padding:clamp(32px,3.65vw,62px);padding-bottom:88px;align-self:center}.eyebrow,.cardmeta,.crumb,.all-link,.cardphoto button,.switch,.leadphoto figcaption,.storyphoto figcaption,.topicgrid small,.assignment-no span,.filters{font-family:var(--mono)}.eyebrow,.cardmeta,.topicgrid small,.assignment-no>span{letter-spacing:.085em;text-transform:uppercase;font-weight:600;font-size:11px;line-height:1.4}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent)}.signal{width:19px;height:2px;background:currentColor;display:inline-block}.e-sep,.mid{opacity:.5;margin:0 1px}.hero-copy h1,.hero-copy h2,.sec-head h2,.archive h1,.storyhead h1,.assignment h2{font:normal clamp(59px,5.4vw,91px)/.99 var(--serif);letter-spacing:-.066em}.hero-copy h1,.hero-copy h2{margin:25px 0 20px}.hero-copy em{font-weight:400}.hero-copy p{max-width:29em;font-size:clamp(15px,1.16vw,18px);color:#4c4a40;line-height:1.55}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid transparent;background:var(--ink);color:#fffdf1;border-radius:3px;padding:11px 16px;font-size:14px;font-weight:600}.cta:hover{background:#454238;color:white}.hero-copy .cta{margin-top:24px}.leadphoto{position:relative;min-width:0;overflow:hidden;background:#766c52}.leadphoto>a{position:absolute;inset:0}.leadphoto figcaption{pointer-events:none;position:absolute;left:16px;bottom:14px;background:#242018cd;color:#fffaf0;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.025em;padding:4px 9px}.f-cross{color:#f5cc84;font-size:14px}.switch{display:flex;align-items:center;gap:12px;position:absolute;bottom:24px;left:clamp(32px,3.65vw,62px);font-size:11px;color:#6a665c}.switch span{display:flex;gap:8px;align-items:center}.switch b{color:var(--ink)}.switch i{color:#8a8579;font-style:normal}.switch button,.bookmark{background:transparent;border:1px solid #b4b0a0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;padding:0}.switch .ic{width:14px;height:14px}.switch button:hover{background:var(--ink);color:white}.picked,.topics,.related{padding-block:clamp(46px,5vw,80px)}.sec-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:27px}.sec-head h2,.assignment h2{font-size:clamp(40px,4.05vw,67px);margin-top:9px}.all-link,.text-btn{display:inline-flex;gap:10px;align-items:center;border:none;border-bottom:1px solid currentColor;background:transparent;padding:4px 0;font-size:13px}.all-link{margin-bottom:5px}.all-link .ic,.text-btn .ic{width:17px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px clamp(17px,2.1vw,31px)}.grid.pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:910px}.card{min-width:0}.cardphoto{position:relative;aspect-ratio:1.58;overflow:hidden;background:#dedbce}.cardphoto a{display:block;width:100%;height:100%}.cardphoto img{transition:transform .28s ease}.cardphoto a:hover img{transform:scale(1.025)}.bookmark:not(.full){position:absolute;right:11px;top:11px;width:35px;height:35px;border:1px solid #ffffff78;background:#f8f6edea;color:#302f29}.bookmark .ic{width:17px;height:17px}.bookmark[aria-pressed=true] .ic,.shelf-link:hover .ic{fill:var(--accent);color:var(--accent)}.cardmeta{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-top:16px}.rub{display:inline-flex;align-items:center;gap:7px;color:var(--accent)}.rub i{width:5px;height:5px;background:currentColor}.card h3{font:normal clamp(27px,2.25vw,39px)/1.15 var(--serif);letter-spacing:-.045em;margin:6px 0}.card p{font-size:15px;max-width:48ch;color:var(--muted)}
.exercise{padding:clamp(41px,4.5vw,68px) 0;background:#e8e7db;border-block:1px solid #d9d8c8}.exercise-wrap{display:grid;grid-template-columns:.6fr 1.4fr;gap:5%;align-items:center}.assignment-no{position:relative;margin:auto;display:flex;flex-direction:column;justify-content:space-between;padding:16px 18px;aspect-ratio:1.58;width:min(275px,82%);background:#c9cdab;color:#444b30;border:1px solid #a7ab8a;box-shadow:5px 5px 0 #d7d9c2;transform:rotate(-4deg);overflow:hidden}.assignment-no>span{font-size:9px}.assignment-no>b{font:italic 68px/1 var(--serif);letter-spacing:-.09em;z-index:1}.assignment-no>b span{font:13px var(--mono);letter-spacing:.02em;margin-left:8px}.crosslines{position:absolute;border:1px solid #6672556c;border-radius:50%;width:60%;aspect-ratio:1;right:-15%;top:17%;box-shadow:0 0 0 9px #c5c9a8,0 0 0 10px #6672555c,0 0 0 20px #c5c9a8,0 0 0 21px #6672555c,0 0 0 32px #c5c9a8,0 0 0 33px #6672555c}.assignment{max-width:690px}.assignment h3{font:600 17px var(--sans);margin:20px 0 5px}.assignment p{max-width:63ch;color:#4a4b40}.text-btn{margin-top:15px}.topicgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.topicgrid a{border-top:1px solid #a39e90;padding:15px 29px 15px 0;position:relative}.topicgrid small{color:var(--accent);font-size:10px}.topicgrid strong{display:block;font:normal 31px var(--serif);margin:8px 0 3px}.topicgrid p{font-size:14px;color:var(--muted)}.topicgrid .ic{position:absolute;top:43px;right:4px}.foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px}.foot .brand{font-size:25px}.foot .brandmark{width:26px;height:26px}.foot p,.foot nav{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line)}.foot p{margin-top:8px}.totop{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;text-align:center;line-height:33px}
.archive{padding-block:clamp(42px,5.5vw,90px);min-height:66vh}.archive h1,.storyhead h1{margin:16px 0;font-size:clamp(48px,6vw,90px)}.archive .intro,.storyhead>p{max-width:59ch;font-size:clamp(17px,1.6vw,22px);color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:34px 0;font-size:13px}.filters a{padding:8px 14px;border:1px solid var(--line);border-radius:3px}.filters a[aria-current]{background:var(--ink);color:#fff9ed;border-color:var(--ink)}.crumb{display:flex;gap:12px;color:var(--muted);font-size:12px}.story{padding-top:23px}.storyhead{max-width:890px;margin:44px auto 29px}.storyhead .cardmeta{margin:0}.bookmark.full{width:auto;display:inline-flex;gap:8px;align-items:center;border-radius:3px;padding:6px 12px;height:auto;font:13px var(--sans);margin-top:20px}.storyphoto{max-width:1120px;margin:auto}.storyphoto img{height:clamp(240px,48vw,566px)}.storyphoto figcaption{color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}.articlebody{margin:38px auto 50px;max-width:695px;font:normal clamp(18px,1.35vw,22px)/1.7 var(--serif)}.articlebody h2{font:normal clamp(29px,2.6vw,43px)/1.12 var(--serif);letter-spacing:-.04em;margin:1em 0 .35em}.articlebody .standfirst{font-size:1.16em;line-height:1.55}.try{padding:22px clamp(16px,3vw,31px);background:#ebe9de;border-left:3px solid var(--accent);margin-top:32px}.try p{margin-top:10px}.related{border-top:1px solid var(--line)}.searchbox{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--ink);padding:12px 1px;max-width:660px;margin:26px 0 12px}.searchbox input{width:100%;background:none;border:0;font-size:20px;min-width:0}.feedback{color:var(--muted);margin:15px 0 26px}.emptyshelf,.empty{border:1px solid var(--line);padding:30px;margin-top:28px}.emptyshelf>svg{color:var(--accent)}.emptyshelf h2{font:normal 32px var(--serif);margin:10px 0}.emptyshelf p{color:var(--muted);margin-bottom:19px}[data-saved-cards]{margin-top:30px}
@media(max-width:980px){.top-row{gap:20px}.top nav{gap:18px}.tools{gap:8px}.hero-copy{padding:28px 25px 75px}.switch{left:25px;bottom:23px}.slide{min-height:405px}.hero-copy h1,.hero-copy h2{font-size:clamp(50px,6vw,65px)}.grid{gap:25px 17px}.card p{font-size:14px}.foot nav{gap:14px}}
@media(max-width:740px){.top-row{min-height:63px}.top nav{display:none}.tools{margin-left:auto}.shelf-link span{display:none}.shelf-link{min-width:38px;min-height:38px;justify-content:center}.brand{font-size:28px}.brandmark{width:29px;height:29px}.hero{padding-top:15px}.slide{display:flex;flex-direction:column;min-height:0}.leadphoto{order:-1;aspect-ratio:1.59}.leadphoto>a{position:absolute}.hero-copy{align-self:stretch;padding:22px 20px 27px}.hero-copy h1,.hero-copy h2{margin:12px 0;font-size:clamp(46px,9.2vw,67px)}.hero-copy h1 br,.hero-copy h2 br{display:none}.hero-copy em:before{content:' '}.hero-copy p{font-size:15px;max-width:37em}.hero-copy .cta{margin-top:18px}.switch{position:static;justify-content:flex-end;padding-right:18px;padding-bottom:20px;margin-top:-58px;pointer-events:none}.switch button{pointer-events:auto;width:32px;height:32px}.switch span{gap:5px}.switch{gap:5px}.leadphoto figcaption{font-size:9px;bottom:9px;left:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.picked .grid .card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:17px;align-content:start}.picked .grid .card:last-child .cardphoto{grid-row:1/5}.picked .grid .card:last-child .cardmeta{margin-top:6px}.picked .grid .card:last-child h3,.picked .grid .card:last-child p{grid-column:2}.topicgrid{gap:13px}.foot{flex-wrap:wrap;justify-content:flex-start}.foot nav{margin-left:auto}.totop{display:none}.storyhead{margin-top:30px}.storyphoto img{height:clamp(220px,60vw,410px)}.exercise-wrap{grid-template-columns:.55fr 1.45fr;gap:15px}.assignment-no{width:95%;padding:10px}.assignment-no>b{font-size:46px}.assignment-no>span{font-size:7px}}
@media(max-width:470px){.wrap{width:calc(100% - 30px)}.top-row{min-height:59px}.grid,.grid.pair{grid-template-columns:1fr}.picked .grid .card:last-child{display:block}.picked .grid .card:last-child .cardmeta{margin-top:16px}.card h3{font-size:30px}.hero-copy{padding:19px 16px 21px}.hero-copy h1,.hero-copy h2{font-size:clamp(40px,10vw,48px)}.hero-copy p{line-height:1.5}.hero .cta{font-size:13px;padding:9px 12px;gap:12px}.switch{margin-top:-53px;padding-right:12px;padding-bottom:18px;gap:4px}.switch button{width:29px;height:29px}.eyebrow{font-size:10px}.sec-head{margin-bottom:19px}.sec-head h2,.assignment h2{font-size:42px}.picked,.topics,.related{padding-block:38px}.exercise-wrap{grid-template-columns:1fr}.assignment-no{display:none}.topicgrid{grid-template-columns:1fr;gap:0}.topicgrid strong{font-size:27px;margin:3px 0}.topicgrid a{padding:12px 28px 14px 0}.foot nav{margin:0;flex-wrap:wrap}.foot{gap:20px}.filters{gap:5px}.filters a{padding:6px 9px}.storyphoto figcaption{gap:3px}.storyphoto figcaption span{display:block;width:100%}.archive{padding-block:32px}.storyhead h1{font-size:46px}.storyhead{margin:23px auto}.cardphoto{aspect-ratio:1.74}.leadphoto{aspect-ratio:1.54}}
@media(max-width:345px){.switch{margin-top:0;padding-bottom:12px;justify-content:flex-start;padding-left:16px}.hero-copy{padding-bottom:12px}.brand{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:345px){.top-row{gap:6px}.top .brand{gap:7px;font-size:22px}.top .brandmark{width:25px;height:25px}.tools{gap:4px}.tools a{width:32px;min-width:32px}}
