:root{font-family:Arial,Helvetica,sans-serif;color:#202321;background:#e8e7e4;color-scheme:light;--ease:cubic-bezier(.22,.72,.15,1)}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#faf9f6,#e5e4e0)}button{font:inherit;color:inherit;background:transparent;border:1px solid #20232133;cursor:pointer;min-width:44px;min-height:44px;border-radius:30px}button:focus-visible{outline:2px solid #202321;outline-offset:3px}header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 22px 12px}header b{font-size:19px;letter-spacing:.27em}header span{display:block;font-size:9px;letter-spacing:.22em;margin-top:6px;color:#666}#cart{padding:0 18px;font-size:12px}#total{margin-left:8px}#stage{position:fixed;inset:85px 0 212px;touch-action:none;overflow:hidden;cursor:grab;outline:none}#stage:active{cursor:grabbing}.product{position:absolute;inset:0;display:grid;place-items:center;transition:transform 650ms var(--ease);will-change:transform}.viewport{width:min(90vw,650px,calc((100dvh - 300px)*1.1));height:100%;max-height:680px;position:relative;overflow:visible}.faces{width:100%;height:100%;position:relative;will-change:transform}.face{position:absolute;inset:0;display:grid;place-items:center;will-change:transform,opacity;backface-visibility:hidden}.face:nth-child(2){transform:translateX(110%);opacity:0}img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 18px 20px #2222)}.missing{max-width:290px;text-align:center;color:#64655e;line-height:1.5;padding:20px}.missing b{color:#272822}footer{position:fixed;bottom:0;left:0;right:0;z-index:10;text-align:center;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#e8e7e4 22%)}.info #index{font-size:10px;letter-spacing:.15em;color:#666}h1{font-size:18px;margin:7px 0 9px;font-weight:600}.views,.actions{display:flex;justify-content:center;align-items:center;gap:14px}.views{margin-bottom:9px}.views button{border:0;min-height:34px}#flip{min-width:155px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.dots{font-size:9px;letter-spacing:5px;margin-left:10px}.actions{gap:28px}.quantity{display:flex;align-items:center;justify-content:center;border:1px solid #20232133;border-radius:30px;min-width:150px}.quantity button{border:0;font-size:21px}.quantity output{width:50px;font-size:15px}button:disabled{opacity:.3;cursor:default}.hint{font-size:9px;letter-spacing:.05em;color:#777;margin:11px 0 0}dialog{border:1px solid #ccc;border-radius:20px;width:min(90vw,420px);padding:26px;max-height:80dvh;overflow:auto;background:#f7f6f2}dialog::backdrop{background:#12151177}#lines p{font-size:13px;padding-bottom:12px;border-bottom:1px solid #ddd}.note{font-size:11px;color:#777}#close{width:100%}#subtotal{font-weight:bold}@media(max-height:650px){#stage{inset:65px 0 180px}.viewport{width:min(75vw,calc((100dvh - 240px)*1.1))}header{padding-top:10px}footer{padding-top:0}h1{font-size:15px;margin:4px}.hint{margin-top:5px}.views{margin-bottom:2px}}@media(prefers-reduced-motion:reduce){.product{transition-duration:1ms}img{filter:none}}

.product,.face{will-change:auto}.product.near,.product.near .face{will-change:transform}dialog[open]{animation:bag-in .22s ease-out}@keyframes bag-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}button{transition:background-color .2s,transform .2s}button:active:not(:disabled){transform:scale(.94)}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}button{transition:none}}

/* Fixed original-master lockup. Facets are clipped to the unmodified contour. */
header{z-index:100;pointer-events:none;align-items:flex-start;padding-top:calc(12px + env(safe-area-inset-top));background:linear-gradient(#eeede9ee,#eeede9bb 72%,transparent)}
header>*{pointer-events:auto}header .brand-lockup{display:flex;align-items:center;gap:11px;text-decoration:none;color:#191d23;min-height:76px;flex:none}
.swooze-diamond{width:60px;height:67px;object-fit:contain;filter:drop-shadow(1px 2px 0 #080b0fb0) drop-shadow(0 1px 2px #fff) drop-shadow(0 0 8px #d6f0ffcc);pointer-events:none}
header .brand-words{display:flex;flex-direction:column;gap:4px}header .brand-words b{font-size:17px;letter-spacing:.22em;line-height:1}header .brand-words>span{font-size:8px;letter-spacing:.2em;margin:0;color:#505963}header .brand-words small{font-size:7px;letter-spacing:.18em;color:#68717b;margin-top:1px}#cart{margin-top:14px;background:#eeede9c9}#stage{top:calc(105px + env(safe-area-inset-top))}
@media(max-width:360px){header{padding-left:14px;padding-right:14px}.swooze-diamond{width:49px;height:55px}header .brand-lockup{gap:8px}header .brand-words b{font-size:14px}}
@media(max-height:650px){header .brand-lockup{min-height:60px}.swooze-diamond{width:46px;height:51px}header .brand-words b{font-size:14px}#stage{top:calc(85px + env(safe-area-inset-top))}}
.offer-strip{position:fixed;top:calc(101px + env(safe-area-inset-top));left:20px;right:20px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:680px;margin:auto;padding:11px 16px;border:1px solid #343c3822;border-radius:13px;background:#f5f5f0e8;backdrop-filter:blur(12px)}.offer-strip strong{display:block;font-size:12px;font-weight:600}.offer-strip span{display:block;font-size:10px;color:#697267;margin-top:5px;font-variant-numeric:tabular-nums}.offer-strip button{border:0;font-size:10px;white-space:nowrap}.prices{display:flex;justify-content:center;align-items:baseline;gap:10px;margin:5px 0 9px}.prices strong{font-size:22px}.prices span{font-size:10px;color:#6c716b}#savings{color:#3d5947;background:#dce5da;padding:4px 7px;border-radius:12px}.preorder-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin:7px 0}.preorder-controls label{font-size:10px;color:#666}.preorder-controls select{height:40px;border:1px solid #20232133;border-radius:20px;background:#f4f3ef;padding:0 12px;color:#252b25}#preorder{background:#222b24;color:#f7f7ef;min-width:170px;font-size:12px;border:0;padding:0 18px}#stage{top:calc(168px + env(safe-area-inset-top));bottom:300px}.viewport{width:min(93vw,650px,calc((100dvh - 470px)*1.2))}footer{padding-top:5px}h1{font-size:16px}.views{margin-bottom:3px}.actions{gap:24px}.actions>button{height:36px;min-height:36px;width:36px;min-width:36px}.quantity{min-width:120px}.quantity button{min-height:34px;height:34px}.hint{margin-top:6px}dialog{max-height:76dvh}#checkout,#offer-close{width:100%;background:#222b24;color:#f7f7ef;border:0;margin:8px 0}#checkout:disabled{opacity:.55}.bag-line{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px 0;border-bottom:1px solid #ddd;font-size:12px}.bag-line button{grid-column:1/-1;justify-self:start;border:0;min-height:26px;padding:0;font-size:10px;text-decoration:underline}.preorder-note{padding:12px;background:#e9ece4;border-radius:12px;font-size:11px;line-height:1.5}.preorder-note p{margin:5px 0}#bag-savings{font-size:12px;color:#3d5947}#checkout-error{font-size:12px;color:#8b352c}.offer-eyebrow{font-size:9px;letter-spacing:.13em;color:#566653}#offer-dialog{line-height:1.65;font-size:13px}#offer-dialog h2{line-height:1.2;margin:12px 0 18px;font-size:28px;font-family:Georgia,serif}#offer-dialog h3{font-size:14px;margin-top:24px}.offer-price-grid{display:grid;grid-template-columns:1fr auto auto;gap:10px 15px;background:#e9ece4;padding:16px;border-radius:12px;font-size:12px}.offer-price-grid span:nth-child(3n){font-size:10px;color:#697167}#offer-dates{font-size:11px;color:#526450}@media(max-height:700px){.offer-strip{top:calc(83px + env(safe-area-inset-top));padding:6px 12px}.offer-strip span{margin-top:2px}#stage{top:calc(144px + env(safe-area-inset-top));bottom:270px}.viewport{width:min(88vw,calc((100dvh - 414px)*1.2))}.prices{margin:3px}.prices strong{font-size:18px}.preorder-controls{margin:3px}.preorder-controls select{height:34px}#preorder{min-height:34px}.hint{font-size:8px}}@media(min-width:800px){.offer-strip{top:116px}#stage{bottom:292px}.viewport{width:min(620px,calc((100dvh - 460px)*1.35))}}@media(max-height:540px){body{overflow:auto}#stage{position:relative;height:310px;top:145px;bottom:auto}footer{position:relative;margin-top:150px}}

.product{grid-template-rows:minmax(0,1fr)}.product .viewport{min-height:0;max-height:100%}.face{min-height:0}
.face{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.face img{min-height:0;min-width:0;max-height:100%;max-width:100%}

/* Opening collection: all eight available designs, original transparent artwork. */
#opening{position:fixed;inset:0;z-index:80;padding:112px 5vw 24px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#fcfbf7,#e5e4df);overflow:auto}
#opening[hidden]{display:none}.intro-heading{text-align:center;flex:none}.intro-heading>span{font-size:9px;letter-spacing:.24em;color:#657062}.intro-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,5vw,60px);letter-spacing:-.04em;margin:6px 0}.intro-heading p{font-size:12px;color:#687064;margin:0 0 14px}
.intro-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;flex:1;min-height:230px;width:min(100%,1100px);margin:0 auto}
.intro-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;min-height:0;min-width:0;padding:10px;border-radius:14px;border-color:#3a43341a;background:#ffffff44;overflow:hidden;animation:reveal-card .85s both;animation-delay:calc(var(--i)*90ms)}
.intro-card>img{min-height:0;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px #192b191a);animation:float-garment 5s ease-in-out infinite;animation-delay:calc(var(--i)*-.55s)}
.intro-number{position:absolute;top:9px;left:10px;color:#6a7566;font-size:9px;letter-spacing:.12em}.intro-caption{display:flex;flex-direction:column;gap:4px;font-size:10px;text-align:center;padding-top:5px}.intro-caption b{font-weight:500;line-height:1.25}.intro-caption>span{font-size:9px;color:#51634e}.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,1100px);margin:16px auto 0;flex:none}.intro-bottom>span{font-size:10px;color:#65715f}.intro-bottom button{background:#222b24;color:#fff;padding:0 22px;font-size:12px}.intro-bottom button span{margin-left:15px}
@keyframes reveal-card{from{opacity:0;transform:translateY(28px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-garment{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.coming-soon .viewport{filter:grayscale(1);opacity:.28}.coming-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 20px;border:1px solid #9aa196;border-radius:30px;background:#e8e7e4e6;color:#626b5b;text-transform:uppercase;font-size:11px;letter-spacing:.16em;white-space:nowrap}
.preorder-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:30px;text-decoration:none}.preorder-button:focus-visible{outline:2px solid #202321;outline-offset:4px}#preorder[aria-disabled="true"]{background:#bdc2b8;color:#5d6656;cursor:default}.size-hint{font-size:10px;color:#697162;margin:5px 0 10px}.prices [hidden]{display:none}#savings:empty{display:none}#cart{font-size:10px;padding:0 13px}
@media(max-width:600px){#opening{padding:102px 16px max(16px,env(safe-area-inset-bottom))}.intro-heading h2{font-size:34px}.intro-heading p{font-size:11px;margin-bottom:10px}.intro-products{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:7px;min-height:380px}.intro-card{padding:6px;border-radius:10px}.intro-caption{font-size:9px;gap:2px;padding-top:1px}.intro-caption>span{font-size:8px}.intro-number{top:6px;left:7px;font-size:8px}.intro-bottom{margin-top:10px}.intro-bottom>span{font-size:8px;max-width:110px;line-height:1.5}.intro-bottom button{font-size:11px;padding:0 15px}}
@media(prefers-reduced-motion:reduce){.intro-card,.intro-card>img{animation:none}}

/* Larger garments: fit the visible artwork, rather than its transparent canvas. */
#stage{top:calc(142px + env(safe-area-inset-top));bottom:230px}
.product .viewport{width:98vw;height:100%;max-height:100%}
.face,.intro-art{container-type:size}
.face img,.intro-art>img{position:absolute;left:50%;top:50%;width:min(calc(96cqw * var(--fit-w,1)),calc(96cqh * var(--fit-h,1)));height:auto;min-width:0;min-height:0;max-width:none;max-height:none;transform:translate(var(--cx,-50%),var(--cy,-50%));object-fit:fill}
header .brand-lockup{min-height:66px}.swooze-diamond{width:52px;height:59px}.offer-strip{top:calc(90px + env(safe-area-inset-top));padding:6px 14px}.offer-strip strong{font-size:14px}.offer-strip span{font-size:12px;margin-top:3px}.offer-strip button{font-size:12px}
footer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'info prices' 'cta cta' 'size size' 'views actions';gap:5px 10px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#e8e7e4f5;text-align:left}
.info{grid-area:info;align-self:center}.info #index{font-size:12px}h1{font-size:20px;line-height:1.12;margin:4px 0}.prices{grid-area:prices;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:180px;gap:4px 8px;margin:0;align-self:center}.prices strong{font-size:27px}.prices span{font-size:12px}#savings{font-size:11px}.preorder-controls{grid-area:cta;margin:1px 0}#preorder{width:100%;min-height:50px;font-size:16px}.size-hint{grid-area:size;text-align:center;font-size:12px;margin:1px 0 3px}.views{grid-area:views;justify-content:flex-start;gap:0;margin:0}.views button{min-height:44px;min-width:44px}#flip{min-width:125px;font-size:12px}.dots{font-size:10px}.actions{grid-area:actions;gap:7px}.actions>button{width:46px;height:46px;min-width:46px;min-height:46px;font-size:22px}.hint{display:none}.coming-label{font-size:15px;padding:15px 24px}
#opening{padding-top:102px;display:block;scroll-padding-top:110px}.intro-heading h2{font-size:clamp(42px,6vw,70px)}.intro-heading>span{font-size:12px}.intro-heading p{font-size:16px;margin-bottom:22px}
.intro-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:380px;gap:18px;max-width:1280px;min-height:0;margin-bottom:20px}.intro-card{padding:18px;grid-template-rows:minmax(0,1fr) 58px}.intro-art{position:relative;display:block;width:100%;height:100%;min-height:0;animation:float-garment 5s ease-in-out infinite;animation-delay:calc(var(--i)*-.55s)}.intro-art>img{animation:none;filter:drop-shadow(0 12px 12px #192b1920)}.intro-caption{font-size:17px;gap:7px;padding-top:10px}.intro-caption>span{font-size:14px}.intro-number{font-size:13px;top:14px;left:16px;z-index:1}.intro-bottom{position:sticky;bottom:0;width:100%;max-width:1280px;margin:0 auto;padding:13px 16px;background:#eeede9f5;backdrop-filter:blur(12px);border:1px solid #46523a22;border-radius:16px;z-index:2}.intro-bottom>span{font-size:13px}.intro-bottom button{font-size:15px;min-height:50px;padding:0 24px}#cart{font-size:12px}
@media(min-width:1000px){#stage{top:146px;bottom:230px}.product .viewport{width:min(98vw,1100px)}footer{padding-left:max(24px,calc((100vw - 860px)/2));padding-right:max(24px,calc((100vw - 860px)/2))}}
@media(max-width:800px){.intro-products{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:370px;gap:12px}}
@media(max-width:600px){header{padding-left:14px;padding-right:14px}header .brand-lockup{gap:8px;min-height:62px}header .brand-words b{font-size:16px}.swooze-diamond{width:45px;height:52px}header .brand-words>span{font-size:9px}#cart{margin-top:9px;font-size:11px;padding:0 11px}.offer-strip{top:calc(83px + env(safe-area-inset-top));left:12px;right:12px;padding:6px 12px}.offer-strip strong{font-size:13px}.offer-strip span{font-size:11px}.offer-strip button{font-size:11px}#stage{top:calc(136px + env(safe-area-inset-top));bottom:calc(210px + env(safe-area-inset-bottom))}footer{padding-left:14px;padding-right:14px;gap:3px 7px}h1{font-size:18px}.prices{max-width:152px}.prices strong{font-size:25px}.prices span{font-size:11px}#savings{font-size:10px}.info #index{font-size:11px}#flip{min-width:105px;font-size:11px}.dots{letter-spacing:3px;margin-left:5px}.size-hint{font-size:11px}#opening{padding:95px 12px max(12px,env(safe-area-inset-bottom))}.intro-heading h2{font-size:44px}.intro-heading p{font-size:15px;margin-bottom:18px}.intro-products{grid-template-columns:minmax(0,1fr);grid-auto-rows:clamp(350px,62svh,510px);gap:14px;max-width:470px}.intro-card{padding:16px;grid-template-rows:minmax(0,1fr) 58px;border-radius:16px}.intro-caption{font-size:18px;gap:6px}.intro-caption>span{font-size:15px}.intro-number{font-size:14px}.intro-bottom{gap:8px;padding:10px;border-radius:12px}.intro-bottom>span{font-size:11px;max-width:125px}.intro-bottom button{font-size:13px;padding:0 14px;min-height:50px}}
@media(max-height:600px) and (min-width:601px){#stage{position:fixed;top:125px;bottom:180px;height:auto}.offer-strip{top:75px}footer{gap:1px}h1{font-size:16px}.size-hint{display:none}#preorder{min-height:42px}.intro-products{grid-auto-rows:320px}}
@media(prefers-reduced-motion:reduce){.intro-art{animation:none}}

/* Category bar and compact policy footer. */
.category-nav{position:fixed;z-index:96;top:calc(82px + env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;gap:7px;overflow-x:auto;padding:4px 2px 7px;scrollbar-width:none;background:#eeede9f5}.category-nav::-webkit-scrollbar{display:none}.category-nav button{flex:none;min-height:40px;padding:0 16px;border-radius:22px;font-size:13px;white-space:nowrap;background:#f7f6f2}.category-nav button[aria-pressed="true"]{background:#222b24;color:#fff;border-color:#222b24}
.offer-strip{top:calc(137px + env(safe-area-inset-top))}#stage{top:calc(190px + env(safe-area-inset-top));bottom:calc(254px + env(safe-area-inset-bottom))}#opening{padding-top:calc(147px + env(safe-area-inset-top))}
footer{grid-template-areas:'info prices' 'cta cta' 'size size' 'views actions' 'legal legal'}
.legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 13px;grid-area:legal;padding:7px 0 0;font-size:11px;line-height:1.4}.legal-links a{color:#596452;text-decoration:none;min-height:24px;display:inline-flex;align-items:center}.legal-links a:hover{text-decoration:underline}.stripe-security{color:#3d5947!important;font-weight:600}#opening>.legal-links{padding:18px 0 8px}.intro-coming .intro-art{filter:grayscale(1);opacity:.46}.intro-coming .intro-caption>span{color:#65705d}.empty-category{grid-column:1/-1;align-self:center;text-align:center;font:22px Georgia,serif;padding:60px 20px;color:#67735e}
.face img.composed-product,.intro-art>img.composed-product{width:96cqw;height:96cqh;max-width:none;max-height:none;object-fit:contain;transform:translate(-50%,-50%)}
@media(max-width:600px){.category-nav{top:calc(77px + env(safe-area-inset-top));gap:6px}.category-nav button{font-size:12px;padding:0 13px;min-height:40px}.offer-strip{top:calc(130px + env(safe-area-inset-top))}#stage{top:calc(183px + env(safe-area-inset-top));bottom:calc(250px + env(safe-area-inset-bottom))}#opening{padding-top:calc(138px + env(safe-area-inset-top))}.legal-links{font-size:10px;gap:2px 10px}.legal-links a{min-height:22px}}

/* Original cap photographs: the uploaded pixels and embroidery are unchanged.
   The frame reveals front/back regions, while the original files stay intact. */
.original-cap-photo{position:absolute;left:50%;top:50%;width:min(94cqw,calc(94cqh * .79));height:min(94cqh,calc(94cqw / .79));transform:translate(-50%,-50%);overflow:hidden;border-radius:9px;container-type:size;background:#d5cdc3}
.face .original-cap-photo>img,.intro-art .original-cap-photo>img{position:absolute;top:0;left:0;width:200%;height:100%;max-width:none;max-height:none;min-width:0;object-fit:fill;transform:none;filter:none}
.original-cap-photo.back>img{left:-100%}.original-cap-photo.detail-sheet{width:min(94cqw,94cqh);height:min(94cqh,94cqw)}
.face .original-cap-photo.detail-sheet>img,.intro-art .original-cap-photo.detail-sheet>img{height:158%}

.original-cap-photo,.original-cap-photo.detail-sheet{width:min(94cqw,calc(94cqh * var(--photo-ar)));height:min(94cqh,calc(94cqw / var(--photo-ar)))}
.face .original-cap-photo>img,.intro-art .original-cap-photo>img,.face .original-cap-photo.detail-sheet>img,.intro-art .original-cap-photo.detail-sheet>img{left:var(--photo-x);top:var(--photo-y);width:var(--photo-w);height:var(--photo-h)}

.preorder-controls{gap:8px}#preorder{flex:1;min-width:0}.continue-shopping{display:inline-flex;align-items:center;justify-content:center;min-height:50px;width:126px;padding:0 10px;border:1px solid #6b766044;border-radius:30px;font-size:12px;text-decoration:none;color:#33412c;text-align:center}.legal-links{padding-right:76px}#stage{bottom:calc(274px + env(safe-area-inset-bottom))}
