@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#171914;background:#efeee5}*{box-sizing:border-box}body{margin:0}a{color:inherit}p{line-height:1.7}.nav{display:flex;align-items:center;gap:36px;padding:22px 6%;background:#171914;color:#f7f6ec}.brand{font-family:'Barlow Condensed',sans-serif;font-size:29px;font-weight:900;text-decoration:none;display:flex;align-items:center;gap:9px}.brand img{width:30px}.brand span,h2 span,.article h1 span{color:#aeea27}.nav nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.nav nav a{text-decoration:none}.nav-cta,.button{display:inline-block;background:#bdff32;color:#171914;padding:17px 22px;text-decoration:none;font-weight:800;font-size:13px}.hero{display:grid;grid-template-columns:1fr .85fr;gap:7%;padding:85px 7% 95px;background:#171914;color:#f7f6ec}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.hero .eyebrow,.article-hero .eyebrow{color:#bdff32}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.94}h1{font-size:clamp(58px,7vw,108px);letter-spacing:-.035em;margin:25px 0}h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.02em;margin:18px 0}h3{font-size:27px;margin:15px 0}.lead{font-size:19px;max-width:610px;color:#c3c7b9}.actions{display:flex;align-items:center;gap:25px;margin-top:34px}.text-link{font-size:13px;font-weight:800;text-decoration:none}.note{font-size:12px;opacity:.7;margin-top:22px}.hero-art{display:grid;place-items:center}.art-frame{position:relative;width:min(100%,400px);min-height:440px;background:#c4b3e9;color:#171914;padding:26px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(3deg)}.art-frame>span,.art-frame small{font-size:10px;font-weight:800;letter-spacing:.12em;z-index:1}.art-frame strong{font:900 84px/.76 'Barlow Condensed',sans-serif;z-index:1}.art-frame strong span{color:#edffb6}.art-circle{position:absolute;right:-20px;top:30px;font-size:300px;color:#bdff32;line-height:1}.hero-image,.guide-image{position:relative;margin:0;align-self:center;justify-self:center;width:min(100%,466px);background:#0d0e0b;overflow:hidden}.hero-image img,.guide-image img{display:block;width:100%;height:auto;aspect-ratio:466/473;object-fit:cover}.hero-image figcaption,.guide-image figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 15px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.3}.intro,.steps,.related,.listing{padding:95px 7%}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%}.split>div>p{font-size:17px}.split blockquote{margin:20px 0;padding:25px;background:#d3c4ed;font-size:19px;line-height:1.5}.steps{background:#bdff32}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.section-head>p{max-width:330px}.section-head em,.listing h1 em{font-style:normal;color:#777e68}.step-grid,.cards,.clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-grid article{border-top:2px solid #171914;padding:24px 8px 0 0}.step-grid span,.card span,.type-list span{font-size:10px;font-weight:800;letter-spacing:.1em}.card{background:#e2e0d5;min-height:210px;padding:26px;text-decoration:none;display:flex;flex-direction:column;align-items:start}.card:nth-child(3n+2){background:#d1c4e9}.card:nth-child(3n){background:#dce6c5}.card h3{margin:auto 0 0;font-size:30px}.card p{font-size:13px;margin-bottom:0}.card:hover{outline:2px solid #171914}.listing h1{max-width:1000px}.listing .lead{color:#555b4e;margin-bottom:55px}.listing .cards{margin-top:55px}.clip-gallery{margin:70px 0}.clip-grid figure{position:relative;margin:0;background:#171914;color:#f7f6ec;overflow:hidden}.clip-grid img{display:block;width:100%;aspect-ratio:466/473;object-fit:cover}.clip-grid figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:38px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.9));line-height:1.25}.clip-grid figcaption span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#c5ff36}.clip-grid figcaption strong{font:800 20px/.9 'Barlow Condensed',sans-serif}.type-list{border-top:2px solid #171914;margin:55px 0}.type-list article{display:grid;grid-template-columns:60px 1fr 1fr;gap:20px;align-items:baseline;border-bottom:1px solid #aaa;padding:18px 0}.type-list h2{font-size:30px;margin:0}.type-list p{margin:0}.article-hero{background:#171914;color:#f7f6ec;padding:90px 7%}.article-hero.with-media{padding:70px 7%;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:center;gap:70px}.article-hero h1{max-width:1000px}.article-hero img{width:100%;height:auto;aspect-ratio:466/473;object-fit:cover}.article-layout{display:grid;grid-template-columns:240px minmax(0,700px);gap:10%;padding:80px 7% 110px}.article-layout aside{font-size:12px;color:#596052}.article-layout aside span{font-size:10px;font-weight:800;letter-spacing:.12em}.article-copy{font-size:17px}.article-opening{font-size:21px;font-weight:700}.article-copy section{margin:50px 0}.article-copy h2{font-size:40px}.article-cta{background:#c7b6e9;padding:35px;margin-top:60px}.article-cta h2{font-size:42px}.article-cta .eyebrow{color:#333}footer{background:#171914;color:#f7f6ec;padding:55px 7%;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer>div:nth-child(2){display:flex;gap:20px;justify-content:end;flex-wrap:wrap}footer a{font-size:13px}footer small{color:#a7ac9d;grid-column:1/-1}@media(max-width:760px){.nav{padding:18px 5%;gap:14px}.nav nav{gap:12px}.nav nav a{font-size:11px}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding:60px 6%}.hero-art,.hero-image{margin-top:35px}.art-frame{min-height:330px;transform:rotate(1deg)}.art-frame strong{font-size:70px}.intro,.steps,.related,.listing{padding:65px 6%}.split,.article-layout,.article-hero.with-media{grid-template-columns:1fr;gap:15px}.section-head{display:block}.step-grid,.cards,.clip-grid{grid-template-columns:1fr}.card{min-height:160px}.type-list article{grid-template-columns:35px 1fr}.type-list p{grid-column:2}.article-layout{padding:50px 6%}.article-layout aside{display:none}.article-hero{padding:65px 6%}.article-hero img{max-width:466px}footer{grid-template-columns:1fr}footer>div:nth-child(2){justify-content:start}footer small{grid-column:auto}}