.v3 .web-transformation{background:#181818;color:#f2f0eb;border-top:1px solid #393939;border-bottom:1px solid #393939}.v3 .web-transformation .accent-serif{color:#c8102e}.v3 .web-transformation .row-heading>p{color:#bab8b5}.v3 .bath-demo{margin-top:0}.v3 .bath-demo-caption{margin-bottom:13px;min-height:55px}.v3 .bath-demo-caption>div>span{color:#bab8b5;font-size:10px}.v3 .bath-demo-caption h3{font-family:var(--font);font-size:17px;font-weight:600;text-transform:none;letter-spacing:0}.v3 .bath-site-frame{border-color:#535353;border-radius:4px}.v3 .bath-browser{background:#252525;color:#bab8b5}.v3 .bath-scenes{height:clamp(380px,calc(100svh - 288px),650px)}.v3 .bath-scene:not([hidden]){animation:none}.v3 .bath-scene.wipe-in{position:absolute;inset:0;z-index:2}.v3 .original-scroll{overflow:hidden}.v3 .bath-tabs{margin-top:12px}.v3 .bath-tabs button{color:#bab8b5;font-size:12px;min-height:43px}.v3 .bath-tabs button>span{color:#999}.v3 .bath-tabs button[aria-pressed=true]{background:#c8102e;color:#fff}.v3 .bath-tabs button[aria-pressed=true]>span{color:#fff}.v3 .bath-source{margin:28px 0 0;max-width:890px;color:#999;font-size:11px}.v3 .bath-source a{color:#ccc}.v3 .bath-new-home h3,.v3 .bath-reno-copy h3,.v3 .bath-details-copy h3{font-family:'Instrument Serif',Georgia,serif;text-transform:none;letter-spacing:-.03em;font-weight:400}.v3 .bath-new-home h3{color:#fff;font-size:clamp(44px,6cqw,82px);line-height:.98}.v3 .bath-reno-copy h3,.v3 .bath-details-copy h3{color:#33382c;font-size:clamp(36px,4cqw,54px);line-height:.98;margin:12px 0}.v3 .bath-new-home{color:#fff}.v3 .bath-reno-copy{padding:22px 32px}.v3 .bath-kicker{font-family:var(--font);font-size:9px}.v3 .bath-description{font-size:12px;line-height:1.65;min-height:40px}.v3 .bath-stage-label{margin:13px 0 10px}.v3 .bath-next{background:transparent;border:0;border-bottom:1px solid #a6b38e;color:#3d4634;font-size:12px;margin-top:9px;padding:4px 0;align-self:flex-start}.v3 .bath-details-copy{padding:25px 32px}.v3 .bath-detail-info{margin-top:15px;padding-top:13px;min-height:105px}.v3 .bath-detail-info h4{font-family:var(--font);font-size:16px;line-height:1.4}.v3 .bath-detail-cta{margin-top:12px}.v3 .bath-tabs button:hover{background:#3a3838}.v3 .bath-tabs button[aria-pressed=true]:hover{background:#a70d26}
.live-samples{display:grid;gap:45px}.live-sample{display:grid;grid-template-columns:1.8fr 1fr;gap:45px;align-items:center;border-top:1px solid #414141;padding-top:35px}.live-sample-link{min-width:0;border:1px solid #494949;border-radius:5px;overflow:hidden;display:block;background:#eee}.live-browser{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;gap:15px;background:#242424;color:#bab8b5;font-size:10px;line-height:1.4}.live-browser>span:first-child{font-size:6px;letter-spacing:2px}.live-preview{position:relative;aspect-ratio:1440/1000;overflow:hidden;background:#f2f0eb;isolation:isolate}.live-preview iframe{position:absolute;top:0;left:0;width:1440px;height:1000px;transform:scale(var(--preview-scale,.45));transform-origin:top left;border:0;pointer-events:none}.live-open{position:absolute;right:15px;bottom:15px;background:#111;color:#fff;border:1px solid #ffffff66;padding:9px 14px;font-size:11px;z-index:2}.live-sample-link:hover .live-open{background:#c8102e}.v3 .live-sample-copy h3{font-size:38px;margin-bottom:17px}.live-sample-copy p{font-size:16px;line-height:1.9;color:#bab8b5;max-width:320px}.live-sample-copy .text-link{display:inline-block;margin-top:24px}.v3 .sample-note{font-size:11px;color:#999}
@media(max-width:1000px){.live-sample{grid-template-columns:1.5fr 1fr;gap:25px}.v3 .live-sample-copy h3{font-size:31px}.live-sample-copy p{font-size:15px}.v3 .bath-mini-nav{padding:12px 22px}.v3 .bath-reno-copy{padding:20px 24px}.v3 .bath-reno-copy h3{font-size:38px}.v3 .bath-details-copy{padding:22px}}
@media(max-width:720px){.v3 .bath-demo-caption{gap:15px;min-height:60px;margin-bottom:8px;align-items:center}.v3 .bath-demo-caption>div>span{font-size:8px}.v3 .bath-demo-caption h3{font-size:13px;line-height:1.45;max-width:220px}.v3 .bath-demo-caption .scroll-pause{font-size:9px;padding:7px;max-width:103px;white-space:normal;line-height:1.6}.v3 .bath-scenes{height:clamp(440px,calc(100svh - 287px),600px)}.v3 .bath-mini-nav{height:43px;padding:10px 13px}.v3 .bath-mini-nav b{font-size:12px}.v3 .bath-mini-nav small{font-size:6px}.v3 .bath-new-home,.v3 .bath-renovation,.v3 .bath-detail-scene{height:calc(100% - 43px)}.v3 .bath-new-home h3{font-size:49px}.v3 .bath-new-home>div{top:12%}.v3 .bath-new-home p{font-size:11px}.v3 .bath-new-home>small{font-size:6px;left:20px;right:auto}.v3 .bath-renovation{display:flex;flex-direction:column}.v3 .bath-images{order:-1;flex:1;min-height:145px}.v3 .bath-reno-copy{padding:11px 15px;flex:0 0 auto;min-height:229px}.v3 .bath-reno-copy>.bath-kicker{display:none}.v3 .bath-reno-copy h3{font-size:27px;margin:4px 0 7px;line-height:1.1}.v3 .bath-reno-copy h3 br{display:none}.v3 .bath-description{font-size:10px;line-height:1.55;min-height:30px;margin:0;max-width:none}.v3 .bath-stage-label{margin:8px 0 5px;gap:10px}.v3 .bath-stage-label strong{font-size:10px}.v3 .bath-reno-copy label{font-size:9px}.v3 .bath-next{font-size:10px;margin-top:4px;padding:3px 0}.v3 .bath-disclosure{font-size:8px;margin-top:4px}.v3 .bath-photo-tag{font-size:8px;bottom:9px;left:9px;padding:4px 8px}.v3 .bath-tabs{margin-top:8px;gap:3px}.v3 .bath-tabs button{font-size:10px;padding:8px;min-height:36px}.v3 .bath-tabs button>span{font-size:8px}.v3 .bath-detail-scene{display:flex;flex-direction:column}.v3 .bath-detail-picture{flex:1;min-height:150px}.v3 .bath-details-copy{padding:12px 15px;flex:0 0 auto;min-height:221px}.v3 .bath-details-copy>.bath-kicker{display:none}.v3 .bath-details-copy h3{font-size:28px;margin:0 0 6px}.v3 .bath-details-copy>p{font-size:10px;line-height:1.6}.v3 .bath-detail-info{margin-top:10px;padding-top:8px;min-height:81px}.v3 .bath-detail-info h4{font-size:12px;margin:3px 0}.v3 .bath-detail-info p{font-size:10px;line-height:1.55}.v3 .bath-detail-info>span{font-size:6px}.v3 .bath-detail-cta{font-size:10px;margin-top:7px;padding-bottom:3px}.v3 .bath-source{font-size:10px;margin-top:22px}.live-samples{gap:35px}.live-sample{grid-template-columns:1fr;gap:22px;padding-top:27px}.v3 .live-sample-copy h3{font-size:31px;margin-bottom:11px}.live-sample-copy p{max-width:none;font-size:15px}.live-sample-copy .text-link{margin-top:16px}.live-browser{font-size:8px;padding:9px 10px;gap:9px}.live-open{font-size:9px;right:9px;bottom:9px;padding:7px 10px}}
@media(max-height:730px) and (min-width:721px){.v3 .bath-scenes{height:390px}.v3 .bath-new-home h3{font-size:57px}.v3 .bath-reno-copy h3,.v3 .bath-details-copy h3{font-size:35px}.v3 .bath-description{font-size:11px}.v3 .bath-reno-copy{padding:15px 25px}.v3 .bath-stage-label{margin:8px 0}.v3 .bath-detail-info{min-height:88px;margin-top:10px}.v3 .bath-detail-info p{font-size:11px}}

/* Follow V2 for all surrounding surfaces and type. The bath example keeps its own design. */
.v3 .web-transformation{background:#282522;color:#f8f6f2;border:0}.v3 .web-transformation .accent-serif{color:#ffa9b8}.v3 .web-transformation .row-heading>p{color:#c5bdb4}.v3 .bath-demo-caption h3{font-weight:500}.v3 .bath-demo-caption .scroll-pause{color:#c5bdb4}.v3 .bath-source{color:#a89b8e}.v3 .bath-tabs button{color:#bfb4a8}.v3 .bath-tabs button[aria-pressed=true]{background:#eeebe4;color:#333029}.v3 .bath-tabs button[aria-pressed=true]>span{color:#c8102e}.v3 .bath-tabs button[aria-pressed=true]:hover{background:#e2d9ce}.live-sample{border-color:var(--line)}.live-sample-link{border-color:#ded4c8;box-shadow:0 10px 30px #3923160a}.live-browser{background:#f0ebe4;color:#86776a}.live-sample-copy p{color:#6c655f}.v3 .live-sample-copy h3{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-1px}.live-open{background:#f8f6f2;color:#9f1930;border:1px solid #ddcfc3;box-shadow:0 3px 12px #0001}.live-sample-link:hover .live-open{color:#fff}.v3 .sample-note{color:#928271}.v3 .bath-detail-info h4{letter-spacing:-.4px}@media(max-width:720px){.v3 .live-sample-copy h3{font-size:27px}}