.why-native-scroll{scroll-behavior:auto!important}
.why-page{
 --why-paper:var(--brand-paper-soft,#faf9f6);
 --why-ink:var(--brand-charcoal,#292929);
 --why-muted:var(--brand-muted,#73736d);
 --why-line:var(--brand-mist,#d8d6cf);
 --why-clay:#835b40;
 --why-bronze:#7e5836;
 background:var(--why-paper);
 color:var(--why-ink);
 overflow-x:hidden
}
.why-page .site-header,.why-page .site-header.is-scrolled{
 z-index:120;
 color:var(--why-ink);
 background:rgba(250,249,246,.94);
 border-bottom-color:rgba(41,41,41,.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,.why-page main figure{margin:0}
.why-page main a:focus-visible{outline:2px solid var(--brand-accent,#835b40);outline-offset:7px}
.why-eyebrow{
 font-size:11px;
 line-height:1.6;
 letter-spacing:.14em;
 text-transform:uppercase;
 color:var(--why-muted)
}

/* Four full-frame scenes with an independently paced image procession. */
.why-intro{
 position:relative;
 height:1180px;
 overflow:clip;
 color:var(--why-ink);
 background:#f7f6f2
}
.why-intro-stage{
 position:relative;
 height:100%;
 min-height:720px;
 overflow:hidden;
 isolation:isolate;
 contain:layout paint;
 background:
  radial-gradient(ellipse at 50% 44%,rgba(255,255,255,.98) 0,rgba(255,255,255,.8) 42%,rgba(247,246,242,.18) 76%),
  linear-gradient(180deg,#fbfaf7 0%,#f6f5f1 100%)
}
.why-intro-stage::before{
 content:'';
 position:absolute;
 z-index:0;
 inset:0;
 pointer-events:none;
 opacity:.2;
 background:
  linear-gradient(90deg,transparent calc(6% - .5px),rgba(41,43,40,.12) 6%,transparent calc(6% + .5px)),
  linear-gradient(90deg,transparent calc(94% - .5px),rgba(41,43,40,.12) 94%,transparent calc(94% + .5px))
}
.why-intro-scene{
 position:absolute;
 z-index:2;
 inset:0;
 visibility:hidden;
 opacity:0;
 transform:translate3d(0,0,0);
 transform-origin:center;
 backface-visibility:hidden;
 pointer-events:none
}
.why-scene-opening{visibility:visible;opacity:1}
.why-photo-board{
 position:absolute;
 inset:0;
 z-index:1;
 overflow:hidden;
 transform:translate3d(0,0,0) scale(1);
 transform-origin:50% 50%;
 backface-visibility:hidden
}
.why-moment{
 position:absolute;
 overflow:hidden;
 background:#d8d6cf;
 border:1px solid rgba(41,43,40,.08);
 border-radius:0;
 box-shadow:0 18px 50px rgba(41,43,40,.08)
}
.why-moment img{
 display:block;
 width:100%;
 height:100%;
 max-width:none;
 object-fit:cover;
 border:0
}
.why-photo-board-a .why-moment img{filter:saturate(.72) contrast(.96) brightness(1.035)}
.why-photo-board-a .why-moment-field img{filter:saturate(.62) contrast(.97) brightness(1.025)}
.why-photo-board-a .why-moment-color-kitchen{right:-4%;top:70%;width:clamp(220px,22vw,340px);aspect-ratio:3/2}
.why-photo-board-a .why-moment-bath{left:50%;top:3%;width:clamp(92px,8vw,124px);aspect-ratio:941/1672}
.why-photo-board-a .why-moment-materials{left:-3%;top:66%;width:clamp(150px,15vw,236px);aspect-ratio:3/2}
.why-photo-board-a .why-moment-craft-detail{right:5%;top:14%;width:clamp(110px,9vw,148px);aspect-ratio:1}
.why-photo-board-a .why-moment-terrace-opening{left:5%;top:7%;width:clamp(170px,16vw,250px);aspect-ratio:1672/941}
.why-photo-board-a .why-moment-hospitality-opening{right:-4%;top:36%;width:clamp(210px,18vw,290px);aspect-ratio:3/2}
.why-photo-board-a .why-moment-entry-opening{left:22%;top:72%;width:clamp(88px,8vw,116px);aspect-ratio:941/1672}
.why-photo-board-a .why-moment-skylit-opening{right:21%;top:69%;width:clamp(88px,8vw,122px);aspect-ratio:2/3}
.why-photo-board-a .why-moment-reading-opening{left:-4%;top:34%;width:clamp(190px,17vw,270px);aspect-ratio:1672/941}
.why-photo-board-a .why-moment-studio-opening{right:3%;top:51%;width:clamp(92px,8vw,122px);aspect-ratio:2/3}
.why-photo-board-a .why-moment-evening-kitchen-opening{left:39%;top:-4%;width:clamp(92px,8vw,126px);aspect-ratio:2/3}
.why-photo-board-a .why-moment-coastal-opening{right:27%;top:3%;width:clamp(180px,16vw,255px);aspect-ratio:3/2}

.why-opening-copy{
 position:absolute;
 z-index:3;
 left:50%;
 top:46%;
 width:min(54vw,720px);
 color:var(--why-ink);
 text-align:center;
 transform:translate3d(-50%,-50%,0)
}
.why-opening-copy .why-eyebrow{margin-bottom:30px;color:rgba(41,43,40,.58)}
.why-opening-statement{
 margin:0!important;
 font-size:clamp(34px,3.55vw,54px);
 font-weight:480!important;
 line-height:1.08;
 letter-spacing:-.05em;
 text-wrap:balance
}
.why-opening-statement [data-why-opening-word]{
 display:inline-block;
 color:rgb(41,43,40);
 transform-origin:50% 70%;
 will-change:color,transform
}
.why-opening-detail{
 margin-top:30px!important;
 font-size:9px;
 line-height:1.6;
 letter-spacing:.15em;
 text-transform:uppercase;
 color:rgba(41,43,40,.48)
}
.why-opening-axis{
 position:absolute;
 z-index:2;
 left:50%;
 top:calc(46% + 130px);
 display:block;
 width:1px;
 height:47vh;
 min-height:280px;
 background:linear-gradient(180deg,rgba(41,43,40,.58),rgba(41,43,40,.08));
 opacity:.3;
 transform:scaleY(.18);
 transform-origin:50% 0;
 will-change:transform,opacity
}

/* OUR WHY / H expansion — one media plane and one mirrored geometry system. */
.why-type-stage{z-index:4;overflow:hidden}
.why-type-kicker{
 position:absolute;
 z-index:7;
 left:50%;
 top:11%;
 margin:0;
 color:var(--why-ink);
 font-family:var(--serif);
 font-size:clamp(72px,9vw,132px);
 font-weight:400;
 line-height:.82;
 letter-spacing:-.055em;
 text-transform:uppercase;
 transform:translateX(-50%);
 will-change:opacity
}
.why-type-word{
 position:absolute;
 z-index:6;
 left:50%;
 top:50%;
 display:grid;
 grid-template-columns:1.02em .73em .76em;
 width:2.51em;
 color:var(--why-ink);
 font-family:var(--serif);
 font-size:clamp(170px,25vw,390px);
 font-weight:400;
 line-height:.78;
 letter-spacing:-.075em;
 transform:translate3d(-50%,-50%,0);
 transform-origin:center
}
.why-type-letter{display:block;height:.8em;white-space:nowrap;will-change:opacity}
.why-type-h{
 position:relative;
 z-index:8;
 width:.73em;
 color:transparent;
 overflow:visible;
 backface-visibility:hidden
}
.why-type-h-glyph{
 position:absolute;
 z-index:2;
 inset:0;
 display:block;
 color:var(--why-ink);
 white-space:nowrap;
 backface-visibility:hidden;
 will-change:transform,opacity
}
.why-type-h-glyph-left{clip-path:inset(-12% 50% -12% -12%)}
.why-type-h-glyph-right{clip-path:inset(-12% -12% -12% 50%)}
.why-h-panels{
 position:absolute;
 z-index:5;
 inset:0;
 overflow:visible;
 pointer-events:none
}
.why-h-panel{
 position:absolute;
 left:0;
 top:0;
 display:block;
 width:1px;
 height:1px;
 background:var(--why-ink);
 opacity:0;
 transform:translate3d(0,0,0) scale3d(1,1,1);
 transform-origin:0 0;
 backface-visibility:hidden;
 will-change:transform,opacity
}
.why-type-window{
 position:absolute;
 z-index:3;
 inset:0;
 display:block;
 width:100%;
 height:100%;
 margin:0;
 overflow:hidden;
 opacity:0;
 clip-path:inset(50% 50% 50% 50%);
 contain:layout paint;
 isolation:isolate;
 backface-visibility:hidden;
 will-change:clip-path,opacity
}
.why-type-media{
 --why-evening:0;
 --why-night-depth:0;
 position:absolute;
 inset:0;
 display:block;
 width:100%;
 height:100%;
 max-width:none;
 isolation:isolate;
 backface-visibility:hidden
}
.why-type-media::after{
 content:'';
 position:absolute;
 z-index:3;
 inset:0;
 background:linear-gradient(180deg,#1b2a3a 0%,#07111d 100%);
 opacity:var(--why-night-depth);
 mix-blend-mode:multiply;
 pointer-events:none;
 transform:translateZ(0);
 will-change:opacity
}
.why-type-time-layer{
 position:absolute;
 inset:0;
 display:block;
 overflow:hidden;
 backface-visibility:hidden
}
.why-type-time-day{z-index:0}
.why-type-poster,.why-type-video,.why-type-mosaic-overlay,.why-type-light-map{
 position:absolute;
 inset:0;
 display:block;
 width:100%;
 height:100%;
 max-width:none;
 object-fit:cover;
 object-position:50% 54%
}
.why-type-poster{z-index:0}
.why-type-video{z-index:1;pointer-events:none}
.why-type-mosaic-overlay{z-index:2;pointer-events:none}
.why-type-light-map{
 z-index:3;
 opacity:var(--why-evening);
 pointer-events:none;
 transform:translateZ(0);
 will-change:opacity
}
.why-type-light-multiply{mix-blend-mode:multiply}
.why-type-light-screen{z-index:4;mix-blend-mode:screen}
.why-type-caption{
 position:absolute;
 z-index:8;
 left:50%;
 bottom:8%;
 margin:0;
 color:rgba(73,52,36,.66);
 font-size:8px;
 line-height:1;
 letter-spacing:.16em;
 text-transform:uppercase;
 transform:translateX(-50%);
 will-change:opacity
}

.why-scene-return{z-index:5}
.why-photo-board-b .why-moment-terrace{left:5%;top:11%;width:clamp(245px,24vw,372px);aspect-ratio:1672/941}
.why-photo-board-b .why-moment-hospitality-new{left:33%;top:34%;width:clamp(380px,36vw,560px);aspect-ratio:3/2}
.why-photo-board-b .why-moment-entry{left:82%;top:8%;width:clamp(130px,12vw,186px);aspect-ratio:941/1672}
.why-photo-board-b .why-moment-skylit-bath{left:6%;top:54%;width:clamp(150px,14vw,218px);aspect-ratio:2/3}
.why-photo-board-b .why-moment-reading{left:72%;top:64%;width:clamp(245px,23vw,356px);aspect-ratio:1672/941}
.why-photo-board-b .why-moment-studio-new{left:57%;top:6%;width:clamp(150px,14vw,218px);aspect-ratio:2/3}
.why-photo-board-b .why-moment-kitchen{left:26%;top:65%;width:clamp(140px,13vw,202px);aspect-ratio:2/3}

.why-scene-resolution{z-index:6}
.why-intro-portal{
 position:absolute;
 z-index:1;
 left:50%;
 top:50%;
 width:min(72vw,1080px);
 aspect-ratio:3/2;
 overflow:hidden;
 transform:translate3d(-50%,-50%,0)
}
.why-intro-portal::after{
 content:'';
 position:absolute;
 inset:0;
 background:rgba(234,216,193,.38)
}
.why-intro-portal img{display:block;width:100%;height:100%;object-fit:cover}
.why-intro-copy{
 position:absolute;
 z-index:3;
 left:50%;
 top:50%;
 width:calc(100% - 48px);
 max-width:1180px;
 color:var(--why-ink);
 text-align:center;
 transform:translate3d(-50%,-50%,0);
 pointer-events:auto
}
.why-intro-copy::before{
 content:'';
 position:absolute;
 z-index:-1;
 inset:-28% -12%;
 pointer-events:none;
 background:radial-gradient(ellipse,rgba(242,229,210,.97) 21%,rgba(235,216,190,.8) 47%,rgba(235,216,190,0) 72%)
}
.why-resolution-title{
 margin:24px 0 27px;
 color:var(--why-ink);
 font-size:clamp(58px,7.2vw,114px);
 line-height:.9;
 letter-spacing:-.064em;
 text-shadow:none
}
.why-resolution-title>span{display:block}
.why-resolution-title>span:last-child{
 font-family:var(--serif);
 font-style:italic;
 letter-spacing:-.07em;
 color:var(--why-clay)
}
.why-intro-copy>p:last-of-type{max-width:500px;margin:0 auto;color:rgba(41,43,40,.72)}
.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:rgba(41,43,40,.68)
}
.why-scroll::after{
 content:'';
 display:block;
 width:1px;
 height:92px;
 background:linear-gradient(rgba(41,43,40,.48),transparent)
}
.why-intro-note{
 position:absolute;
 z-index:10;
 bottom:18px;
 width:100%;
 color:rgba(73,52,36,.54);
 font-size:8px;
 letter-spacing:.13em;
 text-align:center;
 text-transform:uppercase;
 pointer-events:none
}

@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .why-motion .why-intro{height:1200svh;min-height:10060px;max-height:14620px}
 .why-motion .why-intro-stage{position:sticky;top:0;height:100svh;min-height:720px}
 .why-motion .why-intro-scene{
  contain:layout paint;
  will-change:transform,opacity;
  visibility:hidden;
  opacity:0
 }
 .why-motion .why-intro-scene.is-rendered{visibility:visible}
 .why-motion .why-photo-board{will-change:transform}
 .why-motion .why-photo-board-a .why-moment{opacity:0;transform-origin:center;will-change:transform,opacity}
}

.why-letter{padding:100px 24px 118px;text-align:center}
.why-reading{width:100%;max-width:650px;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 120px}
.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;
 background:#d6c6a8;
 transform-origin:center;
 transition:transform 1.25s cubic-bezier(.2,.75,.2,1)
}
.why-aperture .why-aperture-poster,.why-aperture .why-aperture-video{
 position:absolute;
 inset:0;
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:50% 50%
}
.why-aperture .why-aperture-poster{z-index:0}
.why-aperture .why-aperture-video{z-index:1;opacity:1;pointer-events:none}
.why-aperture .why-aperture-video-mobile{display:none}
.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-water-play{
 position:absolute;
 z-index:2;
 left:50%;
 bottom:24px;
 display:none;
 align-items:center;
 gap:9px;
 min-height:42px;
 padding:10px 17px;
 border:1px solid rgba(255,255,255,.72);
 border-radius:999px;
 background:rgba(31,34,30,.72);
 color:#fff;
 font:600 12px/1 Arial,sans-serif;
 letter-spacing:.08em;
 text-transform:uppercase;
 transform:translateX(-50%);
 cursor:pointer
}
.why-water-play span{font-size:10px}
.why-aperture.is-water-blocked .why-water-play{display:flex}
.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:1px solid var(--why-line);
 border-radius:0;
 font-size:13px;
 line-height:1.5;
 transition:background .25s,border-color .25s,transform .25s
}
.why-button:hover{background:var(--brand-paper,#fff);border-color:var(--brand-line,#aaa);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;
 margin:0 16px;
 background:var(--brand-paper,#fff)
}
.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;background:var(--brand-mist,#ddd)}
.why-person:nth-child(2) .why-person-photo{background:#e9e3d6}
.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}
.why-people-link .why-button{
 border:0;
 border-bottom:1px solid var(--brand-line,#aaa);
 padding:13px 0;
 justify-content:space-between;
 background:transparent
}
.why-people-link .why-button:hover{background:transparent;border-color:var(--why-ink);transform:none}

.why-ending{
 position:relative;
 margin-top:105px;
 padding:55px var(--gutter,5vw) 60px;
 overflow:hidden;
 color:var(--why-ink);
 background:radial-gradient(ellipse at 78% 28%,#e9e2d3 0%,#d8cfbe 45%,#c9baa0 100%)
}
.why-ending-top{
 position:relative;
 display:flex;
 justify-content:space-between;
 gap:20px;
 align-items:center;
 padding-bottom:32px;
 border-bottom:1px solid rgba(41,41,41,.25)
}
.why-ending .why-eyebrow{color:var(--brand-charcoal-raised,#555)}
.why-ending-top>span{font-size:11px;color:var(--brand-charcoal-raised,#555)}
.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:var(--brand-charcoal-raised,#555)}
.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}
.why-ending-sculpture{position:relative;width:100%;aspect-ratio:162/147}
.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
}
.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(41,41,41,.3)
}
.why-ending-cta{
 display:flex;
 align-items:center;
 justify-content:space-between;
 width:450px;
 max-width:100%;
 gap:24px;
 min-height:64px;
 font-size:clamp(21px,2.2vw,30px);
 letter-spacing:-.03em
}
.why-ending-label{display:block;white-space:nowrap;min-width:0}
.why-ending-cta>.why-ending-arrow{
 display:flex;
 justify-content:center;
 align-items:center;
 flex:none;
 width:60px;
 height:60px;
 border:1px solid var(--brand-charcoal-raised,#555);
 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:var(--why-ink);color:var(--why-paper);transform:rotate(8deg)}
.why-ending-bottom>p{font-size:12px;line-height:1.7;color:var(--brand-charcoal-raised,#555);text-align:right}

.why-reveal-ready [data-why-read],.why-reveal-ready .why-principle,.why-reveal-ready .why-person,.why-reveal-ready .why-aperture{
 opacity:0;
 transform:translate3d(0,22px,0)
}
.why-reveal-ready .why-aperture{transform:scale(.96)}
.why-reveal-ready .is-in-view{
 opacity:1;
 transform:translate3d(0,0,0);
 transition:opacity .9s ease,transform 1.05s cubic-bezier(.2,.75,.2,1)
}
.why-reveal-ready .why-aperture.is-in-view{transform:scale(1)}
.why-reveal-ready .why-principle:nth-child(2),.why-reveal-ready .why-person:nth-child(2){transition-delay:.08s}
.why-reveal-ready .why-principle:nth-child(3),.why-reveal-ready .why-person:nth-child(3){transition-delay:.16s}
.why-reveal-ready .why-person:nth-child(4){transition-delay:.24s}

@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}
}
@media(max-width:760px){
 .why-intro{height:1480px}
 .why-intro-stage{height:100%;min-height:0}
 .why-scene-opening{height:810px}
 .why-type-stage{visibility:visible;opacity:1;inset:800px 0 auto;height:620px}
 .why-scene-return,.why-scene-resolution{display:none}
 .why-opening-copy{
  left:50%;
  top:46%;
  width:calc(100% - 42px);
  text-align:center;
  transform:translate3d(-50%,-50%,0)
 }
 .why-opening-copy .why-eyebrow{margin-bottom:22px}
 .why-opening-statement{font-size:clamp(29px,8.2vw,39px);line-height:1.08;letter-spacing:-.045em}
 .why-opening-detail{margin-top:23px!important;font-size:8px;letter-spacing:.12em}
 .why-opening-axis{top:calc(46% + 118px);height:49vh;min-height:220px}
 .why-photo-board-a .why-moment-color-kitchen{right:-6%;top:72%;width:31%;aspect-ratio:3/2}
 .why-photo-board-a .why-moment-bath{left:56%;top:3%;width:16%;aspect-ratio:941/1672}
 .why-photo-board-a .why-moment-materials{left:-8%;top:68%;width:25%;aspect-ratio:3/2}
 .why-photo-board-a .why-moment-craft-detail{right:-3%;top:16%;width:17%;aspect-ratio:1}
 .why-photo-board-a .why-moment-terrace-opening{left:6%;top:5%;width:27%;aspect-ratio:1672/941}
 .why-photo-board-a .why-moment-hospitality-opening{right:-7%;top:32%;width:32%;aspect-ratio:3/2}
 .why-photo-board-a .why-moment-entry-opening{left:19%;top:75%;width:15%;aspect-ratio:941/1672}
 .why-photo-board-a .why-moment-skylit-opening{right:19%;top:71%;width:15%;aspect-ratio:2/3}
 .why-photo-board-a .why-moment-reading-opening{left:-8%;top:31%;width:29%;aspect-ratio:1672/941}
 .why-photo-board-a .why-moment-studio-opening{right:2%;top:52%;width:17%;aspect-ratio:2/3}
 .why-photo-board-a .why-moment-evening-kitchen-opening{left:39%;top:-5%;width:16%;aspect-ratio:2/3}
 .why-photo-board-a .why-moment-coastal-opening{right:22%;top:6%;width:28%;aspect-ratio:3/2}
 .why-type-kicker{top:11%;font-size:clamp(65px,19vw,104px)}
 .why-type-word{top:47%;font-size:39vw}
 .why-type-poster,.why-type-video,.why-type-mosaic-overlay,.why-type-light-map{object-position:85% 54%}
 .why-type-caption{bottom:7%}
 .why-intro-note{bottom:14px;padding:0 18px}
 .why-letter{padding:80px 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 .why-aperture-poster,.why-aperture .why-aperture-video{object-position:57% center}
 .why-aperture .why-aperture-video-desktop{display:none}
 .why-aperture .why-aperture-video-mobile{display:block}
 .why-imagine figcaption{font-size:10px;gap:12px;margin-top:15px}
 .why-imagine figcaption span{max-width:52%}
 .why-water-play{bottom:16px}
 .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-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(max-width:760px) and (prefers-reduced-motion:no-preference){
 .why-motion .why-intro{
  height:880svh;
  min-height:6200px;
  max-height:9600px
 }
 .why-motion .why-intro-stage{
  position:sticky;
  top:0;
  height:100svh;
  min-height:560px
 }
 .why-motion .why-intro-scene{
  inset:0;
  height:100%;
  contain:layout paint;
  will-change:transform,opacity;
  visibility:hidden;
  opacity:0
 }
 .why-motion .why-intro-scene.is-rendered{visibility:visible}
 .why-motion .why-scene-opening{height:100%}
 .why-motion .why-type-stage{inset:0;height:100%;visibility:hidden;opacity:0}
 .why-motion .why-scene-return,.why-motion .why-scene-resolution{display:none}
}

@media(prefers-reduced-motion:reduce){
 .why-page main *{animation:none!important;transition:none!important}
 .why-intro{height:1080px!important}
 .why-intro-stage{position:relative!important;height:100%!important;min-height:0!important}
 .why-type-stage,.why-scene-return,.why-scene-resolution{display:none!important}
 .why-scene-opening{visibility:visible!important;opacity:1!important;transform:none!important}
 .why-moment-secondary{display:none!important}
 .why-reveal-ready [data-why-read],.why-reveal-ready .why-principle,.why-reveal-ready .why-person,.why-reveal-ready .why-aperture{
  opacity:1!important;
  transform:none!important
 }
 .why-aperture .why-aperture-video,.why-aperture .why-water-play{display:none!important}
 .why-aperture .why-aperture-poster{opacity:1!important}
}
@media print{
 .why-intro{height:980px!important;background:#f6f0e7!important;color:#292929!important}
 .why-intro-stage::before{display:none!important}
 .why-type-stage,.why-scene-return,.why-scene-resolution{display:none!important}
 .why-scene-opening{visibility:visible!important;opacity:1!important;transform:none!important}
 .why-moment-secondary{display:none!important}
 .why-aperture .why-aperture-video,.why-aperture .why-water-play{display:none!important}
}

/* Center-to-camera opening; the authored collage remains the static fallback. */
@media (prefers-reduced-motion:no-preference){
 .why-motion .why-photo-board-a .why-moment{
  left:50%;right:auto;top:46%;
  width:clamp(240px,30vw,470px);
  opacity:0;transform-origin:center;
  transform:translate(-50%,-50%) scale(.25);
  border:0;box-shadow:none;
  backface-visibility:hidden;
  will-change:transform,opacity
 }
 .why-motion .why-photo-board-a .why-moment-bath,
 .why-motion .why-photo-board-a .why-moment-entry-opening,
 .why-motion .why-photo-board-a .why-moment-skylit-opening,
 .why-motion .why-photo-board-a .why-moment-studio-opening,
 .why-motion .why-photo-board-a .why-moment-evening-kitchen-opening{
  width:clamp(170px,20vw,320px)
 }
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .why-motion .why-photo-board-a .why-moment{width:64vw}
 .why-motion .why-photo-board-a .why-moment-bath,
 .why-motion .why-photo-board-a .why-moment-entry-opening,
 .why-motion .why-photo-board-a .why-moment-skylit-opening,
 .why-motion .why-photo-board-a .why-moment-studio-opening,
 .why-motion .why-photo-board-a .why-moment-evening-kitchen-opening{width:42vw}
}

/* Reserve the final opening geometry before deferred motion initialization.
   No-JavaScript and reduced-motion layouts keep their existing fallback. */
@media(prefers-reduced-motion:no-preference){
 html.why-initial-layout:not(.why-motion) .why-scene-opening{height:100svh;min-height:720px}
 html.why-initial-layout:not(.why-motion) .why-photo-board-a .why-moment{opacity:0}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 html.why-initial-layout:not(.why-motion) .why-scene-opening{min-height:560px}
}