*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:#191919;background:#fff;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e9e9}.brand{font-family:Georgia,serif;font-size:29px;letter-spacing:5px}.brand span{display:block;font:9px Arial;letter-spacing:3px;margin-top:10px}nav{display:flex;gap:28px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;background:#f5f5f3;min-height:570px;padding:55px 8%;align-items:center;gap:50px}.eyebrow{font-size:10px;letter-spacing:2.7px;line-height:1.8}h1{font:clamp(45px,6vw,88px)/1.04 Georgia,serif;letter-spacing:-3px;margin:25px 0}h2{font:42px Georgia,serif;margin:10px 0}.hero p:not(.eyebrow){color:#666;font-size:15px;line-height:1.9}.hero img{width:100%;height:440px;object-fit:contain;mix-blend-mode:multiply}.button,.outline{display:inline-block;padding:17px 24px;background:#191919;color:white;font-size:12px;letter-spacing:.4px;margin-top:20px}.outline{background:transparent;color:#191919;border:1px solid #191919}#collection{padding:75px 6%}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head>p{font-size:13px;color:#777}.filters{display:flex;gap:12px;margin:30px 0}.filters button{padding:11px 18px;border:1px solid #ddd;background:white;color:#555;cursor:pointer;border-radius:0}.filters button[aria-pressed=true]{background:#191919;color:white;border-color:#191919}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 24px}.card img,.placeholder{width:100%;height:340px;object-fit:contain;background:#f7f7f5;padding:16px}.placeholder{display:grid;place-items:center;font:24px Georgia}.card .status{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#737373;margin:18px 0 9px}.card h3{font:22px Georgia;margin:0}.price{font-size:17px;margin:12px 0}.colours,.note{font-size:12px;color:#777;line-height:1.7;margin:5px 0}.card a{display:inline-block;font-size:11px;border-bottom:1px solid #555;padding-bottom:5px;margin-top:12px}.contact{padding:70px 6%;text-align:center;background:#f5f5f3}.contact p:not(.eyebrow){font-size:14px;color:#666;line-height:1.8}.contact a{margin:15px 5px}footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center}footer span{font:20px Georgia;letter-spacing:4px}footer p{font-size:11px;color:#777}button:focus-visible,a:focus-visible{outline:3px solid #888;outline-offset:5px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero{padding:45px 6%;gap:15px}.hero img{height:320px}.section-head{display:block}}@media(max-width:540px){header{padding:23px 6%}.brand{font-size:22px}nav{gap:15px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:45px}.hero img{height:300px}.hero h1{font-size:58px}.grid{grid-template-columns:1fr 1fr;gap:30px 14px}.card img,.placeholder{height:220px;padding:8px}.card h3{font-size:18px}.filters{gap:6px;flex-wrap:wrap}.filters button{padding:9px 12px;font-size:11px}h2{font-size:33px}#collection{padding-top:45px}footer{display:block}footer p{line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.colour-label{display:block;font-size:11px;margin:15px 0 8px}.colour-label select{display:block;width:100%;padding:10px;border:1px solid #ccc;background:white;margin-top:7px;color:#191919}.variant-status{font-size:11px;color:#666}

.photo-thumbs{display:flex;gap:6px;margin:12px 0;overflow:auto}.photo-thumbs button{background:white;border:1px solid #ddd;padding:2px;cursor:pointer;flex:0 0 48px}.photo-thumbs img{height:48px;width:44px;padding:0;object-fit:contain}

[hidden]{display:none!important}

.reviews{padding:65px 6% 75px;border-top:1px solid #e9e9e9}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.review-grid figure{margin:0;padding:28px;background:#f7f7f5;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.review-grid blockquote{margin:0;font:21px/1.6 Georgia,serif}.review-grid figcaption,.review-source{font-size:11px;color:#666}.review-source{display:inline-block;border-bottom:1px solid #777;padding-bottom:5px}.review-date{font-size:10px;color:#777;line-height:1.6}@media(max-width:850px){.review-grid{grid-template-columns:1fr}.review-grid figure{padding:24px}}@media(max-width:540px){nav{gap:10px}.reviews{padding:45px 6%}}

/* Comfortable phone layouts and touch controls. */
.hero>div,.card,.section-head>div{min-width:0}.card h3,.colours,.note{overflow-wrap:anywhere}.filters button,.photo-thumbs button{min-height:44px}.card>a{min-height:44px;display:inline-flex;align-items:center}.colour-label select{min-height:44px;font-size:16px}.contact a{min-height:48px}.review-grid blockquote{overflow-wrap:anywhere}
@media(max-width:540px){header{flex-wrap:wrap;gap:16px}.brand{font-size:24px}.brand span{font-size:8px}nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}nav a{min-height:44px;display:flex;align-items:center}.hero{gap:20px;min-height:0;padding-bottom:30px}.hero h1{font-size:clamp(42px,12vw,58px);letter-spacing:-2px}.hero img{height:260px}.grid{gap:30px 16px}.card img,.placeholder{height:210px}.card h3{font-size:19px;line-height:1.25}.filters{gap:8px}.filters button{font-size:12px}.contact{padding:45px 6%}.contact a{display:block;margin:12px 0}.review-grid{gap:16px}.review-grid blockquote{font-size:20px}.section-head>p{line-height:1.7}footer{padding:30px 6%}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.card img,.placeholder{height:300px}.hero img{height:230px}}

.newsletter{padding:60px 6%;text-align:center;border-top:1px solid #e9e9e9}.newsletter>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#666}.newsletter iframe{display:block;border:0;max-width:100%;margin:25px auto 10px;background:white}.newsletter .newsletter-help{font-size:11px!important}@media(max-width:540px){.newsletter{padding:45px 6%}.newsletter iframe{height:740px}}

/* Boutique finish. */
body{background:#fffdf9;color:#28231f}header{background:#fffdf9;border-color:#e9e1d7}.brand{letter-spacing:5px}nav a{transition:color .2s}nav a:hover{color:#9b7352}.hero{background:radial-gradient(ellipse at 80% 35%,#e7d9c8 0,transparent 48%),linear-gradient(120deg,#faf4eb,#f0e6da);position:relative;overflow:hidden}.hero img{filter:drop-shadow(0 20px 22px #4b34221c);mix-blend-mode:normal;animation:bag-float 7s ease-in-out infinite}.eyebrow{color:#967552}.button{background:#30251f;border:1px solid #30251f;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{background:#5c4435;transform:translateY(-3px);box-shadow:0 8px 20px #30251f20}.outline{border-color:#947356;transition:background .25s,transform .25s}.outline:hover{background:#eee2d3;transform:translateY(-3px)}.section-head h2,.newsletter h2,.contact h2{letter-spacing:-1px}.card{border-bottom:1px solid #e9dfd2;padding-bottom:20px;transition:transform .3s}.card img,.placeholder{background:#f5f0e8;transition:transform .55s,box-shadow .55s;border-radius:3px}.card:hover>img{transform:translateY(-5px);box-shadow:0 12px 25px #49342210}.card .status{color:#997a5c}.filters button{border-color:#e1d4c3;background:transparent;transition:background .2s,color .2s,border-color .2s}.filters button[aria-pressed=true]{background:#30251f;border-color:#30251f}.filters button:hover{border-color:#997a5c}.colour-label select{border-color:#dfd2c2;background:#fffdf9}.reviews{background:#f8f1e8;border-color:#e9dfd2}.review-grid figure{background:#fffdf9;border:1px solid #eadfce;border-radius:3px;box-shadow:0 7px 25px #4e352008}.review-grid blockquote{color:#49392c}.newsletter{background:#fffdf9;border-color:#eadfce}.contact{background:linear-gradient(120deg,#f2e6d6,#f8f2e9)}footer{border-top:1px solid #eadfce}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero>div{animation:welcome .9s ease both}.hero .button{animation:welcome 1.1s ease both}@keyframes welcome{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes bag-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(hover:none){.card:hover>img{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

.newsletter-popup{width:min(580px,calc(100% - 24px));max-height:90dvh;border:1px solid #dfd0bc;border-radius:8px;background:#fffdf9;padding:35px 20px 20px;color:#28231f;text-align:center;box-shadow:0 24px 80px #20150d40;overflow:auto;animation:welcome .35s ease}.newsletter-popup::backdrop{background:#21170f88;backdrop-filter:blur(4px)}.newsletter-popup h2{font-size:30px;margin:5px 30px 12px}.newsletter-popup>p{font-size:14px;color:#70604f;line-height:1.6}.popup-close{position:absolute;right:8px;top:6px;width:44px;height:44px;border:0;background:transparent;font-size:30px;color:#49392c;cursor:pointer}.newsletter-popup iframe{width:100%;height:660px;display:block;border:0;margin-top:20px}.newsletter-popup:focus{outline:none}@media(max-width:540px){.newsletter-popup{padding:40px 8px 15px}.newsletter-popup h2{font-size:27px}.newsletter-popup iframe{height:740px}}
