.design-page{background:#000;color:#f5f5f3}.design-opening{padding:140px 4vw 60px;display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;min-height:92svh;align-items:center}.design-opening>div{padding-left:3vw}.design-opening h1{font-size:clamp(38px,5vw,74px);font-weight:400;letter-spacing:-.045em;line-height:1.05;margin:24px 0}.design-opening p:not(.eyebrow){color:#bbb;line-height:1.8;max-width:36ch;font-size:17px;margin-bottom:28px}.design-opening figure{height:70vh;min-height:420px;overflow:hidden;margin:0}.design-opening img{width:100%;height:100%;object-fit:cover;object-position:42% center}.design-perspectives{padding:50px 0;scroll-margin-top:100px}.design-section-head{padding:0 7vw 40px;display:grid;grid-template-columns:1fr 1fr;gap:20px 8vw}.design-section-head .eyebrow{grid-column:1/-1}.design-section-head h2,.design-brief h2,.design-package h2{font-size:clamp(30px,3.3vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.04em}.design-section-head>p:last-child{font-size:17px;line-height:1.8;color:#bbb}.design-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 7vw 15px;scroll-padding:7vw;scrollbar-color:#999 #222}.design-gallery figure{margin:0;flex:0 0 78vw;scroll-snap-align:start}.design-gallery img{width:100%;height:65vh;min-height:380px;object-fit:cover;display:block}.design-gallery figcaption{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:20px}.design-gallery figcaption span{font-size:11px;letter-spacing:.12em;color:#aaa}.design-gallery figcaption p{font-size:20px}.design-gallery-guide{padding:12px 7vw;font-size:12px;color:#aaa}.design-brief{padding:65px 7vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.design-brief h2{margin:20px 0}.design-brief>div>p:last-child{font-size:17px;line-height:1.8;color:#bbb;max-width:42ch}.design-decisions article{border-top:1px solid #333;padding:22px 0}.design-decisions h3{font-weight:400;font-size:22px;margin-bottom:12px}.design-decisions p{font-size:16px;line-height:1.8;color:#bbb}.design-package{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;padding:0 4vw 80px;align-items:center}.design-package figure{height:630px;margin:0}.design-package img{width:100%;height:100%;object-fit:cover}.design-package>div{padding-right:3vw}.design-package h2{margin:20px 0}.design-package p:not(.eyebrow){font-size:17px;line-height:1.8;color:#bbb;margin-bottom:20px}.design-package .design-note{font-size:12px!important;margin-top:22px}.design-page a:focus-visible,.design-gallery:focus-visible{outline:2px solid white;outline-offset:4px}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.design-opening img{animation:design-zoom linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes design-zoom{from{transform:scale(1.12)}to{transform:scale(1)}}}}
@media(max-width:700px){.design-opening{display:flex;flex-direction:column;align-items:stretch;padding:115px 0 35px;gap:30px}.design-opening>div{padding:0 6vw}.design-opening figure{height:58vh;min-height:340px}.design-opening p:not(.eyebrow){font-size:16px}.design-section-head{display:block;padding:0 6vw 30px}.design-section-head h2{margin:20px 0}.design-section-head>p:last-child{font-size:16px}.design-gallery{padding-left:6vw;padding-right:6vw;scroll-padding:6vw;gap:16px}.design-gallery figure{flex-basis:88vw}.design-gallery img{height:52vh;min-height:300px}.design-gallery figcaption{display:block}.design-gallery figcaption p{font-size:19px;margin-top:10px}.design-brief{display:block;padding:35px 6vw 45px}.design-decisions{margin-top:30px}.design-package{display:flex;flex-direction:column;padding:0 0 50px;gap:30px}.design-package figure{width:100%;height:50vh}.design-package>div{padding:0 6vw}.design-gallery-guide{padding-left:6vw}}
/* Full-bleed photographic chapters, per owner direction. */
.design-opening,.design-package{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:92svh;padding:160px 7vw 70px;overflow:hidden;background:#111}
.design-opening figure,.design-package figure{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:-2}
.design-opening:after,.design-package:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.3) 55%,rgba(0,0,0,.05)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 70%);pointer-events:none}
.design-opening>div,.design-package>div{padding:0;max-width:550px}.design-opening h1{font-size:clamp(38px,4.6vw,66px)}
.design-opening p:not(.eyebrow),.design-package p:not(.eyebrow){color:#eee}.design-opening .text-link,.design-package .text-link{color:white;border-color:#ffffff80}
.design-package{min-height:80svh;margin:0;padding-bottom:65px}.design-package h2{max-width:18ch}.design-package .design-note{max-width:50ch;color:#ddd}
@media(max-width:700px){.design-opening,.design-package{min-height:88svh;padding:150px 6vw 44px;justify-content:flex-end;gap:0}.design-opening figure,.design-package figure{height:100%;width:100%}.design-opening img{object-position:56% center}.design-opening:after,.design-package:after{background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.48) 55%,rgba(0,0,0,.12))}.design-opening>div,.design-package>div{padding:0}.design-package{min-height:760px;padding-top:100px}.design-opening .eyebrow,.design-package .eyebrow{color:#eee}}
/* Discrete controls complement native swipe and keyboard scrolling. */
.design-gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:0 7vw 24px;gap:20px}.gallery-position{font-size:12px;letter-spacing:.12em;color:#ccc;font-variant-numeric:tabular-nums}.design-gallery-controls>div{display:flex;gap:12px}.design-gallery-controls button{width:48px;height:48px;border:1px solid #777;border-radius:50%;background:transparent;color:white;font:inherit;font-size:22px;cursor:pointer}.design-gallery-controls button:hover{background:#222}.design-gallery-controls button[aria-disabled=true]{opacity:.4;cursor:default}.design-gallery-controls button:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:700px){.design-gallery-controls{padding:0 6vw 20px}}
