/* A visible invitation to explore color and surface in the room studio. */
.room-studio-teaser{padding-block:110px;background:#282d27;border-block:1px solid #d9bd8629;overflow:hidden;scroll-margin-top:98px}
.room-teaser-layout{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:80px}
.room-teaser-copy h2{font-size:clamp(48px,5.2vw,78px);margin-bottom:29px}
.room-teaser-copy>p:not(.eyebrow){max-width:485px;color:#e0e0d4;font-size:17px;line-height:1.8}
.room-teaser-copy .room-teaser-photo-note{color:#c1c8ba;font-size:15px;margin-bottom:30px}
.room-teaser-copy .button{gap:30px;min-height:57px;padding-inline:27px}
.room-teaser-copy .button span{font-size:20px;line-height:1}
.room-teaser-counts{list-style:none;display:flex;gap:30px;padding:27px 0 0;margin:31px 0 0;border-top:1px solid #eee9d524;max-width:450px}
.room-teaser-counts li{display:flex;flex-direction:column;gap:3px;flex:1;line-height:1.5}
.room-teaser-counts strong{font-size:32px;font-weight:450;letter-spacing:-.045em;color:#e5cf9f}
.room-teaser-counts span{font-size:12px;color:#c8cfc2;white-space:nowrap}
.room-teaser-figure{margin:0;min-width:0;position:relative}
.room-teaser-image{display:block;position:relative;overflow:hidden;border-radius:160px 160px 4px 4px;background:#1e221d;box-shadow:0 20px 60px #13181140}
.room-teaser-image img{width:100%;height:430px;object-fit:cover;object-position:54% 50%;transition:transform .6s cubic-bezier(.2,.65,.2,1)}
.room-teaser-image:hover img{transform:scale(1.035)}
.room-teaser-image-label{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px;background:linear-gradient(transparent,#161c15c9);color:#f5f1e6;font-size:11px;letter-spacing:.13em}
.room-teaser-image-label>span{font-size:23px;line-height:1}
.room-teaser-samples{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eee9df;border:1px solid #e9e1d3;box-shadow:0 14px 40px #11181122;border-radius:5px;margin:-1px 28px 0;padding:19px 20px;color:#283127}
.room-teaser-colors{display:flex;align-items:center;gap:7px;flex:1}
.room-teaser-colors>span{display:block;width:31px;aspect-ratio:1;border-radius:50%;background:var(--sample);box-shadow:inset 0 0 0 1px #00000008}
.room-teaser-pattern{width:44px;aspect-ratio:1;background-color:#d8cbb5;background-size:88px;border:1px solid #aea89552;border-radius:3px;flex-shrink:0}
.room-teaser-figure figcaption{font-size:12px;line-height:1.7;color:#c3cbbb;margin:16px 28px 0;max-width:430px}
@media(max-width:1100px){.room-studio-teaser{padding-block:85px}.room-teaser-layout{gap:45px}.room-teaser-image img{height:400px}.room-teaser-samples{margin-inline:12px;padding:16px 14px;gap:8px}.room-teaser-colors{gap:5px}.room-teaser-colors>span{width:25px}.room-teaser-pattern{width:35px}.room-teaser-figure figcaption{margin-inline:12px}}
@media(max-width:780px){.room-teaser-layout{grid-template-columns:1fr;gap:42px}.room-teaser-copy{max-width:560px}.room-teaser-copy h2{font-size:clamp(46px,9vw,68px)}.room-teaser-copy>p:not(.eyebrow){max-width:none}.room-teaser-figure{max-width:620px;width:100%;margin-inline:auto}.room-teaser-image{border-radius:160px 160px 4px 4px}.room-teaser-image img{height:400px}.room-teaser-samples{margin-inline:25px;padding:19px 20px}.room-teaser-colors{gap:8px}.room-teaser-colors>span{width:32px}.room-teaser-pattern{width:43px}}
@media(max-width:480px){.room-studio-teaser{padding-block:62px;scroll-margin-top:84px}.room-teaser-layout{gap:35px}.room-teaser-copy h2{font-size:46px;line-height:1.08}.room-teaser-copy>p:not(.eyebrow){font-size:15px}.room-teaser-copy .room-teaser-photo-note{font-size:14px}.room-teaser-counts{gap:20px;padding-top:21px;margin-top:25px}.room-teaser-counts strong{font-size:29px}.room-teaser-counts span{font-size:11px;white-space:normal}.room-teaser-image{border-radius:110px 110px 4px 4px}.room-teaser-image img{height:310px}.room-teaser-image-label{padding:19px;font-size:10px;letter-spacing:.1em}.room-teaser-samples{margin-inline:12px;padding:15px 12px;gap:7px}.room-teaser-colors{gap:4px}.room-teaser-colors>span{width:23px}.room-teaser-pattern{width:31px}.room-teaser-figure figcaption{margin-inline:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.room-teaser-image img{transition:none}.room-teaser-image:hover img{transform:none}}
@media print{.room-studio-teaser{padding-block:30px;background:white;color:black;break-inside:avoid}.room-teaser-layout{display:block}.room-teaser-copy>p:not(.eyebrow),.room-teaser-counts span,.room-teaser-counts strong{color:black}.room-teaser-copy .button,.room-teaser-figure{display:none}}