:root{color-scheme:dark;--bg:#090a0c;--surface:#101113;--text:#eeece8;--muted:#aaa9a6;--accent:#c0a38d;--line:#2a2b2d;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip-link{position:fixed;top:-70px;left:20px;padding:14px;background:var(--bg);z-index:100}.skip-link:focus{top:10px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid #ffffff12;background:linear-gradient(#090a0ccf,#090a0c30)}.wordmark{font-size:29px;letter-spacing:1px;font-weight:500;line-height:1;display:inline-block}.wordmark span{display:block;font-size:9px;letter-spacing:2.8px;margin-top:10px}nav{display:flex;gap:35px;color:#bdbbb7;font-size:14px}nav a:hover,.header-link:hover{color:var(--accent)}.header-link{font-size:14px;border-bottom:1px solid #776555;padding:12px 0}.header-link span{padding-left:26px;color:var(--accent)}.journey{height:100svh;position:relative}.stage{height:100svh;min-height:650px;position:relative;top:0;overflow:hidden;background:#090a0c}.visual{position:absolute;inset:0;overflow:hidden}.scene{position:absolute;object-fit:contain;right:0;top:4%;width:69%;height:92%;opacity:0;will-change:transform,opacity}.exterior{opacity:1}.wrist{object-fit:cover;width:100%;height:100%;top:0}.macro{object-fit:cover;width:100%;height:100%;top:0}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#090a0c 0%,#090a0cf0 13%,#090a0c9c 35%,transparent 64%),linear-gradient(0deg,#090a0c 0%,transparent 23%);pointer-events:none}.story-copy{position:absolute;top:50%;left:6%;transform:translateY(-45%);max-width:550px;opacity:1;transition:opacity .35s,translate .5s;z-index:2}.story-copy.hidden{opacity:0;pointer-events:none;visibility:hidden;translate:0 15px}.eyebrow{font-size:12px;letter-spacing:2.2px;line-height:1.7;color:var(--accent);margin:0 0 26px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.5px;line-height:1.08;margin:0}h1{font-size:clamp(52px,5.7vw,87px)}h2{font-size:clamp(44px,4.7vw,72px)}em{font-weight:400;color:#dfd9d2}.intro{font-size:16px;line-height:1.9;color:#bebdb9;margin:26px 0 32px}.text-link{display:inline-flex;gap:40px;justify-content:space-between;padding:12px 0 16px;border-bottom:1px solid #74604f;font-size:14px}.text-link span{color:var(--accent)}.story-bottom{position:absolute;bottom:33px;left:4.3%;right:4.3%;display:flex;align-items:center;justify-content:space-between;z-index:3}.scroll-note,.skip-story{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.scroll-note span{margin-left:12px;color:var(--accent)}.chapters{display:flex;gap:24px}.chapters button{color:#777;background:none;border:0;cursor:pointer;font-size:12px;padding:10px 0}.chapters span{font-size:11px;margin-left:8px}.chapters .active{color:var(--text)}.progress{position:absolute;bottom:0;height:2px;background:#ffffff12;width:100%}.progress i{display:block;background:var(--accent);height:100%;width:0}.inside-anchor{position:absolute;top:26%}.brand-strip{display:flex;align-items:center;justify-content:space-between;padding:42px 5%;border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:25px}.brand-strip p{font-size:10px;line-height:1.7;letter-spacing:1.6px;color:#999}.brand-strip div{display:flex;gap:28px;align-items:center;font-family:Georgia,serif;font-size:28px}.brand-strip i{color:#665b50;font-size:18px}.section-pad{padding:100px 5%}.collection{background:var(--surface);scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:center;margin-bottom:58px}.section-heading h2{font-size:clamp(40px,4.5vw,64px)}.section-heading>p{max-width:360px;line-height:1.9;color:var(--muted);font-size:15px}.styles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.style-card{border:1px solid var(--line);background:#0b0c0e;align-self:start}.style-card summary{position:relative;list-style:none;cursor:pointer;height:400px;overflow:hidden}.style-card summary::-webkit-details-marker{display:none}.card-top{position:absolute;top:22px;left:20px;right:20px;font-size:10px;letter-spacing:1.3px;z-index:2;display:flex;justify-content:space-between}.card-top b{font-size:18px;font-weight:400;color:var(--accent)}.category-visual{position:absolute;inset:0;background-image:url('assets/styles.png');background-repeat:no-repeat;background-size:400% auto;transition:transform .7s}.dress-image{background-position:0 50%}.dive-image{background-position:33.333% 50%}.everyday-image{background-position:66.666% 50%}.chrono-image{background-position:100% 50%}.style-card:hover .category-visual{transform:scale(1.04)}.card-copy{position:absolute;inset:auto 0 0;padding:80px 20px 28px;background:linear-gradient(transparent,#090a0ce6 65%);display:flex;flex-direction:column;gap:12px}.card-copy strong{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-1px}.card-copy>span{font-size:13px;color:#c3c0bd}.style-detail{font-size:14px;line-height:1.8;color:var(--muted);padding:22px;border-top:1px solid var(--line)}.style-card[open] .card-top b{transform:rotate(45deg)}.collection-note{font-size:12px;color:#96918c;margin:24px 0 0}.perspective{border-top:1px solid var(--line)}.perspective>div{display:flex;justify-content:space-between;gap:50px}.perspective-copy{max-width:420px;color:var(--muted);line-height:1.9}.perspective-copy p:first-child{font-size:21px;color:#dedad5;margin-top:0}.perspective .text-link{color:var(--text);margin-top:20px}footer{border-top:1px solid var(--line);padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}footer p,footer>span{font-size:12px;color:var(--muted)}
@media(min-width:1600px){.story-copy{left:9%}.scene{right:4%;width:65%}.macro,.wrist{right:0;width:100%}}
@media(max-width:1050px){header{height:84px}nav{gap:20px}.header-link{display:none}.styles-grid{grid-template-columns:repeat(2,1fr)}.style-card summary{height:480px}.brand-strip div{gap:16px;font-size:23px}.brand-strip p{font-size:9px}.chapters{gap:18px}.chapters span{display:none}.story-copy{left:5%;max-width:440px}.scene{width:77%;right:-10%}.macro,.wrist{right:0;width:100%}.section-heading{gap:30px}.section-heading>p{max-width:310px}}
@media(max-width:650px){html{scroll-padding-top:20px}header{height:80px;padding:0 6%}.wordmark{font-size:26px}.wordmark span{font-size:8px;letter-spacing:2.1px}nav{gap:20px}nav a{font-size:12px}nav a:last-child{display:none}.journey{height:100svh}.stage{min-height:650px}.story-copy{top:118px;left:7%;right:7%;max-width:none;transform:none}.eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:1.4px}h1,h2{font-size:46px;letter-spacing:-1.8px;line-height:1.08}.intro{font-size:14px;line-height:1.6;margin:17px 0}.text-link{font-size:13px;padding:5px 0 10px;gap:30px}.scene{top:31%;right:-7%;width:108%;height:61%}.macro{top:30%;width:100%;right:0;height:63%;object-fit:cover}.wrist{top:33%;width:140%;right:-25%;height:60%}.shade{background:linear-gradient(180deg,#090a0c 0%,#090a0c 20%,#090a0c90 38%,transparent 55%,#090a0c 94%)}.story-bottom{bottom:26px;left:7%;right:7%;flex-wrap:wrap;gap:15px}.scroll-note{font-size:9px}.chapters{gap:20px}.chapters button{font-size:12px}.skip-story{font-size:9px;width:100%;text-align:right}.brand-strip{padding:28px 7%;display:block;text-align:center}.brand-strip p{font-size:9px}.brand-strip p br{display:none}.brand-strip div{justify-content:center;font-size:20px;gap:13px;margin:22px 0}.brand-strip p:last-child{display:none}.section-pad{padding:65px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:42px}.section-heading>p{max-width:none;font-size:14px;margin-top:23px}.styles-grid{gap:14px}.style-card summary{height:300px}.card-top{font-size:8px;letter-spacing:.7px;top:15px;left:12px;right:12px}.card-copy{padding:60px 12px 20px;gap:8px}.card-copy strong{font-size:27px}.card-copy>span{font-size:12px;line-height:1.5;min-height:36px}.style-detail{padding:14px;font-size:13px}.collection-note{line-height:1.7}.perspective>div{display:block}.perspective-copy{margin-top:30px}.perspective-copy p:first-child{font-size:19px}.perspective-copy p{font-size:15px}footer{padding:32px 7%;flex-wrap:wrap}footer p{width:100%;order:3;margin:0}footer>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.scene{will-change:auto}}

nav a{font-size:14px}.card-top{font-size:12px;letter-spacing:.7px}.section-heading>p,.style-detail{font-size:16px}.card-copy>span{font-size:14px}@media(max-width:650px){.card-top{font-size:12px;line-height:1.6}.card-top b{margin-left:4px}.card-copy strong{font-size:clamp(21px,5vw,28px)}.style-card summary{height:300px}.intro{font-size:16px}.brand-strip div{gap:10px}.brand-strip div span{font-size:18px}}

/* Autoplay film in a normal, single-screen opening section. */
.story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center}
.film-toggle{border:0;border-bottom:1px solid #776555;background:transparent;color:var(--text);font:inherit;font-size:14px;padding:9px 0;cursor:pointer;min-width:90px;text-align:left}.film-toggle span{margin-left:15px;color:var(--accent)}.film-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.film-status{position:absolute;bottom:55px;font-size:13px;color:var(--muted)}
@media(max-width:650px){.story-video{top:31%;height:61%;object-fit:cover;object-position:68% center}.film-toggle{font-size:14px}.film-status{bottom:86px;max-width:230px;line-height:1.5}.stage .shade{background:linear-gradient(180deg,#090a0c 0%,#090a0c 20%,#090a0c70 38%,transparent 55%,#090a0c 94%)}}
@media(prefers-reduced-motion:reduce){.journey{height:100svh;min-height:650px}.stage{position:relative}.chapters{display:none}.inside-anchor{top:0}}

/* OoxOon logo palette: ink navy, ice blue, sea glass and rose. */
:root{color-scheme:light;--bg:#f3f8fb;--surface:#e5f2f7;--text:#142e4b;--muted:#506578;--accent:#ad3b73;--line:#c7dde8}
header{background:#d3ebed;border-bottom:1px solid #c7dde8;color:#142e4b}
.wordmark{display:flex;align-items:center;gap:14px}.wordmark img{width:80px;height:70px;object-fit:contain;border-radius:12px}.wordmark span{font-size:12px;letter-spacing:1.4px;max-width:100px;line-height:1.6;margin:0}
nav{color:#38566e}.header-link{border-color:#ad3b73}.header-link span{color:#ad3b73}
.journey{height:auto;min-height:0}.stage{position:relative;height:100svh;min-height:650px;background:#102640;color:#f1f8fc;--accent:#e79fc2;--text:#f1f8fc;--muted:#ccdeea}
.stage .shade{background:linear-gradient(90deg,#102640 0%,#102640ed 13%,#1026409c 35%,transparent 64%),linear-gradient(0deg,#102640 0%,transparent 23%)}
.stage em{color:#c3e7ed}.stage .intro{color:#d0e3ed}.stage .text-link,.stage .film-toggle{border-color:#d88bb4}.stage .chapters button{color:#abc4d8}.stage .chapters .active{color:#fff}.stage .skip-story{color:#d0e5f0}.stage .progress i{background:#dd8db7}
em{color:#236c80}.text-link{border-color:#b95386}.brand-strip{background:#d3ebed;color:#142e4b}.brand-strip p{color:#39566a}.brand-strip i{color:#ad3b73}
.collection{background:#e5f2f7}.style-card{background:#142e4b;color:#f1f8fc;border-color:#b5cfdd;--accent:#e79fc2;--muted:#d1e4ee}.card-top{color:#f1f8fc}.card-copy{background:linear-gradient(transparent,#102640ed 65%)}.card-copy>span{color:#d6e7f0}.style-detail{border-color:#38566e}.collection-note{color:#506578}
.perspective{background:#f3f8fb}.perspective-copy p:first-child{color:#142e4b}footer{background:#d3ebed}footer p,footer>span{color:#39566a}
@media(max-width:650px){header{padding:0 6%}.wordmark{gap:8px}.wordmark img{width:65px;height:60px}.wordmark span{display:none}.journey{height:auto;min-height:0}.stage{height:100svh;min-height:650px}.stage .shade{background:linear-gradient(180deg,#102640 0%,#102640 20%,#10264070 38%,transparent 55%,#102640 94%)}.stage .skip-story{font-size:12px}footer .wordmark span{display:block}}
@media(prefers-reduced-motion:reduce){.journey{height:auto;min-height:0}}

/* Category cards and brands open filtered inventory. */
.style-inventory-link{display:block;position:relative;height:400px;overflow:hidden}.brand-strip a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:7px}.brand-strip a:focus-visible{outline-offset:7px}@media(max-width:1050px){.style-inventory-link{height:480px}}@media(max-width:650px){.style-inventory-link{height:300px}.brand-strip div a{font-size:18px}}

/* Clear buying information, using the established OoxOon palette. */
.trust{background:#f3f8fb;scroll-margin-top:110px}.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:45px 0 32px}.trust-grid article{border-top:2px solid #ad3b73;padding:24px 0}.trust-number{color:#236c80;font-size:14px;letter-spacing:.12em}.trust h3{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.25;margin:18px 0}.trust p{line-height:1.7}.trust-grid p,.buying-faq details p{font-size:16px;color:#506578}.buying-faq{margin-top:72px;max-width:900px}.buying-faq>h3{font-size:36px;margin-bottom:28px}.buying-faq details{border-top:1px solid #c7dde8}.buying-faq details:last-child{border-bottom:1px solid #c7dde8}.buying-faq summary{font-size:18px;line-height:1.5;cursor:pointer;padding:22px 8px}.buying-faq details p{padding:0 8px 22px;max-width:760px;margin:0}.buying-faq summary:focus-visible{outline:2px solid #ad3b73;outline-offset:2px}.trust-inline{background:#e5f2f7;border:1px solid #c7dde8;padding:24px;margin:32px 0;font-size:16px;line-height:1.7}.trust-inline a{color:#142e4b;text-decoration:underline;text-underline-offset:4px}.trust-inline p{margin:8px 0 0}@media(max-width:800px){.trust-grid{grid-template-columns:1fr;gap:0}.buying-faq{margin-top:48px}}

.reviews{background:#d3ebed;scroll-margin-top:100px}.reviews-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}.review-card{margin:0;padding:30px;background:#f3f8fb;border:1px solid #c7dde8;display:flex;flex-direction:column;min-width:0}.review-rating{color:#ad3b73;font-size:16px;font-weight:600;margin:0 0 22px;letter-spacing:.06em}.review-card blockquote{margin:0 0 28px;font-family:Georgia,serif;font-size:22px;line-height:1.55}.review-card blockquote p{margin:0}.review-card figcaption{margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.6}.review-card figcaption>span{font-size:14px;color:#506578}.review-strengths{font-size:18px;line-height:1.7;margin:0 0 28px}.review-strengths>span{display:block;color:#506578;font-size:14px;margin-bottom:8px}.reviews-note{font-size:14px;line-height:1.7;color:#506578;max-width:900px;margin-top:25px}.reviews-footer-link{display:block;text-decoration:underline;text-underline-offset:4px;margin-top:12px}@media(max-width:700px){.reviews-grid{grid-template-columns:1fr}.review-card{padding:24px}.review-card blockquote{font-size:20px}}

/* OoxOon promises: a navy interlude between collection and customer stories. */
.guarantee{background:#142e4b;color:#f3f8fb;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px;scroll-margin-top:100px}.guarantee .eyebrow{color:#e79fc2}.guarantee h2{font-size:clamp(42px,4.5vw,68px)}.guarantee h2 em{color:#c3e7ed}.guarantee-heading>p:last-child{font-size:18px;line-height:1.7;color:#d0e3ed;margin:28px 0 0}.guarantee-promises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 30px}.guarantee-promises article{border-top:1px solid #537185;padding-top:22px}.guarantee-mark{font-size:14px;letter-spacing:.15em;color:#e79fc2}.guarantee h3{font:400 27px/1.25 Georgia,serif;margin:18px 0 12px}.guarantee-promises p{font-size:16px;line-height:1.75;color:#d0e3ed;margin:0}@media(max-width:1000px){.guarantee{grid-template-columns:1fr;gap:38px}}@media(max-width:550px){.guarantee-promises{grid-template-columns:1fr;gap:28px}.guarantee h3{font-size:25px}}