.hero{grid-template-columns:1fr 1.45fr;gap:6%;margin-bottom:42px}.hero h1{font-size:clamp(60px,6.3vw,84px)}.hero-image{background:white}.hero-image figcaption{background:var(--paper);padding-top:12px}.hero-intro{max-width:430px}.hero-line{font-size:29px}.needs-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.observations{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.observations img{height:265px;object-fit:cover}.decisions article{display:flex;gap:22px;padding:22px 0;border-top:1px solid var(--rule)}.decisions article:first-child{padding-top:0;border-top:0}.decisions article>span{font:13px Manrope,Arial,sans-serif;color:var(--teal);padding-top:5px}.decisions h3{font-size:25px;margin:6px 0}.decisions p:not(.small-label){font-size:15px}.room-study{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;background:white;padding:32px;align-items:center}.state-options{display:grid;gap:0;margin-top:20px}.state-options button{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--rule);padding:20px 15px;min-height:65px}.state-options button span{font:12px Manrope,Arial,sans-serif;color:var(--muted)}.state-options button strong{font-weight:400;font-size:21px}.state-options button[aria-pressed=true]{background:#eaf3ef;border-inline-start:3px solid var(--teal);padding-inline-start:12px}.state-options button[aria-pressed=true] strong{color:var(--teal)}.state-caption{font-size:16px;margin-top:25px;line-height:1.9;min-height:96px}.plan-key{font-size:12px;margin-top:26px;color:var(--muted)}.plan-key>span{display:flex;gap:5px;margin-bottom:9px}.plan-key i{width:16px;height:6px;background:#89cbd2}.plan-key i:nth-child(2){background:#f3d080}.plan-key i:nth-child(3){background:#b89cd2}.room-study figure img{width:100%;height:510px;object-fit:contain}.operation{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:35px 0 55px}.operation article{border-top:1px solid var(--rule);padding-top:18px}.step{font:12px Manrope,Arial,sans-serif;color:var(--teal)}.operation h3{font-size:24px}.operation p{font-size:15px}.room-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:38px;align-items:center}.room-pair figure:last-child img{height:410px;object-fit:contain}.storage-study{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:34px 55px;background:white}.storage-study h3{font-size:35px;margin:12px 0 26px}.storage-study .quiet{margin-top:12px}.storage-study .state-caption{max-width:340px}.storage-study img{height:510px;object-fit:contain}.storage-study .segmented{width:max-content;max-width:100%}.storage-study .segmented button{padding:10px 15px;font-size:13px}.seat-study{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;margin-top:62px}.seat-study>figure{background:white}.seat-study h3{font-size:36px;line-height:1.35;margin:15px 0 23px}.seat-study p{font-size:16px}.dimensions{display:flex;gap:40px;margin:25px 0;border-block:1px solid var(--rule);padding:17px 0}.dimensions dt{font-size:12px;color:var(--muted)}.dimensions dd{font:36px Manrope,Arial,sans-serif;direction:ltr;text-align:right;margin-top:5px;color:var(--teal)}.dimensions small{font:14px Heebo,Arial,sans-serif}.hardware{display:flex;gap:25px}.hardware figure{width:120px}.hardware img{height:85px;object-fit:contain;background:white}.hardware figcaption{font-size:11px;padding-top:7px}.detail-drawings{display:grid;grid-template-columns:1fr 1.35fr .8fr;gap:24px;padding:30px;background:white}.detail-drawings img{height:310px;object-fit:contain}.mat-study{margin-top:62px;padding:30px 0;border-block:1px solid var(--rule)}.mat-heading{max-width:690px}.mat-heading h3{font-size:30px;margin:10px 0 18px}.mat-heading p{font-size:16px}.mat-images{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}.mat-images img{background:white;aspect-ratio:2.44;object-fit:contain}.models{display:grid;grid-template-columns:1fr 1fr;gap:34px}.model-photo{overflow:hidden;aspect-ratio:1.08;background:#ece5d9}.model-photo img{width:100%;height:100%;object-fit:cover;object-position:center 47%}.models figure:nth-child(2) .model-photo img{object-position:center 60%}.development-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:38px 0 48px}.development-notes article{border-top:1px solid var(--rule);padding-top:15px}.development-notes article>span{font-size:12px;color:var(--bronze)}.development-notes p{font-size:15px;margin-top:13px}.unit-development{display:grid;grid-template-columns:.65fr 1.5fr;gap:45px;align-items:center}.unit-development figure:first-child img{height:365px;object-fit:contain}.unit-development figure:last-child img{max-height:460px;object-fit:contain;background:white}.unit-development figcaption{text-align:center}.research-images{padding:30px;background:white}.atmosphere-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.atmosphere-image img{max-height:790px;width:100%;object-fit:contain;background:white}.materials{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.materials article{border-top:1px solid var(--rule);padding-top:20px}.materials h3{font-size:24px}.materials p{font-size:15px}.swatch{display:block;width:44px;height:7px;margin-bottom:16px}.swatch.wood{background:#bda687}.swatch.soft{background:#c9d9d4}.swatch.light{background:#e2d5c1}.ceiling{background:white;padding:25px}.ceiling img{max-height:620px;object-fit:contain}.project-end .role{max-width:610px;font-size:13px}.project-end{gap:40px}.atmosphere-image figcaption{min-height:62px}.chapter{padding-top:88px}.more summary{min-height:65px}.viewer-stage:not(.fit){direction:ltr}.viewer-stage:not(.fit) img{max-width:none}.image-button{position:relative}.image-button:after{content:'↗';position:absolute;inset-inline-end:10px;bottom:10px;width:29px;height:29px;background:rgba(252,251,248,.93);border:1px solid #ddd6ca;color:var(--bronze);display:grid;place-items:center;font-size:16px;opacity:0;transition:opacity .15s}.image-button:hover:after,.image-button:focus-visible:after{opacity:1}
@media(max-width:1000px){.hero{gap:4%;grid-template-columns:1fr 1.1fr}.hero h1{font-size:62px}.needs-layout{gap:30px}.observations img{height:235px}.room-study{gap:25px;grid-template-columns:.8fr 1.2fr;padding:25px}.room-study figure img{height:420px}.state-options button strong{font-size:18px}.storage-study{padding:28px;gap:30px}.seat-study{gap:30px}.storage-study .segmented{flex-wrap:wrap}.unit-development{gap:25px}.room-pair{gap:25px}.room-pair figure:last-child img{height:330px}}
@media(max-width:640px){.hero{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:30px}.hero-copy{display:contents}.hero h1{font-size:54px;margin:0;line-height:1.18}.hero h1 br{display:none}.hero .eyebrow{margin-top:10px}.hero-image{margin:0}.hero-image figcaption{font-size:11px}.hero-line{font-size:27px}.hero-intro{font-size:15px;max-width:none}.hero-line br{display:none}.chapter{padding-top:58px}.needs-layout{grid-template-columns:1fr;gap:26px}.observations{gap:15px}.observations img{height:200px}.decisions article{padding:19px 0;gap:19px}.decisions h3{font-size:24px}.decisions p:not(.small-label){font-size:14px}.room-study{grid-template-columns:1fr;padding:18px 14px;gap:15px}.state-options{display:flex;gap:3px;margin-top:13px}.state-options button{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center;padding:12px 3px;min-height:85px}.state-options button span{font-size:10px}.state-options button strong{font-size:13px;line-height:1.4}.state-options button[aria-pressed=true]{border-inline:0;border-bottom:3px solid var(--teal);padding-inline:3px}.state-caption{font-size:14px;min-height:75px;margin-top:18px}.room-study figure img{height:auto;aspect-ratio:1.04;object-fit:contain}.plan-key{margin-top:8px;font-size:11px}.plan-key>span{display:inline-flex;margin:0 0 0 7px}.plan-key i{width:10px;height:6px}.drawing-caption{flex-wrap:wrap}.operation{grid-template-columns:1fr;gap:18px;margin:28px 0 35px}.operation article{display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding-top:15px}.operation .step{padding-top:9px}.operation h3{margin:0 0 8px;font-size:23px}.operation p{grid-column:2;font-size:14px}.room-pair{grid-template-columns:1fr;gap:26px}.room-pair figure:last-child img{height:auto;max-height:480px}.storage-study{grid-template-columns:1fr;padding:23px 16px;gap:15px}.storage-study h3{font-size:29px;margin:8px 0 18px}.storage-study .segmented{width:100%;flex-wrap:nowrap}.storage-study .segmented button{font-size:12px;padding:9px 5px}.storage-study .state-caption{max-width:none;min-height:82px}.storage-study img{height:395px}.storage-study .quiet{font-size:11px}.seat-study{grid-template-columns:1fr;gap:26px;margin-top:37px}.seat-study h3{font-size:31px;margin:10px 0 18px}.seat-study h3 br{display:none}.seat-study p{font-size:15px}.hardware figure{width:115px}.dimensions{gap:35px}.detail-drawings{grid-template-columns:1fr;padding:20px 15px;gap:30px}.detail-drawings img{height:auto;max-height:450px}.mat-study{margin-top:35px;padding:25px 0}.mat-heading h3{font-size:27px}.mat-heading p{font-size:15px}.mat-images{grid-template-columns:1fr;gap:20px}.mat-images figcaption{padding-top:6px}.models{gap:26px;grid-template-columns:1fr}.model-photo{aspect-ratio:1.06}.models figcaption strong{font-size:20px}.development-notes{grid-template-columns:1fr;gap:20px;margin:30px 0}.development-notes p{font-size:14px;margin-top:9px}.unit-development{grid-template-columns:1fr;gap:28px}.unit-development figure:first-child img{height:365px}.unit-development figure:last-child img{max-height:360px}.unit-development figcaption{font-size:12px}.research-images{padding:20px 12px}.atmosphere-controls{display:block;margin-bottom:17px}.atmosphere-controls .segmented{width:100%}.atmosphere-controls .quiet{display:block;margin-top:8px;font-size:11px}.atmosphere-image figcaption{font-size:12px;min-height:84px}.materials{grid-template-columns:1fr;gap:23px;margin-top:25px}.materials h3{font-size:23px}.materials p{font-size:14px}.materials article{padding-top:18px}.swatch{margin-bottom:9px}.ceiling{padding:15px}.project-end .role{font-size:12px}.more summary{font-size:13px}.image-button:after{opacity:1;width:25px;height:25px;bottom:7px;inset-inline-end:7px;font-size:14px}}
@media(max-width:360px){.hero h1{font-size:45px}.hero-line{font-size:24px}.storage-study .segmented button{font-size:11px}.observations img{height:180px}.state-options button strong{font-size:12px}.state-caption{min-height:103px}.storage-study img{height:350px}.plan-key{line-height:1.9}}
@media(prefers-reduced-motion:reduce){.image-button:after{transition:none}}

/* Review 10: source photographs tied to observed needs; proposed sensory features. */
.needs-layout.problem-response{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.need-case{min-width:0}.need-case figure{margin:0}.need-case figure img{height:270px;width:100%;object-fit:contain;background:#f0eee8}.need-case figcaption{font-size:11px;padding-top:10px}.need-case .problem{margin-top:21px;min-height:158px}.need-case h3{font-size:24px;line-height:1.45;margin:6px 0 12px}.need-case p:not(.small-label){font-size:15px;line-height:1.9}.need-case .response{border-top:1px solid var(--rule);padding-top:18px}.need-case .response .small-label{color:var(--teal)}.need-case .response h3{font-size:23px}.sensory-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px}.sensory-features[hidden]{display:none}.sensory-features article{border-top:1px solid var(--rule);padding-top:17px}.sensory-features article>span{font-size:12px;color:var(--teal)}.sensory-features h3{font-size:23px;margin:10px 0}.sensory-features p{font-size:15px;line-height:1.85}.unit-development figure:first-child img{background:#fcfbf8}
@media(max-width:1000px){.needs-layout.problem-response{gap:20px}.need-case figure img{height:230px}.need-case h3{font-size:22px}.need-case .response h3{font-size:21px}.need-case .problem{min-height:185px}}
@media(max-width:640px){.needs-layout.problem-response{grid-template-columns:1fr;gap:36px}.need-case{display:grid;grid-template-columns:1fr;gap:0}.need-case figure img{height:285px}.need-case .problem{min-height:0;margin-top:20px}.need-case .response{margin-top:18px;padding-top:16px}.need-case h3,.need-case .response h3{font-size:24px}.need-case p:not(.small-label){font-size:14px}.sensory-features{grid-template-columns:1fr;gap:22px;margin-top:18px}.sensory-features p{font-size:14px}.sensory-features h3{font-size:23px}}
