.sample-site-immersive{background:#ece6d8;color:#1e292b}.sample-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;background:#111c24;color:#a2b2ba;font-size:8px;line-height:1.5;letter-spacing:.025em}.sample-browser-dots{color:#6a7d86;font-size:6px;letter-spacing:3px}.sample-site-hero{position:relative;min-height:360px;color:#fff5e3;overflow:hidden;background:#172d3b}.sample-site-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.sample-site-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07111dcc,#0b1b3261 48%,transparent 82%),linear-gradient(0deg,#0a142488,transparent 70%);pointer-events:none}.sample-site-immersive .sample-site-nav{position:absolute;z-index:1;top:0;left:0;right:0;background:transparent;border-bottom:1px solid #fff4d52b;padding:21px 27px;color:#fff3dc;font-size:8px;letter-spacing:.1em}.sample-site-immersive .sample-site-nav>span:first-child{font-size:10px;letter-spacing:.2em}.sample-site-overlay-copy{position:relative;z-index:1;padding:104px 30px 56px;max-width:450px}.sample-site-overlay-copy>small{font-size:7px;letter-spacing:.16em;line-height:1.5;color:#e5d9bf}.sample-site-overlay-copy>strong{display:block;font-family:Georgia,serif;font-size:clamp(36px,3.6vw,55px);font-weight:400;letter-spacing:-.05em;line-height:1.02;margin-top:16px}.sample-site-overlay-copy em{font-weight:400;color:#e7c39b}.sample-site-overlay-copy>p{font-size:10px;line-height:1.65;color:#eddfc9;margin-top:19px}.sample-reserve{display:inline-flex;align-items:center;gap:24px;min-height:31px;padding:10px 15px;background:#f2e6ce;color:#1b2831;font-size:8px;line-height:1.5;margin-top:21px}.sample-reserve>span{font-size:11px}.sample-site-location{position:absolute;z-index:1;right:27px;bottom:21px;left:30px;text-align:right;font-size:6px;letter-spacing:.17em;color:#eeddbd}.sample-site-editorial{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 27px;min-width:0}.sample-site-editorial>span:first-child{font-family:Georgia,serif;font-size:22px;line-height:1.15;letter-spacing:-.04em}.sample-site-editorial em{font-weight:400;color:#73634e}.sample-site-editorial>p{font-size:8px;line-height:1.7;color:#706454}.sample-site-editorial-number{font-size:6px;letter-spacing:.1em;color:#706454;white-space:nowrap}.sample-site-immersive .sample-site-caption{font-size:7px;padding:10px 27px;color:#786e60;border-color:#73634e30}.sample-film-cinematic{background:#101a23;padding:18px;border:1px solid #3b4b56}.sample-film-cinematic .sample-film-top{color:#e0d1b6;font-size:8px;letter-spacing:.08em;line-height:1.5;margin-bottom:16px}.film-feature-frame{position:relative;aspect-ratio:16/9;background:#19303f;overflow:hidden;border:1px solid #69716d59}.film-feature-frame>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.film-feature-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#04111cec,transparent 75%),linear-gradient(90deg,#10172260,transparent 65%);pointer-events:none}.film-frame-copy{position:absolute;left:25px;right:25px;bottom:24px;z-index:1}.film-frame-copy>small{font-size:8px;letter-spacing:.19em;color:#dccba7}.film-frame-copy>strong{display:block;font-family:Georgia,serif;font-size:clamp(27px,3vw,45px);font-weight:400;line-height:1.04;letter-spacing:-.04em;color:#fff0d6;max-width:85%;margin-top:10px}.film-frame-corner{position:absolute;z-index:1;right:16px;top:14px;font-size:7px;letter-spacing:.14em;color:#f2e8d5;background:#06131d80;padding:5px 7px;border:1px solid #f2e8d53b}.film-frame-direction{font-size:9px;line-height:1.5;letter-spacing:.05em;color:#c6bda8;margin:13px 0 17px}.film-shot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.film-shot{padding:0!important;background:#17252f!important;color:#c6bda8!important;border:1px solid #51616e!important;text-align:left;min-width:0;min-height:65px}.film-shot[aria-pressed=true]{border-color:#e4c698!important;color:#f2e2c6!important;background:#2b3434!important;box-shadow:0 0 0 1px #e4c698}.film-shot:hover{border-color:#a5b6be!important}.film-shot-image{display:block;aspect-ratio:1.95;overflow:hidden}.film-shot img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .2s}.film-shot[aria-pressed=true] img,.film-shot:hover img{opacity:1}.film-shot>span:last-child{display:block;font-size:8px;letter-spacing:.075em;line-height:1.4;padding:10px 11px}.sample-film-cinematic .sample-film-bottom{margin-top:15px;font-size:8px;line-height:1.5;color:#a7b0b2}.portal-dialog .sample-site-overlay-copy{padding-top:120px;padding-bottom:68px}.portal-dialog .sample-site-hero{min-height:390px}.portal-dialog .sample-site-overlay-copy>strong{font-size:52px}
@media(max-width:1100px){.sample-site-hero{min-height:340px}.sample-site-overlay-copy{padding:98px 23px 53px;max-width:360px}.sample-site-overlay-copy>strong{font-size:39px}.sample-site-immersive .sample-site-nav{padding:19px 23px;gap:12px}.sample-site-immersive .sample-site-nav>span:last-child{font-size:7px;letter-spacing:.05em}.sample-site-editorial{padding:20px 23px;gap:16px}.sample-site-editorial-number{display:none}.sample-site-location{left:23px;right:23px;font-size:5px}.film-frame-copy{left:20px;right:20px;bottom:19px}.film-frame-copy>strong{font-size:30px}.film-shot>span:last-child{padding:9px 8px;font-size:7px;letter-spacing:.04em}}
@media(max-width:767px){.sample-browser-bar{font-size:6px;padding:9px 10px;gap:8px}.sample-browser-dots{font-size:5px;letter-spacing:2px}.sample-site-hero{min-height:310px}.sample-site-photo{object-position:58% center}.sample-site-hero:after{background:linear-gradient(90deg,#07111de0,#0b1b3273 66%,#0b1b3210),linear-gradient(0deg,#0a142488,transparent 70%)}.sample-site-immersive .sample-site-nav{padding:17px 16px;font-size:7px;gap:14px}.sample-site-immersive .sample-site-nav>span:first-child{font-size:8px;letter-spacing:.12em}.sample-site-immersive .sample-site-nav>span:last-child{font-size:5px;max-width:95px;line-height:1.5;text-align:right}.sample-site-overlay-copy{padding:88px 18px 58px;max-width:320px}.sample-site-overlay-copy>small{font-size:6px;letter-spacing:.075em;max-width:190px;display:block}.sample-site-overlay-copy>strong{font-size:34px;margin-top:15px}.sample-site-overlay-copy>p{font-size:9px;margin-top:15px}.sample-reserve{font-size:7px;padding:9px 13px;min-height:28px;gap:22px;margin-top:18px}.sample-site-location{left:18px;right:16px;bottom:15px;font-size:5px;letter-spacing:.07em}.sample-site-editorial{padding:18px 16px;gap:15px}.sample-site-editorial>span:first-child{font-size:19px}.sample-site-editorial>p{font-size:7px}.sample-site-immersive .sample-site-caption{padding:10px 16px;font-size:6px}.sample-film-cinematic{padding:10px}.sample-film-cinematic .sample-film-top{font-size:6px;letter-spacing:.04em;gap:15px;margin-bottom:11px}.sample-film-cinematic .sample-film-top>span:last-child{text-align:right;max-width:140px}.film-frame-copy{left:14px;right:14px;bottom:14px}.film-frame-copy>small{font-size:6px;letter-spacing:.1em}.film-frame-copy>strong{font-size:26px;margin-top:8px;max-width:90%}.film-frame-corner{top:9px;right:9px;font-size:5px;padding:4px 5px}.film-frame-direction{font-size:7px;letter-spacing:.025em;margin:10px 0 14px;min-height:11px}.film-shot-list{gap:7px}.film-shot>span:last-child{font-size:6px;letter-spacing:.04em;padding:9px 6px}.sample-film-cinematic .sample-film-bottom{font-size:6px;margin-top:12px}.portal-dialog .sample-site-hero{min-height:340px}.portal-dialog .sample-site-overlay-copy{padding:94px 18px 56px}.portal-dialog .sample-site-overlay-copy>strong{font-size:36px}.portal-dialog .film-frame-copy>strong{font-size:27px}}
@media(max-width:359px){.sample-site-overlay-copy>strong{font-size:31px}.sample-site-overlay-copy>small{font-size:5px}.sample-site-editorial>span:first-child{font-size:17px}.sample-site-editorial>p{font-size:6px}.film-frame-copy>strong{font-size:22px}.film-frame-copy{bottom:12px;left:12px}.film-frame-copy>small{font-size:5px}.film-shot-list{gap:5px}.film-shot>span:last-child{font-size:5px;padding:8px 5px}.portal-dialog .sample-site-overlay-copy>strong{font-size:31px}.portal-dialog .film-frame-copy>strong{font-size:23px}}
