/* The public website uses the width of a desktop browser; the optional app lives at /app/. */
.wrap{max-width:1360px;width:calc(100% - 96px)}
.header{max-width:1456px;padding:0 48px;height:106px;gap:24px}
.header nav{gap:26px;font-size:13px}
.nav-contact{border:1px solid #c8c2b3;border-radius:999px;padding:11px 18px;gap:16px;white-space:nowrap}
.nav-contact:hover{background:#ece6d9;border-color:#b4aa95}
.button,.filter,.view-options,.view-options button{border-radius:999px}
.product-image,.culture-photo{border-radius:22px}
.product-arrow,.close-dialog{border-radius:50%}
dialog{border-radius:24px}
.hero{gap:56px;padding-top:54px;padding-bottom:55px;min-height:625px}
.hero-art{background:#ece7d9;border-radius:30px;padding:25px 28px 20px;min-width:0}
.hero-logo{max-height:420px}
.art-top,.art-bottom{border-color:#d0c8b8;font-weight:600}
.hero h1{font-size:clamp(70px,7.6vw,112px)}
.hero-description{max-width:395px;font-size:17px}
.hero-actions .button{padding:17px 24px}
.hero-note{margin-top:35px;font-size:9px}
.culture-strip{padding:20px 0;font-size:26px;gap:55px}
.footer-links{display:flex;align-items:center;gap:24px;font-size:11px;color:var(--muted)}
.footer-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

.home-release-desk{display:block;padding:86px 0 68px;border-bottom:1px solid var(--line)}
.home-release-heading{gap:35px;margin-bottom:36px}
.home-release-heading>div:last-child{max-width:435px}
.home-release-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 12px}
.home-release-heading .text-link{font-size:12px}
.home-feature{display:grid;grid-template-columns:1.08fr 1fr;border-radius:28px;overflow:hidden;background:#e9e4d8;min-height:360px}
.home-feature-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:56px 35px 40px;min-height:360px}
.home-feature-visual img{width:100%;height:290px;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.home-feature-visual:hover img{transform:scale(1.035)}
.home-feature-label{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.6px}
.home-feature-label>span{font-size:21px;line-height:1}
.home-feature-brand{position:absolute;bottom:22px;left:28px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase}
.home-feature-copy{padding:38px 42px 36px;background:#24211e;color:var(--cream);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.home-feature-copy .eyebrow{color:#ffad7c;font-size:10px;margin-bottom:18px}
.home-feature-copy h3{font:800 clamp(37px,3.7vw,54px)/.98 CNK,Impact,sans-serif;letter-spacing:-.5px;margin:0 0 20px}
.home-feature-copy h3>span{display:block;color:#ffad7c;margin-top:7px}
.home-feature-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#c9c3b9;margin:0 0 24px;max-width:440px}
.home-feature-facts{display:flex;flex-wrap:wrap;gap:22px;margin:0 0 26px;padding-top:20px;border-top:1px solid #555048;width:100%}
.home-feature-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#b9b3a8;margin-bottom:8px}
.home-feature-facts dd{font-size:12px;font-weight:600;margin:0}
.home-feature-copy .button{margin-top:auto}
.home-grid-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 18px}
.home-grid-heading[hidden]{display:none}
.home-grid-heading h3{font-size:16px;margin:0}
.home-grid-heading p{font-size:11px;color:var(--muted);margin:0}
.home-release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.home-drop-card{min-width:0;border:1px solid #d9d2c4;border-radius:20px;overflow:hidden;background:#fbf8f0}
.home-drop-image{position:relative;background:#e9e5db;display:flex;align-items:center;justify-content:center;aspect-ratio:1.25;padding:30px 16px 24px}
.home-drop-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.home-drop-image:hover img{transform:scale(1.045)}
.home-drop-date{position:absolute;left:13px;top:13px;background:#fbf8f0f0;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:600}
.home-drop-copy{padding:19px 18px}
.home-drop-brand{display:flex;justify-content:space-between;gap:10px;font-size:9px;text-transform:uppercase;letter-spacing:.65px;color:var(--muted);margin:0 0 12px}
.home-drop-brand>span{color:var(--ink);font-size:11px;white-space:nowrap;letter-spacing:0}
.home-drop-copy h4{font-size:17px;line-height:1.25;margin:0 0 7px}
.home-drop-colorway{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px;margin:0 0 14px}
.home-drop-link{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line);font-size:11px;font-weight:600}
.home-drop-link>span{font-size:18px}
.home-release-actions{display:flex;justify-content:center;margin-top:28px}
.home-release-note{font-size:11px;line-height:1.7;color:var(--muted);margin:22px 0 0}
.home-feed-loading{grid-column:1/-1;padding:50px;font-size:14px;line-height:1.8;max-width:700px}
.home-feed-loading h3{font:800 50px/1 CNK,Impact,sans-serif;margin:0 0 20px}
.home-photo-pending{min-height:180px;display:grid;place-items:center;text-align:center;font-size:14px;line-height:1.6;color:var(--muted)}

.spotlight{border-radius:28px;overflow:hidden}
.spotlight-visual{background:#e9e4d8}
.spotlight-copy{background:#24211e}
.release-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
.release-card{border-radius:20px;overflow:hidden}
.release-card-media{aspect-ratio:1.25}
.drop-date-badge{border-radius:12px}
.save-pair{border-radius:50%}
.desk-filters select,.search-field input{border-radius:12px;background:#fbf8f0}
.coverage-summary{border-radius:18px;overflow:hidden}
.retailer-initial{border-radius:12px}
.resale-options article{border-radius:18px}
.listing-badge,.more-store-links>a{border-radius:7px}
.release-detail-actions button,.calendar-download{border-radius:999px}
.release-card h3{overflow-wrap:anywhere}

@media(max-width:1150px){
 .wrap{width:calc(100% - 64px)}
 .header{padding:0 32px;gap:20px}.header nav{gap:19px;font-size:12px}.brand>span{font-size:17px}.brand img{width:53px;height:53px}
 .hero{gap:32px;min-height:555px}.hero h1{font-size:clamp(68px,7.6vw,90px)}.hero-art{padding:22px}.hero-logo{max-height:365px}.hero-note{font-size:8px}
 .home-feature-copy{padding:32px}.home-feature-facts{gap:18px}.home-release-grid{gap:16px}
 .release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .header nav,.header .nav-contact{display:none}.header{height:90px}
 .menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:12px}.menu-toggle span{height:2px;width:23px;background:var(--ink)}
 .mobile-nav{display:flex;flex-direction:column;padding:8px 32px 22px;border-bottom:1px solid var(--line)}.mobile-nav a{font-size:15px;padding:12px 0}.mobile-nav[hidden]{display:none}
 .hero{gap:25px;min-height:480px}.hero h1{font-size:66px}.hero-description{font-size:15px}.hero-art{padding:18px}.hero-note{gap:12px;flex-wrap:wrap}.hero-note span+span:before{margin-right:12px}
 .home-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feature-copy{padding:30px 25px}.home-feature-visual{padding-left:22px;padding-right:22px}.home-feature-copy h3{font-size:39px}
 .release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{flex-wrap:wrap}.footer-links{gap:20px}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 36px)}.header{padding:0 18px;height:80px}.brand img{width:48px;height:48px}.brand>span{font-size:17px}.mobile-nav{padding-left:20px;padding-right:20px}
 .hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:32px;gap:28px}.hero h1{font-size:clamp(62px,15.6vw,103px)}.hero-description{font-size:15px;max-width:360px}.hero-art{border-radius:24px;padding:20px}.hero-logo{max-height:330px;margin:4px auto}.hero-note{margin-top:25px}.hero-actions .button{padding:15px 20px}
 .culture-strip{font-size:21px;gap:28px;padding:15px 18px;justify-content:flex-start}
 .home-release-desk{padding:52px 0 45px}.home-release-heading{margin-bottom:28px}.home-release-heading>div:last-child{margin-top:22px}.home-release-heading>div>p:not(.eyebrow){font-size:13px}.home-feature{grid-template-columns:1fr;border-radius:22px;min-height:0}.home-feature-visual{min-height:280px;padding:50px 25px 35px}.home-feature-visual img{height:220px}.home-feature-label{left:22px;right:22px;font-size:9px}.home-feature-brand{left:22px;font-size:10px}.home-feature-copy{padding:29px 25px}.home-feature-copy h3{font-size:43px}.home-feature-facts{gap:20px}.home-feature-facts dd{font-size:11px}
 .home-grid-heading{margin-top:27px;gap:12px;align-items:flex-start;flex-direction:column}.home-grid-heading h3{font-size:16px}.home-grid-heading p{font-size:10px}.home-release-grid{gap:14px}.home-drop-card{border-radius:16px}.home-drop-copy{padding:15px 12px}.home-drop-copy h4{font-size:15px}.home-drop-brand{font-size:8px;gap:6px;letter-spacing:0}.home-drop-brand>span{font-size:10px}.home-drop-colorway{font-size:11px}.home-drop-date{font-size:8px;padding:6px 8px;left:9px;top:9px}.home-drop-image{padding:33px 9px 14px;aspect-ratio:1}.home-drop-link{font-size:10px}.home-feed-loading{padding:30px 24px}
 .home-release-actions .button{width:100%;max-width:380px}
 .footer-links{width:100%;gap:22px;font-size:10px}.footer p{width:100%}.footer-links a:last-child{margin-left:auto}
 .spotlight{border-radius:22px}.release-grid{gap:20px 12px}.release-card{border-radius:16px}.release-card-media{aspect-ratio:1.12}
}
@media(max-width:370px){.home-release-grid,.release-grid{grid-template-columns:1fr}.hero h1{font-size:60px}}