/* Apache: a custom interiors studio, with a photo-led editorial portfolio. */
:root{--display:'DM Serif Display',Georgia,serif;--body:'Outfit',Arial,sans-serif}
body{font-weight:400;line-height:1.75}
h1,h2,h3{font-weight:400;letter-spacing:-1.3px;line-height:1.12}
h2{font-size:clamp(38px,4.1vw,60px)}
h3{font-size:25px;letter-spacing:-.5px}
.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500}
.utility{background:#111510}.utility .wrap{padding-block:9px}
header{background:#1a1e19fa;border-bottom:0}
.nav{height:104px}.brand img{width:143px;height:93px}
nav{gap:32px;font-size:13px;font-weight:400}
.button{border-radius:3px;font-weight:500;letter-spacing:.1px;padding:16px 24px}
.button.small{background:transparent;border:1px solid #b7bbae;color:var(--paper);border-radius:3px;padding:12px 20px}
.button.small:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.hero{background:var(--paper);color:var(--ink);height:auto;min-height:710px;display:grid;grid-template-columns:47% 53%;overflow:hidden}
.hero-img{position:absolute;right:3.5%;top:45px;width:49.5%;height:calc(100% - 110px);object-fit:cover;object-position:57% center;border-radius:110px 3px 3px 3px}
.hero-shade{display:none}
.hero-content{width:auto;margin:0;padding:76px 5.4vw 124px max(50px,calc((100vw - 1280px)/2));grid-column:1;align-self:center}
.hero h1{font-size:clamp(48px,4.85vw,72px);letter-spacing:-2px;line-height:1.08;max-width:650px}
.hero h1 em{display:inline-block;margin-top:7px;color:#c34c17;font-style:italic;font-weight:400}
.hero .eyebrow{color:#b84717;margin-bottom:27px}
.hero-copy{color:#62665d;font-size:15px;line-height:1.85;margin-top:28px}
.hero .actions{gap:24px;align-items:flex-start;flex-direction:column;margin-top:27px}
.hero .quiet-link{font-size:12px;color:#52584b;gap:25px}
.hero .button{min-width:215px}
.hero-bottom{left:max(50px,calc((100vw - 1280px)/2));right:auto;width:40%;bottom:28px;color:#767c70;font-size:8px;letter-spacing:1.3px;margin:0}
.hero-bottom>a{display:none}
.photo-label{top:auto;bottom:30px;right:3.5%;writing-mode:horizontal-tb;font-size:9px;letter-spacing:1.5px;color:#6d7464;opacity:1}
.craft-strip{background:#e9e8df;color:#626858;border-top:1px solid #d6d8cb;border-bottom:1px solid #d6d8cb}
.craft-strip>.wrap{min-height:63px;font-size:9px;letter-spacing:1.5px}
.craft-strip i{font-size:12px}
.intro{padding-block:115px;grid-template-columns:1.08fr 1fr;gap:95px}
.intro h2{font-size:clamp(37px,4vw,57px);line-height:1.16;max-width:600px}
.intro-copy{font-size:15px;padding-top:30px;line-height:1.9}
.intro .line-link{font-weight:500}
.section-head{align-items:flex-end;margin-bottom:48px}
.section-head>p{line-height:1.85}
.work{background:#1d231d;color:#f2f0e9;padding-block:95px 110px}
.work .section-head h2{max-width:620px}.work .section-head h2 br{display:none}
.work .section-head>p{color:#b3b9aa}
.featured{display:grid;grid-template-columns:1fr 310px;border:1px solid #434a3e;background:#232b22}
.compare{height:510px}.compare-label{background:#182016dd}
.featured-foot{padding:38px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:0;border-left:1px solid #434a3e;gap:30px}
.featured-foot h3{font-size:33px;line-height:1.19;letter-spacing:-.5px}
.featured-foot .eyebrow{line-height:1.8;letter-spacing:1.5px;font-size:8px;margin-bottom:18px}
.featured-foot p:last-child{color:#b3b9aa;font-size:13px;line-height:1.8;margin-top:18px}
.featured-foot .line-link{font-size:11px;font-weight:400;width:100%;gap:12px;padding-bottom:12px}
.portfolio-top{margin-top:79px;margin-bottom:28px;align-items:baseline}
.portfolio-top h3{font-size:34px}.portfolio-top p{color:#b3b9aa}
.filters{gap:8px;border-bottom:1px solid #48503f;padding-bottom:19px}
.filters button{border:0;color:#c0c7b6;font-size:12px;padding:7px 12px;font-weight:400;border-radius:3px}
.filters button:first-child{margin-left:-12px}
.filters button:hover{background:#343d2e;color:white}
.filters .active{background:#ed6b2a;color:#1a1e19}
.result-count{color:#a4ae99;font-size:11px;margin-block:20px 31px}
.project-grid{grid-template-columns:1fr 1fr;gap:45px 42px}
.project-card:nth-child(even){margin-top:54px}
.project-image{aspect-ratio:1.4;border-radius:3px;background:#313b2b}
.project-card:nth-child(4n+2) .project-image{aspect-ratio:1.2}
.project-image>span{border-radius:50%;width:37px;height:37px;background:#f5f3eeeb;color:var(--ink);bottom:18px;right:18px}
.project-card h3{font-size:29px;line-height:1.25;margin-top:7px}
.project-meta{font-size:8px;color:#c2cbb7;letter-spacing:1.5px;margin-top:20px}
.project-card p:last-child{color:#aebaa1;font-size:13px;margin-top:9px}
.work .outline{color:var(--paper);border-color:#6d7861;background:transparent;font-weight:400}
.work .outline:hover{background:#343e2c}
.load-row{margin-top:48px}
#services{padding-block:112px}
#services .section-head{margin-bottom:50px}
#services .section-head h2{font-size:clamp(36px,3.9vw,56px);max-width:640px}
#services .section-head h2 br{display:none}
summary{padding:29px 0;grid-template-columns:65px 1fr 28px}
summary>span{height:32px;width:32px;display:grid;place-items:center;border:1px solid #d4c3b0;color:#ac491c;border-radius:50%;font-size:10px}
summary h3{font-size:30px;line-height:1.25}
summary b{font-weight:300;color:#797f6f}
.service-content{font-size:14px;padding:0 43px 35px 80px;line-height:1.9}
.coach-types{margin-top:45px;padding:23px 27px;border-left:2px solid var(--orange);background:#ebeae2}
.coach-types .eyebrow{font-size:9px;margin-bottom:10px}
.shop{grid-template-columns:48% 52%;padding:55px;gap:0;background:#e7e7dd;color:var(--ink)}
.shop-image{min-height:690px;border-radius:3px;overflow:hidden}
.shop-image img{object-position:center}
.shop-copy{padding:45px 4.7vw 40px 6.2vw}
.shop-copy h2{font-size:clamp(39px,3.7vw,55px);line-height:1.17}
.shop-copy>p:not(.eyebrow){color:#62685a;font-size:14px;line-height:1.9}
.process li{border-color:#cbd0c0;padding:19px 0;gap:20px}
.process h3{font-size:25px;letter-spacing:-.4px}.process p{color:#69705e;font-size:12px}
.process li>span{color:#a74822}
#videos .section-head h2{font-size:clamp(40px,4vw,57px)}
.video-cover{border-radius:3px}
.video-card h3{font-size:26px;line-height:1.3;letter-spacing:-.4px}
.play{background:#f5f3eeed;color:#c84e19;width:57px;height:57px}
.reviews{background:#efe6db;border-top:1px solid #e1d7c7;border-bottom:1px solid #e1d7c7}
.reviews .wrap{text-align:center}
.reviews h2{font-size:clamp(40px,4.8vw,67px);font-style:italic}
.review-grid{gap:50px;text-align:left;margin-block:53px 41px}
blockquote{border-color:#c4b49f;padding-top:26px}
blockquote p{font-family:var(--display);font-size:25px;line-height:1.5;letter-spacing:-.4px}
blockquote footer{font-size:12px;font-weight:400}
.specialty{padding-block:48px;grid-template-columns:.8fr 1.8fr 1fr}
.specialty h3{font-size:25px;line-height:1.3}
.contact{background:#20261e;padding-block:95px}
.contact h2{font-size:clamp(47px,5vw,70px);line-height:1.12}
.contact-grid{gap:110px;grid-template-columns:1.25fr 1fr}
.big-phone{font-family:var(--body);font-weight:300;font-size:43px;letter-spacing:-1.5px}
.email{font-weight:300;font-size:15px}
.visit h3{font-size:29px}.visit address{font-size:15px}
.footer .brand img{width:135px}.footer-main{padding-block:40px}
.dialog-head h2{font-size:31px;line-height:1.2;letter-spacing:-.8px}
.gallery-controls button{font-size:12px;font-weight:400}
@media(min-width:1600px){.hero-content{padding-left:max(70px,calc((100vw - 1280px)/2))}.hero{min-height:770px}.hero-img{right:max(70px,calc((100vw - 1390px)/2));width:47%}}
@media(max-width:1100px){.hero{grid-template-columns:48% 52%;min-height:700px}.hero-content{padding-left:30px;padding-right:28px}.hero h1{font-size:57px}.hero-img{right:25px;width:48%;border-top-left-radius:90px}.hero-bottom{left:30px;width:40%}.photo-label{right:25px;font-size:8px}.intro{gap:45px}.featured{grid-template-columns:1fr 245px}.featured-foot{padding:28px 22px}.compare{height:450px}.shop{padding:35px}.shop-copy{padding:30px 0 30px 40px}.shop-image{min-height:690px}.contact-grid{gap:65px}.project-grid{gap:35px 25px}.big-phone{font-size:38px}}
@media(max-width:760px){.nav{height:90px}.brand img{height:81px;width:125px}nav{top:90px}.utility .wrap{font-size:7px}.hero{display:flex;flex-direction:column;min-height:0;max-height:none;height:auto;padding-bottom:45px}.hero-content{padding:45px 24px 39px;width:100%;align-self:auto;order:0}.hero h1{font-size:clamp(44px,10.5vw,68px);line-height:1.08;letter-spacing:-1.5px;max-width:600px}.hero h1 br:nth-of-type(1){display:initial}.hero h1 em{margin-top:5px}.hero .eyebrow{font-size:8px;margin-bottom:21px;letter-spacing:1.7px}.hero-copy{font-size:14px;margin-top:22px}.hero .actions{flex-direction:row;gap:20px;align-items:center;flex-wrap:wrap;margin-top:25px}.hero .button{min-width:0;font-size:12px;padding:14px 18px;gap:23px}.hero .quiet-link{font-size:11px;gap:10px}.hero-img{position:relative;order:1;right:auto;top:auto;width:calc(100% - 40px);height:360px;margin:0 20px;transform:none;border-radius:65px 3px 3px 3px;object-position:center 50%;opacity:1}.hero-bottom{display:none}.photo-label{writing-mode:horizontal-tb;right:24px;bottom:16px;font-size:7px;letter-spacing:1px}.craft-strip>.wrap{grid-template-columns:1fr 1fr;min-height:0;padding-block:19px;font-size:8px;gap:11px}.intro{padding-block:65px;grid-template-columns:1fr;gap:25px}.intro h2{font-size:38px;line-height:1.2}.intro-copy{padding-top:0;font-size:14px}.section-head{gap:22px;margin-bottom:31px}.work{padding-block:65px}.work .section-head h2{font-size:39px}.work .section-head>p{font-size:13px}.featured{grid-template-columns:1fr}.compare{height:340px}.featured-foot{border-left:0;border-top:1px solid #434a3e;flex-direction:row;padding:25px 20px;gap:15px;align-items:flex-end}.featured-foot h3{font-size:27px}.featured-foot .eyebrow{font-size:7px;margin-bottom:12px}.featured-foot p:last-child{font-size:11px;margin-top:9px}.featured-foot .line-link{font-size:10px;width:110px;flex-shrink:0;margin-bottom:4px}.portfolio-top{margin-top:48px;gap:13px}.portfolio-top h3{font-size:31px}.filters{gap:7px;padding-bottom:15px}.filters button{font-size:10px;padding:6px 9px}.filters button:first-child{margin-left:0}.result-count{font-size:10px;margin-block:16px 24px}.project-grid{gap:27px 16px}.project-card:nth-child(even){margin-top:34px}.project-image{aspect-ratio:1.05}.project-card:nth-child(4n+2) .project-image{aspect-ratio:.9}.project-card h3{font-size:23px;letter-spacing:-.5px;line-height:1.17}.project-meta{font-size:7px;letter-spacing:.65px;margin-top:14px}.project-card p:last-child{font-size:10px;line-height:1.7;margin-top:7px}.project-image>span{width:27px;height:27px;bottom:10px;right:10px}.load-row{margin-top:35px}#services{padding-block:65px}#services .section-head{margin-bottom:30px}#services .section-head h2{font-size:38px}summary{grid-template-columns:32px 1fr 20px;padding:23px 0;gap:13px}summary h3{font-size:25px;letter-spacing:-.5px}summary>span{width:28px;height:28px;font-size:9px}.service-content{padding:0 0 28px 45px;grid-template-columns:1fr;font-size:12px;gap:18px}.coach-types{padding:20px;margin-top:35px}.coach-types>p:last-child{font-size:11px}.shop{grid-template-columns:1fr;padding:25px 20px;gap:0}.shop-image{min-height:0;height:360px}.shop-copy{padding:40px 4px 25px}.shop-copy h2{font-size:40px;line-height:1.2}.shop-copy>p:not(.eyebrow){font-size:13px}.process{margin-block:28px}.process h3{font-size:24px}.process p{font-size:11px}#videos .section-head h2{font-size:39px}.video-card h3{font-size:26px}.reviews{padding-block:65px}.reviews h2{font-size:39px;letter-spacing:-1px}.review-grid{margin-block:35px;gap:28px}blockquote p{font-size:23px}.specialty{grid-template-columns:1fr;gap:17px}.specialty h3{font-size:26px}.contact{padding-block:65px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact h2{font-size:49px}.big-phone{font-size:39px;letter-spacing:-1px}.big-phone span{font-size:29px;margin-left:8px}.visit{padding-left:0}.dialog-head h2{font-size:25px}.footer-main{gap:25px}.footer .brand img{width:125px}}
@media(max-width:370px){.hero h1{font-size:43px}.hero .actions{gap:16px;flex-direction:column;align-items:flex-start}.hero-img{height:310px}.project-grid{grid-template-columns:1fr}.project-card:nth-child(even){margin-top:0}.project-image,.project-card:nth-child(4n+2) .project-image{aspect-ratio:1.35}.featured-foot{align-items:flex-start;flex-direction:column}.featured-foot .line-link{width:auto}.big-phone{font-size:33px}}