/* RENOVA / Our why — a quiet, image-led manifesto. */
.why-page{--why-paper:#faf9f6;--why-ink:#252a25;--why-muted:#6f736c;--why-line:#dedfd6;background:var(--why-paper);color:var(--why-ink)}
.why-page .site-header,.why-page .site-header.is-scrolled{color:var(--why-ink);background:rgba(250,249,246,.94);border-bottom-color:rgba(37,42,37,.1)}
.why-page .brand img{filter:none}.why-page.menu-open .site-header{background:var(--why-paper)}
.why-page .desktop-nav a[aria-current=page]:after{right:0}
.why-page main{overflow:clip}
.why-page main h1,.why-page main h2,.why-page main h3{font-weight:400;letter-spacing:-.045em;text-wrap:balance}
.why-page main p{margin:0}
.why-page main figure{margin:0}
.why-page main a:focus-visible{outline:2px solid #657453;outline-offset:7px}
.why-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:var(--why-muted)}
.why-intro{position:relative;height:1120px}
.why-intro-stage{position:relative;height:100%;max-height:1100px;min-height:820px}
.why-intro-copy{position:absolute;top:36%;left:50%;width:calc(100% - 48px);max-width:800px;transform:translateX(-50%);text-align:center;z-index:20}
.why-intro-copy h1{font-size:clamp(44px,4.6vw,68px);line-height:1.12;margin:27px 0 25px}
.why-intro-copy h1>span{display:block}
.why-intro-copy>p:last-of-type{max-width:420px;margin:0 auto;font-size:16px;line-height:1.7;color:var(--why-muted);text-wrap:balance}
.why-scroll{display:flex;width:160px;max-width:100%;flex-direction:column;align-items:center;gap:16px;margin:30px auto 0;font-size:11px;color:var(--why-muted)}
.why-scroll:after{content:'';display:block;width:1px;height:130px;background:linear-gradient(var(--why-muted),transparent)}
.why-moment{position:absolute;z-index:1;overflow:hidden;border-radius:0;background:#ddd7c9;box-shadow:0 10px 28px rgba(55,49,36,.035);will-change:transform}
.why-moment img{width:100%;height:100%;object-fit:cover}
.why-moment-home{width:clamp(220px,24vw,370px);height:clamp(148px,16vw,247px);left:5%;top:15%;transform:rotate(-3deg)}
.why-moment-life{width:clamp(150px,16vw,240px);height:clamp(225px,24vw,360px);right:5%;top:56%;transform:rotate(3deg)}
.why-moment-craft{width:clamp(100px,10vw,150px);height:clamp(140px,14vw,210px);left:16%;top:72%;transform:rotate(2deg)}
.why-moment-stair{width:clamp(140px,14vw,205px);height:clamp(210px,21vw,307px);right:10%;top:16%;transform:rotate(4deg)}
.why-moment-materials{width:clamp(140px,15vw,220px);height:clamp(93px,10vw,147px);left:3%;top:49%;transform:rotate(-4deg)}
.why-moment-kitchen{width:clamp(140px,14vw,205px);height:clamp(210px,21vw,307px);right:30%;top:74%;transform:rotate(-2deg)}
.why-intro-note{position:absolute;bottom:14px;width:100%;text-align:center;color:var(--why-muted);font-size:10px;letter-spacing:.04em}
.why-letter{padding:85px 24px 110px;text-align:center}
.why-reading{width:100%;max-width:640px;margin:0 auto}
.why-letter h2{font-size:clamp(32px,3.4vw,47px);line-height:1.17;margin:28px 0 36px}
.why-letter .why-reading>p:not(.why-eyebrow){font-size:clamp(18px,1.65vw,23px);line-height:1.65;color:var(--why-muted);margin:0 0 27px;text-wrap:pretty}
.why-letter .why-reading>p:last-child{margin:0;color:var(--why-ink)}
.why-inline-brand{color:var(--why-ink)}
.why-beliefs{max-width:1140px;margin:0 auto;padding:20px 30px 115px}
.why-beliefs-top{text-align:center;margin-bottom:60px}
.why-beliefs-top h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:20px 0 0}
.why-principles{display:flex;gap:52px}
.why-principle{flex:1;min-width:0;border-top:1px solid var(--why-line);padding-top:24px}
.why-number{display:block;font-size:12px;color:var(--why-muted);margin-bottom:30px}
.why-principle h3{font-size:25px;line-height:1.2;margin:0 0 15px}
.why-principle p{font-size:15px;line-height:1.75;color:var(--why-muted)}
.why-imagine{padding:0 28px 100px;text-align:center}
.why-imagine>figure{max-width:1400px;margin:0 auto!important}
.why-aperture{position:relative;width:100%;height:clamp(420px,48vw,700px);overflow:hidden;border-radius:0;background:#d6c6a8;transform-origin:50% 50%}
.why-aperture img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.why-imagine figcaption{display:flex;justify-content:space-between;gap:20px;margin:18px 0 0;font-size:11px;line-height:1.6;color:var(--why-muted);text-align:left}
.why-possibility{padding:38px 24px 125px;text-align:center}
.why-possibility h2{max-width:940px;margin:26px auto 30px;font-size:clamp(37px,4.5vw,64px);line-height:1.15}
.why-possibility>p:last-of-type{max-width:540px;margin:0 auto;font-size:17px;line-height:1.75;color:var(--why-muted)}
.why-button{display:flex;width:260px;max-width:100%;margin-inline:auto;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:13px 25px;border-radius:0;border:1px solid var(--why-line);font-size:13px;line-height:1.5;transition:background .25s,border-color .25s,transform .25s}
.why-button:hover{background:#efefe8;border-color:#b8bdaf;transform:translateY(-2px)}
.why-button svg{width:17px;height:17px}
.why-possibility .why-button{margin-top:30px}
.why-people{padding:85px max(24px,5vw) 100px;background:#f0f1eb;border-radius:0;margin:0 16px}
.why-people-heading{text-align:center;max-width:600px;margin:0 auto 55px}
.why-people-heading h2{font-size:clamp(34px,3.6vw,50px);line-height:1.16;margin:23px 0}
.why-people-heading>p:last-child{font-size:16px;line-height:1.75;color:var(--why-muted);max-width:480px;margin:auto}
.why-people-grid{display:flex;gap:32px;max-width:1060px;margin:0 auto}
.why-person{flex:1;min-width:0}
.why-person-photo{height:clamp(215px,23vw,300px);overflow:hidden;border-radius:0;background:#e3e6dc}
.why-person:nth-child(2) .why-person-photo{background:#e9e3d6}
.why-person:nth-child(3) .why-person-photo{background:#e2e4df}
.why-person:nth-child(4) .why-person-photo{background:#e8e0d5}
.why-person img{width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;transition:transform .65s}
.why-person:hover img{transform:scale(1.025)}
.why-person figcaption{padding-top:20px}
.why-person h3{font-size:19px;line-height:1.3;margin:0 0 8px}
.why-person p{font-size:12px;line-height:1.65;color:var(--why-muted)}
.why-people-link{text-align:center;margin-top:45px}
/* A RENOVA signature: a layered monogram in warm architectural light. */
.why-ending{position:relative;margin-top:105px;padding:55px var(--gutter) 60px;background:radial-gradient(ellipse at 78% 28%,#e9e2d3 0%,#d8cfbe 45%,#c9baa0 100%);color:#252a25;overflow:hidden}
.why-ending-top{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:32px;border-bottom:1px solid rgba(37,42,37,.25)}
.why-ending .why-eyebrow{color:#42463d}.why-ending-top>span{font-size:11px;color:#4f5147}
.why-ending-body{display:flex;align-items:center;justify-content:space-between;gap:8vw;padding:70px 0 65px}
.why-ending-copy{flex:1;min-width:0}
.why-ending h2{font-size:clamp(52px,6.5vw,100px);line-height:.98;letter-spacing:-.055em;margin:0 0 30px}
.why-ending h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}
.why-ending-copy>p{font-size:17px;line-height:1.65;color:#43473e}
.why-ending-anchor{position:relative;flex:0 0 34%;max-width:440px}
.why-ending-object{position:relative;width:100%;isolation:isolate;padding:0 22px 0 0;transform:translate(calc(24px * var(--why-settle,0)),calc(24px * var(--why-settle,0))) rotate(calc(-9deg * var(--why-settle,0)));transform-origin:50% 58%}
.why-ending-sculpture{position:relative;width:100%;aspect-ratio:162/147;filter:drop-shadow(14px 27px 17px #6c54362b);transform:translateX(calc(-10% * var(--why-slide,1)))}
.why-ending-layer{position:absolute;inset:0;overflow:hidden}
.why-ending-layer img{position:absolute;top:0;left:0;width:567.901234568%;height:auto;max-width:none}
.why-ending-layer-back{transform:translate(calc(5px + 17px * var(--why-settle,0)),calc(5px + 15px * var(--why-settle,0)))}
.why-ending-layer-back img{filter:brightness(.7);opacity:.65}
.why-ending-layer-middle{transform:translate(calc(2.5px + 8.5px * var(--why-settle,0)),calc(2.5px + 7.5px * var(--why-settle,0)))}
.why-ending-layer-middle img{filter:brightness(.92)}
.why-ending-layer-face img{filter:brightness(0);opacity:.86}
.why-ending-signature{display:block;position:relative;margin-top:50px;font-family:var(--serif);font-style:italic;font-size:clamp(19px,2vw,28px);letter-spacing:-.025em;transform:rotate(calc(-3deg * var(--why-settle,0)))}
.why-ending-services{display:block;margin-top:13px;font-size:8px;letter-spacing:.13em;color:#555444}
.why-ending-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:30px;border-top:1px solid rgba(37,42,37,.3)}
.why-ending-cta{display:flex;align-items:center;justify-content:space-between;width:450px;max-width:100%;gap:24px;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.03em;min-height:64px}
.why-ending-cta>.why-ending-arrow{display:flex;justify-content:center;align-items:center;flex:none;width:60px;height:60px;border:1px solid #41473b;border-radius:50%;transition:background .3s,color .3s,transform .3s}
.why-ending-cta svg{width:25px;height:25px}.why-ending-cta:hover>.why-ending-arrow{background:#252a25;color:#f1efe9;transform:rotate(8deg)}
.why-ending-bottom>p{font-size:12px;line-height:1.7;color:#4f5147;text-align:right}
.why-word{transition:color .15s linear}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .why-motion .why-intro{height:265svh;min-height:2000px;max-height:3200px}
 .why-motion .why-intro-stage{height:100svh;min-height:820px;max-height:1100px;position:sticky;top:0}
 .why-motion .why-intro-note{bottom:24px;z-index:30}.why-motion .why-intro-stage{overflow:hidden}.why-motion .why-moment{left:50%;top:50%;right:auto;transform-origin:center;pointer-events:none}.why-motion .why-intro-copy h1{text-shadow:0 0 26px var(--why-paper)}
}
@media(max-width:1300px){.why-page .site-header{grid-template-columns:1fr auto}.why-page .desktop-nav,.why-page .header-phone{display:none}.why-page .menu-toggle{display:block}}
@media(max-width:950px){.why-principles{gap:28px}.why-people-grid{gap:22px}.why-moment-home{left:4%;top:16%}.why-moment-life{right:4%;top:62%}.why-moment-craft{left:9%;top:76%}}
@media(max-width:760px){
 .why-intro{height:1100px}.why-intro-stage{min-height:0;max-height:none;height:100%}
 .why-intro-copy{top:385px;width:calc(100% - 40px);max-width:540px}
 .why-intro-copy h1{font-size:clamp(39px,10vw,61px);line-height:1.12;margin:23px 0 20px}
 .why-intro-copy>p:last-of-type{font-size:14px;max-width:275px}
 .why-scroll{margin-top:25px}.why-scroll:after{height:95px}
 .why-moment-home{width:48%;height:clamp(110px,32vw,190px);left:5%;top:118px}
 .why-moment-life{width:28%;height:clamp(150px,42vw,240px);right:29%;top:887px}
 .why-moment-craft{width:24%;height:clamp(128px,36vw,170px);left:5%;top:780px}
 .why-moment-stair{width:27%;height:clamp(140px,40.5vw,210px);right:7%;top:152px}.why-moment-materials{width:28%;height:clamp(75px,18.7vw,110px);left:11%;top:278px}.why-moment-kitchen{width:29%;height:clamp(155px,43.5vw,240px);right:4%;top:770px}
 .why-intro-note{bottom:0;font-size:9px}
 .why-letter{padding:85px 25px 70px}.why-letter h2{margin:23px 0 30px;font-size:33px}.why-letter .why-reading>p:not(.why-eyebrow){font-size:18px;line-height:1.65;margin-bottom:24px}
 .why-beliefs{padding:15px 25px 70px}.why-beliefs-top{margin-bottom:36px}.why-principles{display:block}.why-principle{padding:23px 0 28px}.why-number{margin-bottom:15px}.why-principle h3{font-size:25px;margin-bottom:12px}.why-principle p{max-width:460px}
 .why-imagine{padding:0 15px 60px}.why-aperture{height:clamp(360px,115vw,520px)}.why-aperture img{object-position:57% center}.why-imagine figcaption{font-size:10px;gap:12px;margin-top:15px}.why-imagine figcaption span{max-width:52%}
 .why-possibility{padding:15px 25px 80px}.why-possibility h2{font-size:clamp(35px,8.8vw,54px);margin:23px auto 25px}.why-possibility>p:last-of-type{font-size:16px}
 .why-people{margin:0 10px;padding:55px 20px 60px}.why-people-heading{margin-bottom:35px}.why-people-heading h2{font-size:34px}.why-people-heading>p:last-child{font-size:15px}.why-people-grid{flex-wrap:wrap;gap:32px 18px}.why-person{flex:0 0 calc(50% - 9px)}.why-person-photo{height:clamp(170px,48vw,290px)}.why-person h3{font-size:17px;letter-spacing:-.03em}.why-person p{font-size:11px}.why-person figcaption{padding-top:15px}.why-people-link{margin-top:35px}
 .why-ending{margin-top:75px;padding:30px 25px 38px}.why-ending-top{align-items:flex-start;flex-direction:column;gap:9px;padding-bottom:24px}.why-ending-top>span{font-size:10px}.why-ending-body{display:block;padding:43px 0 40px}.why-ending h2{font-size:clamp(37px,10.2vw,68px);margin-bottom:24px}.why-ending-copy>p{font-size:15px}.why-ending-anchor{width:64%;max-width:275px;margin:45px 18px 15px auto}.why-ending-object{padding:0 15px 0 0}.why-ending-layer-back{transform:translate(calc(3.5px + 10.5px * var(--why-settle,0)),calc(3.25px + 9.75px * var(--why-settle,0)))}.why-ending-layer-middle{transform:translate(calc(1.75px + 5.25px * var(--why-settle,0)),calc(1.625px + 4.875px * var(--why-settle,0)))}.why-ending-signature{font-size:20px;margin-top:32px}.why-ending-services{font-size:7px;letter-spacing:.06em}.why-ending-bottom{flex-direction:column;align-items:flex-start;gap:24px;padding-top:22px}.why-ending-cta{width:100%;font-size:17px;gap:10px;min-height:52px}.why-ending-cta>.why-ending-arrow{width:48px;height:48px}.why-ending-bottom>p{text-align:left;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.why-page main *{transition:none!important;animation:none!important}.why-moment,.why-aperture{transform:none!important;opacity:1!important;will-change:auto}.why-word{color:inherit!important}}
@media print{.why-intro{height:1120px!important}.why-intro-stage{position:relative!important;height:100%!important}.why-moment,.why-aperture{transform:none!important}.why-word{color:inherit!important}}

.why-ending-label{display:block;white-space:nowrap;min-width:0}

/* Eleven moments, with generous clear space for the central story. */
.why-intro{height:1250px}
.why-intro-stage{max-height:none}
.why-intro-copy{top:34%;max-width:740px;isolation:isolate}
.why-intro-copy:before{content:'';position:absolute;z-index:-1;inset:-22% -18%;background:radial-gradient(ellipse,#faf9f6 25%,#faf9f6ed 44%,#faf9f600 72%);pointer-events:none}
.why-moment{border-radius:0}
.why-moment-bath{width:clamp(130px,13vw,195px);height:clamp(195px,19.5vw,293px);left:3%;top:500px;transform:rotate(3deg)}
.why-moment-entry{width:clamp(100px,10vw,150px);height:clamp(150px,15vw,225px);left:28%;top:80px;transform:rotate(-4deg)}
.why-moment-terrace{width:clamp(170px,18vw,270px);height:clamp(114px,12vw,180px);right:24%;top:85px;transform:rotate(2deg)}
.why-moment-restaurant{width:clamp(130px,12vw,180px);height:clamp(195px,18vw,270px);right:2%;top:495px;transform:rotate(-3deg)}
.why-moment-reading{width:clamp(190px,20vw,300px);height:clamp(127px,13.3vw,200px);left:31%;top:915px;transform:rotate(3deg)}
@media(min-width:761px){
 .why-moment-home{left:5%;top:165px}.why-moment-stair{right:5%;top:190px}.why-moment-materials{left:43%;top:250px;width:clamp(135px,14vw,210px);height:clamp(90px,9.3vw,140px)}
 .why-moment-life{right:13%;top:845px}.why-moment-craft{left:16%;top:865px}.why-moment-kitchen{right:34%;top:995px;width:clamp(100px,10vw,150px);height:clamp(150px,15vw,225px)}
}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .why-motion .why-intro{height:300svh;min-height:2200px;max-height:3600px}
 .why-motion .why-intro-stage{min-height:760px;max-height:1100px}
 .why-motion .why-intro-copy{top:34%}
 .why-motion .why-moment{left:50%;top:50%;right:auto}
}
@media(max-width:760px){
 .why-intro{height:1420px}.why-intro-copy{top:450px;max-width:540px}
 .why-intro-copy:before{inset:-10% -8%}
 .why-moment-home{width:43%;left:4%;top:115px;height:clamp(105px,29vw,190px)}
 .why-moment-stair{width:24%;right:5%;top:170px;height:clamp(130px,36vw,220px)}
 .why-moment-materials{width:28%;left:10%;top:292px;height:clamp(73px,18.7vw,125px)}
 .why-moment-entry{width:20%;left:51%;top:85px;height:clamp(110px,30vw,185px)}
 .why-moment-terrace{width:29%;right:7%;left:auto;top:337px;height:clamp(72px,19.3vw,125px)}
 .why-moment-craft{width:22%;left:6%;top:935px;height:clamp(120px,33vw,190px)}
 .why-moment-life{width:24%;right:7%;top:963px;height:clamp(130px,36vw,205px)}
 .why-moment-reading{width:31%;left:34%;top:935px;height:clamp(80px,20.6vw,130px)}
 .why-moment-kitchen{width:23%;right:37%;top:1110px;height:clamp(125px,34.5vw,195px)}
 .why-moment-bath{width:23%;left:8%;top:1188px;height:clamp(125px,34.5vw,195px)}
 .why-moment-restaurant{width:23%;right:6%;top:1210px;height:clamp(125px,34.5vw,190px)}
 .why-intro-note{bottom:0}
}
@media(prefers-reduced-motion:reduce){.why-ending-object{--why-settle:0!important;--why-slide:1!important}.why-ending-object,.why-ending-signature{transform:none!important}.why-ending-sculpture{transform:translateX(-10%)!important}}
@media print{.why-intro{height:1420px!important}.why-ending-object{--why-settle:0!important;--why-slide:1!important}.why-ending-object,.why-ending-signature{transform:none!important}.why-ending-sculpture{transform:translateX(-10%)!important}}

/* Team invitation: an architectural underline, with a generous click target. */
.why-people-link .why-button{border:0;border-bottom:1px solid #b8bdaf;border-radius:0;padding:13px 0;justify-content:space-between;background:transparent;transition:border-color .25s}
.why-people-link .why-button:hover{background:transparent;border-color:#41473b;transform:none}
