/* Responsive layouts and reduced motion preferences. */
@media(min-width:1500px){.hero{min-height:700px}
.hero-stage{height:620px}
.hero-card{top:90px}
.sports-sample{top:175px}
.shoe-sample{bottom:65px}
}
@media(max-width:1200px){#header{padding:0 24px}
.header-shell{gap:12px;padding:15px}
.brand>span{font-size:13px}
.brand>svg{width:32px;height:32px}
.desktop-nav a{font-size:10px;padding:10px}
.header-actions{gap:10px}
.sell-link{display:none}
#main-content{width:calc(100% - 64px)}
.hero{grid-template-columns:1.05fr 1fr;min-height:600px}
.hero h1{font-size:76px}
.hero-stage{height:520px}
.hero-card{width:215px;left:30%;top:70px}
.sports-sample{width:140px;left:15px;top:145px}
.shoe-sample{width:220px;bottom:37px}
.shoe-sample>img{width:65px}
.shoe-sample>span{font-size:10px}
.hero-actions{gap:10px}
.hero-actions .button{font-size:10px;padding:13px;gap:12px}
.product-grid{gap:19px}
.product-visual{height:245px}
.product-visual>a{padding:17px}
.world h2{font-size:32px}
.world{padding:32px 25px}
.collection-feature{gap:50px}
.collection-feature h2{font-size:34px}
.culture-grid{gap:19px}
.culture-feature{min-height:370px}
.product-page{gap:40px}
.detail-image{height:530px;padding:45px}
.detail-copy h1{font-size:39px}
.sell-page{gap:45px}
.sell-page h1{font-size:42px}
.footer-inner{width:calc(100% - 64px)}
.footer-bottom{font-size:7px}
.market-layout{grid-template-columns:300px 1fr}
.market-chart-panel{padding:25px}
.drop-card{grid-template-columns:235px 1fr;gap:30px}
}
@media(max-width:950px){.desktop-nav a{padding:9px 7px;font-size:9px}
.header-actions{gap:5px}
.header-shell{min-height:73px}
.brand>span{font-size:11px}
.brand small{font-size:6px}
.brand{gap:9px}
.brand>svg{width:28px}
.hero h1{font-size:64px}
.hero p{font-size:12px}
.hero-stage{height:490px}
.hero-card{width:195px;left:30%;top:77px}
.sports-sample{width:125px;top:150px;left:-1px}
.sports-sample>span{font-size:11px}
.hero-actions{flex-direction:column;align-items:flex-start}
.hero-actions .button.secondary{border:0;padding:4px 0;box-shadow:none;background:none}
.hero-footnote{margin-top:28px}
.category-ribbon>a{font-size:15px;gap:12px;padding:5px 18px}
.section{margin:65px 0}
.section-heading h2{font-size:29px}
.product-visual{height:215px}
.product-title{font-size:13px}
.product-set{font-size:8px}
.product-detail{font-size:9px}
.product-bottom strong{font-size:15px}
.product-bottom .text-link{font-size:8px;gap:2px}
.worlds{margin:65px 0}
.world{min-height:290px;padding:26px 22px}
.world h2{font-size:27px}
.world .eyebrow{font-size:6px}
.world>img{width:120px;right:-18px}
.world-sports>img{width:190px;right:-75px}
.collection-feature{gap:32px;padding-bottom:35px}
.collection-feature h2{font-size:29px}
.collection-feature p{font-size:11px}
.collection-preview{padding:18px}
.binder-preview{gap:8px;padding:22px 0}
.preview-window-footer{font-size:7px}
.preview-window-footer .small-badge{font-size:6px}
.culture-grid{grid-template-columns:1.6fr 1fr 1fr}
.culture-feature{min-height:335px}
.culture-feature h3{font-size:32px}
.culture-feature>div{left:22px;bottom:22px;right:22px}
.culture-feature .eyebrow{font-size:6px}
.sell-banner h2{font-size:28px}
.collection-callout{padding:24px}
.collection-callout h2{font-size:25px}
.collection-value strong{font-size:47px}
.collection-summary{padding:25px}
.collection-layout{grid-template-columns:1.4fr 1fr}
.orb-icon{width:34px;height:34px;right:20px}
.market-layout{grid-template-columns:260px 1fr;gap:18px}
.market-watch{padding:18px 10px}
.watch-item{gap:8px;padding:12px 8px}
.watch-item>span{font-size:10px}
.watch-item strong{font-size:10px}
.market-chart-panel{padding:22px}
.market-chart-panel h2{font-size:24px}
.research-strip{gap:30px}
.drop-card{grid-template-columns:200px 1fr;gap:25px}
.drop-card h2{font-size:29px}
.drop-card .eyebrow{font-size:7px}
.sell-form{padding:25px}
.studio-stats>div{padding:20px}
.studio-stats strong{font-size:27px}
.product-page{gap:30px}
.detail-image{height:470px;padding:35px}
.detail-copy h1{font-size:35px}
.detail-badges{gap:5px}
.detail-badges span{font-size:8px}
.purchase-price{gap:15px}
.purchase-price strong{font-size:29px}
.stock-label{font-size:8px}
.detail-copy{padding-top:8px}
.product-description{font-size:11px}
}
@media(max-width:760px){body{font-size:13px}
.preview-bar{font-size:7px;height:30px;gap:6px}
.preview-bar button{font-size:7px;margin-left:9px}
.preview-detail{font-size:7px}
#header{padding:0 18px;margin-top:16px}
.header-shell{min-height:70px;padding:12px 15px;border-radius:20px}
.brand>svg{width:33px;height:33px}
.brand>span{font-size:13px}
.brand small{font-size:6px;letter-spacing:.28em}
.desktop-nav{display:none}
.header-actions{gap:7px}
.header-actions .icon-button{width:32px;height:32px}
.header-actions .icon-button svg{width:18px}
.bag-button{padding:8px 10px;gap:8px;border-radius:10px}
.bag-button svg{width:17px}
#main-content{width:calc(100% - 40px)}
.hero{grid-template-columns:1fr;min-height:0;gap:0}
.hero-copy{padding:43px 4px 0}
.hero .eyebrow{font-size:7px;letter-spacing:.16em}
.hero h1{font-size:68px;line-height:1.02;margin:23px 0 21px}
.hero p{font-size:12px;max-width:400px;line-height:1.85}
.desktop-only{display:none}
.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:25px}
.hero-actions .button{font-size:10px;padding:13px 14px;min-height:45px;gap:18px}
.hero-actions .button.secondary{font-size:9px;padding:10px 0;min-height:34px}
.hero-actions .button.secondary svg{width:14px}
.hero-footnote{font-size:7px;gap:13px;margin-top:26px}
.hero-stage{height:430px;width:100%;max-width:450px;margin:8px auto 0}
.hero-card{width:198px;top:33px;left:36%;border-radius:17px;padding:10px}
.hero-card-top{font-size:5px;padding-bottom:9px}
.hero-card-bottom{font-size:10px;padding-top:10px}
.hero-card-bottom small{font-size:5px}
.hero-card>img{border-radius:7px}
.sports-sample{width:126px;left:6%;top:101px;padding:10px}
.sports-sample .mini-label{font-size:5px}
.sports-sample>span{font-size:10px}
.sports-sample small{font-size:5px}
.sports-sample img{margin-bottom:9px}
.shoe-sample{width:205px;right:3%;bottom:30px;padding:10px;gap:10px;border-radius:14px}
.shoe-sample>img{width:65px}
.shoe-sample>span{font-size:10px}
.shoe-sample small{font-size:5px}
.shoe-sample>svg{width:12px}
.stage-label{top:6px;right:4%;font-size:6px}
.stage-caption{left:4%;bottom:9px;font-size:5px;gap:6px}
.stage-caption .status-dot{width:3px;height:3px}
.orbit{top:9%;left:0%;width:98%;height:82%}
.orbit-two{height:96%;top:0}
.category-ribbon{grid-template-columns:repeat(2,1fr);padding:6px 0;gap:0;margin-top:8px}
.category-ribbon>a{font-size:16px;padding:19px 12px;gap:13px}
.category-ribbon>a:first-child{padding-left:12px}
.category-ribbon>a:nth-child(2){border-right:0}
.category-ribbon>a:nth-child(-n+2){border-bottom:1px solid var(--line)}
.category-ribbon .ribbon-number{font-size:8px}
.category-ribbon svg{width:13px}
.section{margin:49px 0}
.section-heading{gap:12px;margin-bottom:22px;align-items:flex-end}
.section-heading .eyebrow{font-size:7px;margin-bottom:10px}
.section-heading h2{font-size:28px;max-width:270px}
.section-heading>.text-link{font-size:9px;gap:6px;text-align:right;white-space:normal;justify-content:flex-end;flex-shrink:0;max-width:95px}
.section-heading>.text-link svg{width:13px}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
.product-visual{height:235px;border-radius:14px}
.product-visual>a{padding:18px}
.product-visual img{height:91%;max-width:95%}
.save-button{width:29px;height:29px;top:9px;right:9px}
.save-button svg{width:13px}
.product-category{font-size:6px;left:10px;bottom:10px;padding:4px 6px}
.product-copy{padding-top:12px}
.product-set{font-size:8px;line-height:1.4;min-height:12px;margin-bottom:6px}
.product-title{font-size:13px}
.product-detail{font-size:8px;margin-top:5px}
.product-detail span{margin:0 2px}
.product-bottom{padding-top:10px;margin-top:11px;gap:5px}
.product-bottom strong{font-size:16px}
.product-bottom .text-link{font-size:8px;gap:3px}
.product-bottom .text-link svg{width:11px}
.worlds{grid-template-columns:1fr;gap:17px;margin:49px 0}
.world{min-height:280px;padding:29px}
.world .eyebrow{font-size:6px}
.world h2{font-size:34px;margin:15px 0 24px}
.world>img{width:150px;right:5px;bottom:-25px}
.world-sports>img{width:235px;right:-55px;bottom:-15px}
.collection-feature{grid-template-columns:1fr;gap:32px;padding:5px 4px 20px}
.collection-feature .eyebrow{font-size:7px}
.collection-feature h2{font-size:34px}
.collection-feature p{font-size:12px;max-width:400px}
.collection-feature .button{font-size:10px}
.collection-preview{margin:0 7px;padding:22px;transform:rotate(2deg)}
.preview-window-heading{font-size:11px}
.binder-preview{gap:12px;padding:24px 0}
.preview-window-footer{font-size:8px}
.culture-grid{grid-template-columns:1fr 1fr;gap:25px 14px}
.culture-feature{grid-column:1/-1;min-height:340px}
.culture-feature>img{object-position:50% 35%}
.culture-feature h3{font-size:40px}
.culture-feature .eyebrow{font-size:8px}
.culture-feature>div{left:27px;right:27px;bottom:27px}
.sell-banner{display:block;padding:35px 4px;margin-bottom:45px}
.sell-banner .eyebrow{font-size:7px}
.sell-banner h2{font-size:29px;max-width:320px;margin:15px 0}
.sell-banner p{font-size:11px}
.sell-banner>.button{margin-top:23px;font-size:11px}
.footer-inner{width:calc(100% - 48px);padding-top:32px;gap:28px}
.footer-inner .brand>span{font-size:12px}
.footer-inner>div:not(.footer-bottom){gap:22px;flex-wrap:wrap;font-size:10px}
.footer-bottom{flex-direction:column;gap:7px;font-size:7px;padding-top:20px;padding-bottom:105px}
.footer-bottom>span:last-child{display:none}
#mobile-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:16px;right:16px;border:1px solid #dbffff26;border-radius:21px;min-height:66px;background:linear-gradient(140deg,#e4ffff0f,#a5d1ce06),#102027de;box-shadow:inset 0 1px #ffffff12,0 12px 40px #0009;backdrop-filter:blur(24px);z-index:30;padding:8px 7px}
#mobile-nav a,#mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:48px;padding:3px 7px;color:#8da6af}
#mobile-nav svg{width:19px;height:19px}
#mobile-nav span{font-size:8px}
#mobile-nav [aria-current]{color:var(--mint)}
#mobile-nav [aria-current] svg{filter:drop-shadow(0 0 9px #b2f0df55)}
.page-intro{padding:41px 4px 29px;display:block}
.page-intro .eyebrow{font-size:7px}
.page-intro h1{font-size:39px;margin:15px 0;line-height:1.13}
.page-intro p{font-size:11px}
.page-intro>.button{margin-top:23px;min-height:45px;font-size:11px}
.catalog-search{gap:10px;padding:7px 8px 7px 13px}
.catalog-search input{font-size:11px}
.catalog-search input::placeholder{font-size:10px}
.catalog-search>svg{width:16px}
.catalog-search .button.small{font-size:10px;padding:9px 12px}
.shop-tools{padding-top:20px}
.category-tabs{gap:7px}
.category-tabs button{font-size:10px;padding:9px 11px;border-radius:8px}
.filter-controls{gap:7px;justify-content:space-between;flex-wrap:wrap;margin:20px 0}
.filter-controls select{font-size:9px;padding:8px 4px 8px 8px;min-height:37px}
.filter-controls>label:first-child>svg{display:none}
.results-heading{font-size:8px;gap:6px;margin:19px 0}
.results-heading button{font-size:8px;padding-left:9px}
.shop-grid{margin-bottom:45px}
.empty-state{padding:55px 10px}
.empty-state h2{font-size:26px}
.empty-state p{font-size:12px}
.breadcrumbs{font-size:8px;gap:7px;margin:29px 0 22px;flex-wrap:wrap}
.breadcrumbs svg{width:10px}
.product-page{grid-template-columns:1fr;gap:15px}
.detail-image{height:435px;padding:50px;border-radius:22px}
.detail-image .small-badge{font-size:7px}
.image-note{font-size:8px}
.detail-copy{padding:3px 4px}
.detail-copy h1{font-size:38px;margin-top:16px}
.detail-tagline{font-size:14px}
.detail-badges span{font-size:9px}
.product-description{font-size:12px}
.purchase-price{margin:24px 0;justify-content:space-between}
.purchase-price strong{font-size:34px}
.stock-label{font-size:9px}
.size-picker label>span{min-width:61px;padding:12px}
.purchase-buttons .button{font-size:12px;min-height:52px}
.collection-add{font-size:10px;padding:19px 0}
.purchase-note{font-size:9px}
.product-facts{margin-top:20px}
.product-facts dl>div{font-size:11px;padding:11px 0}
.collection-layout{grid-template-columns:1fr;gap:15px}
.collection-summary{padding:24px}
.summary-top>span:first-child{font-size:7px}
.summary-top .small-badge{font-size:6px}
.collection-value{padding:22px 0}
.collection-value strong{font-size:49px}
.collection-value>span{font-size:10px}
.collection-value p{font-size:8px}
.summary-stats{gap:10px;padding-top:19px}
.summary-stats span{font-size:8px}
.summary-stats strong{font-size:20px}
.collection-callout{padding:22px}
.collection-callout h2{font-size:26px;margin:4px 0 12px}
.collection-callout p{max-width:260px;font-size:11px}
.collection-callout .text-link{font-size:10px}
.orb-icon{width:43px;height:43px;right:25px;top:24px}
.collection-heading{margin-top:21px;margin-bottom:25px;gap:8px}
.tabs{gap:16px}
.tabs>a{font-size:10px;padding:13px 0}
.tabs span{font-size:8px;margin-left:4px}
.collection-heading>.text-link{font-size:9px;max-width:100px}
.owned-row{font-size:9px;margin-bottom:3px}
.market-layout{grid-template-columns:1fr}
.market-watch{padding:18px}
.market-watch>.section-heading{padding:0 2px;margin-bottom:10px}
.market-watch h2{font-size:21px}
.watch-item{padding:11px 8px;gap:13px}
.watch-item>img{height:45px;width:34px}
.watch-item>span,.watch-item strong{font-size:11px}
.market-chart-panel{padding:22px 20px}
.market-chart-panel .section-heading{align-items:flex-start}
.market-chart-panel .eyebrow{font-size:7px}
.market-chart-panel h2{font-size:26px}
.market-value strong{font-size:37px}
.data-disclosure{font-size:8px}
.research-strip{grid-template-columns:1fr;gap:27px;margin:36px 4px 50px}
.research-strip>div>svg{margin-bottom:12px}
.research-strip p{max-width:100%;font-size:11px;margin-top:8px}
.research-strip h3{font-size:20px}
.drop-card{grid-template-columns:1fr;padding:17px;gap:24px;border-radius:20px}
.drop-image{height:240px}
.drop-image img{height:205px}
.drop-card>div:last-child{padding:0 6px 8px}
.drop-card h2{font-size:31px;margin:14px 0}
.drop-card p{font-size:11px}
.drop-actions{gap:20px;margin-top:22px}
.drop-actions .button{font-size:10px;min-height:46px}
.drop-actions .text-link{font-size:10px}
.drop-list{margin-bottom:50px}
.sell-page{grid-template-columns:1fr;gap:20px;margin:38px 0 50px}
.sell-page .page-intro{padding:0 4px 12px}
.sell-page h1{font-size:40px}
.sell-steps{margin:0 4px}
.sell-steps>div{margin:22px 0;gap:15px}
.sell-steps h3{font-size:18px}
.sell-steps p{font-size:11px;max-width:100%}
.sell-form{padding:24px 21px}
.sell-form h2{font-size:27px}
.sell-form .eyebrow{font-size:7px}
.sell-form label{font-size:11px}
.sell-form input,.sell-form textarea,.sell-form select{font-size:16px}
.sell-form .button{font-size:10px}
.studio-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}
.studio-stats>div{padding:18px}
.studio-stats strong{font-size:27px}
.studio-stats span{font-size:9px}
.studio-stats+.section-heading{display:block}
.studio-stats+.section-heading h2{font-size:26px}
.studio-stats+.section-heading .muted{font-size:10px;display:block;margin-top:10px}
.inventory-table td{padding:13px 17px}
.inventory-table th{padding:14px 17px}
.order-list>div{padding:15px;gap:12px}
.order-list span{font-size:9px}
.order-list small{font-size:8px}
.order-list strong{font-size:12px}
dialog{max-height:calc(100dvh - 35px);border-radius:20px}
.dialog-heading{padding:24px 22px 20px;gap:12px}
.dialog-heading h2{font-size:27px}
.dialog-heading .eyebrow{font-size:7px}
.dialog-content{padding:22px}
.dialog-content input,.dialog-content select{font-size:16px}
.dialog-content>.button{font-size:11px}
.form-columns{gap:12px}
.form-columns label{font-size:10px}
.drawer{margin:9px;width:calc(100% - 18px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}
.cart-body{padding:6px 22px}
.cart-row{grid-template-columns:62px 1fr 23px;gap:13px;padding:20px 0}
.cart-row img{height:80px}
.cart-row>div>a{font-size:11px}
.cart-row small{font-size:8px}
.cart-total{padding:22px}
.cart-total>.button{font-size:11px}
.toast{bottom:96px;font-size:10px;padding:12px 17px;max-width:calc(100% - 40px)}
.zoom-image{padding:20px}
.zoom-dialog .dialog-heading h2{font-size:24px}
.checkout-summary>div{font-size:10px}
.notice{font-size:10px}
.search-suggestions>a{font-size:9px}
.about-list{font-size:11px}
}
@media(max-width:420px){.hero h1{font-size:64px}
.hero-stage{height:404px}
.hero-card{width:183px;left:36%;top:35px}
.sports-sample{width:117px;top:102px;left:2%}
.shoe-sample{width:195px;bottom:29px}
.hero-actions{gap:12px}
.hero-actions .button.secondary{font-size:8px;gap:8px}
.hero-actions .button{font-size:9px;padding:13px 12px;gap:13px}
.hero p{font-size:11px}
.product-visual{height:209px}
.product-visual>a{padding:16px}
.product-title{font-size:12px}
.product-detail{font-size:7px}
.product-bottom strong{font-size:15px}
.product-bottom .text-link{font-size:7px}
.product-set{font-size:7px}
.section-heading h2{font-size:26px}
.section-heading>.text-link{font-size:8px;max-width:78px}
.header-actions{gap:4px}
.header-shell{padding:12px}
.brand>span{font-size:12px}
.brand>svg{width:30px}
.brand{gap:8px}
.preview-bar{font-size:6px;gap:5px}
.preview-detail{font-size:6px}
.preview-bar button{font-size:6px;margin-left:6px}
.world h2{font-size:31px}
.world>img{right:-15px;width:144px}
.world-sports>img{width:230px;right:-68px}
.world .eyebrow{font-size:5px}
.collection-feature h2{font-size:31px}
.page-intro h1{font-size:36px}
.results-heading{font-size:7px}
.results-heading button{font-size:7px}
.filter-controls select{font-size:8px;padding-left:7px}
.category-tabs button{font-size:9px;padding:8px 10px}
.detail-image{height:405px;padding:48px}
.detail-copy h1{font-size:35px}
.collection-value strong{font-size:45px}
.summary-stats strong{font-size:18px}
.summary-stats span{font-size:7px}
.footer-inner>div:not(.footer-bottom){gap:15px;font-size:9px}
.footer-inner button{font-size:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}