.h45-page{background:#f2eee6;color:#10100f}.h45-hero{background:#e5ddd0;padding:calc(var(--header-h) + 105px) 0 115px;overflow:hidden}.h45-hero__grid{display:block}.h45-hero__grid>div:first-child{max-width:1050px}.h45-hero h1{font-size:clamp(4.3rem,7.8vw,8.2rem);line-height:.87;letter-spacing:-.06em;margin:16px 0 32px}.h45-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#8f6543}.h45-hero__grid>div:first-child>p:not(.jm-eyebrow){max-width:650px;color:#625c54;font-size:clamp(1rem,1.25vw,1.18rem);margin-bottom:32px}.h45-mark{position:relative;aspect-ratio:1/1;max-width:520px;margin-left:auto}.h45-mark i,.h45-mark b{position:absolute;display:block;background:#171715}.h45-mark i{width:74%;height:31%;left:2%;bottom:9%;clip-path:polygon(0 0,100% 100%,0 100%)}.h45-mark b{width:31%;height:74%;right:9%;top:2%;clip-path:polygon(0 0,100% 0,100% 100%)}.h45-mark:after{content:"";position:absolute;width:1px;height:108%;background:#b07d53;left:48%;top:-4%;transform:rotate(45deg)}.h45-mark span{position:absolute;z-index:2;top:45%;left:48%;transform:translate(-50%,-50%);font-size:clamp(4rem,8vw,8rem);font-weight:760;letter-spacing:-.08em;color:#9a6c48}
.h45-intro{background:#fff;padding:clamp(110px,14vw,185px) 0}.h45-intro__grid{display:grid;grid-template-columns:.34fr 1.05fr .72fr;gap:clamp(35px,5vw,80px);align-items:end}.h45-intro h2,.h45-intro p{margin:0}.h45-intro__grid>p:last-child{color:var(--muted);font-size:17px}
.h45-anatomy{background:#171715;color:#fff;padding:clamp(110px,14vw,190px) 0}.h45-anatomy__head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(70px,10vw,155px);align-items:end;margin-bottom:85px}.h45-anatomy__head h2,.h45-anatomy__head>p{margin:0}.h45-anatomy__head>p{color:rgba(255,255,255,.54);font-size:17px}.h45-anatomy__diagram{height:430px;position:relative;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;max-width:1080px;margin:0 auto 85px}.h45-slab{height:190px;background:#d2a77e;position:relative}.h45-slab span{position:absolute;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#171715}.h45-slab--left{clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.h45-slab--left span{left:25px;top:25px}.h45-slab--right{height:370px;clip-path:polygon(0 0,100% 0,100% 100%,47% 100%);background:#b98459}.h45-slab--right span{right:24px;bottom:25px}.h45-joint{height:280px;position:relative}.h45-joint i{position:absolute;left:34px;top:0;width:1px;height:100%;background:#fff;transform:rotate(31deg)}.h45-joint span{position:absolute;left:-2px;bottom:-42px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}.h45-anatomy__diagram>b{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:4rem;color:#fff}.h45-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,4vw,60px);border-top:1px solid rgba(255,255,255,.2)}.h45-steps li{display:grid;grid-template-columns:45px 1fr;gap:15px;padding-top:25px}.h45-steps li>span{font-size:10px;color:var(--bronze)}.h45-steps strong{font-size:1.2rem}.h45-steps p{color:rgba(255,255,255,.5);margin:8px 0 0}
.h45-case{background:#ded7ca;padding:clamp(105px,13vw,175px) 0}.h45-case__head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(70px,10vw,150px);align-items:end;margin-bottom:80px}.h45-case__head h2,.h45-case__head>p{margin:0}.h45-case__head>p{color:#665f56;font-size:17px}.h45-case__gallery{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(25px,4vw,65px);align-items:start}.h45-case__gallery>div{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,36px);margin-top:130px}
.h45-photo{margin:0}.h45-photo>button{display:block;width:100%;padding:10px;border:0;background:#fff;appearance:none;cursor:zoom-in}.h45-photo img{display:block;width:100%;height:auto;transition:transform .7s cubic-bezier(.22,1,.36,1)}.h45-photo>button:hover img{transform:scale(1.012)}.h45-photo figcaption{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#6f675d;margin-top:10px}
.h45-uses{background:#fff;padding:clamp(110px,14vw,185px) 0}.h45-uses__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(70px,10vw,155px)}.h45-uses__grid>div:first-child{position:sticky;top:calc(var(--header-h) + 45px);align-self:start}.h45-uses h2{margin:0}.h45-uses__list{border-top:1px solid var(--line)}.h45-uses__list article{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.h45-uses__list article>span{font-size:10px;color:#926643}.h45-uses__list h3{font-size:1.45rem;margin:0 0 5px}.h45-uses__list p{margin:0;color:var(--muted)}
.h45-window{background:#c79f78;padding:clamp(105px,13vw,175px) 0}.h45-window__head{display:grid;grid-template-columns:.35fr 1.65fr;gap:50px;margin-bottom:70px}.h45-window__head h2{margin:0}.h45-window__gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,4vw,60px);align-items:end}.h45-window__gallery .h45-photo:last-child{width:82%}.h45-window .h45-photo>button{background:#eee4d7}
.h45-choice{background:#ece7de;padding:clamp(105px,13vw,175px) 0}.h45-choice__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,10vw,155px);align-items:end}.h45-choice h2{margin-bottom:24px}.h45-choice__grid>div:first-child>p:last-child{color:var(--muted)}.h45-choice__points{border-top:1px solid var(--line)}.h45-choice__points>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.h45-choice__points span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#796f65}
.h45-request{background:#20201d;color:#fff;padding:clamp(105px,13vw,175px) 0}.h45-request__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,10vw,155px);align-items:end}.h45-request h2{margin:0}.h45-request ul{list-style:none;margin:0 0 35px;padding:0;border-top:1px solid rgba(255,255,255,.2)}.h45-request li{display:grid;grid-template-columns:50px 1fr;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2)}.h45-request li span{font-size:10px;color:var(--bronze)}
.h45-faq{background:#fff}.h45-final{background:#000;color:#fff;padding:clamp(110px,14vw,190px) 0}.h45-final>.jm-container{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.h45-final h2{margin:0}.h45-final .jm-button{justify-self:end}
@media(max-width:980px){.h45-hero__grid,.h45-intro__grid,.h45-anatomy__head,.h45-case__head,.h45-uses__grid,.h45-choice__grid,.h45-request__grid,.h45-final>.jm-container{grid-template-columns:1fr}.h45-mark{margin:0 auto}.h45-intro__grid{gap:25px}.h45-anatomy__head,.h45-case__head{gap:28px}.h45-uses__grid>div:first-child{position:static}.h45-final .jm-button{justify-self:start}}
@media(max-width:680px){.h45-hero{padding:calc(var(--header-h) + 60px) 0 85px}.h45-hero h1{font-size:clamp(3.1rem,14vw,4.1rem)}.h45-mark{width:92%;margin-top:15px}.h45-intro,.h45-anatomy,.h45-case,.h45-uses,.h45-window,.h45-choice,.h45-request{padding:88px 0}.h45-anatomy__head,.h45-case__head{margin-bottom:50px}.h45-anatomy__diagram{height:280px;grid-template-columns:1fr 38px 1fr;margin-bottom:65px}.h45-slab{height:120px}.h45-slab--right{height:235px}.h45-joint{height:180px}.h45-joint i{left:18px}.h45-anatomy__diagram>b{font-size:2.6rem}.h45-steps{grid-template-columns:1fr;gap:28px}.h45-case__gallery{grid-template-columns:1fr}.h45-case__gallery>div{margin-top:30px;grid-template-columns:1fr 1fr}.h45-uses__grid{gap:45px}.h45-window__head{grid-template-columns:1fr;gap:22px;margin-bottom:45px}.h45-window__gallery{grid-template-columns:1fr}.h45-window__gallery .h45-photo:last-child{width:84%;margin-left:auto}.h45-choice__grid,.h45-request__grid{gap:48px}.h45-choice__points>div{grid-template-columns:88px 1fr;gap:12px}.h45-final{padding:90px 0}.h45-final .jm-button{width:100%;justify-self:stretch}}
@media(prefers-reduced-motion:reduce){.h45-photo img{transition:none!important}}
