@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/cormorant-semibold.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/manrope-regular.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/manrope-bold.ttf') format('truetype')}

/* Castle green, pale stone and gold. Type scale stays legible at every breakpoint. */
:root{--forest:#183d35;--dark:#112b25;--ink:#263c32;--muted:#556150;--gold:#d5b575;--cream:#f5f1e7;--line:#ccd1c0;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 var(--sans)}
button,input,select{font:inherit;color:inherit}
button,a,summary{touch-action:manipulation}
button{cursor:pointer;border:0}
a{color:inherit;text-decoration:none}
button:disabled{cursor:not-allowed;opacity:.6}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font:600 32px/1.08 var(--serif);text-wrap:balance}
h2{font-size:clamp(38px,4.1vw,58px);letter-spacing:-1px}
p{color:var(--muted);max-width:65ch}
button,a,input,select,summary{outline-offset:4px}
:focus-visible{outline:3px solid #9b671d}
.hero :focus-visible,.header :focus-visible,.map-section :focus-visible,.footer :focus-visible,.cart-dock :focus-visible,.gallery-dialog :focus-visible{outline-color:#f7d799}
::selection{background:var(--gold);color:var(--dark)}
[hidden],.hidden{display:none!important}
.container{width:100%;max-width:1328px;padding-inline:48px;margin-inline:auto}
.section{padding-block:88px}
.icon{width:24px;height:24px;flex-shrink:0;display:inline-block;vertical-align:middle}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0;background:transparent;font-size:26px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 22px;min-height:48px;font-size:15px;font-weight:700;border:1px solid transparent;border-radius:3px;line-height:1.45;text-align:center}
.button-gold{background:var(--gold);color:var(--dark);border-color:#b99553}
.button-gold:hover{background:#e7cb91}
.button-dark{background:var(--forest);color:var(--cream)}
.button-dark:hover{background:#275548}
.button-outline{background:transparent;border-color:#89957b}
.button-outline:hover{background:#e2e7d8}
.button-small{padding:11px 16px}
.text-button{padding:10px 0;min-height:44px;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:700;text-align:left}
.eyebrow{font:700 14px/1.5 var(--sans);color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:-100px;left:16px;background:var(--gold);padding:12px;z-index:1000}
.skip-link:focus{top:12px}
.header{min-height:88px;background:var(--dark);color:var(--cream);display:flex;align-items:center;gap:32px;padding:12px 36px;position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand>span{font:600 29px/1 var(--serif)}
.brand small{display:block;font:400 13px/1.4 var(--sans);color:#c7d2bf;margin-top:5px}
.navigation{display:flex;align-items:center;justify-content:center;gap:24px;flex:1}
.navigation a{font-size:15px;min-height:44px;display:flex;align-items:center}
.navigation a:hover{color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:16px}
.cart-toggle{position:relative}
.cart-count{position:absolute;right:-2px;top:-1px;background:var(--gold);color:var(--dark);border-radius:20px;min-width:20px;height:20px;padding:0 4px;font:700 12px/20px var(--sans)}
.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;background:#293f36;color:white;overflow:hidden}
.hero-image,.hero-shade,.hero-grain{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero-grain{display:none}
.hero-image{object-fit:cover;object-position:70% center}
.hero-shade{background:linear-gradient(90deg,#0b211bf2,#10291ed4 36%,#10291e35 80%),linear-gradient(0deg,#10291efa,transparent 35%)}
.hero-content{padding-block:82px 150px}
.hero-name{font:600 25px/1.3 var(--serif);color:#f0d8a3}
.hero h1{font-size:clamp(56px,6.5vw,92px);letter-spacing:-2px;line-height:1.02;margin:23px 0 28px;max-width:850px}
.hero p{font-size:17px;color:#f1f3e9;max-width:49ch;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px;flex-wrap:wrap}
.hero-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:15px;border-bottom:1px solid #acb8a5}
.hero .connection-status{font-size:13px;color:#e0e8d9;max-width:48ch;margin-top:24px}
.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hero-caption{font-size:13px;color:#e0e8d9}
.scene-control{display:flex;align-items:center;gap:14px}
.scene-control>div>span{font:600 23px var(--serif)}
.scene-control .icon-button{border:1px solid #b4c2ad;color:#fff;font-size:20px}
.scene-count{white-space:nowrap;font-size:13px;color:#f2d49a}
.scene-count i{font-style:normal;color:#e0e8d9}
.world-strip{background:var(--dark);color:#dfe6d6}
.strip-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:22px}
.strip-inner>span{display:flex;align-items:center;gap:12px;font-size:14px}
.strip-inner .icon{color:var(--gold)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}
.section-heading>div,.section-heading>h2{max-width:710px}
.section-heading>p{max-width:32ch;font-size:16px}
.realm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.realm-card{text-align:left;background:#e6eadd;padding:0;border:1px solid #c3ccb7;border-radius:4px;overflow:hidden;position:relative}
.realm-card img{width:100%;height:auto;aspect-ratio:2.25;object-fit:cover;transition:filter .2s}
.realm-card:hover img{filter:brightness(1.12)}
.realm-body{display:block;padding:24px}
.realm-body h3{font-size:34px}
.realm-body small{display:block;font:400 14px var(--sans);color:var(--muted);margin-top:8px}
.realm-body p{font-size:15px;margin-top:14px;line-height:1.7}
.realm-body>span{display:flex;justify-content:space-between;align-items:center;font:700 14px var(--sans);margin-top:20px}
.realm-icon{position:absolute;top:16px;right:16px;background:var(--dark);color:var(--gold);padding:10px;border-radius:3px}
.section-footnote{font-size:13px;margin-top:24px}
.map-section{padding-block:72px;background:var(--forest);color:var(--cream)}
.map-layout{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:56px}
.map-copy p{margin-top:24px;color:#dce6d6;font-size:16px}
.map-copy .button{margin-top:28px}
.map-note{display:block;color:#dce6d6;font-size:13px;line-height:1.7;margin-top:20px;max-width:46ch}
.map-preview{height:360px;position:relative;isolation:isolate;border:1px solid #84937a;overflow:hidden}
.map-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.map-preview-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#102d26f2,transparent 60%)}
.map-pin{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;padding:18px 22px;background:var(--cream);color:var(--ink);border:1px solid var(--gold);border-radius:3px;text-align:left}
.map-pin>span{font:600 28px var(--serif)}
.map-pin small{display:block;font:700 14px var(--sans);white-space:nowrap;margin-top:5px}
.map-preview-label{position:absolute;bottom:20px;left:20px;right:20px;font-size:13px;color:#fff}
.shop-notice{display:flex;gap:18px;padding:22px;background:#e7ebdc;border-left:4px solid #6b7e59;margin-bottom:28px}
.shop-notice strong{font-size:16px}
.shop-notice p{font-size:14px;margin-top:5px;max-width:85ch}
.shop-notice .icon{margin-top:4px}
.shop-toolbar,.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.filters button{background:transparent;min-height:44px;padding:10px 15px;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:3px}
.filters button:hover{background:#dfe5d4}
.filters button.active{background:var(--forest);color:var(--cream)}
.preview-label,.gallery-total,.gallery-more>span{font-size:13px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{border:1px solid var(--line);border-radius:4px;background:#faf8f0;overflow:hidden;display:flex;flex-direction:column}
.product-art{height:205px;width:100%;background:#e8e6d7;display:flex;align-items:center;justify-content:center;position:relative}
.product-art.green{background:#dce7d8}
.product-art.red{background:#eaded5}
.product-art .pixel-item{width:114px;height:114px;filter:drop-shadow(7px 12px 4px #263c322a);transition:transform .2s}
.product-art:hover .pixel-item{transform:translateY(-5px)}
.product-art>span{position:absolute;top:12px;left:14px;font-size:13px;color:var(--muted)}
.product-info{padding:20px;display:flex;flex-direction:column;flex:1}
.product-info small{font-size:13px;color:var(--muted)}
.product-info h3{font-size:29px;margin:10px 0 22px}
.product-title{font:inherit;text-align:left;background:none;padding:0;text-decoration-thickness:1px;text-underline-offset:4px}
.product-title:hover{text-decoration:underline}
.product-bottom{margin-top:auto;padding-top:17px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.product-price{font:700 21px var(--sans)}
.product-price span{font-size:17px}
.add-button{min-height:44px;padding:10px 14px;background:var(--forest);color:var(--cream);border:1px solid var(--forest);border-radius:3px;font-size:14px;font-weight:700}
.add-button:hover{background:#285749}
.shop-footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
.shop-footer>.icon{display:none}
.shop-footer p{flex:1;font-size:14px}
.shop-footer .button{flex-shrink:0}
.gallery-section{background:#e7ebdf}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gallery-tile{height:240px;position:relative;padding:0;overflow:hidden;background:var(--forest);text-align:left}
.gallery-tile:nth-child(6n+1),.gallery-tile:nth-child(6n+4),.gallery-tile:nth-child(6n+5){grid-column:span 2}
.gallery-tile img{height:100%;width:100%;object-fit:cover;transition:transform .3s}
.gallery-tile:hover img{transform:scale(1.03)}
.gallery-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10291ef2,transparent 65%)}
.gallery-tile>span{position:absolute;bottom:18px;left:20px;right:20px;display:flex;gap:15px;justify-content:space-between;z-index:1;font:600 25px var(--serif);color:white}
.gallery-tile>span>b{font:20px var(--sans)}
.gallery-more{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:30px}
.help-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}
.help-layout>div>p{margin-top:20px}
.faq details{border-bottom:1px solid #b4c0a6;padding:18px 0}
.faq details:first-child{border-top:1px solid #b4c0a6}
.faq summary{cursor:pointer;font-weight:700;min-height:44px;padding-block:8px}
.faq p{margin-top:14px;font-size:15px}
.join-section{position:relative;isolation:isolate;background:var(--forest);color:var(--cream)}
.join-section>img,.join-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.join-shade{background:#103c2de6;z-index:-1}
.join-inner{display:flex;align-items:center;gap:28px;padding-block:64px}
.join-inner h2{font-size:46px}
.join-crest{width:68px;flex-shrink:0}
.join-inner>.button{margin-left:auto;flex-shrink:0}
.footer{background:var(--dark);color:#d8e2cf;padding-block:40px 26px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:30px}
.footer-main nav{display:flex;gap:24px;flex-wrap:wrap}
.footer-main nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.back-top{display:inline-flex;align-items:center;justify-content:center;border:1px solid #84937a;width:44px;height:44px;font-size:22px;flex-shrink:0}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #536c5e;padding-top:24px;font-size:13px}
.footer-bottom>span:nth-child(2){max-width:54ch}
body:has(.cart-dock:not([hidden])) .footer{padding-bottom:125px}
.cart-dock{position:fixed;bottom:20px;right:24px;display:flex;align-items:center;gap:24px;background:var(--dark);color:var(--cream);padding:14px 18px;border:1px solid #98a186;border-radius:5px;box-shadow:0 6px 24px #112b2533;z-index:40}
.cart-dock strong{font-size:15px}
.cart-dock small{display:block;font-size:13px;color:#d8e2cf}
.cart-dock .button{font-size:14px}
body:has(dialog[open]) .cart-dock{visibility:hidden}

/* Dialogs and form states */
dialog{border:1px solid #91a080;background:var(--cream);color:var(--ink);padding:0;width:680px;max-width:calc(100% - 32px);max-height:calc(100svh - 32px);box-shadow:0 20px 70px #071d1980;border-radius:4px}
dialog::backdrop{background:#071d19c7}
body:has(dialog[open]){overflow:hidden}
.dialog-close{position:absolute;top:12px;right:12px;background:var(--cream);border:1px solid #9ca98c;border-radius:50%;z-index:2}
.detail-cover{width:100%;height:auto;aspect-ratio:2.25;object-fit:cover}
.detail-text{padding:36px}
.detail-text h2{font-size:44px;margin:12px 0 22px}
.detail-text p{font-size:16px}
.detail-text .button{margin-top:24px}
.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.detail-tags span{padding:6px 12px;border:1px solid #a7b596;font-size:14px}
.detail-product-art{height:225px;display:flex;align-items:center;justify-content:center;background:#e1e8d9}
.detail-product-art .pixel-item{width:145px;height:145px}
dialog .preview-label{display:block;margin-top:20px}
.product-facts{margin:24px 0 0;font-size:14px}
.product-facts div{padding:10px 0;border-bottom:1px solid var(--line)}
.product-facts dt{font-weight:700}
.product-facts dd{margin:4px 0 0;color:var(--muted)}
.join-steps{padding-left:25px;margin-block:25px}
.join-steps li{padding:10px 0 10px 6px}
.server-address{padding:18px;background:#e3ead9;border:1px solid #9bac8b;font-size:15px;overflow-wrap:anywhere}
.server-address button{overflow-wrap:anywhere;max-width:100%}
.gallery-dialog{width:min(1200px,calc(100% - 32px));background:var(--dark);color:var(--cream);padding:60px 18px 24px}
.gallery-dialog .dialog-close{background:var(--dark);color:var(--cream)}
.lightbox-image{display:flex;align-items:center;gap:12px}
.lightbox-image>img{width:calc(100% - 112px);min-width:0;max-height:68svh;object-fit:contain;flex:1}
.lightbox-image>.icon-button{border:1px solid #9aa789}
.lightbox-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 56px 0;font:600 26px var(--serif)}
.lightbox-caption>span:last-child{font:14px var(--sans);white-space:nowrap}
.cart-dialog{width:530px;max-width:100%;height:100svh;max-height:100svh;margin:0 0 0 auto;border-radius:0;padding:30px;overflow-y:auto}
.cart-heading{position:relative;padding-top:30px}
.cart-heading .dialog-close{top:-18px;right:-18px}
.cart-heading h2{font-size:44px}
.cart-heading>p{font-size:15px;margin:16px 0}
.cart-demo{font-size:14px;background:#e5e9db;border-left:3px solid #73835e;padding:13px 16px;margin-bottom:22px}
.cart-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}
.cart-item .pixel-item{width:52px;height:52px}
.cart-item h3{font-size:27px;overflow-wrap:anywhere}
.quantity{display:flex;align-items:center;gap:12px;margin-top:12px}
.quantity button{width:44px;height:44px;background:transparent;border:1px solid #859775;font-size:19px;padding:0}
.quantity button[aria-disabled=true]{color:#626f5a;background:#e2e7d9}
.cart-item-price{font-size:16px;white-space:nowrap}
.remove-item{display:block;min-height:44px;padding:8px 0 8px 10px;margin-left:auto;background:transparent;font-size:14px;color:#555f47;text-decoration:underline;text-underline-offset:4px}
.cart-total{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--line);font-weight:700}
.cart-total strong{font-size:25px}
.cart-empty{text-align:center;padding:45px 0}
.cart-empty>.icon{width:48px;height:48px;margin-bottom:20px}
.cart-empty h3{margin-bottom:16px}
.cart-empty .button{margin-top:24px}
.checkout-form label{display:block;font-size:14px;font-weight:700;margin:18px 0 8px}
.checkout-form input,.checkout-form select{width:100%;min-width:0;min-height:50px;border:1px solid #8c9b7c;padding:12px;background:#faf8f0;border-radius:3px;font-size:16px}
.checkout-form input::placeholder{color:#627157;opacity:1}
.checkout-form input[aria-invalid=true]{border:2px solid #97412f}
.field-hint{font-size:13px;margin-top:6px}
.field-error{font-size:14px;color:#873624;margin-top:8px}
.checkout-form .button{width:100%;margin:24px 0 14px}
.checkout-note{font-size:14px;color:var(--muted)}
.checkout-message{font-size:15px;padding:16px;background:#e3ead9;border-left:3px solid #73835e;margin-top:16px}
.map-dialog{width:1050px}
.map-dialog-header{position:relative;padding:28px 76px 28px 28px}
.map-dialog-header h2{font-size:36px}
.map-dialog iframe{width:100%;height:55svh;min-height:260px;border:0;background:#dae3cf;display:block}
.map-frame-notice{padding:20px 24px;font-size:14px;background:#e3ead9}
.map-frame-notice p{max-width:none}
.map-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:12px}
.map-actions a{font-weight:700;text-decoration:underline;min-height:44px;display:flex;align-items:center}
.map-fallback{padding:30px;text-align:left}
.map-fallback p{margin:20px 0}
.map-fallback .icon{width:44px;height:44px;margin-bottom:20px}
.toast{position:fixed;bottom:116px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--dark);color:var(--cream);padding:14px 20px;border:1px solid #a6b193;border-radius:4px;font-size:14px;opacity:0;pointer-events:none;z-index:60}
.toast.visible{opacity:1}
.noscript{padding:20px;background:var(--gold);color:var(--dark)}
.noscript a{text-decoration:underline}

/* Responsive layouts preserve type size instead of shrinking the interface. */
@media(max-width:1150px){
  .container{padding-inline:32px}.header{padding-inline:24px;gap:24px}.navigation{gap:16px}.navigation a{font-size:14px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:230px}.product-info h3{font-size:32px}
  .map-layout{gap:32px}.join-inner h2{font-size:38px}.join-crest{display:none}
}
@media(max-width:1000px){
  .header{min-height:80px}.header-actions{margin-left:auto}.menu-toggle{display:inline-flex}
  .navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 24px;background:var(--dark);border-top:1px solid #6a7a60;justify-content:flex-start;flex-wrap:wrap;gap:12px 28px}
  .navigation.open{display:flex}.navigation a{font-size:16px}
  .hero-content{padding-top:64px}.hero-bottom .hero-caption{display:none}.hero-bottom{justify-content:flex-end}
  .strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading>p{max-width:60ch}
  .map-layout,.help-layout{grid-template-columns:1fr}.map-copy{max-width:60ch}.map-preview{height:390px}.help-layout{gap:30px}
  .footer-main{flex-wrap:wrap}.footer-main nav{order:3;width:100%}.footer-bottom{flex-wrap:wrap}
}
@media(max-width:600px){
  html{scroll-padding-top:24px}.container{padding-inline:22px}.section{padding-block:56px}
  .header{min-height:78px;padding:12px 16px;gap:10px}.brand>span{font-size:25px}.brand small{font-size:12px}.header .brand img{width:34px;height:40px}
  .header-actions{gap:8px}.header .button-small{display:none}
  .hero-content{padding-block:52px 148px}.hero-name{font-size:22px}.hero h1{font-size:clamp(43px,10.6vw,63px);letter-spacing:-1.2px;margin-top:20px}
  .hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#0b211beb,#10291e8c),linear-gradient(0deg,#10291ef5,transparent 70%)}
  .hero p{font-size:16px}.hero .connection-status{font-size:13px}.hero-actions{gap:16px;margin-top:24px}.hero-link{font-size:14px}
  .hero-bottom{bottom:22px}.scene-control{width:100%;display:grid;grid-template-columns:1fr 44px auto 44px;gap:10px}.scene-control>div{grid-column:1/-1}.scene-control>div>span{font-size:24px}.scene-prev{grid-column:2}
  .strip-inner{gap:16px}.strip-inner>span{font-size:13px;gap:8px}.strip-inner .icon{width:20px;height:20px}
  h2{font-size:40px}.realm-grid{grid-template-columns:1fr;gap:20px}.realm-body{padding:22px}.realm-body h3{font-size:32px}.realm-card img{aspect-ratio:1.9}
  .map-section{padding-block:52px}.map-preview{height:280px}.map-pin{padding:14px 18px}.map-pin>span{font-size:25px}
  .shop-notice{padding:18px;gap:12px}.shop-notice>.icon{display:none}.shop-toolbar,.gallery-toolbar{gap:16px}.filters{gap:4px}.filters button{padding:10px 12px}
  .product-grid{gap:14px}.product-art{height:180px}.product-info{padding:16px}.product-info h3{font-size:28px}.product-info small{font-size:13px}.product-bottom{align-items:flex-start;flex-direction:column;gap:12px}.add-button{width:100%}
  .shop-footer{flex-direction:column;align-items:flex-start;gap:16px}
  .gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-tile{height:190px}.gallery-tile:nth-child(6n+5){grid-column:auto}.gallery-tile:nth-child(6n+1),.gallery-tile:nth-child(6n+4){height:220px}
  .gallery-tile>span{font-size:22px;left:14px;right:14px;bottom:14px}.gallery-more{flex-wrap:wrap;gap:16px}
  .join-inner{flex-direction:column;align-items:flex-start;padding-block:48px;gap:24px}.join-inner>.button{margin-left:0}.join-inner h2{font-size:40px}
  .footer-main nav{gap:10px 24px}.footer-bottom{gap:16px}.footer-main .brand>span{font-size:26px}
  .cart-dock{bottom:0;left:0;right:0;gap:12px;justify-content:space-between;border-radius:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.cart-dock strong{font-size:14px}.cart-dock small{font-size:12px}.cart-dock .button{padding:12px;font-size:14px;gap:8px}
  .detail-text{padding:28px 24px}.detail-text h2{font-size:38px}.detail-cover{aspect-ratio:1.8}.detail-product-art{height:200px}
  .gallery-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:60px 10px 20px}
  .lightbox-image{position:relative;padding-bottom:62px}.lightbox-image>img{width:100%;max-height:60svh}.lightbox-image>.icon-button{position:absolute;bottom:0}.lightbox-image>.icon-button:first-child{left:calc(50% - 52px)}.lightbox-image>.icon-button:last-child{right:calc(50% - 52px)}
  .lightbox-caption{padding:16px 6px 0;font-size:23px}
  .cart-dialog{padding:24px 20px}.cart-heading h2{font-size:40px}.cart-heading .dialog-close{right:-10px;top:-12px}.cart-item{grid-template-columns:42px minmax(0,1fr);gap:12px}.cart-item .pixel-item{width:42px;height:42px}.cart-item>div:last-child{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:16px}.cart-item h3{font-size:27px}.remove-item{margin:0}
  .map-dialog-header{padding:24px 68px 24px 20px}.map-dialog-header h2{font-size:30px}.map-frame-notice,.map-fallback{padding:20px}
}
@media(max-width:380px){
  .container{padding-inline:18px}.header{padding-inline:12px}.header-actions{gap:4px}.brand{gap:7px}.brand>span{font-size:23px}
  .product-grid,.gallery-grid{grid-template-columns:1fr}.gallery-tile:nth-child(n){grid-column:auto;height:210px}
  .product-art{height:210px}.product-bottom{flex-direction:row;align-items:center}.add-button{width:auto}
  .cart-dock>span{max-width:105px}.cart-dock .button{flex-direction:column;gap:0;min-width:130px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}