.feature-hub-hero{padding:100px 0 55px}.feature-hub-hero h1{font-size:clamp(56px,6.4vw,112px);max-width:1120px}.feature-hub-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:35px}.feature-index{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;margin-top:65px;padding-top:28px;border-top:1px solid var(--rule)}.feature-index a{display:flex;gap:16px;align-items:center;font:400 19px/1.5 var(--font-display)}.feature-index span{font:11px var(--font-label);color:var(--accent)}
.feature-chapter{padding:100px 0;border-top:1px solid var(--rule)}.feature-chapter-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.feature-chapter .brand-title{font-size:clamp(43px,4vw,72px)}.feature-chapter .brand-body{max-width:560px}.feature-chapter[data-theme=dreamy]{background:radial-gradient(ellipse at 95% 90%,#6a3a644a,transparent 60%),var(--ground)}
.feature-vignette{position:relative;padding:65px 40px 35px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.vignette-index{position:absolute;right:0;top:-35px;font:italic 100px/1 var(--font-display);color:var(--accent);opacity:.17}.feature-vignette blockquote{font:400 clamp(25px,2.2vw,38px)/1.4 var(--font-display);margin:30px 0 45px;color:var(--ink)}.vignette-result{display:flex;gap:24px;align-items:center;border-top:1px solid var(--rule);padding-top:24px;color:var(--accent)}.vignette-result span{font-size:35px}.vignette-result p{font:17px/1.6 var(--font-body)}
.feature-detail-hero{padding:65px 0 100px}.detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}.feature-back{display:inline-block;font-size:13px;color:var(--muted)!important;padding:0 0 50px}.detail-grid .brand-body{max-width:570px;margin:30px 0}.feature-landscape{margin:0;position:relative}.feature-landscape img{width:100%;height:560px;object-fit:cover;border-radius:45% 45% 4px 4px}.feature-landscape figcaption{padding-top:20px;color:var(--muted);font:12px/1.6 var(--font-label)}.feature-how{padding:100px 0}.feature-how .brand-title{font-size:clamp(40px,4vw,70px)}.feature-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.feature-steps article{border-top:1px solid var(--rule);padding-top:30px}.feature-steps h3{font:400 30px/1.25 var(--font-display);margin:25px 0 20px}.feature-steps .brand-body{font-size:18px}.feature-example{padding:100px 0;background:radial-gradient(ellipse at 80% 30%,#b77a7130,transparent 60%),var(--ground)}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.example-grid .brand-title{font-size:clamp(40px,4vw,70px)}.example-grid blockquote{font:400 34px/1.4 var(--font-display);margin:0 0 35px}.feature-related{display:flex;align-items:center;gap:45px;padding:45px 0}.feature-related .brand-label{margin:0 auto 0 0}
.feature-hub-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.feature-hub-hero h1{font-size:clamp(48px,5vw,90px)}.feature-hub-intro{display:block}.studio-illustration{position:relative;aspect-ratio:941/720;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 85%,transparent 98%);mask-composite:intersect}.studio-illustration img{position:absolute;top:-85.8%;width:100%;height:auto;mix-blend-mode:lighten}.landscape-agents{height:550px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 90%,transparent)}.landscape-agents img{border-radius:0;height:auto;position:absolute;top:-72%;width:100%}.landscape-agents figcaption{position:absolute;bottom:0}
.feature-questions{padding-block:85px}.feature-questions h2{margin-bottom:40px}.feature-questions details{border-top:1px solid var(--rule);padding:24px 0}.feature-questions summary{cursor:pointer;font:400 24px/1.5 var(--font-display)}.feature-questions .brand-body{max-width:850px}
.landscape-office img{object-position:85% center}
.features-page .brand-footer{background:var(--espresso);color:var(--cream);border-top:1px solid #bca18445}.features-page .brand-footer p{color:#d0bfae}.features-page .brand-close{border-block:1px solid var(--rule)}
.elite-diagram{position:relative;padding:30px 35px;display:grid;gap:28px;background:radial-gradient(ellipse at center,#71442d25,transparent 70%)}.elite-paper{display:flex;align-items:center;gap:25px;background:#fff1d9;color:#3c2c29;padding:25px 30px;border:1px solid #e9ab70;border-radius:4px;box-shadow:12px 12px 0 #9c4f2b55}.elite-paper:nth-child(2){margin-left:35px}.elite-paper:nth-child(3){margin-left:65px}.elite-paper span{font:13px var(--font-label);color:#9c4f2b}.elite-paper p{font:400 clamp(23px,2.2vw,34px)/1.2 var(--font-display);margin:0}.elite-diagram::before{content:'';position:absolute;inset:0;border:1px solid #e9ab7033;border-radius:50%;pointer-events:none}
@media(max-width:760px){.elite-diagram{padding:20px 10px}.elite-paper{padding:20px 18px;gap:16px}.elite-paper:nth-child(2){margin-left:15px}.elite-paper:nth-child(3){margin-left:30px}}
.worked-result{grid-column:1/-1;background:#fff1d9;color:#3c2c29;border:1px solid #e9ab70;border-radius:5px;padding:45px 55px;max-width:950px;width:100%;margin-left:auto;box-shadow:16px 16px 0 #9c4f2b44}.worked-result .brand-label{color:#8c4728}.worked-result h3{font:400 35px/1.3 var(--font-display);margin:15px 0 25px}.worked-result h3 em{color:#9c4f2b}.worked-result>p:not(.brand-label){font:18px/1.8 var(--font-body);max-width:760px}.worked-result hr{border:0;border-top:1px solid #9c4f2b44;margin:25px 0}.worked-result .revision-note{border-top:1px solid #9c4f2b44;padding-top:22px;color:#765044;font-size:15px!important}.copy-example{border:0;border-bottom:1px solid #9c4f2b;background:transparent;padding:15px 0;cursor:pointer;color:#613d2e;font:15px var(--font-body)}.copy-feedback{display:inline-block;font:14px var(--font-body);margin-left:25px;color:#613d2e}
@media(max-width:760px){.worked-result{padding:28px 24px;box-shadow:7px 7px 0 #9c4f2b44}.worked-result h3{font-size:28px}.worked-result>p:not(.brand-label){font-size:16px}.copy-feedback{margin:15px 0 0;display:block}}
@media(max-width:1100px){.feature-chapter-layout,.detail-grid,.example-grid{gap:45px}.feature-landscape img{height:460px}.feature-steps{gap:30px}.feature-vignette{padding-inline:15px}.landscape-agents img{height:auto}.landscape-agents{height:390px}}
@media(max-width:760px){.feature-hub-hero{padding:65px 0 40px}.feature-hub-hero h1{font-size:clamp(45px,10vw,70px)}.feature-hub-intro{display:block;margin-top:25px}.feature-index{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}.feature-chapter{padding:65px 0}.feature-chapter-layout,.detail-grid,.example-grid{grid-template-columns:1fr;gap:50px}.feature-chapter .brand-title{font-size:42px}.feature-vignette{padding-top:40px}.feature-detail-hero{padding:35px 0 65px}.feature-back{padding-bottom:35px}.feature-landscape img{height:380px}.feature-how,.feature-example{padding:65px 0}.feature-steps{grid-template-columns:1fr;gap:25px;margin-top:40px}.feature-steps h3{margin:18px 0 12px}.example-grid blockquote{font-size:28px}.feature-related{flex-wrap:wrap;gap:15px;padding:30px 0}.feature-related .brand-label{width:100%}}
@media(max-width:760px){.feature-hub-grid{grid-template-columns:1fr;gap:20px}.studio-illustration{max-width:480px;width:100%;margin:auto}.landscape-agents{height:auto;aspect-ratio:941/720}.landscape-agents img{height:auto;top:-85.8%}.landscape-agents figcaption{display:none}}