.guide-page{background:var(--paper)}.guide-header{height:72px;padding:0 5vw;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid #55515e}.guide-header a{text-decoration:none}.guide-hero{min-height:610px;background:linear-gradient(145deg,var(--ink) 0 68%,var(--dusk-dark) 68%);color:var(--cream);padding:110px 8vw 80px;display:grid;grid-template-columns:1fr 330px;gap:6vw;align-items:center;position:relative;overflow:hidden}.guide-hero:before{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(242,231,201,.14);border-radius:50%;right:-190px;top:-330px;box-shadow:0 0 0 65px rgba(242,231,201,.03),0 0 0 130px rgba(242,231,201,.03)}.guide-hero h1{font:clamp(65px,8vw,120px)/.82 var(--display);letter-spacing:-.05em;margin:.15em 0}.guide-hero h1 em{color:var(--amber);font-weight:400}.guide-deck{font-size:20px;line-height:1.4;position:relative;z-index:2}.guide-signal{position:absolute;right:10vw;bottom:55px;height:155px;width:6px;background:var(--cream)}.guide-signal i{position:absolute;top:5px;width:90px;height:6px;background:var(--ink);transform-origin:left}.guide-signal i:first-child{right:2px;transform-origin:right;transform:rotate(-34deg)}.guide-signal i:nth-child(2){left:2px;transform:rotate(52deg)}.guide-signal span{position:absolute;top:2px;left:-4px;width:14px;height:14px;background:var(--amber);border-radius:50%;box-shadow:0 0 20px var(--amber)}.guide-article{padding:110px 8vw 140px;display:grid;grid-template-columns:180px minmax(0,760px);gap:8vw;justify-content:center}.guide-article aside{position:sticky;top:40px;align-self:start;border-top:1px solid var(--ink);display:grid;font:9px var(--mono);letter-spacing:.08em}.guide-article aside span{color:var(--rust);padding:13px 0}.guide-article aside a{padding:10px 0;text-decoration:none;border-top:1px solid rgba(35,33,44,.16)}.guide-copy section{padding:0 0 75px;margin-bottom:75px;border-bottom:1px solid var(--line)}.guide-copy section:last-child{border:0;margin:0}.guide-copy h2{font:52px/1 var(--display);margin:.15em 0 .55em}.guide-copy p{font-size:19px;line-height:1.65}.guide-copy code{font:13px var(--mono);background:rgba(141,139,167,.24);padding:2px 5px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);margin:35px 0}.swatches span{height:120px;background:var(--sw);color:var(--cream);padding:12px;font:9px/1.6 var(--mono);display:flex;align-items:flex-end}.swatches span:nth-child(3),.swatches span:nth-child(4){color:var(--ink)}
@media(max-width:700px){.guide-header{padding:0 20px}.guide-header>span{display:none}.guide-hero{min-height:670px;padding:100px 20px 70px;display:block;background:linear-gradient(158deg,var(--ink) 0 78%,var(--dusk-dark) 78%)}.guide-hero h1{font-size:67px}.guide-deck{width:85%;font-size:17px}.guide-signal{right:15vw;bottom:40px;transform:scale(.7);transform-origin:bottom}.guide-article{display:block;padding:75px 20px 90px}.guide-article aside{position:relative;top:auto;margin-bottom:60px;grid-template-columns:1fr 1fr}.guide-article aside span{grid-column:1/-1}.guide-copy h2{font-size:43px}.guide-copy p{font-size:17px}.swatches{grid-template-columns:repeat(2,1fr)}.swatches span:last-child{grid-column:1/-1;height:80px}}