:root{--paper:#eeede9;--ink:#181818;--muted:#696863;--line:#d2d0ca;--black:#080808;--sans:'Space Grotesk',Arial,sans-serif;--display:'Archivo',Arial,sans-serif;--mono:'Space Mono',monospace}
.collection-empty{grid-column:1/-1;padding:4rem 0;color:var(--muted)}.variant-label{display:block;margin-bottom:10px;font-size:12px}#productVariant{width:100%;padding:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);font:inherit;margin-bottom:12px}.photo-thumbs{display:flex;gap:8px;padding:12px}.photo-thumbs button{width:60px;padding:0}.photo-thumbs img{width:100%;height:auto}.detail-description,#infoCopy{white-space:pre-line}.detail-media{min-width:0}
/* Reserve the catalog area before its live data arrives. */
#products{min-height:220px;align-content:start}
/* Keep the neutral product placeholders square. */
#products .product-image{aspect-ratio:1}
#products .product-image img{object-fit:cover}
.hot-badge{display:inline-flex;align-items:center;justify-content:center;background:#c93220;color:#fff;border-radius:3px;padding:7px 10px;font:700 11px/1 var(--sans);letter-spacing:.09em}
.product-image>.hot-badge{position:absolute;top:12px;right:12px;z-index:1;pointer-events:none}
.detail-copy>.hot-badge{margin-bottom:14px}
.detail-copy>.hot-badge+.micro{display:block}
#confirmationRetry{margin-top:12px}
#confirmationRetry[hidden]{display:none}
@media(max-width:600px){.product-image>.hot-badge{top:9px;right:9px;padding:6px 8px;font-size:10px}}
.image-placeholder{display:grid;place-items:center;width:100%;height:100%;background:#e4e3df;color:#74716b;text-align:center}
.image-placeholder>span{font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:12px}
.detail-image>.image-placeholder{min-height:inherit}
.bag-line>.image-placeholder{aspect-ratio:1;height:100px}
#collection{padding-bottom:48px}
@media(max-width:600px){.intro .intro-top{flex-wrap:wrap;gap:10px}.intro .edition{display:block}.intro .micro{font-size:7px}#collection{padding-bottom:32px}}
@media(max-width:600px){.intro .intro-bottom{display:block}.intro .intro-bottom p{max-width:none;margin-top:16px}.intro .intro-bottom p br{display:none}}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px}button,a,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #8b5e39;outline-offset:5px}button:disabled{cursor:not-allowed}button:disabled:not(.size){opacity:.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-60px;left:10px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}
.header{height:102px;padding:0 4%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:var(--black);color:#fff}.back-link{font-size:12px;display:flex;align-items:center;gap:12px;width:max-content}.logo{justify-self:center}.logo img{display:block;width:132px;height:63px;object-fit:contain;filter:brightness(0) invert(1)}.bag-button{justify-self:end;display:flex;align-items:center;gap:11px;min-height:44px;font-size:12px}.bag-button span{font-size:10px;color:#aaa}.bag-button svg{margin-left:4px}.intro{padding:40px 4% 46px}.intro-top{display:flex;justify-content:space-between}.micro{font-family:var(--mono);font-size:9px;letter-spacing:.1em;line-height:1.6}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:36px}h1{font-family:var(--display);font-size:clamp(38px,4.6vw,70px);font-weight:600;letter-spacing:-.055em;line-height:1.02;margin:0}.intro-bottom p{font-size:13px;line-height:1.7;margin:0 0 2px;color:var(--muted)}.mobile-break{display:none}#collection{margin:0 4%}.toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding:16px 0 25px;gap:16px}.filters{display:flex;gap:29px}.filter{padding:9px 0;color:var(--muted);font-size:12px;position:relative;white-space:nowrap}.filter.active{color:var(--ink)}.filter.active:after{content:'';position:absolute;height:1px;background:currentColor;left:0;right:0;bottom:3px}.filter sup{font-family:var(--mono);font-size:8px;margin-left:4px;color:var(--muted)}.sort{display:flex;align-items:center;gap:7px}.sort select{border:0;background:none;appearance:none;max-width:155px;font-size:11px;padding:10px 0;color:var(--ink);cursor:pointer}.sort span{font-size:16px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.product{min-width:0;animation:reveal .5s both;animation-delay:calc(var(--i)*60ms)}.product-link{display:block;width:100%;text-align:left;padding:0}.product-image{position:relative;aspect-ratio:1/1.13;overflow:hidden;background:#e8e7e3}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.product-link:hover img{transform:scale(1.055)}.product-index{position:absolute;top:12px;left:12px;font:9px var(--mono);color:#6d6a64;z-index:1}.quick-add{position:absolute;bottom:14px;right:14px;background:rgba(255,255,255,.85);border:1px solid #d2d0ca;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:20px;transition:background .2s}.product-link:hover .quick-add{background:#191919;color:white}.product-copy{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px}.product-copy h2{font-size:13px;font-weight:500;margin:0}.product-copy p{font-size:12px;margin:0}.product-color{font-size:10px;color:var(--muted);margin:8px 0 0;display:flex;gap:7px;align-items:center}.swatch{width:8px;height:8px;border:1px solid #0002;border-radius:50%;display:inline-block;background:var(--swatch)}.collection-end{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:42px 0 22px;color:var(--muted)}.studio-note{padding:64px 4% 70px;display:grid;grid-template-columns:1fr 1.8fr 1.5fr;align-items:start;column-gap:30px}.studio-note h2{font-family:var(--display);font-size:28px;letter-spacing:-.04em;font-weight:500;line-height:1.2;margin:0}.studio-note p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.studio-note>a{grid-column:3;font-size:11px;margin-top:20px;width:max-content;border-bottom:1px solid #999;padding-bottom:6px}.studio-note>a span{margin-left:25px}.shop-end{background:var(--black);color:#fff;padding:30px 4% 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:20px}.footer-top>div{display:flex;gap:28px;align-items:center}.footer-top button{padding:10px 0;font-size:11px}.footer-word{font-family:var(--display);font-size:clamp(80px,18.2vw,300px);letter-spacing:-.06em;font-weight:800;line-height:1.12;position:relative;margin:35px 0 20px}.footer-word span{font-size:.13em;vertical-align:top;display:inline-block;margin-top:20px;letter-spacing:0}
dialog{padding:0;border:0;background:var(--paper);color:var(--ink);max-height:92dvh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:18px;top:15px;z-index:2;width:40px;height:40px;font-size:30px;line-height:1;background:var(--paper)}.product-dialog{width:min(880px,calc(100% - 32px))}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr}.detail-image{background:#e6e5e1;display:flex;align-items:center;min-height:500px}.detail-image img{width:100%;height:auto;mix-blend-mode:multiply}.detail-copy{padding:64px 36px 40px}.detail-copy h2{font:500 30px/1.1 var(--display);letter-spacing:-.04em;margin:16px 0}.detail-price{font-size:17px;margin-bottom:26px}.detail-description{font-size:13px;line-height:1.8;color:var(--muted)}.detail-color{font-size:12px;margin:22px 0;display:flex;align-items:center;gap:10px}.size-label{font-size:11px;margin-bottom:10px}.sizes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.size{min-width:43px;min-height:43px;border:1px solid #aaa}.size[aria-pressed=true]{background:#181818;color:white;border-color:#181818}.size:disabled{color:#aaa;text-decoration:line-through;border-color:#ddd}.primary{display:block;width:100%;background:#141414;color:#fff;min-height:49px;padding:14px 20px;font-size:12px}.primary:hover{background:#383838}.detail-footnote{font-size:10px;color:var(--muted);line-height:1.7;margin:16px 0 0}.bag-dialog{position:fixed;left:auto;right:0;top:0;bottom:0;margin:0;width:min(470px,100%);height:100dvh;max-height:100dvh;max-width:100%;padding:28px;overflow-y:auto}.drawer-heading{border-bottom:1px solid var(--line);padding:10px 0 24px}.drawer-heading h2{font:500 28px var(--display);letter-spacing:-.04em;margin:0}.drawer-heading h2 span{font:11px var(--mono);vertical-align:top;margin-left:8px}.bag-line{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.bag-line img{display:block;width:100px;height:100px;align-self:start;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;background:#e4e3df}.bag-line h3{font-size:13px;font-weight:500;margin:5px 0 8px}.bag-line p{font-size:11px;color:var(--muted);margin:0 0 14px}.quantity{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.quantity-controls{display:flex;align-items:center;border:1px solid #aaa}.quantity-controls button{width:40px;min-height:44px}.quantity-controls span{font-size:11px;min-width:25px;text-align:center}.remove{min-height:44px;padding:0;font-size:11px;text-decoration:underline}.subtotal{display:flex;justify-content:space-between;font-size:16px;margin:32px 0 12px}.bag-note{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 23px}.empty{padding:75px 0;text-align:center}.empty h3{font-size:21px;font-weight:500}.empty p{color:var(--muted);font-size:13px;margin-bottom:30px}.info-dialog{width:min(430px,calc(100% - 32px));padding:45px 30px 30px}.info-dialog h2{font:500 27px var(--display);letter-spacing:-.04em;margin:18px 0}.info-dialog p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:25px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);padding:13px 22px;background:#151515;color:white;font-size:12px;opacity:0;pointer-events:none;z-index:30;transition:opacity .2s,transform .2s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){main{max-width:1700px;margin:auto}}@media(max-width:1000px){.products{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:35px}.studio-note{grid-template-columns:1fr 1.8fr}.studio-note p,.studio-note>a{grid-column:2}.studio-note p{margin-top:20px}.product-image{aspect-ratio:1.1}}@media(max-width:600px){.header{height:80px;padding:0 6%}.logo img{width:106px;height:50px}.back-link{font-size:20px}.back-link span{display:none}.bag-button{gap:7px}.bag-button svg{display:none}.intro{padding:28px 6% 30px}.edition{display:none}.intro-bottom{margin-top:28px;align-items:start;gap:15px}.intro-bottom p{font-size:11px;margin-top:4px}.mobile-break{display:block}h1{font-size:42px;line-height:1.05}#collection{margin:0 6%}.toolbar{padding:12px 0 20px;gap:8px}.filters{gap:18px}.filter{font-size:11px}.filter sup{font-size:7px;margin-left:1px}.sort select{font-size:10px;width:59px}.products{gap:28px 13px}.product-image{aspect-ratio:1/1.22}.product-index{top:9px;left:9px;font-size:8px}.quick-add{width:28px;height:28px;bottom:9px;right:9px}.product-copy{display:block;margin-top:12px}.product-copy h2{font-size:12px}.product-copy p{margin-top:6px;font-size:11px}.product-color{font-size:9px;margin-top:6px}.collection-end{padding-top:29px}.collection-end .micro{font-size:8px}.collection-end>span:last-child{display:none}.studio-note{padding:38px 6% 42px;display:block}.studio-note h2{font-size:28px;margin-top:22px}.studio-note p{font-size:12px;margin:17px 0}.studio-note>a{display:inline-block;margin-top:4px}.shop-end{padding:23px 6%}.footer-top{display:block;font-size:11px}.footer-top>div{margin-top:15px;gap:20px;flex-wrap:wrap}.footer-word{font-size:19vw;margin:27px 0}.footer-word span{margin-top:8px}.detail-layout{display:block}.detail-image{min-height:0;height:270px}.detail-image img{height:100%;object-fit:contain}.detail-copy{padding:27px}.detail-copy h2{font-size:28px}.product-dialog{max-height:92dvh}.bag-dialog{padding:22px}.micro{font-size:8px}.intro-bottom p{max-width:110px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the original type metrics; only the middle A receives artwork. */
.footer-ice-a{position:relative;display:inline-block;font:inherit;color:transparent}
.footer-ice-a b{position:absolute;left:0;right:-.045em;bottom:.215em;height:.75em;overflow:hidden;mix-blend-mode:lighten;clip-path:polygon(0 100%,41% 12%,59% 2%,100% 100%)}
.footer-ice-a img{position:absolute;display:block;width:566.857%;max-width:none;height:235.294%;left:-188.571%;top:-61.765%}
/* Match the main DJ Alaska site footer, including its quiet agency credit. */
.site-footer{width:100%;margin:0;padding:1.25rem clamp(1rem,3.5vw,3.5rem) 2rem;font-family:"Manrope",system-ui,sans-serif;font-size:.72rem;letter-spacing:.06em;line-height:1.6;color:#a29b92;text-transform:uppercase;background:#050505}
.footer-inner{width:min(100%,1440px);margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.site-footer a{color:#a29b92;text-decoration:none}
.site-footer a:hover{color:#c9b79d}
.site-footer .footer-credit{opacity:.42;transition:opacity .16s ease,color .16s ease}
.site-footer .footer-credit:hover{opacity:.78}
.shop-end{background:#050505}
.shipping-dialog{width:min(550px,calc(100% - 24px));padding:40px 30px 30px}.shipping-dialog h2{font:500 36px var(--display);letter-spacing:-.04em;margin:16px 0}.address-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.address-fields label{display:grid;gap:8px;min-width:0;font-size:12px}.address-fields .address-wide{grid-column:1/-1}.address-fields input,.address-fields select{width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:16px var(--sans)}.address-fields input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.address-fields [hidden]{display:none}.shipping-error{font-size:13px;color:#9c2525;line-height:1.6}@media(max-width:400px){.shipping-dialog{padding:40px 20px 24px}.address-fields{grid-template-columns:1fr}}
/* Keep Safari's page canvas and home-indicator area continuous with the footer. */
html,body{background:#050505}
#gardenShop>main{background:var(--paper)}
.site-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}
@media(max-width:720px){
  .site-footer{padding:0 6% calc(20px + env(safe-area-inset-bottom,0px))}
  .footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 16px;font-size:11px;letter-spacing:.035em}
  .footer-inner>*{min-width:0}
  .footer-inner>a:not(.footer-credit){justify-self:end}
  .site-footer a{min-height:44px;display:inline-flex;align-items:center}
  .site-footer .footer-credit{grid-column:1/-1;justify-self:start;margin-top:8px;opacity:.8}
}
@media(max-width:600px){
  .header{height:calc(80px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
  .shop-end{padding-bottom:12px}
  .footer-top>a,.footer-top>div>a{display:inline-flex;align-items:center;min-height:44px}
  .footer-top>div{margin-top:4px;column-gap:20px;row-gap:0}
  .footer-top button{min-height:44px}
}

.order-reference{padding:20px 0;border-block:1px solid var(--line);margin:22px 0}.order-reference[hidden]{display:none}.order-reference span{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;color:#595853}.order-reference strong{display:block;font:500 clamp(19px,5.7vw,26px)/1.4 var(--mono);color:var(--ink);overflow-wrap:anywhere;user-select:all}

/* Bound both dimensions: image HTML attributes otherwise stretch the mobile bag. */
@media(max-width:600px){.bag-line{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:22px 0}.bag-line>img,.bag-line>.image-placeholder{width:88px;height:88px}.bag-line h3{line-height:1.5;margin-top:0}.bag-dialog{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}}