.hero-image{background-image:linear-gradient(90deg,rgba(13,24,31,.94) 0%,rgba(13,24,31,.67) 35%,rgba(13,24,31,.05) 65%),linear-gradient(0deg,rgba(13,24,31,.58),transparent 42%),url('./hero-directors-v2.webp');filter:saturate(1.03) contrast(1.03)}
.site-photo{background-image:linear-gradient(0deg,rgba(10,20,27,.3),rgba(10,20,27,.03)),url('./hero-directors-v2.webp')!important;filter:saturate(1.02) contrast(1.04)}
.condition-cinema{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#0a151c;color:#fff}
.condition-photo{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(8,18,24,.95) 0%,rgba(8,18,24,.66) 37%,rgba(8,18,24,.08) 69%),linear-gradient(0deg,rgba(8,18,24,.78),transparent 48%),url('./hero-directors-v2.webp') center/cover no-repeat;filter:saturate(.98) contrast(1.04)}
.condition-weather{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,transparent var(--condition),rgba(180,219,234,.06) var(--condition));transition:.6s}.condition-weather:before{content:'';position:absolute;left:var(--condition);top:0;bottom:0;width:1px;background:rgba(220,239,246,.66);box-shadow:0 0 34px rgba(220,239,246,.35);transition:.6s}.condition-weather i{position:absolute;border:1px solid rgba(220,239,246,.38);border-radius:50%}.condition-weather i:nth-child(1){right:5vw;top:18vh;width:34vw;height:34vw}.condition-weather i:nth-child(2){right:11vw;top:25vh;width:21vw;height:21vw}.condition-weather i:nth-child(3){right:17vw;top:32vh;width:8vw;height:8vw}
.condition-copy{position:relative;z-index:2;width:min(660px,48vw);padding:clamp(140px,18vh,210px) 0 110px 7vw}.condition-copy>span{font:500 .56rem var(--mono);letter-spacing:.12em;color:var(--apricot)}.condition-copy h2{margin:25px 0 22px;font:500 clamp(3.8rem,7vw,8rem)/.85 var(--serif);letter-spacing:-.05em}.condition-copy h2 em{color:var(--apricot)}.condition-copy p{max-width:550px;color:#d3dde1;font-size:1rem;line-height:1.72}
.condition-console{position:absolute;z-index:3;right:5vw;bottom:10vh;width:min(430px,35vw);padding:25px;background:rgba(12,25,33,.66);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(22px);box-shadow:0 24px 70px rgba(0,0,0,.24)}.condition-console header{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.18);font:500 .48rem var(--mono);letter-spacing:.1em}.condition-console header b{color:var(--apricot)}.condition-value{display:flex;align-items:end;justify-content:space-between;padding:24px 0}.condition-value strong{font:500 clamp(3.5rem,6vw,6.2rem)/.8 var(--serif);color:#fff}.condition-value span{max-width:110px;text-align:right;font:500 .48rem/1.5 var(--mono);color:#bed0d7}.condition-console label{display:flex;justify-content:space-between;margin-bottom:12px;font:500 .4rem var(--mono);letter-spacing:.08em;color:#b8c9d0}.condition-console input{width:100%;accent-color:var(--apricot)}.condition-steps{display:flex;gap:8px;margin:15px 0}.condition-steps i{height:3px;flex:1;background:rgba(255,255,255,.15);transition:.3s}.condition-steps i.active{background:var(--apricot);box-shadow:0 0 15px rgba(240,166,121,.5)}.condition-console>p{margin:0;color:#e7edef;font:500 .58rem var(--mono);letter-spacing:.04em}.condition-note{position:absolute;left:7vw;bottom:4vh;font:500 .46rem var(--mono);letter-spacing:.1em;color:#aac0ca}
@media(max-width:700px){.hero-image{background-image:linear-gradient(0deg,rgba(13,24,31,.95) 0%,rgba(13,24,31,.48) 64%,rgba(13,24,31,.06)),url('./hero-mobile-directors-v2.webp');background-position:center}.condition-cinema{min-height:980px}.condition-photo{background-image:linear-gradient(0deg,rgba(8,18,24,.98) 0%,rgba(8,18,24,.65) 57%,rgba(8,18,24,.08)),url('./hero-mobile-directors-v2.webp');background-position:center top}.condition-copy{width:auto;padding:470px 22px 0}.condition-copy h2{font-size:3.5rem}.condition-copy p{font-size:.88rem}.condition-console{position:relative;right:auto;bottom:auto;width:auto;margin:28px 22px 72px;padding:20px}.condition-value strong{font-size:4.3rem}.condition-note{left:22px;bottom:22px}.condition-weather i{display:none}}
@media(prefers-reduced-motion:reduce){.condition-weather,.condition-weather:before,.condition-steps i{transition:none}}

/* Each chapter uses a different photograph: winter site, lived-in room and ducted path. */
.condition-photo{background-image:linear-gradient(90deg,rgba(8,18,24,.95) 0%,rgba(8,18,24,.65) 37%,rgba(8,18,24,.07) 69%),linear-gradient(0deg,rgba(8,18,24,.73),transparent 48%),url('./scene-outdoor-siting-v1.webp');background-position:center}
.site-photo{background-image:linear-gradient(0deg,rgba(10,20,27,.34),rgba(10,20,27,.03)),url('./scene-ducted-v1.webp')!important;background-position:center!important}
.comfort-essay{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;padding:clamp(100px,11vw,165px) 6vw;background:var(--paper);color:var(--ink);overflow:hidden}.comfort-essay:before{content:'ROOM';position:absolute;left:-.04em;bottom:-.22em;font:500 clamp(11rem,24vw,28rem)/1 var(--serif);color:rgba(23,38,48,.035);pointer-events:none}.comfort-essay-title{position:relative;z-index:2;align-self:end;padding-bottom:35px}.comfort-essay-title>span{font:500 .52rem var(--mono);letter-spacing:.12em;color:var(--copper)}.comfort-essay-title h2{margin:22px 0 24px;font:500 clamp(3.5rem,6vw,6.8rem)/.86 var(--serif);letter-spacing:-.05em}.comfort-essay-title h2 em{color:var(--copper)}.comfort-essay-title p{max-width:480px;color:#4d616b;line-height:1.7}.comfort-frame{position:relative;z-index:2;min-width:0;height:min(58vw,720px);margin:0;overflow:hidden;box-shadow:0 34px 90px rgba(23,38,48,.2)}.comfort-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.comfort-frame:hover img{transform:scale(1.025)}.comfort-frame figcaption{position:absolute;left:24px;right:24px;bottom:24px;padding:20px 22px;background:rgba(16,31,39,.76);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px);color:#fff}.comfort-frame figcaption span,.comfort-frame figcaption b,.comfort-frame figcaption small{display:block}.comfort-frame figcaption span{font:500 .46rem var(--mono);letter-spacing:.11em;color:var(--apricot)}.comfort-frame figcaption b{margin:7px 0;font:500 clamp(1.1rem,1.8vw,1.6rem) var(--serif)}.comfort-frame figcaption small{font:500 .43rem var(--mono);letter-spacing:.05em;color:#c8d5da}
@media(max-width:700px){.condition-photo{background-image:linear-gradient(0deg,rgba(8,18,24,.98) 0%,rgba(8,18,24,.64) 57%,rgba(8,18,24,.08)),url('./scene-outdoor-siting-v1.webp');background-position:58% center}.site-photo{background-image:linear-gradient(0deg,rgba(10,20,27,.35),rgba(10,20,27,.03)),url('./scene-ducted-v1.webp')!important;background-position:48% center!important}.comfort-essay{display:block;padding:90px 20px}.comfort-essay-title{padding-bottom:30px}.comfort-essay-title h2{font-size:3.45rem}.comfort-essay-title p{font-size:.88rem}.comfort-frame{height:620px}.comfort-frame img{object-position:42% center}.comfort-frame figcaption{left:14px;right:14px;bottom:14px;padding:17px}}

/* Vernon gets an editorial seasonal portrait: landscape, lived-in room, then control. */
.seasonal-portrait{position:relative;display:grid;grid-template-columns:.62fr 1.1fr .72fr;grid-template-rows:auto minmax(250px,32vw);gap:14px;padding:clamp(95px,10vw,155px) 6vw;background:#d9e0df;color:var(--ink);overflow:hidden}.seasonal-portrait:after{content:'50.27° N';position:absolute;right:2.5vw;top:50%;writing-mode:vertical-rl;font:500 .47rem var(--mono);letter-spacing:.14em;color:#6e7e82}.seasonal-portrait-copy{align-self:end;padding:0 2vw 22px 0}.seasonal-portrait-copy>span{font:500 .51rem var(--mono);letter-spacing:.13em;color:var(--copper)}.seasonal-portrait-copy h2{margin:22px 0 25px;font:500 clamp(3.25rem,5.2vw,6rem)/.87 var(--serif);letter-spacing:-.05em}.seasonal-portrait-copy h2 em{color:var(--copper)}.seasonal-portrait-copy p{max-width:400px;color:#4d6068;line-height:1.72}.seasonal-frame{position:relative;margin:0;overflow:hidden;background:#18262e;box-shadow:0 26px 70px rgba(21,41,49,.16)}.seasonal-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.seasonal-frame:hover img{transform:scale(1.027)}.seasonal-frame.exterior{grid-column:2/4;height:min(47vw,650px)}.seasonal-frame.exterior img{object-position:center}.seasonal-frame.room{grid-column:1/3;height:min(32vw,450px)}.seasonal-frame.room img{object-position:center}.seasonal-frame.control{grid-column:3;height:min(32vw,450px)}.seasonal-frame.control img{object-position:34% center}.seasonal-frame figcaption{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr;gap:4px 15px;padding:20px 22px;background:linear-gradient(0deg,rgba(10,22,28,.93),rgba(10,22,28,.05));color:#fff}.seasonal-frame figcaption b{grid-row:1/3;font:500 1.6rem var(--serif);color:var(--apricot)}.seasonal-frame figcaption span{font:500 .5rem var(--mono);letter-spacing:.11em}.seasonal-frame figcaption small{font:500 .42rem var(--mono);letter-spacing:.05em;color:#c5d2d6}
@media(max-width:700px){.seasonal-portrait{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 520px 330px;gap:10px;padding:86px 20px 96px}.seasonal-portrait:after{display:none}.seasonal-portrait-copy{grid-column:1/-1;padding:0 0 26px}.seasonal-portrait-copy h2{font-size:3.25rem}.seasonal-portrait-copy p{font-size:.88rem}.seasonal-frame.exterior{grid-column:1/-1;height:520px}.seasonal-frame.room{grid-column:1;height:330px}.seasonal-frame.control{grid-column:2;height:330px}.seasonal-frame.room img{object-position:58% center}.seasonal-frame.control img{object-position:28% center}.seasonal-frame figcaption{padding:15px}.seasonal-frame figcaption b{font-size:1.25rem}.seasonal-frame figcaption small{display:none}}