:root{--ink:#20201f;--cream:#fff8e7;--white:#fffdf9;--pink:#ff5c8a;--yellow:#ffd84d;--cyan:#56dfe5;--purple:#6c55d9;--green:#56a96b;--muted:#706e68;--line:rgba(32,32,31,.18);--serif:"Iowan Old Style",Georgia,serif;--sans:Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,monospace;--shell:min(1240px,calc(100% - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.65 var(--sans)}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:4px}.skip{position:fixed;top:-90px;left:12px;z-index:100;padding:10px;background:white}.skip:focus{top:10px}
.nav{position:sticky;top:0;z-index:40;min-height:80px;display:grid;grid-template-columns:280px 1fr auto;align-items:center;gap:25px;padding:10px max(24px,calc((100vw - 1240px)/2));background:var(--yellow);border-bottom:3px solid var(--ink)}.logo{display:flex;align-items:baseline;gap:5px;text-decoration:none;letter-spacing:-.05em}.logo b{font-size:19px}.logo span{padding:4px 6px;color:white;background:var(--pink);transform:rotate(-3deg);font-weight:900}.logo small{margin-left:8px;color:#615b3f;font:700 8px var(--mono);letter-spacing:.1em}.nav nav{display:flex;justify-content:flex-end;gap:8px}.nav nav a,.info{padding:8px 10px;font:800 10px var(--mono);text-decoration:none;border:2px solid transparent}.nav nav a:hover,.info:hover{background:white;border-color:var(--ink)}.info{border-color:var(--ink)}.menu{display:none;background:none;border:2px solid var(--ink);padding:7px 11px;font-weight:800}
.hero{position:relative;min-height:800px;display:grid;grid-template-columns:1fr 1fr;background:var(--white)}.hero>div{align-self:center;padding:100px 5vw 85px max(24px,calc((100vw - 1240px)/2))}.eyebrow,.code,.step-no{color:var(--purple);font:900 10px var(--mono);letter-spacing:.12em}.hero h1,.article-hero h1,.info-hero h1{margin:24px 0;font:500 clamp(62px,8vw,112px)/.87 var(--serif);letter-spacing:-.06em}.hero h1 em{color:var(--pink);font-weight:500}.lede,.standfirst,.step-intro{max-width:720px;font:400 22px/1.5 var(--serif)}.button{display:inline-block;margin-top:25px;padding:13px 18px;color:white;background:var(--purple);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font:900 11px var(--mono);text-decoration:none;text-transform:uppercase}.button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.hero figure{position:relative;margin:0;min-height:800px;background:var(--purple)}.hero figure img{width:100%;height:100%;object-fit:cover}.hero figcaption{position:absolute;right:15px;bottom:15px;padding:9px 12px;background:var(--yellow);border:2px solid var(--ink);font:800 9px var(--mono)}.hero aside{position:absolute;left:calc(50% - 90px);bottom:32px;width:180px;display:grid;grid-template-columns:1fr 1fr;padding:18px;background:var(--cyan);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.hero aside b{font:500 36px var(--serif)}.hero aside span{align-self:center;font:800 9px var(--mono)}.marquee{display:flex;justify-content:space-around;gap:25px;padding:17px;background:var(--pink);border-block:3px solid var(--ink);overflow:hidden}.marquee span{white-space:nowrap;font:900 10px var(--mono)}
.intro{width:var(--shell);display:grid;grid-template-columns:180px 1.2fr .8fr;gap:45px;margin:0 auto;padding:110px 0}.intro h2,.quick h2,.photos h2,.myths h2,.closing h2{margin:0;font:500 clamp(46px,5.5vw,75px)/.98 var(--serif);letter-spacing:-.045em}.intro>p:last-child{margin:0;color:var(--muted);font-size:18px}
.tip-grid{width:var(--shell);display:grid;grid-template-columns:repeat(12,1fr);gap:22px;margin:0 auto;padding-bottom:120px}.tip-card{grid-column:span 4;padding:14px 14px 28px;background:var(--white);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.tip-card:nth-child(1),.tip-card:nth-child(6){grid-column:span 8}.tip-card>a:first-child{display:block;height:360px;overflow:hidden}.tip-card:nth-child(1)>a:first-child,.tip-card:nth-child(6)>a:first-child{height:520px}.tip-card img{width:100%;height:100%;object-fit:cover}.tip-card .code{margin:18px 0 8px}.tip-card h2{margin:0 0 8px;font:500 36px/1 var(--serif)}.tip-card h2 a{text-decoration:none}.tip-card h3{display:inline-block;margin:0;padding:5px 8px;background:var(--cyan);font:800 10px var(--mono);text-transform:uppercase}.tip-card>p:not(.code){color:var(--muted);font-size:13px}.text-link{color:var(--purple);font:900 10px var(--mono);text-transform:uppercase}
.quick{padding:110px max(24px,calc((100vw - 1240px)/2));background:var(--purple);color:white}.quick header,.photos header,.myths header{display:grid;grid-template-columns:210px 1fr;gap:40px;margin-bottom:50px}.quick .eyebrow{color:var(--yellow)}.quick>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid white;border-left:2px solid white}.quick article{min-height:235px;padding:20px;border-right:2px solid white;border-bottom:2px solid white}.quick span{color:var(--yellow);font:900 10px var(--mono)}.quick h3{margin:50px 0 10px;font:500 24px var(--serif)}.quick p{color:#ffffffa8;font-size:12px}.quick b{color:var(--cyan);font:900 8px var(--mono)}
.photos{width:var(--shell);margin:0 auto;padding:110px 0}.photos figure{display:grid;grid-template-columns:1fr 340px;gap:30px;margin:0;padding:25px 0;border-top:2px solid var(--ink)}.photos img{width:100%;height:530px;object-fit:cover}.photos figcaption{display:flex;flex-direction:column;justify-content:flex-end}.photos figcaption b{color:var(--pink);font:900 10px var(--mono)}.photos h3{margin:12px 0 4px;font:500 34px var(--serif)}.photos figcaption p{color:var(--muted)}.photos figcaption a{color:var(--purple);font:900 10px var(--mono)}
.myths{padding:110px max(24px,calc((100vw - 1240px)/2));background:var(--cyan);border-block:3px solid var(--ink)}.myths>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.myths article{min-height:210px;padding:20px;background:var(--white);border:2px solid var(--ink)}.myths span{color:var(--pink);font:900 9px var(--mono)}.myths h3{margin:40px 0 10px;font:500 23px var(--serif)}.myths p{font-size:12px}.closing{padding:140px max(24px,calc((100vw - 1240px)/2));background:var(--yellow)}
.article-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--white)}.article-hero>div{padding:95px 5vw 75px max(24px,calc((100vw - 1240px)/2))}.article-hero figure{position:relative;min-height:680px;margin:0;background:var(--purple)}.article-hero figure img{width:100%;height:100%;object-fit:cover}.article-hero figcaption{position:absolute;right:15px;bottom:15px;padding:9px;background:var(--yellow);border:2px solid var(--ink);font:800 9px var(--mono)}.article-hero dl{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border:2px solid var(--ink)}.article-hero dl>div{padding:13px;border-right:2px solid var(--ink)}.article-hero dl>div:last-child{border:0}.article-hero dt{font:900 8px var(--mono)}.article-hero dd{margin:5px 0 0;font:500 17px var(--serif)}
.article-layout{width:var(--shell);display:grid;grid-template-columns:220px minmax(0,820px);gap:75px;justify-content:center;margin:0 auto;padding:95px 0}.article-layout>aside{position:sticky;top:105px;align-self:start;padding:18px;background:var(--yellow);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.article-layout aside b{display:block;margin-bottom:13px;font:900 9px var(--mono)}.article-layout aside a{display:block;margin:9px 0;font:800 10px var(--mono);text-decoration:none}.step{padding:72px 0;border-bottom:2px solid var(--ink);scroll-margin-top:95px}.step h2,.pocket>h2,.source-box h2{margin:10px 0 22px;font:500 52px/1 var(--serif);letter-spacing:-.04em}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.action-grid article{min-height:170px;padding:20px;background:var(--white);border:2px solid var(--ink)}.action-grid span{display:inline-block;padding:4px 7px;color:white;background:var(--pink);font:900 9px var(--mono)}.action-grid h3{margin:25px 0 7px;font:500 24px var(--serif)}.action-grid p{color:var(--muted);font-size:12px}.step>h3{font:500 28px var(--serif)}.step blockquote{margin:32px 0;padding:24px;background:var(--cyan);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.step blockquote b{font:900 9px var(--mono)}.step blockquote p{font:400 20px var(--serif)}
.pocket{padding:65px 0}.pocket>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pocket article{padding:20px;background:var(--white);border:2px dashed var(--ink)}.pocket span{font:900 9px var(--mono);color:var(--purple)}.pocket h3{font:500 22px var(--serif)}.pocket p{color:var(--muted);font:12px var(--mono)}.source-box{padding:35px;background:var(--yellow);border:2px solid var(--ink)}.related{padding:100px max(24px,calc((100vw - 1240px)/2));background:var(--purple);color:white}.related .eyebrow{color:var(--yellow)}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{min-height:190px;display:flex;flex-direction:column;padding:22px;border:2px solid white;text-decoration:none}.related b{color:var(--cyan);font:900 10px var(--mono)}.related h3{margin:auto 0 8px;font:500 27px var(--serif)}
.info-hero{padding:120px max(24px,calc((100vw - 900px)/2));background:var(--cyan);border-bottom:3px solid var(--ink)}.info-copy{max-width:800px;margin:0 auto;padding:100px 24px}.info-copy h2{margin:55px 0 15px;font:500 42px var(--serif)}.info-copy p{color:var(--muted)}
footer{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px;padding:75px max(24px,calc((100vw - 1240px)/2));background:var(--ink);color:#ffffffa1}footer .logo{color:white}footer p{max-width:340px;font-size:12px}footer strong{display:block;margin-bottom:12px;color:var(--yellow);font:900 9px var(--mono)}footer>div>a:not(.logo){display:block;margin:8px 0;font-size:11px;text-decoration:none}.copyright{grid-column:1/-1;padding-top:23px;border-top:1px solid #ffffff2e}
@media(max-width:960px){.nav{grid-template-columns:1fr auto auto}.menu{display:block}.nav nav{display:none;grid-column:1/-1;flex-direction:column}.nav nav[data-open]{display:flex}.hero,.article-hero{grid-template-columns:1fr}.hero figure{min-height:500px}.hero aside{left:auto;right:20px}.intro{grid-template-columns:1fr}.tip-card,.tip-card:nth-child(1),.tip-card:nth-child(6){grid-column:span 6}.quick>div{grid-template-columns:1fr 1fr}.quick header,.photos header,.myths header{grid-template-columns:1fr}.myths>div{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-layout>aside{position:static}.photos figure{grid-template-columns:1fr}.related>div{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){:root{--shell:min(100% - 28px,1240px)}.nav{padding:10px 14px}.logo small,.info{display:none}.hero>div,.article-hero>div{padding:75px 18px}.hero h1,.article-hero h1,.info-hero h1{font-size:57px}.tip-grid{grid-template-columns:1fr}.tip-card,.tip-card:nth-child(1),.tip-card:nth-child(6){grid-column:auto}.tip-card>a:first-child,.tip-card:nth-child(1)>a:first-child,.tip-card:nth-child(6)>a:first-child{height:390px}.quick>div,.myths>div,.action-grid,.pocket>div{grid-template-columns:1fr}.photos img,.article-hero figure{height:420px}footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}