/* Editorial laboratory — existing Outlet palette, images and functional hooks. */
:root{--editorial-space:clamp(56px,7vw,110px)}
.nav{min-height:76px}.nav nav a{font-size:12px;letter-spacing:.02em}.header-locations{border-radius:2px}
.area-hero{border-bottom:1px solid var(--line)}.area-orbit{display:none}
.area-hero-grid{position:relative;min-height:680px;display:flex;align-items:center;padding-block:58px;isolation:isolate}
.area-copy{position:relative;z-index:2;width:48%;pointer-events:none}.area-copy a{pointer-events:auto}
.area-kicker{font-size:10px;letter-spacing:.16em;color:#c3d5e6}
.area-copy h1{font-size:clamp(72px,7.8vw,120px);line-height:.94;letter-spacing:-.035em;margin:28px 0 24px}.area-copy h1 em{color:var(--blue)}
.area-copy>p{font-size:17px;line-height:1.55;max-width:330px;color:#d2dbe5}
.area-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.area-actions .area-button{min-height:54px;border-radius:2px;padding:15px 22px;font-size:14px}
.area-actions .secondary{min-height:44px;padding:8px 0;border:0;border-bottom:1px solid #657b90;background:transparent;font-size:12px}
.area-price{border:0;padding-top:0;margin-top:28px;gap:16px}.area-price>strong{font-size:46px;letter-spacing:-2px}.area-price strong small{font-size:25px}.area-price>span{font-size:9px}.area-price>span small{font-size:11px;line-height:1.5}
.area-scene{position:absolute;z-index:0;inset:0 calc((min(1380px,100vw - 80px) - 100vw)/2) 0 29%;padding:0}
.area-photo{height:100%;border:0;border-radius:0;clip-path:none;overflow:hidden}
.area-photo>img{height:100%;min-height:0;width:100%;object-fit:cover;object-position:58% 42%;filter:none}
.area-photo:after{inset:0;background:linear-gradient(90deg,#080b12 0%,#080b12b3 17%,#080b1226 47%,transparent 80%),linear-gradient(0deg,#080b12a6,transparent 35%)}
.area-photo figcaption{left:42%;right:6%;bottom:30px;font-size:9px}.area-photo figcaption b{font-size:13px;letter-spacing:.04em}.area-photo figcaption a{flex-shrink:0}
.area-ufo{width:92px;top:24px;right:7%;opacity:.8;animation:none;transform:rotate(-9deg)}
.area-band{padding-block:14px;font-size:10px;letter-spacing:.14em;border:0}.area-band b{font-size:16px}
/* Stores: first destination, one large Maps button per branch. */
.location-hub{padding-block:var(--editorial-space) 28px}.location-heading{align-items:flex-end;margin-bottom:32px}.location-heading h2{font-size:clamp(38px,4.8vw,68px);line-height:1.02;letter-spacing:-.045em}.location-heading h2 em{font-style:normal}
.location-count{padding:0 0 8px 30px}.location-count strong{font-size:82px}.location-search{max-width:100%;margin-bottom:24px}.location-search>div{max-width:540px;background:transparent;border-radius:2px}
.location-grid{gap:16px;counter-reset:store}.location-card{position:relative;border:1px solid #2a3c50;border-top:2px solid var(--blue);border-radius:3px;padding:24px;background:linear-gradient(145deg,#111f30,#0c121c);counter-increment:store}
.location-card:before{content:'0' counter(store);font:10px ui-monospace,monospace;letter-spacing:.1em;color:#82b5de;display:block;margin-bottom:18px}
.location-top h3{font-size:23px;letter-spacing:-.035em}.location-top p{font-size:13px;line-height:1.55}
.location-directions,.location-card[data-branch] .location-directions{border-radius:2px;min-height:50px}.location-reviews{margin-top:20px;padding-top:15px;border-top:1px solid #26384b}.location-stars{color:#77d8ff}.location-card:hover{border-color:#168bff;box-shadow:none}
.store-details{margin-bottom:24px}.store-details>summary{min-height:64px}.brand-line{padding-block:32px;border:0;gap:24px}.brand-line p{font-size:clamp(24px,3.3vw,48px);letter-spacing:-.045em;line-height:1.1}.brand-line a{color:#9ddcff;white-space:nowrap}
/* Editorial captions and asymmetric photography. */
.premium-value{display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px;row-gap:20px;padding-block:var(--editorial-space) 48px;border-top:1px solid #293d54;margin-top:48px}
.premium-value h2{font-size:clamp(36px,4.5vw,64px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 0}.premium-value p{max-width:470px;align-self:center;color:#b7c7d9;line-height:1.8;font-size:16px;margin:0}.premium-value>a{grid-column:2;justify-self:start;min-height:44px;display:flex;align-items:center}
.section{padding-block:var(--editorial-space)}.curated-catalog{padding-top:40px}.section-heading{gap:32px;align-items:flex-end;margin-bottom:40px}.curated-catalog .section-heading h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.05em;line-height:1.02}
.curated-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;column-gap:24px;row-gap:40px;counter-reset:look}
.curated-grid .curated-photo{grid-column:span 4;grid-row:auto}.curated-grid .curated-photo:first-child{grid-column:span 7}.curated-grid .curated-photo:nth-child(2){grid-column:span 5}
.curated-photo{display:flex;flex-direction:column;position:relative;border:0;border-radius:0;background:transparent;overflow:hidden;counter-increment:look}.curated-photo img{display:block;height:300px;flex:none;object-fit:cover;object-position:center}.curated-grid .curated-photo:nth-child(-n+2) img{height:440px}
.curated-photo figcaption{position:static;padding:15px 0 0;background:none;display:flex;align-items:baseline;gap:12px;min-height:48px}.curated-grid .curated-photo figcaption:before{content:'0' counter(look);font:10px ui-monospace,monospace;color:#77bcf1;letter-spacing:.05em}.curated-photo figcaption h3{font:600 16px/1.3 system-ui,sans-serif;letter-spacing:-.02em;margin:0}.curated-photo:hover img{transform:none}
.curated-extra{gap:24px}.curated-extra .curated-photo{height:auto}.curated-extra .curated-photo img{height:260px}.catalog-more{margin-top:32px;border-top:1px solid #324054}.catalog-more summary{min-height:64px;font-size:14px}.catalog-actions{margin-top:28px;gap:30px}.catalog-actions .button{border-radius:2px}
.social-experience{grid-template-columns:.9fr 1.1fr;gap:clamp(35px,7vw,110px);padding-block:var(--editorial-space);border-top:1px solid #293647}.social-intro h2{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.05em}.social-films{gap:22px;align-items:start}.social-film{border:0;border-radius:0}.social-film:nth-child(2){margin-top:65px}.film-play{width:46px;height:46px}
.area-wholesale{grid-template-columns:1.12fr 1fr;background:none;border:0;border-top:1px solid #293647;border-bottom:1px solid #293647;border-radius:0;margin-block:0 var(--editorial-space);padding-block:46px;gap:clamp(30px,5vw,75px)}.area-wholesale-photo{min-height:520px}.area-wholesale-copy{padding:30px 0;align-self:center}.area-wholesale h2{font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.05em}.area-tags{gap:0;border-block:1px solid #344356;padding-block:14px;max-width:400px}.area-tags span{padding:0 20px;border:0;border-right:1px solid #344356}.area-tags span:first-child{padding-left:0}.area-tags span:last-child{border:0}
.robot-section{padding-block:var(--editorial-space);background:#0b131e!important}.robot-grid{gap:clamp(35px,7vw,100px);grid-template-columns:1fr 1fr}.robot-portrait{height:540px;max-height:none;border:0;background:none;padding:0}.robot-main-photo{border:0;box-shadow:none;clip-path:none}.robot-story h2{font-size:clamp(42px,4.8vw,68px);line-height:1.04;letter-spacing:-.045em}.robot-guide a{border-radius:2px}
.closing{padding-block:var(--editorial-space);text-align:center}.closing h2{font-size:clamp(72px,10vw,148px);line-height:1;letter-spacing:-.065em;margin-block:20px 32px}.closing .button{border-radius:2px}.gift-section .gift-card{border-radius:2px;box-shadow:none}.gift-section .gift-copy strong{letter-spacing:-.025em}.gift-section{padding-block:25px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#77d8ff}
@media(min-width:1600px){.area-hero-grid{min-height:760px}.curated-grid .curated-photo:nth-child(-n+2) img{height:500px}}
@media(max-width:1050px) and (min-width:701px){.area-hero-grid{min-height:650px}.area-copy{width:52%}.area-copy h1{font-size:76px}.area-photo figcaption{left:48%;font-size:8px}.area-photo figcaption b{font-size:11px}.area-price>span small{max-width:160px}.location-card{padding:20px}.curated-grid{gap:30px 18px}.curated-photo img{height:230px}.curated-grid .curated-photo:nth-child(-n+2) img{height:340px}.premium-value{column-gap:35px}.section-heading>p{max-width:280px}.area-wholesale-photo{min-height:440px}.robot-portrait{height:470px}}
@media(max-width:700px){
:root{--editorial-space:52px}.nav{min-height:66px}.header-locations{font-size:12px}
.area-hero-grid{display:grid;grid-template-columns:1fr;min-height:0;padding-block:0 26px;gap:0}.area-scene{position:relative;inset:auto;grid-row:1;margin-inline:-18px;height:260px;padding:0}.area-photo{height:100%;border-radius:0;clip-path:none}.area-photo>img{height:100%;min-height:0;max-height:none;object-position:center 35%}.area-photo:after{background:linear-gradient(0deg,#080b12,transparent 45%);inset:0}.area-photo figcaption{display:none}.area-ufo{width:66px;top:12px;right:18px;opacity:.8}
.area-copy{grid-row:2;width:100%;margin-top:-24px;pointer-events:auto}.area-kicker{font-size:9px;letter-spacing:.12em}.area-copy h1{font-size:clamp(52px,14.7vw,94px);line-height:.97;letter-spacing:-.035em;margin:18px 0 16px}.area-copy h1 br:nth-of-type(2){display:none}.area-copy>p{font-size:14px;line-height:1.55;margin:0 0 20px}
.area-actions{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch}.area-actions .area-button{font-size:15px;padding:14px 18px;min-height:52px;width:100%}.area-actions .secondary{padding:6px 0;min-height:44px;width:auto;justify-self:start;font-size:12px}.area-price{margin-top:20px;gap:16px;padding-top:16px;border-top:1px solid #293647}.area-price>strong{font-size:36px}.area-price strong small{font-size:21px}.area-price sup{font-size:17px}.area-price>span{font-size:8px}.area-price>span small{font-size:10px;max-width:205px}.area-band{gap:20px;padding:13px 18px;font-size:9px;letter-spacing:.08em}
.location-heading{margin-bottom:24px}.location-heading h2{font-size:38px;letter-spacing:-.045em;margin-top:12px}.location-heading p{font-size:14px}.location-search{margin-bottom:20px}.location-grid{gap:12px}.location-card{padding:18px;border-radius:3px}.location-card:before{position:absolute;top:21px;right:16px;margin:0;font-size:9px}.location-top{padding-right:22px}.location-top h3{font-size:23px}.location-top p{font-size:13px}.location-reviews{margin-top:14px;padding-top:12px}.location-card .location-directions{min-height:50px}
.brand-line{align-items:flex-start;padding-block:24px;flex-direction:column;gap:8px}.brand-line p{font-size:30px;max-width:330px}.brand-line a{font-size:12px}.premium-value{grid-template-columns:1fr;gap:20px;padding-block:40px 28px;margin-top:30px}.premium-value h2{font-size:38px}.premium-value p{font-size:14px;line-height:1.75}.premium-value>a{grid-column:1;font-size:13px}
.curated-catalog{padding-top:28px}.section-heading{gap:18px;margin-bottom:26px}.curated-catalog .section-heading h2{font-size:40px}.section-heading>p{max-width:100%;font-size:14px}.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.curated-grid .curated-photo{grid-column:span 1;grid-row:auto}.curated-grid .curated-photo:first-child,.curated-grid .curated-photo:nth-child(4){grid-column:1/-1}.curated-grid .curated-photo:nth-child(2){grid-column:span 1}.curated-grid .curated-photo img,.curated-grid .curated-photo:nth-child(-n+2) img{height:210px}.curated-grid .curated-photo:first-child img,.curated-grid .curated-photo:nth-child(4) img{height:260px}.curated-photo figcaption{padding:12px 0 0;gap:8px;align-items:flex-start;min-height:42px}.curated-photo figcaption h3{font-size:13px;line-height:1.4}.curated-grid .curated-photo figcaption:before{font-size:9px;line-height:1.8}.curated-extra{grid-template-columns:1fr 1fr;gap:24px 12px}.curated-extra .curated-photo img{height:210px}.catalog-actions{gap:22px}.catalog-more{margin-top:26px}
.social-experience{grid-template-columns:1fr;gap:28px}.social-intro h2{font-size:42px}.social-intro>p{max-width:100%;font-size:14px}.social-films{gap:12px}.social-film:nth-child(2){margin-top:28px}.film-copy{padding:50px 12px 16px}.film-copy>strong{font-size:20px}.area-wholesale{grid-template-columns:1fr;padding-block:32px;gap:0;margin-bottom:48px}.area-wholesale-photo{min-height:300px}.area-wholesale-copy{padding:28px 0 0}.area-wholesale h2{font-size:46px}.robot-grid{grid-template-columns:1fr;gap:28px}.robot-portrait{height:430px;max-height:none}.robot-story h2{font-size:43px}.robot-story>p{font-size:15px}.robot-guide{gap:10px}.closing h2{font-size:84px}.closing .button{min-width:0}.gift-section{padding-block:18px}
}
@media(max-width:360px){.area-copy h1{font-size:48px}.location-top h3{font-size:21px}.curated-photo figcaption{gap:6px}.curated-photo figcaption h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.curated-photo img,.social-film img,.area-button{transition:none}.area-ufo{animation:none}}
/* Keep captions on the page rather than inside the former card surfaces. */
.curated-grid .curated-photo,.curated-extra .curated-photo{background:transparent}
/* Maps actions: clear touch target, destination label and a directional cue. */
.location-card[data-branch] .location-directions{display:flex;justify-content:flex-start;gap:13px;min-height:68px;padding:12px 15px;border:1px solid #74caff;border-radius:12px;background:linear-gradient(115deg,#168bff,#49bdff);color:#06192d;box-shadow:0 5px 0 #064c85,0 9px 22px #168bff1c;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.location-directions .directions-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;background:#071b3020;border:1px solid #071b3030;border-radius:50%}
.location-directions .directions-icon svg{width:22px;height:22px}
.location-directions .directions-label{display:flex;flex-direction:column;gap:3px;font-size:16px;font-weight:800;line-height:1.2}
.location-directions .directions-label small{font-size:11px;font-weight:500;letter-spacing:.01em;color:#102f4b}
.location-actions{padding-bottom:5px}
@media(hover:hover){.location-card[data-branch] .location-directions:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 7px 0 #064c85,0 12px 26px #168bff30}}
.location-card[data-branch] .location-directions:active{transform:translateY(3px);box-shadow:0 2px 0 #064c85}
.location-card[data-branch] .location-directions:focus-visible{outline:3px solid #fff;outline-offset:5px}
.gift-section .gift-copy .gift-web-message{display:block;font-size:clamp(15px,1.5vw,19px);color:#eef8ff;font-weight:700;line-height:1.4;margin-bottom:9px}
.gift-section .gift-cta{min-height:48px;align-items:center;border:1px solid #65bfff;border-radius:8px;background:#168bff;color:#06192d;padding:12px 16px;font-weight:750}
@media(max-width:360px){.location-card[data-branch] .location-directions{gap:10px;padding-inline:12px}.location-directions .directions-label{font-size:15px}}
@media(prefers-reduced-motion:reduce){.location-card[data-branch] .location-directions{transition:none}}
/* Small brand spacecraft replace decorative CTA arrows; no animation library. */
.outlet-icon-defs{position:absolute;overflow:hidden;pointer-events:none}
.ufo-action{display:inline-block;width:30px;height:26px;flex:none;vertical-align:middle;color:inherit;transform-origin:50% 65%;transition:filter .2s;pointer-events:none}
.area-actions .ufo-action,.header-locations .ufo-action{width:32px;height:28px}
.location-directions .directions-flight{display:grid;place-items:center;margin-left:auto;flex:none;width:38px;height:38px}
.location-directions .directions-flight .ufo-action{width:38px;height:32px;animation:ufo-idle 4.8s ease-in-out infinite}
.location-card:nth-child(even) .ufo-action{animation-delay:-2s}
.text-link .ufo-action,.robot-guide .ufo-action,.brand-line .ufo-action,.socials .ufo-action{margin-left:8px;color:#80dcff}
.film-copy small .ufo-action,.photo-credits .ufo-action{width:22px;height:18px}
.gift-cta .ufo-action{width:30px;height:26px}
@keyframes ufo-idle{0%,100%{transform:translateY(1px) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}
@keyframes ufo-launch{0%,100%{transform:translate(0,0) rotate(0)}45%{transform:translate(3px,-5px) rotate(9deg)}75%{transform:translate(-1px,-2px) rotate(-5deg)}}
@media(hover:hover){a:hover .ufo-action,button:hover .ufo-action{animation:ufo-launch .8s ease-in-out;filter:drop-shadow(0 0 5px #79d9ff66)}}
a:focus-visible .ufo-action,button:focus-visible .ufo-action{animation:ufo-launch .8s ease-in-out}
a:active .ufo-action,button:active .ufo-action{filter:drop-shadow(0 0 5px #b5f3ff);transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.ufo-action,.location-directions .directions-flight .ufo-action,a:hover .ufo-action,button:hover .ufo-action,a:focus-visible .ufo-action,button:focus-visible .ufo-action{animation:none;transition:none;transform:none}}
/* A coordinated space family: original Outlet mascot and commercial data stay intact. */
.location-directions .space-rocket{animation-name:rocket-hover!important;animation-duration:3.8s!important}
.location-directions .space-pyramid{animation-name:pyramid-hover!important;animation-duration:5.5s!important}
.location-directions .space-astronaut{animation-name:astronaut-hover!important;animation-duration:6s!important}
.location-directions .space-shuttle{animation-name:rocket-hover!important;animation-duration:5s!important}
@keyframes rocket-hover{0%,100%{transform:translateY(2px) rotate(-12deg)}50%{transform:translateY(-3px) rotate(-8deg)}}
@keyframes pyramid-hover{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
@keyframes astronaut-hover{0%,100%{transform:rotate(-7deg) translateY(1px)}50%{transform:rotate(7deg) translateY(-2px)}}
.location-count{position:relative;padding-top:75px}
.space-outpost-mini{position:absolute;width:155px;height:74px;top:-7px;left:20px;color:#5bbfff;opacity:.85}
.space-outpost{display:block;width:min(480px,100%);height:auto;margin:0 auto 36px;color:#69caff;filter:drop-shadow(0 0 16px #168bff22)}
.closing{background:radial-gradient(ellipse at 50% 30%,#168bff0c,transparent 65%)}
/* Seamless, pausable blue ribbon. The duplicate is decorative only. */
.area-band{display:flex;gap:0;padding:0;overflow:hidden;position:relative;min-height:50px}
.ticker-window{overflow:hidden;flex:1;min-width:0}
.ticker-track{display:flex;width:max-content;animation:outlet-ticker 32s linear infinite}
.ticker-copy{display:flex;align-items:center;justify-content:space-around;gap:48px;padding:15px 24px;min-width:max(100vw,900px);flex-shrink:0;white-space:nowrap}
.ticker-copy b{font-size:16px}
.ticker-toggle{flex:none;display:grid;place-items:center;width:50px;height:50px;color:#06192d;border:0;border-left:1px solid #06192d40;background:#ffffff14;cursor:pointer}
.ticker-toggle[hidden]{display:none}.ticker-toggle:focus-visible{outline:3px solid #06192d;outline-offset:-5px}
.ticker-play-icon{display:none}.ticker-paused .ticker-pause-icon{display:none}.ticker-paused .ticker-play-icon{display:block}
.ticker-paused .ticker-track,.area-band:focus-within .ticker-track{animation-play-state:paused}
@media(hover:hover){.area-band:hover .ticker-track{animation-play-state:paused}.ticker-toggle:hover{background:#ffffff30}}
@keyframes outlet-ticker{to{transform:translateX(-50%)}}
@media(max-width:700px){.space-outpost{width:min(340px,100%);margin-bottom:28px}.ticker-copy{gap:32px;min-width:760px;padding:14px 18px}.area-band{min-height:46px}.ticker-toggle{width:46px;height:46px}.ticker-track{animation-duration:28s}}
@media(prefers-reduced-motion:reduce){.location-directions .ufo-action{animation:none!important;transform:none!important}.ticker-track{animation:none}.ticker-copy[aria-hidden="true"]{display:none}.ticker-copy{white-space:normal;flex-wrap:wrap;min-width:0;width:100%;gap:12px 24px}.ticker-track{width:100%}.ticker-toggle{display:none}}