.at-page{--ink:#1b302c;--line:#c8cdc0;--muted:#4b5b51;--paper:#f5f3ea;--accent:#965334;width:min(100%,1700px);margin:auto;padding:0 clamp(19px,5vw,86px) clamp(58px,6vw,110px);color:var(--ink)}
.at-page :where(h1,h2,h3,p,figure){margin:0}.at-page :is(h1,h2,h3){font-weight:470;line-height:1.05;letter-spacing:-.058em}
.at-topline,.at-rail-heading,.at-coast figcaption,.at-credit{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.at-topline{font-size:13px;padding-top:clamp(18px,2.3vw,40px)}
.at-topline>span,.at-rail-heading,.at-eyebrow{font-size:10px;line-height:1.35;font-weight:550;letter-spacing:.12em;text-transform:uppercase}
.at-topline a,.at-all{border-bottom:1px solid transparent}.at-topline a:hover,.at-all:hover{border-color:currentColor}
.at-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:clamp(23px,5vw,95px);padding:clamp(25px,4vw,70px) 0 clamp(24px,3vw,55px)}
.at-eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted)}
.at-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.at-eyebrow span,.at-coast b{color:var(--accent)}
.at-page h1{margin:9px 0 0;font-size:clamp(48px,6.3vw,110px);line-height:.97;overflow-wrap:anywhere}
.at-hotel h1{font-size:clamp(54px,7.2vw,127px)}.at-page h1 em,.at-chapter h2 em{font-weight:400}
.at-summary{justify-self:end;max-width:53ch;font-size:clamp(15px,1.12vw,21px);line-height:1.52;color:#354940;padding-bottom:.2em}
.at-coast>div{position:relative;aspect-ratio:3.25;overflow:hidden;background:#37616a}.at-coast img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.at-coast figcaption{border-bottom:1px solid var(--line);padding:9px 0;font-size:12px;color:var(--muted)}.at-coast b{margin:0 6px}
.at-body{display:grid;grid-template-columns:clamp(170px,18vw,265px) minmax(0,1fr);align-items:start;gap:clamp(26px,5.5vw,95px);border-top:1px solid var(--line);padding-top:clamp(24px,3vw,50px)}
.at-hotel .at-body{border:0}
.at-rail{position:sticky;top:22px;min-width:0}.at-rail-heading{padding:0 0 12px;color:var(--muted);gap:6px}.at-rail-heading small{font:inherit;letter-spacing:0;text-transform:none}
.at-rail nav{border-top:1px solid var(--line)}.at-rail nav a{display:grid;grid-template-columns:2.1ch minmax(0,1fr);align-items:baseline;gap:11px;padding:11px 1px;line-height:1.3;border-bottom:1px solid var(--line);font-size:clamp(13px,1vw,16px)}
.at-rail nav small{font-size:10px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--accent)}
.at-rail a:hover,.at-rail a[aria-current]{color:var(--accent)}.at-rail a[aria-current] small{font-weight:700}
.at-all{display:inline-block;margin-top:20px;font-size:13px}
.at-chapter{scroll-margin-top:20px;min-width:0}.at-chapter+.at-chapter{margin-top:clamp(40px,5.5vw,88px);border-top:1px solid var(--line);padding-top:clamp(24px,2.6vw,42px)}
.at-chapter>header{margin-bottom:clamp(17px,1.8vw,30px)}.at-chapter h2,.at-related h2{font-size:clamp(34px,3.6vw,68px);margin:7px 0 0}
.at-intro{font-size:clamp(15px,1.1vw,19px);line-height:1.55;max-width:63ch;margin-top:10px!important;color:var(--muted)}
.at-page .at-subhead{font-size:clamp(19px,1.55vw,27px);margin:24px 0 11px;letter-spacing:-.037em}
.at-plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(17px,2.5vw,36px) clamp(12px,1.6vw,25px);counter-reset:plate}
.at-plate{counter-increment:plate;min-width:0}.at-page .at-plate{grid-column:auto}
.at-page .at-plate>div{aspect-ratio:1.52;position:relative;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);padding:clamp(9px,1.45vw,23px);place-items:stretch;width:100%;height:auto;min-height:0;background:#e8e7de;border:1px solid #d9dcce;overflow:hidden}
.at-page .at-plate :is(img,.plate-open){width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;display:block}
.at-page .at-plate.at-wide>div{background:#dedfd5}
.at-page .at-luggage>div{container-type:size}
.at-page .at-plate.at-luggage img{position:absolute;top:50%;left:50%;width:17.52cqw;height:100cqw;max-width:none;max-height:none;transform:translate(-50%,-50%) rotate(90deg)}
.plate-light figure img[src*="/sal8/bavul-tr.webp"]{width:auto;height:min(82vw,1400px);max-width:none;max-height:none;transform:rotate(90deg);position:absolute;left:50%;top:46%;translate:-50% -50%}
.plate-light figure:has(img[src*="/sal8/bavul-tr.webp"]){position:relative}
.plate-light figure:has(img[src*="/sal8/bavul-tr.webp"]) figcaption{align-self:end}
.at-plate figcaption,.at-vector figcaption,.at-film figcaption{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding:9px 0 13px;margin:0;color:var(--muted);font-size:clamp(12px,.94vw,15px);line-height:1.45}
.at-plate figcaption:before{content:counter(plate,decimal-leading-zero);font-size:10px;color:var(--accent);flex:none;font-variant-numeric:tabular-nums}
.at-single{grid-template-columns:1fr}.at-page .at-single>.at-plate>div{aspect-ratio:2.05;max-height:560px}
.at-page .at-single>.at-portrait>div{aspect-ratio:1.75}
.at-drawer{margin-top:25px;border-block:1px solid var(--line)}.at-drawer summary{cursor:pointer;padding:13px 2px;font-size:15px;font-weight:550}.at-drawer[open]{padding-bottom:16px}.at-drawer[open] summary{margin-bottom:10px}
.at-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2vw,33px) clamp(12px,1.5vw,25px)}
.at-tiles a{display:block;min-width:0}.at-tiles figure{position:relative;overflow:hidden;aspect-ratio:1.56;background:var(--mount,#e4e3d8)}
.at-tiles img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,center);transition:transform .35s ease}
.at-tiles .at-mount img{object-fit:contain;padding:6%}
.at-tiles a>div{position:relative;border-bottom:1px solid var(--line);padding:9px 18px 13px 0}
.at-tiles strong{display:block;font-size:clamp(18px,1.55vw,28px);font-weight:500;line-height:1.12;letter-spacing:-.04em}.at-tiles a>div>span{position:absolute;right:0;top:9px}.at-tiles small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:4px}
.at-tile-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.at-tiles:has(>a:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.at-vector{background:#e4e7df;padding:clamp(16px,2vw,32px)}.at-vector img{width:100%;height:clamp(100px,13vw,185px);object-fit:contain}.at-vector figcaption{margin-top:12px;border-color:#b6c2b6}
.at-film video{display:block;width:100%;max-height:67svh;background:#101316}.at-compare{margin:0 0 22px}
.at-credit{justify-content:flex-start;padding:15px 0;border-top:1px solid var(--line);margin-top:26px!important;color:var(--muted);font-size:13px}
.at-related{margin-top:clamp(48px,7vw,110px);border-top:1px solid var(--line);padding-top:26px}.at-related .at-tiles{margin-top:20px}
.at-next{margin:clamp(35px,5vw,75px) 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-block:1px solid var(--line);padding:17px 0}
.at-next small{font-size:12px;color:var(--muted)}.at-next strong{font-weight:500;font-size:clamp(20px,2.1vw,34px);text-align:right;letter-spacing:-.035em}
@media(hover:hover){.at-tiles a:hover img{transform:scale(1.025)}.at-tiles a:hover strong,.at-next:hover strong{color:var(--accent)}}
@media(max-width:900px){.at-heading{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.at-body{grid-template-columns:155px minmax(0,1fr);gap:24px}.at-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.at-rail nav a{gap:6px}}
@media(max-width:700px){.at-heading,.at-body{display:block}.at-summary{margin-top:15px;max-width:60ch}.at-coast>div{aspect-ratio:1.85}.at-rail{position:static;margin-bottom:26px}.at-rail nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}.at-rail-heading{padding-bottom:7px}.at-rail nav a{font-size:13px}.at-all{display:none}.at-heading h1{overflow-wrap:break-word}.at-plates{gap:17px 12px}}
@media(max-width:520px){.at-plates{grid-template-columns:1fr}.at-page .at-plate>div,.at-page .at-single>.at-plate>div{aspect-ratio:1.45}.at-page .at-portrait>div,.at-page .at-single>.at-portrait>div{aspect-ratio:1.12}.at-coast figcaption{font-size:10px}.at-tiles strong{font-size:17px}.at-tiles small{font-size:11px}.at-credit{display:block}.at-credit b{display:block}.at-heading{padding-top:23px}.at-page h1{font-size:clamp(43px,10vw,59px)}}
@media(prefers-reduced-motion:reduce){.at-tiles img{transition:none!important;transform:none!important}}

/* Preserve the full desktop hero and navigation strip shown in this interface capture. */
.at-page[data-project="erd-global"] .at-coast>div{aspect-ratio:1425 / 758;background:#0c2934}
.at-page[data-project="erd-global"] .at-coast img{object-position:50% 0!important}
