@layer components{.guide-main{background:var(--paper)}.guide-masthead{border-bottom:1px solid var(--line);background:linear-gradient(145deg, var(--sand) 0%, var(--paper) 58%);padding:138px 0 92px}.breadcrumbs ol{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.61rem;font-weight:740;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:8px;display:inline-flex}.breadcrumbs li+li:before{content:"/";color:var(--coral)}.breadcrumbs a{text-underline-offset:4px;text-decoration-thickness:1px}.breadcrumbs a:hover{color:var(--coral)}.guide-heading{max-width:1050px;margin-top:67px}.guide-heading h1{max-width:1000px;margin:28px 0 30px;font-size:clamp(4rem,8.4vw,8rem)}.guide-deck{max-width:730px;color:var(--muted);font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.72rem);line-height:1.45}.guide-updated{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:35px;font-size:.61rem;font-weight:740}.guide-hub-content{padding-block:100px 25px}.guide-article-layout{grid-template-columns:minmax(0,760px) minmax(220px,330px);justify-content:space-between;gap:9vw;padding-block:105px 125px;display:grid}.guide-prose{color:var(--ink);font-size:1.04rem;line-height:1.8}.guide-prose-intro{max-width:900px}.guide-prose>p:first-child{color:var(--ink);font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.55}.guide-prose p+p{margin-top:1.3em}.guide-prose h2{margin:2.3em 0 .65em;font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.03}.guide-prose h2+p{margin-top:0}.guide-prose a{-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:4px;text-decoration-thickness:1px}.guide-prose a:hover{color:var(--coral)}.guide-prose ul{margin:1.35em 0;padding-left:1.2em}.guide-prose li{padding-left:.45em}.guide-prose li+li{margin-top:.65em}.guide-prose strong{font-weight:720}.guide-prose blockquote{border:1px solid var(--line);background:var(--sand);color:var(--ink);margin:3.4em 0 0;padding:28px 30px 29px 66px;position:relative}.guide-prose blockquote:before{content:"!";background:var(--coral);width:22px;height:22px;color:var(--white);border-radius:50%;place-items:center;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:30px;left:27px}.guide-prose blockquote p{margin:0}.guide-side-note{border-top:1px solid var(--ocean);border-bottom:1px solid var(--line);align-self:start;margin-top:10px;padding:26px 0}.guide-side-note .section-number{color:var(--coral);margin-bottom:20px}.guide-side-note p:last-child{color:var(--muted);font-size:.86rem}.guide-index{padding-block:95px 135px}.guide-index-heading{border-top:1px solid var(--line);grid-template-columns:.65fr 1.35fr;align-items:start;gap:50px;margin-bottom:66px;padding-top:42px;display:grid}.guide-index-heading h2{font-size:clamp(3rem,5.3vw,5.6rem)}.guide-card-grid{background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.guide-card{background:var(--paper);flex-direction:column;justify-content:space-between;min-height:420px;padding:31px;display:flex}.guide-card-meta{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;font-size:.59rem;font-weight:760;display:flex}.guide-card h2{max-width:530px;margin-bottom:20px;font-size:clamp(2rem,3.2vw,3.35rem);line-height:1}.guide-card h2 a{text-decoration:none}.guide-card h2 a:after{content:"";position:absolute;inset:0}.guide-card>div:nth-child(2) p{max-width:510px;color:var(--muted);font-size:.91rem}.guide-card-link{border-top:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;padding-top:17px;font-size:.61rem;font-weight:760;text-decoration:none;display:flex}.guide-card-link span{color:var(--coral)}.guide-card{transition:background .2s;position:relative}.guide-card:hover{background:var(--white)}.guide-card-link{z-index:1;position:relative}.related-guides{border-top:1px solid var(--line);padding-block:100px 130px}.related-guides-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px;display:flex}.related-guides-heading h2{font-size:clamp(3rem,5vw,5rem)}.related-guide-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.related-guide-grid .guide-card{min-height:390px}.related-guide-grid .guide-card h2{font-size:clamp(1.9rem,2.6vw,2.7rem)}.guide-portfolio-cta{background:var(--ocean-mid);color:var(--sand);padding-block:115px}.guide-portfolio-cta>.shell{grid-template-columns:.55fr 1.45fr;gap:50px;display:grid}.guide-portfolio-cta h2{margin-bottom:27px;font-size:clamp(3rem,5.3vw,5.6rem)}.guide-portfolio-cta div>p{color:#bdcbc6;max-width:620px}.guide-cta-links{align-items:center;gap:32px;margin-top:38px;display:flex}.guide-footer{padding-top:72px}.guide-footer-inner{grid-template-columns:1fr 1fr .55fr;align-items:start;gap:40px;padding-bottom:60px;display:grid}.guide-footer-inner>p{font-family:var(--serif);font-size:1.35rem;line-height:1.25}.guide-footer-links{gap:8px;display:grid}.guide-footer-links a{letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;text-decoration:none}.guide-footer-links a:hover{color:#df8a6f}}@layer responsive{@media (width<=900px){.guide-article-layout{grid-template-columns:1fr;gap:55px}.guide-side-note{max-width:500px}.related-guide-grid{grid-template-columns:1fr}.related-guide-grid .guide-card{min-height:330px}}@media (width<=700px){.guide-masthead{padding:112px 0 70px}.guide-heading{margin-top:48px}.guide-heading h1{margin-block:22px;font-size:clamp(3.5rem,17vw,5.2rem)}.guide-deck{font-size:1.2rem}.guide-hub-content{padding-block:70px 0}.guide-article-layout{padding-block:72px 85px}.guide-prose{font-size:1rem}.guide-prose blockquote{padding:62px 22px 24px}.guide-prose blockquote:before{top:24px;left:22px}.guide-index{padding-block:72px 86px}.guide-index-heading{grid-template-columns:1fr;gap:26px;margin-bottom:42px}.guide-card-grid,.related-guide-grid{grid-template-columns:1fr}.guide-card{min-height:360px;padding:24px}.related-guides{padding-block:78px 88px}.related-guides-heading{flex-direction:column;align-items:start}.guide-portfolio-cta{padding-block:82px}.guide-portfolio-cta>.shell{grid-template-columns:1fr;gap:35px}.guide-cta-links{flex-direction:column;align-items:stretch}.guide-cta-links .button{width:100%}.guide-cta-links .text-link{align-self:start}.guide-footer-inner{grid-template-columns:1fr;gap:32px}}}