:root{--navy:#10243a;--gold:#c6a267;--ivory:#f7f5f0;--muted:#647180}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.announcement{background:var(--navy);color:#eee7d9;text-align:center;padding:9px;font-size:12px;letter-spacing:2px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:24px;background:var(--ivory)}.brand{font-size:32px;font-weight:900;letter-spacing:-1.5px;line-height:1}.brand span{color:var(--gold)}.brand small{display:block;font-weight:400;font-size:10px;letter-spacing:2px;margin-top:10px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:#896a3f}.cart-button{border:1px solid #d5d7d7;background:none;border-radius:30px;padding:11px 18px;font-size:14px}.cart-button span{background:var(--navy);color:white;border-radius:50%;padding:3px 7px;margin-left:8px}.hero{position:relative;min-height:570px;background:var(--navy);color:white;margin:0 3%;overflow:hidden}.hero>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,23,39,.8),transparent 80%)}.hero-copy{position:relative;z-index:1;padding:85px 5%;max-width:700px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600}.hero .eyebrow{color:#dac29a}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4.6vw,66px);line-height:1.08;letter-spacing:-2px;margin:24px 0}.hero p{color:#d6dde3;font-size:17px;margin-bottom:32px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;padding:15px 25px;font-size:14px;font-weight:600;min-height:48px}.gold{background:var(--gold);color:var(--navy)}.gold:hover{background:#dcc090}.navy{background:var(--navy);color:white;width:100%}.hero-bottom{position:absolute;z-index:1;bottom:23px;left:5%;right:5%;border-top:1px solid #ffffff30;padding-top:16px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.hero-bottom span{letter-spacing:1px;color:#d6dde3}.intro{display:flex;align-items:center;justify-content:space-between;padding:40px 8%;border-bottom:1px solid #dddcd6}.intro>span{font-size:12px;letter-spacing:2px}.intro p{font-family:Georgia,serif;font-size:24px;line-height:1.3;margin:0}.catalog{padding:65px 6% 75px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}h2{font-size:34px;letter-spacing:-1px;font-family:Georgia,serif;font-weight:400;margin:10px 0 22px}.search{display:flex;border-bottom:1px solid #abb0b3;min-width:260px}.search input{background:transparent;border:0;padding:12px 0;min-width:0;width:100%;outline-offset:0}.search span{font-size:26px}.filters{display:flex;gap:10px;margin:10px 0 20px}.filters button{background:transparent;border:1px solid #d4d6d4;padding:9px 20px;border-radius:25px;font-size:14px}.filters button.active{background:var(--navy);border-color:var(--navy);color:white}.demo-note{font-size:13px;color:#65707c}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:26px}.product{min-width:0}.product-visual{height:280px;position:relative;background:#10243a;overflow:hidden;cursor:pointer}.product-visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-visual:hover img{transform:scale(1.05)}.product-visual img.perfume{object-position:67% center}.product-visual img.audio{object-position:96% center}.product-visual .badge{position:absolute;left:14px;top:14px;background:#f7f5f0ec;padding:5px 9px;font-size:12px}.product small{display:block;color:var(--muted);font-size:12px;letter-spacing:1px;margin:18px 0 5px}.product h3{font-size:18px;font-weight:500;line-height:1.3;margin:0 0 8px}.product h3 button{border:0;background:none;color:inherit;padding:0;text-align:left;font:inherit}.product .price{font-size:18px;font-weight:600}.product .add{display:block;width:100%;background:transparent;border:1px solid #aeb6bc;padding:11px;margin-top:16px;color:var(--navy);font-size:14px}.product .add:hover{background:var(--navy);color:white}.brand-story{display:grid;grid-template-columns:1.2fr 1fr;background:var(--navy);color:white;padding:60px 8%;gap:70px;align-items:center}.brand-story .eyebrow{color:var(--gold)}.brand-story h2{font-size:40px;margin-bottom:0}.brand-story p{color:#c7d0d9;max-width:420px;line-height:1.8}footer{padding:55px 6% 20px}footer>p{font-size:14px}.footer-note{color:var(--muted);max-width:580px}.copyright{border-top:1px solid #d8dad9;padding-top:20px;margin-top:40px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}dialog{border:0;padding:32px;background:var(--ivory);color:var(--navy);width:min(620px,92vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#061221aa;backdrop-filter:blur(3px)}.close{border:0;background:none;color:var(--navy);font-size:30px;padding:0 8px;float:right}.dialog-header{display:flex;align-items:start;justify-content:space-between}.detail-img{height:250px;width:100%;object-fit:cover;margin-top:20px}.detail-description{color:var(--muted)}.cart-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d8da;padding:20px 0;gap:16px}.cart-line h3{font-size:16px;margin:0}.qty{display:flex;align-items:center;gap:12px}.qty button{width:30px;height:30px;background:none;border:1px solid #acb4ba}.remove{font-size:12px;border:0;background:none;color:#7d4537;padding:5px 0}.total{display:flex;justify-content:space-between;margin:26px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;box-shadow:0 5px 30px #0003;padding:14px 24px;z-index:5;min-width:250px;text-align:center}#checkoutMessage{font-size:14px}@media(max-width:900px){.products{grid-template-columns:repeat(2,1fr)}.hero{min-height:500px}.hero-copy{padding-top:60px;max-width:530px}.hero:after{background:linear-gradient(90deg,#081727cc,#08172730)}nav{gap:18px}.brand-story{gap:30px}.product-visual{height:310px}}@media(max-width:600px){header{padding:20px 5%;flex-wrap:wrap;gap:20px}.brand{font-size:28px}nav{order:3;width:100%;justify-content:center;gap:32px;border-top:1px solid #dcdedb;padding-top:15px}.hero{margin:0;min-height:560px}.hero>img{object-position:66% center;opacity:.65}.hero-copy{padding:65px 7%}.hero:after{background:linear-gradient(90deg,#081727d9,#08172755)}h1{font-size:44px}.hero-bottom{left:7%;right:7%;font-size:10px;letter-spacing:1px}.hero-bottom span{font-size:11px}.intro{padding:28px 6%;gap:22px}.intro>span{font-size:10px;max-width:100px}.intro p{font-size:20px}.catalog{padding:42px 5%}.catalog-heading{display:block}h2{font-size:30px}.search{margin-bottom:20px;width:100%}.products{gap:24px 14px}.product-visual{height:210px}.product h3{font-size:16px}.product .price{font-size:16px}.product .add{font-size:13px;padding:10px 4px}.brand-story{grid-template-columns:1fr;padding:40px 7%;gap:10px}.brand-story h2{font-size:32px}.brand-story p{margin-top:5px}dialog{padding:24px}.copyright{gap:20px}.announcement{font-size:10px}}
