:root{font-family:Arial,Helvetica,sans-serif;color:#16161d;background:#FAFAFA;font-size:16px;--ink:#16161d;--accent:#d8ff36;--line:#d9d9d9;--muted:#626262}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;padding:12px 18px;font-size:.875rem;font-weight:600;border-radius:2px;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled),.button:hover{background:#ebebeb}.solid{background:var(--ink);color:#fff;border-color:var(--ink)}.solid:hover:not(:disabled){background:#16161d}.outline{background:transparent;border-color:#a0a0a0}.quiet{border:0;text-decoration:underline;text-underline-offset:4px;padding-left:0;padding-right:0}.full{width:100%}:focus-visible{outline:3px solid #4865da;outline-offset:4px}input,textarea,select{border:1px solid #aaa;background:#fff;border-radius:2px;padding:11px 12px;max-width:100%;min-height:44px}textarea{resize:vertical}input[type=color]{height:48px;width:100%;padding:6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin-bottom:24px}h2{font-size:1.375rem;line-height:1.25;font-weight:500;letter-spacing:-.025em}h3{font-size:1.05rem;font-weight:600}p{line-height:1.65}small,.small{font-size:.875rem;line-height:1.5}.muted{color:var(--muted)}.eyebrow{font-family:monospace;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase}.skip{position:fixed;left:16px;top:-100px;padding:12px;background:var(--accent);z-index:10}.skip:focus{top:12px}.site-header{display:flex;align-items:center;gap:36px;padding:26px 4vw;border-bottom:1px solid var(--ink);background:#FAFAFA}.wordmark{font-size:1.4rem;font-weight:900;letter-spacing:-.06em}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a{font-size:.9375rem;padding:8px 0}.site-header nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.cart-link{display:flex;gap:10px;align-items:center}.cart-link span{background:var(--ink);color:#fff;font-family:monospace;padding:4px 7px}.site-footer{display:flex;gap:32px;flex-wrap:wrap;justify-content:space-between;margin:70px 4vw 0;padding:32px 0;border-top:1px solid var(--ink);font-size:.875rem}#main{padding:0 4vw;min-height:65vh}.page-heading{padding:68px 0 48px;max-width:1100px}.page-heading .eyebrow{margin-bottom:26px}.intro{max-width:650px;color:var(--muted);font-size:1.125rem}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product-image{aspect-ratio:4/5;background:#e8e8e8;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;min-height:100px;display:grid;place-items:center;background:#ececec;border:1px solid #ddd;color:#747474;font-family:monospace;font-size:.875rem}.product-number{position:absolute;left:14px;top:14px;background:var(--accent);padding:5px 8px;font-family:monospace;font-size:.875rem}.product-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:21px 0 6px}.product-title h2{margin:0}.product-description{font-size:1rem;color:var(--muted);margin:14px 0 24px}.buy-row{display:flex;gap:8px}.buy-row select{flex:1;min-width:0;font-size:.875rem}.buy-row button{white-space:nowrap}.brand-grid,.music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.brand-card{background:var(--ink);color:#fff;min-height:250px;padding:36px;display:flex;flex-direction:column;align-items:flex-start}.brand-card h2{font-size:2.5rem}.brand-card .eyebrow{margin-top:auto;background:var(--accent);color:var(--ink);padding:5px 8px}.journal-list{border-top:1px solid var(--ink)}.journal-row{display:grid;grid-template-columns:150px 1fr 110px;gap:28px;padding:36px 0;border-bottom:1px solid var(--line)}.journal-row h2{font-size:1.75rem}.journal-row p{margin:0;color:var(--muted)}.journal-row time{font-family:monospace;font-size:.875rem}.back-link{display:inline-block;margin-top:32px;text-decoration:underline}.article-body{max-width:740px;margin:0 auto;font-size:1.125rem;white-space:pre-wrap;overflow-wrap:anywhere}.article-image{max-width:900px;margin:0 auto 48px}.article-image img{width:100%;max-height:600px;object-fit:cover}.music-card{border-top:1px solid var(--ink);padding:28px 0}.music-card h2{font-size:2rem}.music-art{width:100%;aspect-ratio:1;max-width:420px;margin-bottom:24px}.music-art img{width:100%;height:100%;object-fit:cover}.music-player{border:0;width:100%;height:352px;margin:12px 0}.text-link{text-decoration:underline;text-underline-offset:5px}.empty-state{padding:48px 24px;border:1px solid var(--line);background:#f0f0f0;font-size:1.1rem}.empty-state p{margin:0}.bag-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:50px}.bag-line{display:grid;grid-template-columns:90px 1fr 70px 90px;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.bag-line h2{margin:0}.bag-line p{margin:8px 0;font-size:.875rem}.bag-photo{height:100px}.bag-photo img{width:100%;height:100%;object-fit:cover}.bag-line input{width:70px}.bag-summary{padding:28px;background:#ededed;align-self:start}.summary-line{display:flex;justify-content:space-between;margin:20px 0}.bag-summary p{font-size:.875rem}.loading{padding:40px}.error-text,.form-error{color:#a32323}.form-error:empty{display:none}.form-error{margin:14px 0 0;overflow-wrap:anywhere}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:16px 24px;max-width:min(620px,90vw);z-index:20;box-shadow:0 8px 30px #16161d33;font-size:.9375rem}.admin-body{background:#f1f2f3}.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:#16161d;color:#eee;padding:32px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.studio-mark{font-size:1.375rem;font-weight:800;letter-spacing:-.045em;margin-bottom:10px}.sidebar>.eyebrow{color:#a6a6a6;margin-bottom:35px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-button{border:0;text-align:left;justify-content:flex-start;color:#ddd;padding:12px 14px;width:100%;font-weight:400}.nav-button.active{background:var(--accent);color:#16161d;font-weight:600}.nav-button:hover:not(:disabled){background:#16161d;color:#fff}.nav-button.active:hover:not(:disabled){background:var(--accent);color:#16161d}.sidebar-bottom{margin-top:auto;padding-top:32px;display:flex;flex-direction:column;gap:6px;font-size:.875rem}.sidebar-bottom span{color:#aaa}.sidebar-bottom .quiet{color:#ccc;justify-content:flex-start}.workspace{padding:42px clamp(20px,4vw,70px);min-width:0}.workspace-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.workspace-header h1{font-size:2.75rem;margin:0}.workspace-header .eyebrow{margin:0 0 10px}.notice{background:#e6eddb;border:1px solid #a1b38a;padding:16px 20px;line-height:1.5;margin-bottom:24px;font-size:.9375rem}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:.9375rem}th{text-align:left;font-size:.875rem;color:var(--muted);font-weight:500;padding:18px 22px;background:#f9f9f9;white-space:nowrap}td{padding:20px 22px;border-top:1px solid #e5e5e5}td:last-child{text-align:right}.badge{display:inline-block;font-size:.875rem;background:#ededed;padding:5px 8px;white-space:nowrap}.editor-panel{background:#fff;border:1px solid var(--line);padding:30px;margin-top:24px;max-width:880px}.editor-form{display:flex;flex-direction:column;gap:22px}.field{display:flex;flex-direction:column;gap:8px;font-size:.9375rem}.field>span{font-weight:600}.field small{color:var(--muted)}.field textarea{line-height:1.6}.check-field{display:flex;align-items:center;gap:12px}.check-field input{width:20px;height:20px;min-height:0}.variants{display:flex;flex-direction:column;gap:18px}.variant-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;align-items:end;gap:14px;padding:16px;background:#f3f3f3}.variant-row input{width:100%}.editor-form h2,.editor-form h3{margin:12px 0 0}.editor-form>p{margin:0}.form-actions{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:24px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:#16161d}.login-form{display:flex;flex-direction:column;gap:24px;background:#fff;padding:44px;width:min(440px,100%)}.login-form h1{font-size:3.5rem;margin:0}.login-form>.eyebrow{margin:0}.login-form>a{font-size:.875rem;text-decoration:underline}.orders-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.order-card{padding:24px;background:#fff;border:1px solid var(--line)}.order-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.order-heading h2{margin:0}.order-card>.muted{font-size:.875rem;margin:12px 0}.order-card li{margin:8px 0;font-size:.9375rem}.order-actions{display:flex;flex-wrap:wrap;gap:10px}.order-details{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;overflow-wrap:anywhere}.order-details p{margin:4px 0 14px}.audit-row{display:flex;flex-wrap:wrap;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.audit-row time{margin-left:auto;font-size:.875rem;color:var(--muted)}
@media(max-width:1050px){.product-grid{gap:18px}.buy-row{flex-direction:column}.orders-list{grid-template-columns:1fr}.variant-row{grid-template-columns:1fr 1fr}.bag-layout{grid-template-columns:1fr 300px;gap:24px}.bag-line{grid-template-columns:60px 1fr 60px;gap:12px}.bag-line>span{grid-column:2}.admin-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:28px 16px}}
@media(max-width:760px){.site-header{flex-wrap:wrap;gap:18px;padding:20px 5vw}.wordmark{font-size:1.3rem}.site-header nav{order:3;width:100%;gap:26px;margin:0}.cart-link{margin-left:auto}.page-heading{padding:44px 0 28px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.product-title{flex-direction:column;gap:6px}.product-title h2{font-size:1.2rem}.product-description{font-size:.9375rem}.product-image{aspect-ratio:3/4}.product-number{font-size:.75rem;top:9px;left:9px}.brand-grid,.music-grid{grid-template-columns:1fr}.journal-row{grid-template-columns:1fr;gap:12px;padding:24px 0}.journal-row h2{font-size:1.5rem}.bag-layout{grid-template-columns:1fr}.bag-summary{margin-top:12px}.site-footer{margin-top:48px}.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:20px}.sidebar nav{flex-direction:row;flex-wrap:wrap;gap:5px}.sidebar .nav-button{width:auto;padding:10px 12px;font-size:.875rem}.sidebar>.eyebrow{margin-bottom:16px}.sidebar-bottom{padding-top:18px;flex-direction:row;align-items:center;gap:16px}.sidebar-bottom .quiet{margin-left:auto;padding:6px}.workspace{padding:30px 20px}.workspace-header h1{font-size:2.1rem}.editor-panel{padding:22px}.variant-row{grid-template-columns:1fr 1fr;padding:12px}.workspace-header{align-items:flex-start}.order-actions>button{flex:1}.login-form{padding:32px}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-title{flex-direction:row}.buy-row{flex-direction:row}.variant-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Home */
.home-hero{margin:36px 0 0;padding:clamp(32px,6vw,80px);background:transparent;color:var(--ink);min-height:380px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.home-hero>.eyebrow{color:var(--accent);margin-bottom:36px}.home-hero h1{max-width:950px;font-size:clamp(3rem,7vw,7rem);margin-bottom:36px}.home-shop-link{background:var(--accent);color:var(--ink);border-color:var(--accent)}.home-shop-link:hover{background:#c9ef24}.home-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);margin:32px 0 48px}.home-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;min-height:260px}.home-card+.home-card{border-left:1px solid var(--line)}.home-card:hover{background:#efefef}.home-card>.eyebrow{color:var(--muted);margin-bottom:32px}.home-card h2{font-size:2rem;margin-bottom:12px}.home-card p{color:var(--muted);margin-bottom:24px}.home-card>.text-link{margin-top:auto;font-size:.9375rem}.home-latest{border-top:1px solid var(--ink);padding-top:24px}.home-latest-link{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 0}.home-latest-link h2{font-size:1.75rem;margin-bottom:10px}.home-latest-link p{color:var(--muted);margin-bottom:0}.home-latest-link>.text-link{flex-shrink:0}
@media(max-width:760px){.site-header nav{flex-wrap:wrap;gap:10px 22px}.home-hero{margin-top:24px;min-height:320px;padding:32px 24px}.home-hero>.eyebrow{margin-bottom:26px}.home-sections{grid-template-columns:1fr;margin-top:24px}.home-card{min-height:220px;padding:26px}.home-card+.home-card{border-left:0;border-top:1px solid var(--line)}.home-card>.eyebrow{margin-bottom:22px}.home-latest-link{flex-direction:column;align-items:flex-start}}

.home-shop-card:hover{background:transparent}.home-rotation{width:100%;margin:0 0 28px}.home-product-spin{--product-spin-aspect-ratio:4 / 3;--product-spin-object-fit:contain;--product-spin-background:#FAFAFA}.rotation-caption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:.875rem}.rotation-counter{font-family:monospace}.home-rotation figcaption>p{margin:8px 0 12px;font-size:.875rem}.rotation-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.rotation-controls button{font-size:.875rem;padding:8px 10px}.home-card .rotation-toggle{padding:8px 0}.home-shop-card>.text-link{display:inline-block}.home-shop-card>p{margin-bottom:22px}

.home-rotation{display:block}.home-shop-title:hover{text-decoration:underline;text-underline-offset:6px}

.home-hero .home-dot-art{display:block;width:100%;height:clamp(260px,32vw,420px)}

.home-sections{position:relative;isolation:isolate;overflow:hidden}
.home-section-dots{position:absolute;inset:0;width:100%;height:100%;min-height:0;pointer-events:none;opacity:.25;z-index:-1}
.home-sections .home-card:hover{background:transparent}
.home-sections .home-product-spin{--product-spin-background:transparent}

/* Thin corner crosses replace the storefront's section dividers. */
.site-header,.site-footer,.home-card,.music-card{position:relative}
.site-header,.site-footer,.home-sections,.home-card+.home-card,.music-card{border:0}
:is(.home-card,.music-card)::after{
  --corner-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M0 10H20M10 0V20' stroke='%23FF00AA' stroke-width='2' stroke-opacity='0.8'/%3E%3C/svg%3E");
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background-image:var(--corner-cross),var(--corner-cross),var(--corner-cross),var(--corner-cross);
  background-repeat:no-repeat;
  background-position:left top,right top,left bottom,right bottom;
  background-size:20px 20px;
}

/* Center corner marks on shared card edges so adjacent marks coincide. */
.home-sections{overflow:visible}
.home-section-dots{clip-path:inset(0)}
.home-card::after{inset:-10px}
/* Draw shared junctions once, preserving the crosses' 80% opacity. */
.home-card+.home-card::after{
  background-image:var(--corner-cross),var(--corner-cross);
  background-position:right top,right bottom;
}
@media(max-width:760px){
  .home-card+.home-card::after{background-position:left bottom,right bottom}
}

/* Keep the dotted wordmark close to the surrounding homepage content. */
.home-hero{margin-top:8.67px;min-height:0;padding:8.67px 0 10.2px}
.home-hero .home-dot-art{height:auto;aspect-ratio:980 / 303}
.home-sections{margin-top:13.6px}

.home-sections .home-card{padding-top:12px;padding-left:12px}

.home-card-heading{display:flex;align-items:baseline;justify-content:flex-start;gap:8.56px;width:100%;margin-bottom:12px;flex-wrap:wrap}
.home-card-heading h2{margin-bottom:0;font-size:2.97rem;letter-spacing:.02em}
.home-card-heading .text-link{font-size:.91875rem;letter-spacing:.05em;color:#FF00AA;opacity:.56}

.home-card-heading .text-link{transition:opacity .15s ease}
.home-card-heading .text-link:is(:hover,:active,:focus-visible),
.home-card:is(:hover,:active,:focus-visible) .home-card-heading span.text-link{opacity:1}

/* Extra transparent drawing space does not enlarge the logo's layout box. */
.home-dot-stage{position:relative;width:100%;aspect-ratio:980 / 303;max-height:20vh}
.home-hero .home-dot-stage .home-dot-art{position:absolute;left:-64px;top:-64px;width:calc(100% + 128px);height:calc(100% + 128px);aspect-ratio:auto}
body:has(.site-header){overflow-x:clip}
body:has(.site-header){color:#4d4d4d}
body:has(.site-header) :is(.home-hero,.home-shop-link,.brand-card .eyebrow){color:#4d4d4d}
.site-header{z-index:3;align-items:flex-end}
.site-header nav a{font-size:18px;line-height:1;padding:0}
.site-header .staff-access{position:absolute;top:8px;left:4vw;color:#FAFAFA;font-size:.875rem;line-height:1}
.site-header a[aria-current="page"]{color:#ff00aa}
.bag-heading h1,.bag-heading .eyebrow,.bag-summary>h2{color:#ff00aa}
.site-header .wordmark{display:flex;align-items:center;flex-shrink:0}
.header-logo{display:block;width:119px;height:auto}
.site-header{min-height:95.35px;gap:30px}
.site-header .wordmark{position:absolute;left:50%;top:26px;transform:translateX(-50%)}
.about-page{margin:24px 0 48px;padding:12px 12px 32px;min-height:260px;gap:24px}
.about-page:hover{background:transparent}
.about-page h1{font-size:clamp(2rem,3.3vw,2.97rem);letter-spacing:.02em;margin:0}
.about-page p{color:inherit;max-width:650px;margin:0}
.about-page .about-brand{color:#ff00aa}
.danger{color:#a32323;border-color:#a32323}
.danger:hover:not(:disabled){background:#fff0f0}
.remove-product-dialog{width:min(480px,calc(100% - 40px));padding:28px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:#fff}
.remove-product-dialog::backdrop{background:rgb(22 22 29 / .45)}
.remove-product-dialog h2{margin-bottom:16px}
.remove-product-dialog p{margin-bottom:0}
.remove-product-dialog .form-actions{justify-content:flex-end;margin-top:24px}
.product-row-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.product-purchase-buttons{display:grid;grid-template-columns:minmax(0,max-content);gap:12px;max-width:100%}
.product-apple-pay{width:100%;min-width:0;contain:inline-size}
.apple-pay-placeholder{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;background:#16161d;color:#fff;border-color:#16161d;min-height:44px;font-size:18px;gap:8px}
.apple-pay-placeholder>span{grid-column:2}
.apple-pay-logo{grid-column:3;justify-self:start;display:block;width:20px;height:20px}
.apple-pay-placeholder[hidden]{display:none}
.apple-pay-mount:empty{display:none}
.product-details .product-apple-pay p{margin:8px 0 0;text-align:inherit;font-size:.875rem;line-height:1.4}
.apple-pay-message:empty{display:none}
.apple-pay-message{color:var(--muted)}
.about-page .about-statement{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2}

.product-sections{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
.product-sections:has(>.product-card:only-of-type){grid-template-columns:1fr}
.home-sections:has(>.home-shop-card){grid-template-columns:1fr}
.product-sections.product-detail{grid-template-columns:1fr;width:100%;margin-inline:0}
.product-details{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 12px}
.product-details .product-description{max-width:650px;margin:0;text-align:center}
.product-details .product-price{font-size:25px;color:#FF00AA}
.product-details .buy-row{justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:12px}
.product-card .buy-row button,.product-details .buy-row button{border-radius:12px;font-size:16px}
@media(max-width:1000px){
  .product-detail-layout{display:grid;grid-template-columns:1fr;row-gap:12px}
  .product-detail-layout .product-detail{margin-bottom:0}
  .product-detail-layout .product-details{padding-top:0}
}
@media(min-width:1001px){
  .product-detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:32px;align-items:center}
  .product-detail-layout .product-detail{margin-bottom:0}
  .product-detail-layout .product-details{align-items:flex-start;padding:24px 0}
  .product-detail-layout .product-description{text-align:left}
  .product-detail-layout .buy-row{justify-content:flex-start}
}
@media(min-width:600px) and (max-width:1000px){
  .product-detail-layout .product-details{display:grid;grid-template-columns:minmax(0,1fr) max-content;column-gap:32px;row-gap:12px;align-items:start}
  .product-detail-layout .product-price{grid-column:2;grid-row:1;justify-self:center}
  .product-detail-layout .product-purchase-buttons{grid-column:2;grid-row:2}
  .product-detail-layout .product-description{grid-column:1;grid-row:2;align-self:start;text-align:left}
}
.product-sections .home-card-heading{flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;margin-bottom:4px}
.product-sections .home-card-heading h2{font-size:clamp(2rem,3.3vw,2.97rem);overflow-wrap:anywhere;min-width:0}
/* Align the title box with the cross's top edge, keeping 5px horizontal clearance. */
.product-sections.product-detail .home-card-heading{font-size:clamp(2rem,3.3vw,2.97rem);margin-top:-22px;padding-left:3px}
.product-sections .product-description{margin-top:0}
.product-sections .product-price{font-size:25px;margin:auto 0 12px;align-self:center;white-space:nowrap;color:#FF00AA}
.product-sections .buy-row{width:100%;flex-wrap:wrap;margin-top:0}
.product-sections .buy-row select{min-width:120px}
@media(max-width:1000px){
  .product-sections{grid-template-columns:1fr}
  .product-sections .home-card-heading h2{font-size:2.97rem}
  .product-sections.product-detail .home-card-heading{font-size:2.97rem}
  .product-sections .home-card+.home-card::after{background-position:left bottom,right bottom}
}

.product-sections .buy-row{flex-direction:row;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:center}
.product-sections .buy-row button{gap:12px}
.product-sections .home-card{padding-right:12px}
.product-sections .home-rotation{width:45%;align-self:center}
.product-sections.product-detail .home-card{min-height:0;padding-bottom:12px}
.product-sections.product-detail .home-rotation{width:70%;margin-bottom:12px}
@media(width < 600px){
  .product-sections.product-detail .home-rotation{width:60%}
}
@media(min-width:1001px){
  .product-sections.product-detail{max-height:40vh}
  .product-sections.product-detail .home-rotation{
    --detail-preview-ratio:1.3333333333;
    /* Reserve the title line minus its 10px overhang, its 4px gap, and 24px below the image. */
    width:min(70%,max(0px,calc((40vh - clamp(2.5rem,4.125vw,3.7125rem) - 18px) * var(--detail-preview-ratio))));
  }
  .product-sections.product-detail .home-rotation:has(.sample-product-spin){--detail-preview-ratio:1.1963798393}
}

/* Match the tightly cropped 24-frame prototype canvas without letterboxing. */
.product-sections .sample-product-spin{--product-spin-aspect-ratio:406.7691453623979 / 340}
.product-sections .sample-product-spin::part(image){transform:none}
.home-shop-card .home-product-spin{--product-spin-aspect-ratio:40 / 27}
.home-shop-card .home-rotation{margin-bottom:37.24px}
.home-sections:not(:has(>.home-card~.home-card))>.home-shop-card .home-product-spin::part(stage){max-height:50vh}
.home-shop-title:hover{color:#FF70CF}
.home-shop-title:active{color:#ff00aa}
.home-shop-card .home-product-spin::part(image){position:absolute;top:-5.555556%;height:111.111111%;transform:scale(1.3)}
.home-sections:has(>.home-card:only-of-type) .home-shop-card .home-product-spin{--product-spin-aspect-ratio:400 / 189}
.home-sections:has(>.home-card:only-of-type) .home-shop-card .home-product-spin::part(image){top:-29.365079%;height:158.730159%}

/* Keep navigation beside the logo until the narrowest header layout. */
.cart-link{position:relative;width:32px;height:35px;flex-shrink:0;justify-content:center}
.cart-icon{display:block;width:100%;height:100%;fill:currentColor}
.cart-link #cart-count{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);background:transparent;color:inherit;padding:0;font-size:12px;line-height:1;pointer-events:none}
@media(min-width:376px) and (max-width:760px){
  .site-header{flex-wrap:nowrap;gap:30px;min-height:83.35px}
  .site-header .wordmark{top:20px}
  .site-header nav{order:0;width:auto;margin-left:auto}
  .site-header .cart-link{margin-left:0}
}
@media(max-width:375px){
  .site-header{flex-wrap:wrap;gap:18px;min-height:83.35px}
  .site-header .wordmark{top:20px}
  .site-header nav{order:3;width:100%;margin:0;justify-content:flex-end}
  .site-header .cart-link{margin-left:auto;margin-top:8.35px}
}
@media(min-width:376px) and (max-width:600px){
  .site-header{padding-top:68px}
}