:root{--navy:#061426;--deep:#020b16;--gold:#d7ac5d;--sand:#efe6d7;--ivory:#f8f4ec;--ink:#19202a;--couture:"Bodoni 72",Didot,"Bodoni MT",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,sans-serif}
a{color:inherit;text-decoration:none}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:20px;top:20px;z-index:2000;background:white;padding:12px}
.tdo-header{position:absolute;z-index:50;top:0;width:100%;height:92px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:#fff}
.tdo-brand{display:flex;align-items:center;gap:13px;font:400 15px var(--couture);letter-spacing:.18em}
.tdo-brand img{width:35px;height:35px;object-fit:contain}
.tdo-nav{display:flex;gap:38px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.tdo-nav a{opacity:.76}
.tdo-nav a:hover{color:var(--gold);opacity:1}
.tdo-cart{font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.tdo-cart span{display:inline-grid;place-items:center;margin-left:5px;width:20px;height:20px;border:1px solid #ffffff66;border-radius:50%}
.logo-intro{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#13345b,#061426 43%,#010710);transition:opacity .9s ease,transform .9s ease}
.logo-intro.is-leaving{opacity:0;transform:scale(1.02);pointer-events:none}
.logo-intro--film{background:#020914;overflow:hidden}
.intro-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#020914}
.intro-skip{position:absolute;z-index:4;right:30px;bottom:26px;padding:10px 0;border:0;border-bottom:1px solid #d7ac5d99;background:transparent;color:#fff;font-size:9px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;opacity:.68;transition:opacity .25s ease}
.intro-skip:hover,.intro-skip:focus-visible{opacity:1}
.liquid-sun,.intro-final-logo{position:absolute;z-index:3;width:min(34vw,300px);aspect-ratio:1}
.liquid-sun{-webkit-mask:var(--liquid-mask) center/contain no-repeat;mask:var(--liquid-mask) center/contain no-repeat;background:linear-gradient(180deg,transparent 0 38%,#6f4810 47%,#ffe6a0 53%,#b67619 62%,#f6c865 78%,#7e4b0e);background-size:100% 240%;background-position:0 -80%;filter:drop-shadow(0 0 18px #ffc14c99);opacity:0;transform:scale(.8);animation:liquid-form 2.35s cubic-bezier(.2,.8,.2,1) .25s forwards}
.liquid-sun span{position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 30%,#fffffff2 47%,#ffd778 52%,transparent 68%);transform:translateX(-120%) rotate(-8deg);animation:gold-sheen 1.15s ease 2.15s forwards}
.intro-final-logo{object-fit:contain;opacity:0;filter:sepia(.25) saturate(1.35) drop-shadow(0 0 28px #d7ac5d7a);animation:metal-settle 1s ease 2.7s forwards}
.intro-aura{position:absolute;width:min(75vw,690px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d7ac5d30,transparent 68%);animation:aura 2.4s ease forwards}
.intro-rings{position:absolute;width:min(60vw,520px);aspect-ratio:1;display:grid;place-items:center}
.intro-rings i{position:absolute;inset:0;border:1px solid #d7ac5d38;border-radius:50%;animation:ring 2s ease-out forwards}
.intro-rings i:nth-child(2){inset:13%;animation-delay:.25s}
.intro-rings i:nth-child(3){inset:26%;animation-delay:.5s}
.intro-name{position:absolute;z-index:3;top:calc(50% + min(25vw,215px));display:flex;flex-direction:column;align-items:center;gap:12px;color:white;opacity:0;transform:translateY(14px);animation:reveal 1s ease 2.9s forwards}
.intro-name strong{font:400 clamp(17px,2vw,25px) var(--couture);letter-spacing:.25em}
.intro-name span{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.28em}
.luxury-hero{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:140px 7vw 80px;color:#fff;background:radial-gradient(circle at 74% 50%,#12315b 0,#07172b 31%,var(--deep) 67%);overflow:hidden}
.hero-copy{max-width:620px;position:relative;z-index:2}
.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:10px;font-weight:600;color:var(--gold)}
.hero-copy h1{font:400 clamp(52px,6.2vw,94px)/.89 var(--couture);letter-spacing:-.035em;margin:32px 0 38px}
.hero-copy h1 em{color:var(--gold);font-weight:400}
.hero-text{max-width:470px;color:#ffffffb3;font:18px/1.7 var(--couture)}
.tdo-button{display:inline-flex;align-items:center;gap:50px;margin-top:18px;padding:17px 0;border-bottom:1px solid var(--gold);color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:10px}
.hero-visual{height:70vh;display:grid;place-items:center;position:relative}
.hero-visual>img{z-index:2;width:67%;height:84%;object-fit:contain;filter:drop-shadow(0 38px 45px #0008);animation:float 8s ease-in-out infinite}
.gold-orbit{position:absolute;width:84%;aspect-ratio:1;border:1px solid #d7ac5d38;border-radius:50%}
.gold-orbit:before,.gold-orbit:after{content:"";position:absolute;border:1px solid #d7ac5d16;border-radius:50%;inset:12%}
.gold-orbit:after{inset:24%}
.brand-story{min-height:85vh;padding:10vw;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:10vw;background:var(--sand)}
.story-emblem{text-align:center}
.story-emblem img{width:160px;height:160px;object-fit:contain}
.story-copy h2,.featured-products h2,.luxury-copy h2{font:400 clamp(48px,6vw,88px)/.95 var(--couture);letter-spacing:-.03em;margin:24px 0 34px}
.story-copy>div,.luxury-copy>div{max-width:540px;font:20px/1.75 var(--couture);color:#5a5145}
.text-link{display:inline-block;margin-top:24px;border-bottom:1px solid;padding-bottom:8px;font-size:10px;text-transform:uppercase;letter-spacing:.17em}
.featured-products{padding:10vw 7vw}
.featured-products>header{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:65px}
.featured-products>header h2{margin:0}
.featured-products>header>p:last-child{font:16px/1.6 var(--couture);color:#756c61}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2vw}
.product-image{height:min(66vw,720px);overflow:hidden;background:#e7dfd3}
.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.product-card:hover img{transform:scale(1.025)}
.product-card>p,.product-card a>p{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#83796e;margin:22px 0 8px}
.product-card h3{font:400 25px var(--couture);margin:0 0 8px}
.image-text-luxury{min-height:88vh;display:grid;grid-template-columns:1.2fr .8fr;background:var(--navy);color:#fff}
.image-text-luxury.reverse{grid-template-columns:.8fr 1.2fr}
.image-text-luxury.reverse .luxury-image{order:2}
.luxury-image{min-height:680px}
.luxury-image img{width:100%;height:100%;object-fit:cover}
.luxury-copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}
.luxury-copy>div{color:#ffffffa3}
.tdo-footer{padding:9vw 7vw 3vw;background:var(--deep);color:white;display:grid;grid-template-columns:1.4fr .6fr;gap:70px}
.footer-signature img{width:80px;height:80px}
.footer-signature h2{font:400 clamp(38px,5vw,72px) var(--couture);letter-spacing:.05em;margin:30px 0 8px}
.footer-signature p{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.25em}
.footer-menu{display:flex;flex-direction:column;gap:15px;padding-top:30px;color:#ffffffa3;font-family:var(--couture)}
.footer-base{grid-column:1/-1;border-top:1px solid #ffffff26;padding-top:24px;display:flex;justify-content:space-between;color:#ffffff59;font-size:9px;text-transform:uppercase;letter-spacing:.15em}
.brand-story,.featured-products,.image-text-luxury{opacity:0;transform:translateY(35px);transition:opacity 1.1s ease,transform 1.1s ease}
.is-visible{opacity:1;transform:none}
.page-width{max-width:1300px;margin:auto;padding:150px 5vw 90px}
.main-product{display:grid;grid-template-columns:1fr 1fr;gap:6vw}
.main-product img{width:100%}
.product-info h1{font:400 clamp(42px,5vw,72px) var(--couture)}
.price{color:#6f655a;font:22px var(--couture)}
.shopify-payment-button,.product-form button,.cart-checkout{width:100%;padding:17px;border:1px solid var(--gold);background:var(--navy);color:white;text-transform:uppercase;letter-spacing:.15em;cursor:pointer}
.field{width:100%;padding:14px;border:1px solid #ccc;background:transparent}
.cart-item{display:grid;grid-template-columns:100px 1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid #ddd}
@keyframes logo-awaken{to{opacity:1;transform:scale(1)}
}
@keyframes liquid-form{0%{opacity:0;background-position:0 -80%;transform:scale(.8)}
25%{opacity:1}
100%{opacity:1;background-position:0 100%;transform:scale(1)}
}
@keyframes gold-sheen{to{transform:translateX(120%) rotate(-8deg)}
}
@keyframes metal-settle{to{opacity:1}
}
@keyframes aura{from{opacity:0;transform:scale(.6)}
to{opacity:.7;transform:scale(1.08)}
}
@keyframes ring{from{opacity:.7;transform:scale(.35)}
to{opacity:0;transform:scale(1.08)}
}
@keyframes reveal{to{opacity:1;transform:none}
}
@keyframes float{50%{transform:translateY(-9px)}
}

@media(max-width:800px){.tdo-header{height:72px;padding:0 20px}
.intro-film{object-position:center center}
.intro-skip{right:20px;bottom:20px}
.tdo-nav{display:none}
.luxury-hero{grid-template-columns:1fr;padding:120px 24px 60px;align-items:start}
.hero-copy h1{font-size:14.5vw}
.hero-text{font-size:15px;max-width:86%}
.hero-visual{position:absolute;width:74vw;height:55vh;right:-12vw;bottom:3vh;opacity:.62}
.brand-story,.featured-products>header,.image-text-luxury,.main-product{grid-template-columns:1fr}
.brand-story{padding:90px 24px}
.featured-products{padding:90px 20px}
.featured-products>header{display:block}
.product-grid{grid-template-columns:1fr}
.product-image{height:125vw}
.image-text-luxury.reverse .luxury-image{order:0}
.luxury-image{min-height:65vh}
.luxury-copy{padding:80px 24px}
.tdo-footer{grid-template-columns:1fr;padding:80px 24px 30px}
.footer-base{flex-direction:column;gap:15px}
.page-width{padding:110px 20px 70px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
.logo-intro{display:none}
.brand-story,.featured-products,.image-text-luxury{opacity:1;transform:none}
}