.unboxing-showcase{position:relative;isolation:isolate;background:#191612;color:#fff8ec;padding-top:86px;padding-bottom:86px;overflow:hidden}
.unboxing-showcase:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/leopard-brown-print.webp') center/700px auto;opacity:.2;filter:saturate(.45)}
.unboxing-showcase:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#15120fe0,#15120f40 45%,#15120fd9)}
.showcase-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:8%;max-width:1500px;margin:0 auto 58px}
.showcase-heading h2{font-family:Bebas,sans-serif;font-size:clamp(46px,4.4vw,76px);line-height:.98;letter-spacing:-.025em}
.showcase-heading p{font-size:17px;line-height:1.65;margin:0;max-width:53ch;color:#eee4d7}
.showcase-stage{display:grid;grid-template-columns:1fr 1.22fr 1fr 1fr;gap:clamp(16px,2vw,34px);align-items:start;max-width:1500px;margin:auto}
.editorial-phone{position:relative;isolation:isolate;background:#f4f4f4;color:#211b15;border:6px solid #141210;border-radius:38px;box-shadow:0 0 0 1px #b7a994,0 22px 40px #0005;min-width:0;overflow:hidden;min-height:610px;aspect-ratio:9/20;transition:color .25s ease}
.phone-speaker{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:32%;height:15px;background:#141210;border-radius:20px;z-index:4}
.phone-home{position:absolute;bottom:10px;left:35%;width:30%;height:4px;border-radius:4px;background:currentColor;z-index:3;opacity:.65}
.phone-copy{position:relative;z-index:2;padding:48px 20px 30px;min-height:100%;display:flex;flex-direction:column}
.phone-copy h3{font-family:Bebas,sans-serif;font-size:clamp(32px,2.7vw,45px);font-weight:400;line-height:1;letter-spacing:-.02em;margin:0 0 24px;text-transform:uppercase;text-wrap:balance}
.phone-copy p{font-size:14px;line-height:1.55;margin:0 0 16px;font-weight:400}
.phone-reels{margin-top:auto;padding-top:14px}
.phone-reel{display:block;padding:13px 0;border-top:1px solid #988a775c;font-size:14px;line-height:1.3;position:relative;color:inherit}
.phone-reel>span{display:block}.phone-reel small{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-top:8px;color:#70551e}
.phone-reel svg{width:15px;height:15px;stroke-width:1.5}.phone-reel:focus-visible{outline:none;text-decoration:none}
.phone-screens{position:absolute;inset:0;z-index:0;background:#141210;opacity:0;transition:opacity .28s ease}
.phone-screens img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .28s ease}
.phone-screens:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#141210d9,#14121099 48%,#141210e6)}
.editorial-phone.screen-active{color:#fff9f0}.screen-active .phone-screens,.screen-active .phone-screens img.is-active{opacity:1}.screen-active .phone-reel small{color:#e3bd72}.screen-active .phone-reel{border-color:#eee0c24d}.phone-reel:hover{color:inherit}
.showcase-portrait{align-self:end;position:relative;min-width:0;height:640px;margin-top:90px;background:#eae2d7;overflow:hidden;border-radius:150px 150px 0 0}
.showcase-portrait img{position:absolute;bottom:0;left:-28%;width:156%;max-width:none;height:auto;mix-blend-mode:multiply}
.phone-hats{margin-top:45px}.phone-home-story{margin-top:0}
.showcase-offer{position:relative;z-index:5;display:grid;grid-template-columns:1fr 1.25fr;gap:8%;align-items:center;max-width:1140px;margin:-15px auto 0;padding:42px 54px;background:#f4eee4;color:#211b15;box-shadow:0 24px 55px #0003}
.showcase-offer h3{font:400 clamp(40px,4vw,62px)/1 Bebas,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.showcase-offer h3 em{font:italic 400 clamp(34px,3.2vw,49px)/1.2 Playfair,Georgia,serif;text-transform:none;color:#876522;letter-spacing:-.035em}
.showcase-offer p{font-size:16px;line-height:1.55;margin:0 0 18px}.showcase-cta{display:inline-flex;gap:24px;align-items:center;font-size:15px;border-bottom:1px solid #a47c29;padding:8px 0}.showcase-cta svg{width:19px;height:19px}.showcase-cta:hover{color:#876522}
@media(min-width:1700px){.phone-copy p{font-size:16px}.phone-reel{font-size:16px}.phone-reel small{font-size:12px}.editorial-phone{min-height:650px}}
@media(max-width:1150px) and (min-width:701px){.showcase-stage{grid-template-columns:1fr 1fr 1fr;gap:20px}.showcase-portrait{grid-column:1;grid-row:2;height:390px;margin:30px 0 0}.phone-unbox{grid-column:1}.phone-hats{grid-column:2;margin-top:0}.phone-home-story{grid-column:3}.editorial-phone{min-height:660px}.showcase-offer{margin:-300px 0 0 36%;display:block;padding:32px;min-height:310px}.showcase-offer h3{margin-bottom:22px}.phone-copy{padding-inline:17px}}
@media(max-width:700px){.unboxing-showcase{padding:58px 24px}.showcase-heading{display:block;margin-bottom:32px}.showcase-heading h2{font-size:44px;margin-bottom:24px}.showcase-heading p{font-size:16px}.showcase-stage{grid-template-columns:minmax(0,1fr);gap:26px;max-width:342px}.showcase-portrait{grid-column:1;grid-row:1;height:380px;width:100%;margin:0;border-radius:130px 130px 0 0}.showcase-portrait img{width:115%;left:-7.5%;bottom:-100px}.editorial-phone{width:100%;min-height:580px;aspect-ratio:auto;margin:0;border-radius:38px}.phone-copy{padding:48px 25px 38px;min-height:580px}.phone-copy h3{font-size:42px}.phone-copy p{font-size:16px;line-height:1.6}.phone-reel{font-size:16px}.phone-reel small{font-size:12px}.showcase-offer{margin:32px auto 0;display:block;padding:30px 24px;max-width:342px}.showcase-offer h3{font-size:42px;margin-bottom:22px}.showcase-offer h3 em{font-size:34px}.showcase-offer p{font-size:16px}.showcase-cta{font-size:14px;gap:12px}}
@media(prefers-reduced-motion:reduce){.editorial-phone,.phone-screens,.phone-screens img{transition:none}}

/* Refined iPhone details adapted from Devices.css (MIT), license alongside CSS. */
.unboxing-showcase{padding-bottom:70px}
.unboxing-showcase:before{background:none;opacity:1;filter:none}
.unboxing-showcase:after{background:linear-gradient(#15120fb8,#15120f9c)}
.showcase-texture{position:absolute;inset:0;z-index:-2;overflow:hidden}
.showcase-texture img{position:absolute;left:50%;top:50%;width:1800px;height:1800px;max-width:none;object-fit:cover;transform:translate(-50%,-50%) rotate(90deg);filter:saturate(.6)}
.showcase-heading p{line-height:1.1}
.editorial-phone{overflow:visible;border:9px solid #151515;border-radius:44px;box-shadow:0 0 0 2px #aaa5a0,inset 0 0 0 1px #ddd;min-height:610px}
.editorial-phone:before,.editorial-phone:after{content:"";position:absolute;background:#77716a;border-radius:3px;width:4px;left:-13px;top:95px;height:28px}
.editorial-phone:after{top:140px;height:52px;box-shadow:0 66px #77716a}
.phone-buttons{position:absolute;right:-13px;top:160px;width:4px;height:78px;background:#77716a;border-radius:3px}
.phone-speaker{top:12px;height:20px;width:32%}
.phone-speaker:after{content:"";position:absolute;right:8px;top:6px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#294756,#050607)}
.phone-status{position:absolute;top:15px;left:19px;right:15px;display:flex;justify-content:space-between;align-items:center;z-index:4;font:600 11px/1 Arial,sans-serif}
.phone-status>span{display:flex;gap:4px;align-items:center}.phone-battery{width:18px;height:9px;border:1px solid currentColor;border-radius:2px;position:relative}.phone-battery:before{content:"";position:absolute;inset:1px;background:currentColor}.phone-battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:3px;background:currentColor}.phone-signal{width:12px;height:9px;background:linear-gradient(to right,currentColor 20%,transparent 20% 30%,currentColor 30% 50%,transparent 50% 60%,currentColor 60% 80%,transparent 80% 90%,currentColor 90%);clip-path:polygon(0 75%,25% 75%,25% 50%,50% 50%,50% 25%,75% 25%,75% 0,100% 0,100% 100%,0 100%)}.phone-wifi{font-style:normal;font-size:13px}
.phone-copy{padding-top:59px}.phone-copy h3{line-height:.78}.phone-copy p{line-height:1.04;transition:opacity .2s}.phone-reel{line-height:1.05;border:0}.phone-reel small{line-height:1.1}.phone-hats{margin-top:0}.phone-screens{border-radius:34px;overflow:hidden}.phone-screens:after{background:linear-gradient(#14121070,#14121020 45%,#141210a0)}
.screen-active .phone-copy p{opacity:.5}.screen-active .phone-copy h3{color:#fff9f0}.phone-reel:hover,.phone-reel:focus-visible,.showcase-cta:hover{color:#c0943b}.phone-reel small{color:inherit}
.showcase-portrait{background:transparent;border-radius:0;overflow:visible;position:absolute;left:27%;bottom:0;width:25%;height:750px;margin:0;z-index:0;pointer-events:none}
.showcase-portrait img{mix-blend-mode:normal;left:-45%;width:190%;bottom:0;clip-path:polygon(35.5% 26%,35.5% 24%,38% 22.8%,43% 21.7%,50% 21.7%,56% 22.3%,58% 25%,62% 26%,65% 27.5%,65% 30%,63% 32%,61% 34%,60% 36%,62% 40%,66% 43%,70% 48%,73% 53%,75% 62%,74% 71%,72% 77%,70% 86%,65% 100%,32% 100%,31% 93%,32% 80%,31% 76%,30.5% 74%,32% 63%,34% 58%,31% 57%,28% 54%,26.5% 50%,25.5% 44%,24.5% 36%,24% 30%,26% 28.7%,28.5% 28.4%,30% 27.5%,33% 28%,35% 28%)}
.showcase-offer{background:#15120f4d;color:#fff8ec;border:1px solid #ddd2bd88;box-shadow:none;margin-top:70px;max-width:100%;padding:40px;gap:7%;grid-template-columns:1fr 1.15fr}
.showcase-offer h3{font-size:clamp(48px,5vw,76px);line-height:.85}.showcase-offer h3 em{display:block;font-size:clamp(34px,4vw,60px);line-height:.85;margin-top:-.08em;color:#c0943b;-webkit-text-stroke:1px #fff8ec;paint-order:stroke fill;white-space:nowrap}
.showcase-cta{display:block;width:max-content;max-width:100%;border:0;margin-top:24px;font:400 30px/.85 Bebas,sans-serif;text-transform:uppercase}.showcase-cta em{display:block;font:italic 400 27px/.85 Playfair,Georgia,serif;color:#c0943b;text-transform:none;margin-top:-2px}.showcase-offer p{line-height:1.1}
@media(max-width:1150px) and (min-width:701px){.showcase-stage{padding-bottom:370px}.showcase-portrait{left:8%;width:32%;height:600px}.showcase-offer{margin:-270px 0 0 37%;display:block;padding:26px}.showcase-offer h3{font-size:45px}.showcase-offer h3 em{font-size:35px}.showcase-offer p{margin-top:24px}}
@media(max-width:700px){.unboxing-showcase{display:flex;flex-direction:column;padding-bottom:0}.showcase-heading{order:0}.showcase-stage{display:contents}.editorial-phone{order:1;margin:0 auto 28px;max-width:342px}.phone-hats{order:2}.phone-home-story{order:3}.showcase-offer{order:4;margin:12px auto 0;padding:26px 20px;max-width:342px}.showcase-offer h3{font-size:45px}.showcase-offer h3 em{font-size:37px}.showcase-portrait{order:5;position:relative;left:auto;width:100%;max-width:342px;height:530px;margin:0 auto;overflow:hidden}.showcase-portrait img{width:190%;left:-45%;bottom:0}.phone-copy p{line-height:1.07}.phone-copy h3{line-height:.78}.showcase-heading p{line-height:1.1}.showcase-texture img{height:2600px;width:2600px}}
@media(min-width:1151px){.phone-unbox{grid-column:1}.phone-hats{grid-column:3}.phone-home-story{grid-column:4}}
.showcase-portrait img{clip-path:none;filter:url(#portrait-white-key)} .showcase-offer h3 em{margin-top:-.26em}.showcase-cta em{margin-top:-.15em}.phone-copy h3{line-height:.67}
.phone-wifi{font-size:0;width:10px;height:8px;border-top:2px solid currentColor;border-radius:50%;position:relative}.phone-wifi:after{content:"";position:absolute;top:2px;left:3px;width:4px;height:3px;border-top:2px solid currentColor;border-radius:50%}
.showcase-cta:hover em{color:#f2d99f}.showcase-offer h3 em{position:relative;top:-.15em}.showcase-texture img{pointer-events:none}
.showcase-texture{background:url(assets/showcase-leopard-rotated.svg) center top/1500px auto repeat;filter:saturate(.6)}.showcase-texture img{display:none}
@media(max-width:700px){.showcase-portrait img{width:130%;left:-15%}}
/* Responsive spacing and explicit composition layers. */
.editorial-phone{z-index:1}
.showcase-portrait{z-index:2}
.showcase-offer{z-index:3}
.showcase-offer h3 em{-webkit-text-stroke:0;text-shadow:none}
.phone-reel small,.screen-active .phone-reel small{color:inherit}
.screen-active .phone-reel{color:#fff9f0}
.screen-active .phone-reel:hover,.screen-active .phone-reel:focus-visible{color:#c0943b}
.screen-active .phone-reels{background:linear-gradient(transparent,#141210 18%);margin-left:-20px;margin-right:-20px;padding:24px 20px 0}
@media(max-width:1150px) and (min-width:701px){
 .showcase-stage{align-items:stretch;padding-bottom:0}
 .editorial-phone{min-height:0;aspect-ratio:auto}
 .phone-copy{min-height:470px;height:100%}
 .phone-reels{padding-top:22px}
 .showcase-offer{margin:80px 0 0;min-height:350px;padding:32px 32px 32px 37%;max-width:100%}
 .showcase-portrait{left:5%;width:32%;height:600px}
 .showcase-portrait img{height:600px;width:auto;left:50%;transform:translateX(-50%);max-width:none}
 .screen-active .phone-reels{margin-inline:-17px;padding-inline:17px}
}
@media(max-width:700px){
 .editorial-phone{min-height:0;aspect-ratio:auto}
 .phone-copy{min-height:430px;height:auto}
 .phone-reels{padding-top:24px}
 .screen-active .phone-reels{margin-inline:-25px;padding-inline:25px}
}
:root{--light:#f4f4f4}
.travel{background:#f4f4f4}
.bio-card{background:rgba(244,244,244,.68)}
.ap-gallery.ap-pair img{background:#f4f4f4}
@media(max-width:700px){.bio-card{background:rgba(244,244,244,.81)}}
/* Single continuous print and the same frosted material as hero cards. */
.showcase-texture{background-size:cover;background-repeat:no-repeat;background-position:center;filter:none}
.unboxing-showcase:after{background:none}
.showcase-offer{background:rgba(244,244,244,.68);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:0;border-radius:12px;box-shadow:0 8px 35px #00000005;color:#111}
.showcase-offer h3{color:#111}
.showcase-offer .showcase-cta{display:flex;align-items:center;gap:18px;width:fit-content;max-width:100%;font:italic 400 clamp(26px,2.5vw,38px)/1.05 Playfair,Georgia,serif;text-transform:none;color:#876522;margin-top:24px;transition:color .18s ease}
.showcase-cta-label{min-width:0}
.showcase-cta .direction-arrow{flex:0 0 32px;width:32px;height:48px;transition:transform .18s ease}
.showcase-offer .showcase-cta:hover,.showcase-offer .showcase-cta:focus-visible{color:#c0943b}
.showcase-cta:hover .arrow-dark,.showcase-cta:focus-visible .arrow-dark{opacity:0}
.showcase-cta:hover .arrow-light,.showcase-cta:focus-visible .arrow-light{opacity:1}
.showcase-cta:active .direction-arrow{transform:scale(.9)}
@media(max-width:700px){.showcase-offer{background:rgba(244,244,244,.81)}.showcase-offer .showcase-cta{font-size:27px;gap:12px}.showcase-cta .direction-arrow{flex-basis:30px;width:30px;height:45px}}
.showcase-offer{border-radius:10px}
#ap-benefits{border-bottom:0}
.project-fold summary b{font-family:DisplayBold,Bebas,sans-serif;font-weight:400;letter-spacing:-.015em}
.fold-arrow{height:44px;mix-blend-mode:multiply}
/* Light canvas with the leopard film confined to the headline. */
.unboxing-showcase{background:#fff;color:#111}
.showcase-texture{display:none}
.showcase-heading{grid-template-columns:1.45fr 1fr;gap:5%}
.showcase-heading p{color:#332a25}
.showcase-heading .showcase-video-title{position:relative;font-family:DisplayBold,Bebas,sans-serif;font-size:clamp(48px,5.4vw,96px);line-height:1;letter-spacing:-.015em}
.showcase-video-title video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;visibility:hidden;pointer-events:none}
.showcase-video-title.mask-ready>span{color:transparent}
.showcase-video-title.mask-ready video{visibility:visible;mask:var(--title-mask) center/100% 100% no-repeat;-webkit-mask:var(--title-mask) center/100% 100% no-repeat}
.showcase-offer .showcase-cta{color:#111;text-transform:none}
.showcase-offer .showcase-cta:hover,.showcase-offer .showcase-cta:focus-visible{color:#c0943b}
@media(max-width:700px){.showcase-heading .showcase-video-title{font-size:clamp(35px,8.8vw,60px)}}
@media(prefers-reduced-motion:reduce){.showcase-video-title video{display:none}.showcase-video-title.mask-ready>span{color:#111}}
.direction-list h3,.topic-label{display:flex;align-items:baseline;gap:.28em}
.direction-number{color:#c0943b;flex-shrink:0;font:inherit!important;letter-spacing:-.025em}
.direction-list .direction-name{font:inherit;color:#111}
.topic-label{font:400 38px/1 DisplayBold,Bebas,sans-serif;letter-spacing:-.015em;text-transform:uppercase;color:#111;margin:0 0 38px;grid-column:1/-1;position:relative;z-index:3}
.travel,.realestate{row-gap:0}
@media(max-width:700px){.direction-list h3,.topic-label{font-size:30px}.topic-label{order:-1;margin-bottom:28px;gap:.22em}.direction-list h3{align-items:baseline}.topic-label>span:last-child{min-width:0}}
.screen-active .phone-copy p{opacity:0;pointer-events:none}
/* Compact editorial rhythm across thematic sections. */
.apartment-deck h2,.apartment-deck h3:not(.script),.travel h2,.realestate h2{line-height:.75}
.apartment-deck p,.travel p,.realestate p{line-height:1.05}
.apartment-deck .script,.travel .script,.realestate .script{line-height:1.1}
.chapter-number{color:#c0943b;font-weight:400;margin-right:.4em}
.ap-chapter-title h3 em{display:block;margin-top:-.2em;line-height:.9;position:relative}
@media(min-width:701px){.directions-intro{margin-left:calc((100% - 98px)*1.2/2.2 + 25px);margin-top:18px}}
.numbered-headline{display:flex;align-items:baseline;gap:.22em;font:400 clamp(42px,5vw,76px)/.85 DisplayBold,Bebas,sans-serif;min-width:0}
.topic-index{color:#c0943b;font:inherit;flex:none;letter-spacing:-.025em}
.numbered-headline h2{min-width:0;flex:1}
.showcase-heading{grid-template-columns:1.7fr 1fr;gap:4%}
.showcase-heading .numbered-headline,.showcase-heading .showcase-video-title{font-size:clamp(44px,5.4vw,96px);line-height:.85}
.showcase-heading .numbered-headline{align-self:start}
@media(max-width:700px){.numbered-headline{font-size:clamp(29px,7.5vw,42px)}.numbered-headline h2{font-size:inherit!important}.showcase-heading .numbered-headline,.showcase-heading .showcase-video-title{font-size:clamp(27px,7.2vw,46px);line-height:.85}}
.direction-list .direction-number,.direction-list .direction-name{transition:color .18s ease}
.direction-list>a:hover .direction-number,.direction-list>a:focus-visible .direction-number{color:#111}
.direction-list>a:hover .direction-name,.direction-list>a:focus-visible .direction-name{color:#c0943b}
.phone-copy p,.phone-reel,.phone-reel small,.showcase-heading p,.showcase-offer p{font-family:Roboto,sans-serif;font-weight:300}
.project-fold summary b{transition:color .18s ease}.project-fold>summary:hover b,.project-fold>summary:focus-visible b{color:#c0943b}
#ap-proof{border-bottom:0}.location-fold>summary:hover b,.location-fold>summary:focus-visible b{color:#c0943b}
.contact{border-top:0;border-image:none}.contact:after{display:none}.moe-logo{display:block;width:min(330px,80%);height:auto;margin:36px 0 0}

.reel-preview img[src*="reels-clean/"]{object-fit:cover;width:100%;height:100%;border:0;box-shadow:none}
/* Contact invitation and signature footer */
.contact-editorial{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;background:#f4f4f4;padding:80px 5.5%;border:0}
.contact-editorial h2{font-family:DisplayBold,sans-serif;font-size:clamp(64px,7vw,112px);line-height:.95;margin:0}
.contact-editorial .contact-intro>.script{font-size:clamp(32px,3.3vw,52px);line-height:1.05;color:#c0943b;margin:14px 0 28px}
.contact-editorial .contact-description{font-size:18px;line-height:1.35;max-width:440px;margin:0}
.contact-editorial .contact-info{margin:0;padding-top:8px;min-width:0}
.contact-editorial .contact-person{font-size:20px;line-height:1.3;margin:0 0 28px}
.contact-channels{display:grid;gap:0}
.contact-channels a{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:17px 0;border-bottom:1px solid #d8d3ca;font-size:18px;line-height:1.25;transition:color .18s}
.contact-channels a:hover,.contact-channels a:focus-visible{color:#967026}
.contact-channels a span:last-child{overflow-wrap:anywhere;text-align:right}
.signature-footer{display:block;background:#111;color:#f7f3ed;padding:62px 5.5% 28px;border:0;text-align:center}
.signature-footer .footer-name{display:block;font-family:DisplayBold,sans-serif;font-weight:400;font-size:clamp(42px,8vw,144px);line-height:1.05;text-transform:uppercase;color:#c0943b;padding:0 0 42px;text-decoration:none}
.signature-footer .footer-bottom{border-top:1px solid #f7f3ed70;padding-top:22px;font:300 14px/1.5 Roboto,sans-serif}
.signature-footer .footer-bottom a{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .18s,text-decoration-color .18s}
.signature-footer .footer-bottom a:hover,.signature-footer .footer-bottom a:focus-visible{color:#c0943b;text-decoration-color:currentColor}
@media(max-width:700px){.contact-editorial{grid-template-columns:1fr;gap:42px;padding:58px 24px}.contact-editorial h2{font-size:64px}.contact-editorial .contact-description{font-size:17px}.contact-editorial .contact-person{font-size:18px;margin-bottom:16px}.contact-channels a{font-size:16px;gap:12px}.signature-footer{padding:42px 24px 26px}.signature-footer .footer-name{font-size:clamp(40px,10vw,64px);padding-bottom:30px}.signature-footer .footer-bottom{font-size:12px}}
@media(max-width:700px){.signature-footer{padding-bottom:78px}}
.directions .directions-intro.script{font-size:clamp(24px,2.2vw,34px);line-height:1.15;text-transform:none;color:#c0943b}

/* Solid phone backing from the first active frame, including the home indicator area. */
.editorial-phone.screen-active{background:#141210}
.phone-screens,.phone-screens img{transition:none}
.phone-screens:after{background:none}
.screen-active .phone-reels{background:#141210}

/* Consistent preview windows, with readable view counts outside image cropping. */
.phone-frame{position:absolute;left:0;right:0;top:106px;bottom:162px;overflow:hidden;opacity:0;background:#141210}
.phone-frame:has(img.is-active){opacity:1}
.phone-screens .phone-frame img{inset:0 auto auto 0;width:calc(100% + 14px);height:calc(100% + 48px);max-width:none;object-fit:cover;object-position:center}
.phone-view-count{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:#141210;color:#fff9f0;font:400 12px/1.2 Roboto,sans-serif;z-index:1}
@media(max-width:1150px){.phone-frame{top:96px;bottom:146px}}
.numbered-headline{display:block}
.numbered-headline>.topic-index{display:block;margin-bottom:24px}
.numbered-headline .ap-eyebrow{margin:0 0 22px;font:300 12px/1.3 Roboto,sans-serif;letter-spacing:.08em}
.ap-chapter-title>span .chapter-number{display:block;font:400 clamp(42px,5vw,76px)/.95 DisplayBold,sans-serif;letter-spacing:-.025em;margin:0 0 22px;color:#c0943b}
.section figure figcaption,.apartment-deck figcaption{font:300 16px/1.4 Roboto,sans-serif}
@media(max-width:700px){.editorial-phone{min-height:580px}.phone-copy{min-height:580px}.phone-frame{top:108px;bottom:164px}.ap-chapter-title>span .chapter-number{font-size:42px}}
.directions .section-heading .direction-invitation{white-space:normal;max-width:100%;text-wrap:balance;line-height:1.05}
.screen-active .phone-copy h3{color:#c0943b}

.phone-copy h3{line-height:calc(.6667em + 1px)!important}
.phone-frame{bottom:194px}
@media(max-width:1150px){.phone-frame{bottom:178px}}
@media(max-width:700px){.phone-frame{bottom:196px}}

.section{border-top:0;border-bottom:0}
.showcase-heading .showcase-plain-title{font:inherit;letter-spacing:-.015em;color:#111;background:none}

.phone-reel,.phone-reel:hover,.phone-reel:focus,.phone-reel:focus-visible,.phone-reel span,.phone-reel small{text-decoration:none}

.travel-title .numbered-headline{font-size:clamp(58px,6vw,88px)}
.travel-title .numbered-headline h2,.travel-title .numbered-headline .topic-index{font-size:inherit}
.numbered-headline .topic-subtitle,#apartment .section-heading .topic-subtitle,.travel-title .topic-subtitle{font-size:clamp(32px,3.2vw,48px);line-height:1.05;margin:6px 0 0;white-space:normal;transform:none}
@media(max-width:700px){.travel-title .numbered-headline{font-size:60px}.numbered-headline .topic-subtitle,#apartment .section-heading .topic-subtitle,.travel-title .topic-subtitle{font-size:32px}}

.realestate .numbered-headline h2{width:max-content;max-width:100%}
.realestate .moe-logo{width:var(--moe-heading-width,260px);max-width:100%;height:auto}

/* Keep the portrait inside the phone row and align the intro to its grid. */
@media(min-width:1151px){
 .showcase-heading{grid-template-columns:1fr 1.22fr 1fr 1fr;gap:clamp(16px,2vw,34px)}
 .showcase-heading .numbered-headline{grid-column:1/3}
 .showcase-heading>p{grid-column:3/5;max-width:none}
 .showcase-portrait{position:relative;grid-column:2;grid-row:1;left:auto;bottom:auto;width:100%;height:100%;margin:0;align-self:stretch}
 .showcase-portrait img{top:0;bottom:auto;left:50%;transform:translateX(-50%);height:100%;width:calc(100% + 40px);max-width:none;object-fit:contain;object-position:center bottom}
}
@media(min-width:701px) and (max-width:1150px){
 .showcase-heading{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .showcase-heading .numbered-headline{grid-column:1/-1}
 .showcase-heading>p{grid-column:2/4;max-width:none}
 .showcase-portrait{position:relative;grid-column:1;grid-row:2;left:auto;bottom:auto;width:100%;height:420px;margin:0}
 .showcase-portrait img{inset:0;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain;object-position:center bottom}
}
@media(max-width:700px){.showcase-portrait img{inset:0;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain;object-position:center bottom}.showcase-heading{width:100%;max-width:342px;margin-inline:auto}}

.apartment-deck .project-credit p{font:300 16px/1.4 Roboto,sans-serif}
.project-credit p:has(.da-studio-link){display:flex;align-items:center;gap:16px}
.project-credit .da-studio-link{display:inline-flex;border:0;text-decoration:none;color:#111}
.da-studio-logo{display:block;width:110px;aspect-ratio:800/676;background:currentColor;mask:url('assets/da-studio-logo.png') center/contain no-repeat;-webkit-mask:url('assets/da-studio-logo.png') center/contain no-repeat}
.project-credit .da-studio-link:hover,.project-credit .da-studio-link:focus-visible{color:#c0943b}

