.design-study-page{--ink:#17251e;--paper:#f5f5ee;--muted:#586454;--line:#d1d8ca;--accent:#365831;background:var(--paper)}
.design-study-page .brand-period{color:var(--accent)}
.study-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px 13px;padding:25px 0;font-size:12px;color:var(--muted)}
.study-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:end;padding:34px 0 54px}
.study-hero h1{font-size:clamp(54px,6.1vw,87px);line-height:1.03;margin-top:22px;letter-spacing:-.065em}
.study-hero h1 span{color:#65765c}
.study-introduction>p{font-size:15px;line-height:1.8;margin-bottom:16px}
.study-introduction .study-label{display:inline-block;padding:7px 12px;background:#e6ebdb;border:1px solid #c9d4bc;color:#33432c;font-size:11px;line-height:1.6;margin-bottom:19px}
.study-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0 10px;border-bottom:1px solid currentColor;font-size:14px;font-weight:600;text-decoration:none}
.study-link span{font-size:23px;font-weight:400}
.study-screen{margin:0;background:#dfe5d7;border:1px solid #c8d0c1;overflow:hidden}
.study-screen img{width:100%;height:auto}
.study-screen figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 25px;padding:15px 20px;font-size:10px;line-height:1.6;letter-spacing:.05em;color:#45533f}
.study-screen figcaption>a{letter-spacing:0}
.study-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:0;padding:26px 0 34px;border-bottom:1px solid var(--line)}
.study-facts dt{font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:7px}
.study-facts dd{margin:0;font-size:14px;line-height:1.6}
.study-gallery{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(40px,9vw,140px);padding:75px 6% 80px 0}
.study-copy h2,.study-section-heading h2,.study-production h2,.study-cta h2{font-size:clamp(34px,4vw,54px);line-height:1.12;margin:18px 0 25px}
.study-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:590px;margin-bottom:20px}
.study-phone{margin:0;justify-self:center;max-width:290px;width:100%}
.study-phone img{width:100%;height:auto;border:8px solid #17251e;border-radius:20px;box-shadow:14px 18px 0 #e1e7d7}
.study-phone figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:29px;text-align:center}
.study-planner{padding:67px 0 55px;background:#17251e;color:#f3f5ec}
.study-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,7vw,100px);align-items:center;margin-bottom:36px}
.study-section-heading h2{margin-bottom:0}
.study-section-heading p:not(.eyebrow){font-size:15px;line-height:1.85}
.study-section-heading p+p{margin-top:18px}
.study-planner .eyebrow{color:#c9dbad}
.study-planner p:not(.eyebrow){color:#c7d1bd}
.study-planner .study-screen{background:#e9ede2;border-color:#71806a}
.study-demo-note{max-width:850px;margin:24px auto 0;font-size:12px;line-height:1.8;text-align:center}
.study-details{padding:75px 0 65px}
.study-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.study-detail-grid>div{padding-top:25px;border-top:1px solid var(--line)}
.study-detail-grid h3{font-size:23px;line-height:1.2;margin-bottom:16px}
.study-detail-grid p{font-size:14px;line-height:1.85}
.study-production{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,7vw,100px);padding:43px 0 57px;border-top:1px solid var(--line)}
.study-production h2{font-size:clamp(31px,3.3vw,43px)}
.study-production p:not(.eyebrow){font-size:14px;line-height:1.85}
.study-production>div:last-child{padding-top:34px}
.study-production p+p{margin-top:18px}
.study-production a{color:var(--ink)}
.study-cta{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:45px;align-items:center;background:#e6ecda;border:1px solid #c8d2bc;padding:clamp(28px,4vw,54px);margin-bottom:65px}
.study-cta h2{font-size:clamp(33px,3.5vw,46px);margin-bottom:20px}
.study-cta p:not(.eyebrow){font-size:14px;line-height:1.85;max-width:650px}
.study-cta-actions{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-self:end}
.design-study-page .study-cta .button{font-size:14px;background:#17251e;border-color:#17251e;border-radius:2px;gap:25px}
.study-cta-actions>a:not(.button){font-size:12px;line-height:1.7}
.study-footer{border-top:1px solid var(--line);padding-block:30px 35px}
.study-footer>p{font-size:12px;margin:18px 0 24px}
.study-footer>div{display:flex;flex-wrap:wrap;gap:14px 23px;font-size:12px;line-height:1.7}
.study-footer a{overflow-wrap:anywhere}
@media(max-width:900px){.study-hero{grid-template-columns:1fr;gap:30px}.study-introduction{max-width:680px}.study-gallery{gap:45px;padding-right:0}.study-section-heading,.study-production{gap:35px}.study-detail-grid{gap:23px}.study-cta{grid-template-columns:1fr;gap:27px}.study-cta-actions{justify-self:start}.study-detail-grid h3{font-size:21px}}
@media(max-width:620px){.design-study-page .wrap{width:calc(100% - 40px)}.design-study-page .site-header{height:85px;gap:22px}.design-study-page .brand{font-size:27px}.design-study-page .site-header>a:not(.brand){font-size:11px;max-width:130px}.study-breadcrumbs{font-size:10px;gap:8px}.study-hero{padding-top:18px;padding-bottom:35px}.study-hero .eyebrow{font-size:10px}.study-hero h1{font-size:clamp(46px,9vw,62px)}.study-introduction>p{font-size:14px}.study-screen figcaption{padding:12px 13px;font-size:9px}.study-facts{grid-template-columns:1fr;gap:15px;padding:24px 0}.study-facts>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px}.study-facts dt{font-size:9px}.study-facts dd{font-size:12px}.study-gallery{grid-template-columns:1fr;padding-block:45px 55px;gap:35px}.study-copy h2,.study-section-heading h2{font-size:36px}.study-copy>p:not(.eyebrow),.study-section-heading p:not(.eyebrow){font-size:14px}.study-phone{max-width:245px}.study-planner{padding-block:43px 35px}.study-section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.study-demo-note{text-align:left;font-size:11px}.study-details{padding-block:45px 40px}.study-detail-grid{grid-template-columns:1fr;gap:23px}.study-detail-grid>div{padding-top:20px}.study-detail-grid h3{font-size:25px}.study-production{grid-template-columns:1fr;gap:20px;padding-block:35px 40px}.study-production>div:last-child{padding-top:0}.study-cta{padding:25px 22px;margin-bottom:40px}.study-cta h2{font-size:34px}.study-footer>div>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.design-study-page .button{transition:none}.design-study-page .button:hover{transform:none}}