/* Atelier Forma — editorial inner pages, portfolio and case studies */
body.forma-interior-preview .site-header{position:fixed;top:32px;background:var(--paper);color:var(--green);border-bottom:1px solid var(--line)}
body.forma-interior-preview .site-header.scrolled{top:0}
body:not(.home) .site-header:not(.scrolled){top:32px}
body.forma-interior-preview .demo-strip{position:relative;z-index:61}
.editorial-page-head{padding-bottom:125px}
.editorial-page-head h1{font-size:clamp(76px,10vw,175px);line-height:.93;max-width:1500px}
.editorial-page-head>p:last-child{max-width:460px}
.editorial-full{height:83vh;min-height:530px;position:relative;margin:0;overflow:hidden;background:#aba297}
.editorial-full img{width:100%;height:100%;object-fit:cover;object-position:center}
.editorial-full figcaption{position:absolute;left:var(--gutter);bottom:25px;color:#fff;font:700 10px/1.4 var(--sans);letter-spacing:.15em;text-shadow:0 1px 5px #0006}
.editorial-full-alt img{object-position:center 40%}
.story-split{display:grid;grid-template-columns:.65fr 1.65fr;gap:7vw;padding-top:175px;padding-bottom:180px}
.story-split>div:first-child{line-height:2}
.story-split h2{font:clamp(50px,6.25vw,113px)/1.1 var(--serif);letter-spacing:-.055em;max-width:1100px}
.story-split h2 em{color:var(--rust)}
.story-prose{display:grid;grid-template-columns:1fr 1fr;gap:4vw;max-width:760px;margin:78px 0 0 auto}
.story-prose p{font:17px/1.9 var(--sans)}
.studio-editorial-image{min-height:790px;display:grid;grid-template-columns:1fr 1fr;background:#e5dcd0}
.studio-editorial-photo{min-height:780px;overflow:hidden}
.studio-editorial-photo img{width:100%;height:100%;object-fit:cover}
.studio-editorial-copy{padding:100px clamp(35px,7vw,145px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.studio-editorial-copy h2{font:clamp(64px,6.3vw,130px)/.98 var(--serif);letter-spacing:-.065em;margin:70px 0 48px}
.studio-editorial-copy h2 em{color:var(--rust)}
.studio-editorial-copy>p{max-width:430px;font-size:17px;line-height:1.9;margin-bottom:30px}
.value-section{padding-top:170px;padding-bottom:190px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw;margin-top:90px}
.value-grid article{border-top:1px solid var(--line);padding-top:22px}
.value-grid small{font-size:11px}
.value-grid h3{font:clamp(58px,6vw,120px)/1 var(--serif);letter-spacing:-.06em;margin:74px 0 35px}
.value-grid p{font-size:16px;max-width:290px}
.inner-next{background:var(--green);color:var(--paper);padding:95px var(--gutter) 85px;display:grid;gap:65px}
.inner-next>span{font:700 10px var(--sans);letter-spacing:.16em}
.inner-next>a{display:flex;justify-content:space-between;gap:20px;align-items:center;font:clamp(58px,8vw,145px)/1 var(--serif);letter-spacing:-.06em}
.inner-next b{display:inline-grid;place-items:center;flex:0 0 clamp(70px,10vw,135px);height:clamp(70px,10vw,135px);border:1px solid #acb3aa;border-radius:50%;font:clamp(29px,4vw,50px) var(--sans);transition:background .25s,color .25s}
.inner-next>a:hover b{background:var(--paper);color:var(--green)}
.method-intro{padding-top:165px;padding-bottom:70px}
.method-intro h2{font:clamp(65px,8vw,140px)/1.04 var(--serif);letter-spacing:-.07em;margin:85px 0 40px}
.method-intro h2 em{color:var(--rust)}
.method-list{padding-bottom:165px}
.method-list article{border-top:1px solid var(--line);display:grid;grid-template-columns:.5fr 1.35fr .95fr;gap:55px;align-items:start;padding:46px 0 85px}
.method-number{font:700 10px var(--sans);letter-spacing:.15em}
.method-list h3{font:clamp(48px,6vw,105px)/1 var(--serif);letter-spacing:-.055em}
.method-list article p{font-size:16px;line-height:1.85;margin-bottom:35px}
.method-list article small{font-size:10px;letter-spacing:.1em;color:#8a806f}
.method-photo{height:75vh;min-height:520px;position:relative}
.method-photo img{width:100%;height:100%;object-fit:cover}
.method-photo>span{position:absolute;bottom:24px;left:var(--gutter);color:#fff;letter-spacing:.15em;font-size:10px;text-shadow:0 1px 5px #000}
.contact-top{padding-bottom:105px}
.contact-layout{display:grid;grid-template-columns:1fr .85fr;gap:9vw;padding-top:60px;padding-bottom:160px;align-items:center}
.contact-copy h2{font:clamp(62px,6.7vw,119px)/.99 var(--serif);letter-spacing:-.068em;margin:45px 0 50px}
.contact-copy h2 em{color:var(--rust)}
.contact-copy p{font-size:16px;line-height:1.9;max-width:490px;margin-bottom:24px}
.contact-button{margin-top:38px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:23px 28px;background:var(--green);color:#fff;max-width:510px;font:700 11px var(--sans);letter-spacing:.08em;transition:background .25s}
.contact-button:hover{background:#516653}
.contact-button span:last-child{font-size:28px;font-weight:400}
.contact-photo{margin:0;position:relative}
.contact-photo img{aspect-ratio:4/5;object-fit:cover}
.contact-photo figcaption{position:absolute;bottom:20px;left:20px;font:700 9px var(--sans);color:white;letter-spacing:.13em}
.contact-faq{background:#e8e0d5;display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:145px;padding-bottom:170px}
.contact-faq h2{font:clamp(58px,6vw,115px)/1.1 var(--serif);letter-spacing:-.06em;margin-top:75px}
.contact-faq h2 em{color:var(--rust)}
.contact-faq details{border-top:1px solid #c6baac;padding:25px 0}
.contact-faq details:last-child{border-bottom:1px solid #c6baac}
.contact-faq summary{list-style:none;cursor:pointer;font-size:20px;position:relative;padding-right:35px}
.contact-faq summary::-webkit-details-marker{display:none}
.contact-faq summary:after{content:'+';position:absolute;right:0;top:0;font:28px/1 var(--serif)}
.contact-faq details[open] summary:after{content:'−'}
.contact-faq details p{padding:16px 40px 10px 0;font-size:15px;line-height:1.9;max-width:570px}
.custom-page-content{padding-top:45px;padding-bottom:75px;border-top:1px solid var(--line)}
/* Portfolio */
.portfolio-head{padding-bottom:110px}
.portfolio-head h1{font-size:clamp(86px,11vw,187px)}
.portfolio-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}
.portfolio-intro p{max-width:440px;font-size:18px;line-height:1.8;margin:0}
.portfolio-intro span{white-space:nowrap}
.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:110px 8vw;padding-top:20px;padding-bottom:180px}
.portfolio-item{min-width:0;display:block}
.portfolio-item:nth-child(even){margin-top:180px}
.portfolio-image{width:100%;aspect-ratio:4/5;overflow:hidden;background:#c9c3b8;position:relative}
.portfolio-item:nth-child(even) .portfolio-image{aspect-ratio:5/6}
.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s}
.portfolio-item:hover img{transform:scale(1.055)}
.portfolio-icon{position:absolute;bottom:22px;right:22px;border:1px solid white;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;color:white;font-size:27px}
.portfolio-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.13em;color:#85847a;margin-top:22px}
.portfolio-item h2{font:clamp(40px,4.3vw,78px)/1.12 var(--serif);letter-spacing:-.05em;margin:18px 0 18px}
.portfolio-item>p{max-width:390px;font-size:16px;line-height:1.7}
.portfolio-outro{padding:140px var(--gutter);background:#eae4dc}
.portfolio-outro h2{font:clamp(73px,9.7vw,160px)/1.1 var(--serif);letter-spacing:-.068em;margin:60px 0}
.portfolio-outro h2 em{color:var(--rust)}
/* Case studies */
.project-hero{isolation:isolate}
.project-hero img{position:absolute;inset:0;z-index:-2}
.project-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#13251d90,transparent 62%),linear-gradient(90deg,#17291e5c,transparent 70%)}
.project-hero h1{max-width:90%;bottom:85px;font-size:clamp(72px,8.9vw,160px);line-height:.95}
.project-hero-top,.project-hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#fff}
.project-hero-top{top:138px}
.project-hero-bottom{bottom:26px}
.case-lead{padding-top:160px;padding-bottom:160px;display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}
.case-meta>span{font-size:10px;letter-spacing:.17em}
.case-meta dl{margin-top:100px}
.case-meta dl>div{margin:0 0 32px}
.case-meta dt{color:#85877b;font-size:10px;letter-spacing:.13em;margin-bottom:7px}
.case-meta dd{margin:0;font-size:14px}
.case-lead-copy .micro{margin-bottom:40px}
.case-lead h2{font:clamp(51px,6vw,115px)/1.16 var(--serif);letter-spacing:-.058em;margin:0 0 55px}
.case-lead-copy>p:last-child{font-size:17px;line-height:1.95;max-width:590px;margin-left:auto}
.case-gallery{display:grid;grid-template-columns:1.12fr .88fr;gap:9vw;align-items:start;padding-bottom:160px}
.case-gallery-1{margin-top:190px}
.case-photo{width:100%;aspect-ratio:4/5;overflow:hidden;background:#c2b9ad}
.case-gallery-1 .case-photo{aspect-ratio:4/5}
.case-photo img{width:100%;height:100%;object-fit:cover;transition:transform .9s}
.case-gallery-item:hover img{transform:scale(1.035)}
.case-gallery-item figcaption{font-size:10px;letter-spacing:.13em;color:#797c73;margin-top:15px}
.case-quote{background:#e1d6c9;text-align:center;padding:145px 7vw 130px;display:flex;flex-direction:column;align-items:center;gap:70px}
.case-quote blockquote{font:clamp(53px,6.9vw,134px)/1.14 var(--serif);letter-spacing:-.06em;max-width:1350px;margin:0}
.case-quote span:last-child{color:#706f63}
.case-full-photo{height:84vh;min-height:500px;position:relative;background:#bdafa0}
.case-full-photo img{width:100%;height:100%;object-fit:cover}
.case-full-photo>span{position:absolute;bottom:24px;left:var(--gutter);color:white;font-size:10px;letter-spacing:.14em;text-shadow:0 1px 6px #000}
.case-finish{padding-top:160px;padding-bottom:170px}
.case-finish h2{font:clamp(73px,9vw,155px)/1.05 var(--serif);letter-spacing:-.072em;margin:75px 0 65px}
.case-finish h2 em{color:var(--rust)}
.case-finish>p:not(.section-tag){font-size:16px;line-height:1.9;max-width:620px;margin:0 0 35px auto}
.next-case{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:90px var(--gutter) 100px}
.next-case>.micro{grid-column:1 / -1}
.next-case strong{font:clamp(65px,10vw,170px)/1 var(--serif);letter-spacing:-.07em;font-weight:400}
.next-circle{border:1px solid #e0ded3;display:grid;place-items:center;border-radius:50%;width:120px;height:120px;font-size:51px}
@media(max-width:900px){
.story-split{grid-template-columns:1fr;gap:75px}
.studio-editorial-image{grid-template-columns:1fr}
.studio-editorial-photo{min-height:500px;max-height:75vh}
.studio-editorial-copy{padding:100px var(--gutter)}
.contact-layout,.contact-faq{gap:5vw}
.contact-copy h2{font-size:7vw}
.portfolio-grid{gap:75px 5vw}
.case-gallery{gap:5vw}
.case-lead{gap:50px}
}
@media(max-width:650px){
body.forma-interior-preview .site-header:not(.scrolled){top:32px}
.editorial-page-head{padding-top:190px;padding-bottom:85px}
.editorial-page-head h1,.portfolio-head h1{font-size:13.4vw}
.editorial-page-head>p:last-child{font-size:15px;margin-left:0}
.editorial-full{height:62vh;min-height:390px}
.story-split{padding-top:110px;padding-bottom:115px;gap:40px}
.story-split h2{font-size:11vw}
.story-prose{grid-template-columns:1fr;gap:25px;margin-top:40px}
.story-prose p{font-size:15px}
.studio-editorial-photo{min-height:430px}
.studio-editorial-copy{padding:100px var(--gutter)}
.studio-editorial-copy h2{font-size:12vw;margin:50px 0 35px}
.studio-editorial-copy>p{font-size:15px}
.value-section{padding-top:110px;padding-bottom:110px}
.value-grid{grid-template-columns:1fr;gap:65px;margin-top:65px}
.value-grid h3{font-size:80px;margin:34px 0 18px}
.inner-next{padding-top:75px;padding-bottom:80px;gap:45px}
.inner-next a{font-size:11vw}
.inner-next b{flex-basis:64px;width:64px;height:64px;font-size:28px}
.method-intro{padding-top:105px;padding-bottom:45px}
.method-intro h2{font-size:12vw;margin:60px 0 15px}
.method-list{padding-bottom:90px}
.method-list article{grid-template-columns:1fr;gap:25px;padding:37px 0 50px}
.method-list h3{font-size:75px}
.method-list article p{font-size:15px}
.method-photo{height:58vh;min-height:360px}
.contact-layout{grid-template-columns:1fr;gap:80px;padding-top:25px;padding-bottom:110px}
.contact-copy h2{font-size:12vw}
.contact-copy p{font-size:15px}
.contact-photo img{aspect-ratio:4/5}
.contact-faq{grid-template-columns:1fr;padding-top:100px;padding-bottom:105px;gap:75px}
.contact-faq h2{font-size:11vw;margin-top:40px}
.contact-faq summary{font-size:18px}
.portfolio-head{padding-bottom:60px}
.portfolio-intro{display:block}
.portfolio-intro p{font-size:15px;margin-bottom:26px}
.portfolio-grid{grid-template-columns:1fr;gap:70px;padding-bottom:105px}
.portfolio-item:nth-child(even){margin-top:0;margin-left:8%}
.portfolio-item:nth-child(odd){margin-right:8%}
.portfolio-item h2{font-size:45px}
.portfolio-item>p{font-size:15px}
.portfolio-outro{padding-top:100px;padding-bottom:110px}
.portfolio-outro h2{font-size:12vw;margin:45px 0}
.project-hero{height:74vh;min-height:470px}
.project-hero-top{top:140px}
.project-hero-top span:last-child{display:none}
.project-hero h1{font-size:13vw;bottom:100px;max-width:calc(100% - 44px)}
.project-hero-bottom{font-size:8px}
.case-lead{grid-template-columns:1fr;padding-top:95px;padding-bottom:105px;gap:55px}
.case-meta dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}
.case-meta dt{font-size:8px}
.case-meta dd{font-size:12px}
.case-lead h2{font-size:11vw}
.case-lead-copy>p:last-child{font-size:15px}
.case-gallery{grid-template-columns:1fr;gap:75px;padding-bottom:110px}
.case-gallery-1{margin:0 0 0 10%}
.case-gallery-item:first-child{margin-right:10%}
.case-quote{padding:105px var(--gutter);gap:55px}
.case-quote blockquote{font-size:11vw}
.case-full-photo{height:60vh;min-height:350px}
.case-finish{padding-top:110px;padding-bottom:120px}
.case-finish h2{font-size:12vw;margin:50px 0}
.case-finish>p:not(.section-tag){font-size:15px}
.next-case{padding-top:75px;padding-bottom:90px}
.next-case strong{font-size:12vw}
.next-circle{width:64px;height:64px;font-size:30px}
}
@media(prefers-reduced-motion:reduce){
.portfolio-image img,.case-photo img{transition:none!important}
}