@font-face{font-family:"Manrope";src:url('/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:url('/fonts/NotoSansArabic.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
/* ORVIAN — an independent, deliberately quiet visual system. */
:root{--paper:#080809;--cream:#141415;--stone:#202021;--ink:#f5f3ef;--muted:#aaa7a0;--line:#343332;--deep:#050506;--accent:#c5a46d;--accent-hover:#ddbe88;--accent-surface:#27231c;--on-accent:#14110c;--control-border:#716b61;--white:#fff;--display:"Manrope",Arial,sans-serif;--serif:var(--display);--sans:"Manrope",Arial,sans-serif;--ease:cubic-bezier(.2,.75,.2,1);--fs-label:12px;--fs-meta:13px;--fs-ui:14px;--fs-body:15px;--fs-lead:17px;--shell:1424px;--gutter:clamp(24px,4.5vw,80px);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h,102px) + 18px);scroll-padding-bottom:calc(var(--dock-h,0px) + 16px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{flex-shrink:0;vertical-align:middle}p,h1,h2,h3,h4{margin:0}h1,h2,h3,h4{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.047em;line-height:1.07}h1{font-size:clamp(50px,5.9vw,90px)}h2{font-size:clamp(35px,3.4vw,54px)}em{font-weight:400}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #5a6650;outline-offset:5px}::selection{background:#d7daca;color:var(--ink)}.shell{width:min(var(--shell),100%);margin-inline:auto;padding-inline:var(--gutter)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;background:var(--ink);color:white;padding:12px 20px;transform:translateY(-200%)}.skip-link:focus{transform:none}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 24px;font-size:var(--fs-ui);font-weight:600;letter-spacing:.015em;line-height:1.4;border:1px solid transparent;transition:background .25s,color .25s,transform .45s var(--ease);text-align:center}.button svg{transition:transform .4s var(--ease)}@media(hover:hover) and (pointer:fine){.button:hover svg{transform:translateX(4px)}}.button-dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media(hover:hover) and (pointer:fine){.button-dark:hover{background:#3c4237;border-color:#3c4237}}.button-light{background:var(--paper);color:var(--ink)}@media(hover:hover) and (pointer:fine){.button-light:hover{background:white}}.button-outline{border-color:var(--line)}@media(hover:hover) and (pointer:fine){.button-outline:hover{background:var(--cream);border-color:#a5a79b}}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:var(--fs-ui);border-bottom:1px solid currentColor;padding-block:8px;align-self:flex-start;line-height:1.4}.text-link svg{transition:transform .4s var(--ease)}@media(hover:hover) and (pointer:fine){.text-link:hover svg{transform:translateX(4px)}}.quiet-link{font-size:var(--fs-ui);display:inline-flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);padding:5px 0;line-height:1.5}@media(hover:hover) and (pointer:fine){.quiet-link:hover{border-color:var(--ink)}}.kicker{font-family:var(--sans);font-size:var(--fs-meta);letter-spacing:.035em;color:var(--muted);margin-bottom:18px}.tiny-cross{font-size:18px;font-weight:300;margin-inline-end:10px}.small-note,.field-hint{font-size:var(--fs-meta);line-height:1.7;color:var(--muted)}.small-note{margin-top:16px}.notice{padding:14px 18px;border:1px solid var(--line)}
/* The masthead. */
.site-header{height:102px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px var(--gutter);position:sticky;top:0;z-index:30;background:rgba(248,247,243,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-left,.header-right{display:flex;align-items:center;gap:30px}.header-right{justify-content:flex-end;gap:26px}.nav-trigger,.search-trigger,.bag-trigger{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:var(--fs-ui)}.nav-trigger span,.search-trigger span,.bag-trigger span{white-space:nowrap}.nav-trigger svg{width:22px}.desktop-header-link{font-size:var(--fs-ui)}.brand-lockup{display:flex;align-items:center;justify-content:center}.brand-lockup img{width:113px;height:68px;object-fit:contain}.header-saved{padding:12px 2px}.bag-trigger b{font-size:var(--fs-label);font-weight:400;margin-inline-start:4px;border:1px solid var(--line);display:inline-flex;width:21px;height:21px;align-items:center;justify-content:center;border-radius:50%}
/* Opening composition. */
.brand-ribbon{padding:25px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);background:var(--paper)}.brand-ribbon>span{font-size:var(--fs-label);color:var(--muted);max-width:110px;line-height:1.6}.brand-ribbon>a{font-family:var(--serif);font-size:19px;letter-spacing:-.025em;transition:opacity .2s;white-space:nowrap}@media(hover:hover) and (pointer:fine){.brand-ribbon>a:hover{opacity:.5}}
/* Collection cards. The photograph is allowed to breathe. */
.selection-section{padding-top:95px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.section-heading .kicker{margin-bottom:12px}.section-heading .text-link{align-self:flex-end}.selection-tabs{display:flex;gap:27px;margin:0 0 28px;border-bottom:1px solid var(--line);overflow:auto}.selection-tabs button{font-size:var(--fs-meta);padding:12px 1px 14px;white-space:nowrap;border-bottom:1px solid transparent;color:var(--muted)}.selection-tabs button.active{color:var(--ink);border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 20px}.product-card{min-width:0}.product-card-top{position:relative;overflow:hidden;background:var(--cream)}.product-image-link{display:block}.product-visual{aspect-ratio:4/5;position:relative;overflow:hidden;background:#ecebe4}.product-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),opacity .4s;background:var(--cream)}@media(hover:hover) and (pointer:fine){.product-card:hover .product-visual>img{transform:scale(1.045)}}.product-visual.image-failed>img{display:none}.image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;text-align:center;color:#747b6a;background:#eceee6}.product-visual[data-dial*="black"] .image-placeholder{background:#e4e5df;color:#616a60}.product-visual[data-dial*="blue"] .image-placeholder{background:#e3e6e4;color:#657378}.product-visual[data-dial*="green"] .image-placeholder{background:#e2e6db;color:#6b785d}.product-visual[data-dial*="white"] .image-placeholder,.product-visual[data-dial*="silver"] .image-placeholder{background:#eeece4;color:#858579}.product-visual[data-dial*="pink"] .image-placeholder,.product-visual[data-dial*="chocolate"] .image-placeholder{background:#e8e1da;color:#887462}.placeholder-rule{width:26px;height:1px;background:currentColor;opacity:.45;margin-bottom:23px}.placeholder-model{font-family:var(--serif);font-size:clamp(27px,2.5vw,40px);letter-spacing:-.055em;line-height:1.05;max-width:190px}.placeholder-reference{font-size:var(--fs-label);letter-spacing:.05em;margin-top:19px}.placeholder-note{position:absolute;bottom:58px;font-size:var(--fs-label);letter-spacing:.015em;color:inherit;opacity:.8}.save-button{position:absolute;top:13px;right:13px;z-index:2;width:34px;height:34px;display:grid;place-items:center;background:#f8f7f3d9;border-radius:50%;transition:background .2s}@media(hover:hover) and (pointer:fine){.save-button:hover{background:#fff}}.is-saved svg{fill:var(--ink)}.quick-view{position:absolute;bottom:31px;left:0;right:0;background:#ffffffed;display:flex;align-items:center;justify-content:center;gap:20px;font-size:var(--fs-label);padding:12px;transform:translateY(45px);opacity:0;transition:opacity .3s,transform .4s var(--ease);z-index:3}.product-card:focus-within .quick-view{transform:none;opacity:1}@media(hover:hover) and (pointer:fine){.product-card:hover .quick-view{transform:none;opacity:1}}.catalogue-tag{position:absolute;bottom:0;left:0;right:0;background:#f1f0e8e8;padding:9px 13px 8px;font-size:var(--fs-label);text-align:left;color:#73786b;letter-spacing:.015em;z-index:2}.product-card-info{padding:19px 1px 0}.product-brand{font-size:var(--fs-label);letter-spacing:.03em;line-height:1.5;color:var(--muted)}.product-card h3{font-family:var(--serif);font-size:24px;letter-spacing:-.04em;line-height:1.15;margin:6px 0}.product-card-info>p{font-size:var(--fs-label);line-height:1.65;min-height:17px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;font-size:var(--fs-meta)}.selection-note{font-size:var(--fs-label);margin-top:26px;line-height:1.6}
/* Pacing: a photographic pause, then a useful search scene. */
.sourcing-scene{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);min-height:600px}.sourcing-art{position:relative;overflow:hidden;min-height:530px;background:#5c4c3a}.sourcing-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.53) saturate(.4);object-position:40% 50%;transform:scale(1.1)}.scene-quote{position:absolute;left:var(--gutter);right:35px;top:50%;transform:translateY(-50%);font-size:clamp(34px,3.9vw,62px);line-height:1.15;letter-spacing:-.05em;font-family:var(--serif);color:#f1eee4}.scene-quote em{display:block;margin-top:20px}.sourcing-copy{padding:65px var(--gutter) 55px clamp(36px,5vw,80px)}.sourcing-copy>p:not(.kicker){max-width:310px;margin-top:22px;font-size:var(--fs-ui)}.sourcing-links{margin-top:35px}.sourcing-links>a{display:flex;align-items:center;gap:20px;padding:20px 0;border-top:1px solid #cecec2}.sourcing-links>a:last-child{border-bottom:1px solid #cecec2}.sourcing-number{font-size:var(--fs-label);align-self:flex-start;padding-top:5px;color:var(--muted)}.sourcing-links h3{font-family:var(--serif);font-size:24px;letter-spacing:-.035em}.sourcing-links p{font-size:var(--fs-label);margin-top:5px}.sourcing-links>a>svg{margin-left:auto}@media(hover:hover) and (pointer:fine){.sourcing-links>a:hover h3{color:#707864}}.process-strip{display:grid;grid-template-columns:repeat(3,1fr) 40px;gap:25px;padding-block:45px;border-bottom:1px solid var(--line)}.process-strip>div{padding-inline-end:20px}.process-index{font-size:var(--fs-label);color:var(--muted)}.process-strip h3{font-size:16px;font-family:var(--serif);margin:8px 0 7px;letter-spacing:-.015em}.process-strip p{font-size:var(--fs-label)}.process-more{align-self:center}.journal-preview{padding-top:95px;padding-bottom:90px}.journal-art{aspect-ratio:1.35;position:relative;background:#e4e5db;color:#526048;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:35px;font-family:var(--serif);font-size:clamp(36px,4.4vw,68px);letter-spacing:-.06em;line-height:1.01;transition:background .4s}.journal-art>span:not(.journal-art-number):not(.journal-art-arrow){transition:transform .7s var(--ease)}.journal-art-number{font-family:var(--sans);font-size:var(--fs-label);letter-spacing:.03em;position:absolute;top:20px;left:23px}.journal-art-arrow{position:absolute;right:22px;bottom:18px}.art-1{background:#e8e3d9;color:#80745d}.art-2{background:#292f26;color:#d3dcc9}.art-vs{font-size:.7em;font-style:italic;opacity:.6}.request-banner{padding-block:57px;display:grid;grid-template-columns:55px 1fr 340px;gap:30px;align-items:center;border-top:1px solid var(--line);margin-bottom:80px}.request-banner h2{font-size:37px}.request-symbol{align-self:flex-start;margin-top:7px}.request-banner .kicker{margin-bottom:12px}.request-banner-copy p{font-size:var(--fs-meta);line-height:1.8;margin-bottom:22px}.request-banner-copy .button{padding:13px 22px}
/* Footer, with room to finish a thought. */
.site-footer{background:#22271f;color:#ebeee4;padding:55px var(--gutter) 20px}.footer-top{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:45px;padding-bottom:50px}.footer-story img{width:110px;height:65px;object-fit:contain;margin-left:-4px;margin-bottom:25px}.footer-story h2{font-size:30px;line-height:1.14;letter-spacing:-.035em}.footer-story>p{font-size:var(--fs-label);color:#aab29f;max-width:230px;margin-top:16px}.footer-story .text-link{margin-top:18px;color:#d1d7c8}.footer-column{display:flex;flex-direction:column;align-items:flex-start;padding-top:16px}.footer-column h3{font-size:var(--fs-label);color:#c3cab9;margin-bottom:22px}.footer-column>a{font-size:var(--fs-meta);color:#aeb7a1;line-height:1.7;padding:7px 0;transition:color .2s}@media(hover:hover) and (pointer:fine){.footer-column>a:hover{color:white}}.footer-language{display:flex;align-items:center;gap:20px;font-size:var(--fs-meta);padding:7px 0;color:#c8cebf}.footer-locale{font-size:var(--fs-label);color:#99a38d;margin-top:19px}.footer-disclosure{font-size:var(--fs-label);line-height:1.8;max-width:950px;color:#9da78f;padding:20px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #3d4635;font-size:var(--fs-label);color:#b5bea8}.footer-bottom>div{display:flex;gap:25px}.footer-bottom button{font-size:var(--fs-label);padding:0;color:inherit}
/* Browsing, never a dead end. */
.page-intro{padding-top:68px;padding-bottom:48px;display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.page-intro h1{font-size:clamp(48px,5.1vw,76px)}.page-intro .intro-description{margin-top:23px;font-size:var(--fs-ui);max-width:550px;line-height:1.85}.page-intro .kicker{margin-bottom:15px}.collection-search{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:15px}.collection-search form{display:flex;align-items:center;gap:17px;flex:1}.collection-search input{width:100%;border:0;background:none;font-family:var(--serif);font-size:23px;color:var(--ink);padding:10px 0}.collection-search input::placeholder{color:#929687}.collection-search button{font-size:var(--fs-meta);padding:10px 13px}.collection-search>a{font-size:var(--fs-meta);display:flex;align-items:center;gap:10px;padding:10px 0}.brand-tabs{display:flex;gap:26px;overflow:auto;padding-top:24px;border-bottom:1px solid var(--line)}.brand-tabs button{font-family:var(--serif);font-size:20px;white-space:nowrap;padding:10px 0 17px;color:var(--muted);border-bottom:1px solid transparent}.brand-tabs button.active{color:var(--ink);border-color:var(--ink)}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;font-size:var(--fs-label)}.collection-toolbar select{font-size:var(--fs-meta);border:0;background:transparent;padding:9px 28px 9px 8px;color:var(--ink)}.collection-toolbar label{display:flex;align-items:center;gap:12px}.collection-toolbar>p{font-size:var(--fs-label)}.filter-toggle{display:none;align-items:center;gap:9px}.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.active-filters:empty{display:none}.filter-chip{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-label);background:var(--cream);padding:7px 11px;border:1px solid var(--line)}.collection-layout{display:grid;grid-template-columns:190px 1fr;gap:35px;padding-bottom:90px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 18px}.collection-grid .product-card h3{font-size:23px}.collection-grid .placeholder-model{font-size:31px}.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-label);border-top:1px solid var(--line);padding-top:20px;margin-bottom:24px}.filter-heading>span{color:var(--ink)}.filter-heading button{font-size:var(--fs-label);color:var(--muted);text-decoration:underline;text-underline-offset:3px}.filter-group{border:0;padding:22px 0;margin:0;border-top:1px solid var(--line)}.filter-group legend{float:left;width:100%;font-size:var(--fs-label);margin-bottom:15px}.filter-option{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:var(--fs-label);color:#676e5e;cursor:pointer;clear:both}.filter-option input{position:absolute;opacity:0}.custom-radio{width:13px;height:13px;display:inline-block;border:1px solid #b8bcae;border-radius:50%;position:relative;flex-shrink:0}.filter-option input:checked+.custom-radio:after{content:"";position:absolute;inset:3px;background:var(--ink);border-radius:50%}.filter-option input:focus-visible+.custom-radio{outline:2px solid #657259;outline-offset:3px}.filter-select.field{margin-bottom:25px}.filter-select.field>span{font-size:var(--fs-label)}.filter-select select{font-size:var(--fs-meta);padding:10px 9px;background:transparent}.filter-help{padding:24px 0;border-top:1px solid var(--line);font-size:var(--fs-label)}.filter-help p{margin-bottom:12px}.filter-help a{font-size:var(--fs-label)}.load-more{text-align:center;padding-top:46px}.load-more p{font-size:var(--fs-label);margin-bottom:17px}.load-more .button{min-width:200px}.catalogue-disclosure{font-size:var(--fs-label);max-width:650px;margin-top:30px}.empty-state{text-align:center;padding:70px 20px 80px;width:100%;grid-column:1/-1}.empty-icon{display:inline-flex;margin-bottom:27px;opacity:.55}.empty-state h2{font-size:45px}.empty-state p{max-width:425px;font-size:var(--fs-ui);margin:20px auto 25px}.saved-section{padding-bottom:70px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:var(--fs-label);color:var(--muted);padding-top:27px;padding-bottom:22px;flex-wrap:wrap}.breadcrumbs [aria-current]{color:var(--ink)}
/* A closer look. */
.product-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,6vw,90px);align-items:start;padding-bottom:70px}.product-gallery{position:sticky;top:120px;min-width:0}.product-main-image{position:relative}.product-main-image>.product-visual{aspect-ratio:1/1.15}.product-main-image .placeholder-model{font-size:58px;max-width:290px}.product-main-image .placeholder-note{bottom:90px;font-size:var(--fs-meta)}.product-main-image .placeholder-reference{font-size:var(--fs-ui)}.zoom-button{position:absolute;right:17px;bottom:18px;background:var(--paper);width:37px;height:37px;border-radius:50%;display:grid;place-items:center}.product-photo-note{font-size:var(--fs-label);line-height:1.6;margin-top:13px}.gallery-thumbs{display:flex;gap:10px;margin-top:15px}.gallery-thumbs button{width:72px;height:78px;padding:0;border:1px solid var(--line);overflow:hidden}.gallery-thumbs button.active{border-color:var(--ink)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.gallery-thumbs .request-photos{width:auto;min-width:95px;font-size:var(--fs-label);padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.product-info{padding-top:9px}.detail-brand-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-meta);color:var(--muted);margin-bottom:12px}.detail-brand-row .save-button{position:static;background:var(--cream)}.product-info h1{font-size:clamp(46px,4.5vw,66px);line-height:1.06}.product-subtitle{font-size:var(--fs-ui);margin-top:10px}.product-status{display:flex;align-items:center;gap:8px;font-size:var(--fs-label);margin-top:20px;color:#737b66}.product-status:before{content:"";width:5px;height:5px;display:inline-block;border-radius:50%;background:#7c876e}.detail-description{font-size:var(--fs-ui);line-height:1.9;margin-top:19px;max-width:450px}.detail-price{display:flex;flex-direction:column;gap:4px;margin-top:22px;padding-bottom:24px;border-bottom:1px solid var(--line)}.detail-price strong{font-size:17px;font-weight:400}.detail-price span{font-size:var(--fs-label);color:var(--muted)}.product-spec-chips{display:flex;gap:0;align-items:center;flex-wrap:wrap;margin:20px 0 30px}.product-spec-chips>span{font-size:var(--fs-label);border-right:1px solid var(--line);padding-inline:12px}.product-spec-chips>span:first-child{padding-inline-start:0}.product-spec-chips>span:last-child{border:0}.field-heading{display:flex;justify-content:space-between;gap:20px;font-size:var(--fs-meta);align-items:center;margin-bottom:11px}.field-heading button{font-size:var(--fs-label);color:var(--muted);display:flex;align-items:center;gap:7px}.bracelet-options{display:flex;flex-wrap:wrap;gap:8px}.bracelet-option{min-height:54px;padding:11px 14px;font-size:var(--fs-label);display:flex;align-items:center;gap:11px;border:1px solid var(--line)}.bracelet-option.active{border-color:var(--ink);background:#eaece1}.bracelet-lines{width:20px;height:28px;border:1px solid #b6b8af;background:repeating-linear-gradient(0deg,transparent 0 5px,#b0b4a7 5px 6px),repeating-linear-gradient(90deg,#d9dacf 0 6px,#f6f5ed 6px 13px,#c4c9ba 13px 20px);transform:rotate(-12deg)}.bracelet-lines.jubilee{background:repeating-linear-gradient(0deg,transparent 0 4px,#979e8e 4px 5px),repeating-linear-gradient(90deg,#d9dacf 0 4px,#9fa795 4px 5px)}.bracelet-section .field-hint{margin-top:11px}.dial-section{margin-top:20px;display:flex;align-items:center;gap:15px;font-size:var(--fs-label);color:var(--muted)}.dial-options{display:flex;gap:8px}.dial-option{width:26px;height:26px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%}@media(hover:hover) and (pointer:fine){.dial-option:hover{border-color:var(--ink)}}.dial-swatch{display:block;width:18px;height:18px;background:#859276;border:1px solid #0002;border-radius:50%}.dial-blue{background:#466073}.dial-black{background:#333c37}.dial-white{background:#f9f9f0}.dial-silver{background:#b1b4a7}.dial-green{background:#687956}.dial-champagne{background:#c1ad83}.dial-pink{background:#ccb4a7}.dial-grey{background:#888d84}.dial-chocolate{background:#79634d}.detail-actions{display:flex;flex-direction:column;gap:9px;margin-top:26px}.detail-actions .button{justify-content:space-between}.no-payment-note{font-size:var(--fs-label);display:flex;align-items:center;gap:7px;margin-top:11px}.detail-links{display:flex;justify-content:space-between;gap:15px;margin:23px 0 28px}.detail-links button{font-size:var(--fs-label);display:flex;gap:8px;align-items:center;padding:8px 0}.accordion{border-top:1px solid var(--line)}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:var(--fs-ui);cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary>span{transition:transform .3s}.accordion details[open] summary>span{transform:rotate(45deg)}.accordion-body{padding:0 0 22px;font-size:var(--fs-ui);line-height:1.9}.accordion-body p{font-size:var(--fs-ui)}.accordion-body .text-link{margin-top:14px}.spec-table{margin:0}.spec-table>div{display:flex;justify-content:space-between;gap:20px;font-size:var(--fs-meta);padding:10px 0;border-bottom:1px solid #e7e8df}.spec-table dt{color:var(--muted)}.spec-table dd{margin:0;text-align:end;max-width:62%}.related-section{padding-block:60px 95px;border-top:1px solid var(--line)}.related-section h2{font-size:39px}
/* Enquiry bag, step-by-step requests, and no simulated payments. */
.cart-page{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding-bottom:90px;align-items:start}.bag-item{position:relative;display:flex;gap:24px;padding:25px 0;border-top:1px solid var(--line);align-items:start}.bag-item-image{width:125px;flex-shrink:0}.bag-item-content{padding-top:4px;padding-inline-end:24px}.bag-item h3{font-family:var(--serif);font-size:27px;letter-spacing:-.04em;line-height:1.2;margin:5px 0 8px}.bag-item-content>p{font-size:var(--fs-label);max-width:300px}.bag-type{font-size:var(--fs-label);color:var(--muted)}.remove-item{position:absolute;top:25px;right:0;padding:5px}.quantity-control{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);margin-top:17px;font-size:var(--fs-meta);clear:both;display:flex;width:max-content}.quantity-control button{width:28px;height:30px;display:grid;place-items:center}.quantity-control>span{min-width:12px;text-align:center}.cart-summary,.checkout-summary{background:var(--cream);padding:31px;position:sticky;top:125px}.cart-summary h2{font-size:34px;margin-bottom:25px}.summary-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:var(--fs-meta)}.summary-line strong{font-weight:400}.cart-summary>p{font-size:var(--fs-meta);margin:20px 0 25px}.cart-summary .button{width:100%;justify-content:space-between}.cart-summary>.quiet-link{display:flex;width:max-content;margin:17px auto 0}.enquiry-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;align-items:start;padding-bottom:100px}.step-nav{list-style:none;display:flex;padding:0;margin:0 0 39px;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.step-nav li{display:flex;align-items:center;gap:8px;padding:0 0 18px;color:var(--muted);font-size:var(--fs-label);position:relative}.step-nav li>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid var(--line);font-size:var(--fs-label)}.step-nav .active{color:var(--ink)}.step-nav .active:after{position:absolute;content:"";height:1px;background:var(--ink);left:0;right:0;bottom:-1px}.step-nav .active>span,.step-nav .complete>span{background:var(--ink);color:white;border-color:var(--ink)}.enquiry-form-panel form>h2,.checkout-form form>h2{font-size:32px}.form-intro{font-size:var(--fs-meta);margin:12px 0 28px;line-height:1.8}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;min-width:0}.field>span:first-child{font-size:var(--fs-meta);color:var(--ink)}.field input,.field select,.field textarea{border:1px solid var(--line);background:transparent;color:var(--ink);padding:14px 15px;border-radius:0;min-height:49px;font-size:var(--fs-ui);width:100%;transition:border .2s}@media(hover:hover) and (pointer:fine){.field input:hover,.field select:hover,.field textarea:hover{border-color:#a1a894}}.field textarea{resize:vertical;line-height:1.75}.field input::placeholder,.field textarea::placeholder{color:#949989;font-size:var(--fs-meta)}.field select{appearance:auto}.field-error{color:#963f2e;font-size:var(--fs-label);line-height:1.6}.field-error:empty{display:none}.field [aria-invalid=true]{border-color:#963f2e}.form-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:32px;border-top:1px solid var(--line);padding-top:26px}.form-actions .text-link{border:0;align-self:center}.form-actions .button{min-width:174px}.request-type-options{display:grid;gap:12px;margin-bottom:29px}.type-option{position:relative;display:flex;align-items:center;gap:18px;cursor:pointer;padding:18px 20px;border:1px solid var(--line);transition:border .3s,background .3s}.type-option.selected,.type-option:has(input:checked){background:#edf0e4;border-color:#667453}.type-option input{position:absolute;opacity:0}.type-option-circle{width:18px;height:18px;border:1px solid #b3b9a7;border-radius:50%;position:relative;flex-shrink:0}.type-option input:checked+.type-option-circle:after{content:"";position:absolute;inset:4px;background:var(--ink);border-radius:50%}.type-option:has(input:focus-visible){outline:2px solid #657259;outline-offset:3px}.type-option strong{font-family:var(--serif);font-size:23px;letter-spacing:-.025em;font-weight:400;display:block;line-height:1.2}.type-option small{display:block;font-size:var(--fs-label);color:var(--muted);margin-top:6px}.photo-upload{position:relative;margin-top:28px}.photo-upload>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.photo-upload label{border:1px dashed #acb39f;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:26px;background:#f0f1e9;transition:background .3s}.photo-upload:focus-within label,.photo-upload.drag-over label{outline:2px solid #657259;background:#e4e9dc}.photo-upload label>strong{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.03em;margin-top:8px}.photo-upload label>span{font-size:var(--fs-label)}.photo-upload label>small{font-size:var(--fs-label);color:var(--muted)}.photo-upload+.field-hint{margin-top:13px}.photo-previews{display:flex;gap:10px;margin-top:15px}.photo-previews>div{position:relative;width:90px;height:95px}.photo-previews img{width:100%;height:100%;object-fit:cover}.photo-previews button{position:absolute;right:3px;top:3px;background:var(--paper);width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.request-review{border:1px solid var(--line);padding:18px 20px;display:flex;flex-direction:column;gap:6px;margin:10px 0 24px;position:relative}.request-review>span{font-size:var(--fs-label);color:var(--muted)}.request-review>strong{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.2;max-width:80%}.request-review>p{font-size:var(--fs-label)}.request-review .quiet-link{position:absolute;top:18px;right:18px}.consent-field{display:flex;align-items:flex-start;gap:12px;font-size:var(--fs-label);color:var(--muted);line-height:1.8}.consent-field input{accent-color:var(--ink);width:16px;height:16px;flex-shrink:0;margin-top:3px}.consent-field a{border-bottom:1px solid currentColor}.form-error{font-size:var(--fs-meta);color:#963f2e;margin-top:13px}.checkout-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:70px;padding-bottom:100px;align-items:start}.checkout-summary h2{font-size:29px}.checkout-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.checkout-product{display:flex;gap:15px;padding:20px 0;border-top:1px solid var(--line);align-items:flex-start}.checkout-product-number{font-size:var(--fs-label);color:var(--muted);padding-top:4px}.checkout-product>div:nth-child(2){flex:1}.checkout-product>div>span{font-size:var(--fs-label);color:var(--muted)}.checkout-product h3{font-family:var(--serif);font-size:22px;line-height:1.2;margin:5px 0}.checkout-product p{font-size:var(--fs-label)}.checkout-product>span{font-size:var(--fs-label);padding-top:5px}.summary-total{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;font-size:var(--fs-ui)}.summary-total strong{font-size:36px;font-family:var(--serif);font-weight:400;letter-spacing:-.04em}.checkout-summary .small-note{margin-top:5px}.checkout-summary-footer{display:flex;gap:9px;align-items:center;font-size:var(--fs-label);margin-top:25px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.shipping-options{display:grid;gap:13px;margin-bottom:15px}.shipping-option{display:flex;align-items:center;gap:15px;border:1px solid var(--line);padding:20px 16px;cursor:pointer;position:relative}.shipping-option:has(input:checked){background:#eef0e6;border-color:#697659}.shipping-option input{width:16px;height:16px;accent-color:var(--ink);flex-shrink:0}.shipping-option>span:not(.shipping-option-icon){flex:1}.shipping-option>span>strong{display:block;font-family:var(--serif);font-size:21px;line-height:1.2;font-weight:400;letter-spacing:-.03em}.shipping-option>span>small{display:block;font-size:var(--fs-label);color:var(--muted);margin-top:7px}.shipping-option>strong{font-size:var(--fs-body);font-weight:400}.shipping-options+.field-hint{margin-bottom:27px}.review-block{border-bottom:1px solid var(--line);padding:22px 0;position:relative;margin-bottom:15px}.review-block h3{font-size:var(--fs-ui);margin-bottom:12px}.review-block>p{font-size:var(--fs-ui);line-height:1.9}.review-block button{position:absolute;top:19px;right:0;font-size:var(--fs-label)}.checkout-notice{padding:17px;background:var(--cream);display:flex;gap:13px;align-items:flex-start;margin-bottom:25px}.checkout-notice>p{font-size:var(--fs-label);line-height:1.8}.completion{padding-top:75px;padding-bottom:90px;max-width:900px;text-align:center}.completion-icon{width:68px;height:68px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;background:var(--cream)}.completion>.kicker{margin-bottom:18px}.completion h1{font-size:65px}.completion>p:not(.kicker){max-width:560px;margin:22px auto;font-size:var(--fs-ui);line-height:1.9}.completion-reference{font-size:var(--fs-label);letter-spacing:.06em;display:inline-block;background:var(--cream);padding:7px 15px;margin-bottom:20px}.completion-message{text-align:start;padding:23px 27px;border:1px solid var(--line);background:#f0f0e8}.completion-message pre{white-space:pre-wrap;font:11px/1.85 var(--sans);color:#5b6351;overflow-wrap:anywhere;margin:0}.completion-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px}.completion-actions>.quiet-link{flex-basis:100%;width:max-content;flex-grow:0;border:0}.completion-bottom{display:flex;justify-content:center;gap:30px;margin-top:36px}
/* Every supporting route belongs to the same house. */
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:68px;padding-bottom:75px;align-items:center}.about-hero :is(h1,h2){font-size:clamp(49px,5.2vw,79px)}.about-hero>div>p:not(.kicker){font-size:var(--fs-ui);margin-top:25px}.about-photo{position:relative;min-height:410px;overflow:hidden;background:#88735a}.about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.83)}.about-photo>span{position:absolute;bottom:24px;left:28px;font-size:var(--fs-label);color:white}.story-body{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-block:60px 80px;border-top:1px solid var(--line)}.story-small{font-size:var(--fs-meta);display:flex;gap:14px;color:var(--muted);line-height:1.9}.story-small .tiny-cross{color:var(--ink)}.story-body h2{font-size:45px;margin-bottom:27px}.story-body p{font-size:var(--fs-ui);line-height:1.95;margin-bottom:19px;max-width:700px}.story-body .lead-paragraph{font-family:var(--serif);font-size:28px;line-height:1.45;letter-spacing:-.025em;color:#5b6453}.story-signature{font-family:var(--serif);font-size:28px;font-style:italic;margin-top:30px}.story-signature span{font-family:var(--sans);font-size:var(--fs-label);letter-spacing:.25em;font-style:normal;display:block;margin-top:4px}.honesty-panel{background:var(--cream);padding-block:48px 55px;margin-bottom:80px}.honesty-panel h2{margin-bottom:25px}.honesty-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:55px}.honesty-panel>div>p{font-size:var(--fs-ui);line-height:1.9}.process-page{padding-bottom:60px}.process-page article{display:grid;grid-template-columns:150px 1fr 45px;gap:30px;padding-block:38px;border-top:1px solid var(--line);align-items:center}.large-index{font-family:var(--serif);font-size:76px;line-height:1;letter-spacing:-.04em;color:#b5bbaa}.process-page h2{font-size:37px}.process-page article p{font-size:var(--fs-ui);max-width:650px;margin-top:17px;line-height:1.9}.faq-layout{display:grid;grid-template-columns:240px 1fr;gap:85px;padding-bottom:85px}.faq-categories{display:flex;flex-direction:column;align-items:stretch}.faq-categories>button{padding:16px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:var(--fs-meta);color:var(--muted);text-align:start}.faq-categories>button.active{color:var(--ink)}.faq-categories>button svg{opacity:0}.faq-categories>button.active svg{opacity:1}.faq-aside-note{margin-top:50px;padding:24px;background:var(--cream)}.faq-aside-note>p{font-family:var(--serif);font-size:24px;line-height:1.2;letter-spacing:-.025em;color:#657057;margin-top:17px}.faq-aside-note .text-link{margin-top:17px}.faq-main .accordion summary{font-size:var(--fs-body);padding:25px 0}.faq-main .accordion-body p{font-size:var(--fs-ui);max-width:760px}/* width:0 so the field's built-in width (wide in Noto Sans Arabic) never sets the column's minimum; flex fills the row. */
.faq-answer:empty{display:none}.faq-answer{margin-top:25px;padding-top:22px;border-top:1px solid var(--line);font-size:var(--fs-ui);line-height:1.85}.faq-answer h3{font-family:var(--serif);font-size:26px;line-height:1.25;margin-bottom:13px}.faq-answer p{font-size:var(--fs-ui);margin-bottom:15px}.faq-answer small{display:block;font-size:var(--fs-label);color:var(--muted)}.faq-answer pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 var(--sans);color:var(--muted)}.journal-list{padding-bottom:90px}.journal-list-item{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;padding:35px 0;border-top:1px solid var(--line);align-items:center}.journal-list-item>.journal-art{aspect-ratio:1.5;font-size:74px}.journal-list-item>.journal-topic-art{font-size:clamp(30px,4vw,52px);line-height:1.15;overflow-wrap:anywhere}.journal-list-copy h2{font-size:43px;max-width:500px}.journal-list-copy>p:not(.kicker){font-size:var(--fs-ui);margin-top:18px;max-width:410px}.journal-list-copy>.text-link{margin-top:25px}.article-header{max-width:1080px;padding-top:40px;padding-bottom:55px}.article-header>.text-link{margin-bottom:44px;border:0}.article-header h1{max-width:850px;font-size:clamp(48px,5.4vw,82px)}.article-header>p:not(.kicker){font-size:15px;max-width:590px;margin-top:24px}.article-byline{display:block;font-size:var(--fs-label);color:var(--muted);margin-top:28px}.article-byline>span{margin:0 10px}.article-band{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--deep);color:#d3dbc8;padding:60px var(--gutter);font-family:var(--serif);font-size:clamp(30px,4vw,58px);letter-spacing:-.035em}.article-band>span:first-child{font-size:16px;letter-spacing:0}.article-body{max-width:780px;padding:65px 35px 80px;margin:0 auto}.article-body>section{margin-bottom:42px}.article-body h2{font-size:33px;margin-bottom:20px}.article-body p{font-size:var(--fs-body);line-height:1.95}.article-body>section a{text-decoration:underline;text-underline-offset:.2em}.article-ending{border-top:1px solid var(--line);padding-top:30px}.article-ending>p{font-family:var(--serif);font-size:25px;line-height:1.3;color:var(--ink);margin-bottom:23px}.shipping-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;padding-bottom:65px}.shipping-intro>div:first-child{grid-row:span 2}.shipping-intro h2{font-size:41px}.shipping-intro>div:first-child>p{font-size:var(--fs-ui);line-height:1.9;margin-top:25px;max-width:490px}.shipping-rate{display:flex;gap:20px;padding:28px 0;border-top:1px solid var(--line);align-items:center}.shipping-rate>div{flex:1}.shipping-rate h3{font-family:var(--serif);font-size:24px;letter-spacing:-.025em}.shipping-rate p{font-size:var(--fs-label);margin-top:9px}.shipping-rate>strong{font-family:var(--serif);font-size:32px;letter-spacing:-.04em;font-weight:400;white-space:nowrap}.policy-layout,.legal-layout{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-block:30px 85px}.policy-layout>aside>p{font-size:var(--fs-meta)}.policy-large-symbol{font-family:var(--serif);display:block;font-size:100px;line-height:1.2;color:#9ea890;margin-top:20px}.legal-layout>aside>span{font-size:var(--fs-label);color:var(--muted)}.legal-layout>aside>p{font-family:var(--serif);font-size:30px;line-height:1.2;letter-spacing:-.03em;color:var(--ink);margin-top:23px}.legal-layout>aside .text-link{margin-top:27px}.legal-layout>div>section{padding:27px 0;border-top:1px solid var(--line)}.legal-layout>div>section>span{font-size:var(--fs-label);color:var(--muted)}.legal-layout h2{font-size:31px;margin:10px 0 20px}.legal-layout p{font-size:var(--fs-ui);line-height:1.9}.legal-layout .button{margin-top:20px}.track-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-bottom:100px}.track-art{background:var(--cream);padding:37px}.track-art h2{font-size:40px;margin-top:40px}.track-art>p{font-size:var(--fs-meta);line-height:1.9;margin-top:26px;max-width:340px}.track-layout form{padding-top:10px}.track-layout form>h2{font-size:33px;margin-bottom:25px}.track-layout form>.button{width:100%;justify-content:space-between}.not-found{padding-block:70px 100px;position:relative;overflow:hidden}.not-found>span{position:absolute;right:7%;top:30px;font-family:var(--serif);font-size:250px;line-height:1;color:#dfe3d7;z-index:-1;letter-spacing:-.06em}.not-found>p{margin:25px 0;font-size:var(--fs-ui);max-width:350px}
/* Navigation as an authored space, not a dropdown. */
dialog{border:0;padding:0;color:var(--ink);background:var(--paper);max-height:100svh;max-width:100vw}dialog::backdrop{background:#141b11a8;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-enter .45s var(--ease) both}dialog .dialog-close{width:43px;height:43px;display:grid;place-items:center}@media(hover:hover) and (pointer:fine){.dialog-close:hover{background:#ffffff12}}.menu-dialog{width:100vw;height:100svh;margin:0;background:var(--deep);color:var(--paper)}.menu-top{height:105px;display:flex;align-items:center;justify-content:space-between;padding:20px var(--gutter);border-bottom:1px solid #46523b}.menu-top img{width:98px;height:62px;object-fit:contain}.menu-top>span{font-size:var(--fs-meta);color:#c0cab2}.menu-body{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:50px var(--gutter);height:calc(100% - 183px);align-items:center;max-width:1600px;margin:auto}.menu-primary>a{display:flex;align-items:baseline;gap:25px;padding:8px 0;font-family:var(--serif);font-size:clamp(40px,5.7vw,90px);line-height:1.12;letter-spacing:-.05em;transition:color .3s,transform .5s var(--ease)}.menu-primary>a>span{font-family:var(--sans);font-size:var(--fs-label);letter-spacing:0;color:#9cae89;min-width:19px}.menu-primary>a>svg{margin-inline-start:auto;width:32px;opacity:0;transform:translateX(-15px);transition:all .4s var(--ease)}@media(hover:hover) and (pointer:fine){.menu-primary>a:hover{color:#aab79a;transform:translateX(6px)}}@media(hover:hover) and (pointer:fine){.menu-primary>a:hover svg{opacity:1;transform:none}}.menu-primary>a:nth-child(2){animation-delay:.05s}.menu-primary>a:nth-child(3){animation-delay:.1s}.menu-primary>a:nth-child(4){animation-delay:.15s}.menu-aside{border-left:1px solid #46523b;padding-left:50px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.menu-aside-photo{position:relative;aspect-ratio:1.7;overflow:hidden;margin-bottom:24px;background:#7d6b52}.menu-aside-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.45) brightness(.73)}.menu-aside-photo>span{position:absolute;left:20px;bottom:15px;font-size:var(--fs-label);color:#e1e7d7}.menu-aside h2{font-size:34px;margin-bottom:22px;line-height:1.15}.menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.menu-secondary a{font-size:var(--fs-meta);color:#b8c4a8;padding:5px 0}.menu-bottom{height:78px;border-top:1px solid #46523b;padding:20px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:var(--fs-label);color:#b0bea0}.menu-bottom>div{display:flex;gap:25px}.menu-bottom button{font-size:var(--fs-meta);color:#d6e0cb;padding:10px 0}.side-dialog{margin:0 0 0 auto;height:100svh;width:min(550px,100%);max-width:100vw;overflow-y:auto}.dialog-heading{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 28px}.dialog-heading h2{font-size:31px}.dialog-heading>div>p{font-size:var(--fs-label);margin-top:5px}.dialog-body{padding:27px 30px}.dialog-bag-items .bag-item{gap:18px}.dialog-bag-items .bag-item:first-child{border-top:0;padding-top:0}.dialog-bag-items .bag-item-image{width:98px}.dialog-bag-items .bag-item h3{font-size:24px}.dialog-bag-footer{padding:25px 30px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--paper);box-shadow:0 -10px 25px #f8f7f350}.dialog-bag-footer>p{font-size:var(--fs-label);margin-bottom:20px}.dialog-bag-footer .button{display:flex;width:100%;justify-content:space-between}.dialog-bag-footer .quiet-link{display:flex;width:max-content;margin:14px auto 0}.search-dialog{width:100%;height:100svh;margin:0;padding:0;background:var(--paper)}.search-dialog .dialog-heading{padding-inline:var(--gutter)}.search-dialog-body{max-width:1020px;margin:auto;padding:30px var(--gutter) 70px}.search-dialog-input{display:flex;align-items:center;border-bottom:1px solid #a9b39c;gap:20px;padding:15px 0}.search-dialog-input input{font-family:var(--serif);font-size:clamp(30px,4vw,54px);letter-spacing:-.04em;background:transparent;border:0;width:100%;min-width:0;padding:10px 0;color:var(--ink)}.search-dialog-input input::placeholder{color:#969f89}.search-dialog-input button{width:45px;height:45px;display:grid;place-items:center}.search-dialog-tips{font-size:var(--fs-label);margin:15px 0 28px}.search-suggestions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:var(--fs-label);margin-top:25px}.search-suggestions>span{color:var(--muted);margin-inline-end:8px}.search-suggestions button{border:1px solid var(--line);padding:9px 15px;min-height:38px}.search-results-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 17px;font-size:var(--fs-meta)}.search-result{display:flex;align-items:center;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.search-result .product-visual{width:76px;flex-shrink:0;aspect-ratio:1/1}.search-result .placeholder-model{font-size:16px;max-width:60px}.search-result .placeholder-reference,.search-result .placeholder-note,.search-result .placeholder-rule{display:none}.search-result>div:nth-child(2){flex:1}.search-result>div>span{font-size:var(--fs-label);color:var(--muted)}.search-result h3{font-family:var(--serif);font-size:25px;letter-spacing:-.03em;line-height:1.2;margin:3px 0}.search-result p{font-size:var(--fs-label)}.search-result>span{font-size:var(--fs-label)}.search-request-link{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:24px;margin-top:30px}.search-request-link h3{font-family:var(--serif);font-size:27px;letter-spacing:-.03em}.search-request-link p{font-size:var(--fs-label);margin-top:9px}.quick-dialog{width:920px;max-width:calc(100vw - 50px);margin:auto;background:var(--paper);overflow:auto;max-height:90svh}.quick-dialog>.dialog-close{position:absolute;right:15px;top:15px;z-index:4}.quick-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px}.quick-content>div:first-child{align-self:center}.quick-content .product-visual{aspect-ratio:1/1.35}.quick-copy{padding:28px 0}.quick-copy>.product-brand{margin-bottom:13px}.quick-copy h2{font-size:43px;line-height:1.05}.quick-copy>p{font-size:var(--fs-ui);margin-top:16px}.quick-copy>.quick-price{font-size:15px;color:var(--ink);margin:24px 0}.quick-copy>.small-note{font-size:var(--fs-label)}.quick-copy .button{margin-top:22px;width:100%;justify-content:space-between}.quick-copy .text-link{margin-top:15px}.guide-dialog{max-width:600px;width:calc(100vw - 35px);margin:auto;max-height:90svh}.guide-body{padding:32px}.guide-body h3{font-family:var(--serif);font-size:30px;margin:26px 0 12px;letter-spacing:-.035em;line-height:1.15}.guide-body h3:first-child{margin-top:0}.guide-body p{font-size:var(--fs-ui);line-height:1.9}.guide-visual{display:flex;gap:30px;align-items:center;background:var(--cream);padding:28px;margin:20px 0}.guide-visual .bracelet-lines{height:95px;width:50px;border-width:2px;transform:rotate(-8deg)}.guide-visual span:not(.bracelet-lines){font-family:var(--serif);font-size:24px;letter-spacing:-.03em}.zoom-dialog{width:min(900px,95vw);height:90svh;margin:auto;background:var(--paper)}.zoom-dialog .dialog-close{position:absolute;right:15px;top:15px;z-index:3;background:var(--paper)}.zoom-dialog .product-visual{height:100%;aspect-ratio:auto}.zoom-dialog .product-visual img{object-fit:contain;background:var(--cream)}.zoom-dialog .placeholder-model{font-size:70px;max-width:450px}.filter-dialog .dialog-body{padding:18px 30px 90px}.filter-dialog-footer{position:sticky;bottom:0;padding:18px 30px;background:var(--paper);border-top:1px solid var(--line)}.filter-dialog-footer .button{width:100%}.toast-region{position:fixed;top:150px;right:25px;z-index:150;pointer-events:none}.toast{max-width:330px;display:flex;gap:12px;align-items:flex-start;background:var(--ink);color:var(--paper);box-shadow:0 10px 40px #0002;padding:17px 22px;font-size:var(--fs-meta);line-height:1.6;animation:toast-enter .35s var(--ease) both}.preview-flag{display:inline-flex;gap:8px;align-items:center;position:fixed;left:15px;bottom:14px;background:#f8f7f3eb;border:1px solid var(--line);font-size:var(--fs-label);color:#737b66;padding:7px 11px;z-index:20;backdrop-filter:blur(10px)}.preview-flag:before{content:"";width:4px;height:4px;background:#889872;border-radius:50%}.page-enter{animation:page-enter .55s var(--ease) both}main:focus{outline:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@keyframes dialog-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}/* A fade only: a page that moves while it enters makes the browser jump to the top when a field is clicked during it. */
@keyframes page-enter{from{opacity:.4}to{opacity:1}}@keyframes toast-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* Bidirectional layouts share the same craft. */
html[dir=rtl]{--display:"Noto Sans Arabic",sans-serif;--sans:"Noto Sans Arabic",sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:-.01em}html[dir=rtl] .menu-aside{border-left:0;border-right:1px solid #46523b;padding-left:0;padding-right:50px}@media(hover:hover) and (pointer:fine){html[dir=rtl] .menu-primary>a:hover{transform:translateX(-6px)}}html[dir=rtl] .sourcing-links>a>svg{margin-left:0;margin-right:auto}html[dir=rtl] .save-button,html[dir=rtl] .remove-item{right:auto;left:13px}html[dir=rtl] .catalogue-tag{text-align:right}html[dir=rtl] .side-dialog{margin:0 auto 0 0}html[dir=rtl] .product-spec-chips>span{border-right:0;border-left:1px solid var(--line)}html[dir=rtl] .product-spec-chips>span:last-child{border:0}
/* Tablet: fewer columns, no reduced ambition. */
@media(min-width:1600px){.brand-ribbon{padding-inline:max(var(--gutter),calc((100vw - 1424px)/2 + 80px))}}
@media(max-width:1100px){:root{--gutter:35px}.site-header{height:90px}.header-left,.header-right{gap:19px}.desktop-header-link{display:none}.brand-ribbon{gap:21px}.brand-ribbon>span{font-size:var(--fs-label)}.brand-ribbon>a{font-size:18px}.sourcing-copy{padding:52px 35px}.sourcing-links h3{font-size:22px}.sourcing-links p{font-size:var(--fs-label)}.sourcing-scene{min-height:560px}.request-banner{grid-template-columns:40px 1fr 280px;gap:24px}.request-banner h2{font-size:33px}.footer-top{gap:30px;grid-template-columns:1.4fr 1fr 1fr 1fr}.collection-layout{grid-template-columns:165px 1fr;gap:25px}.collection-grid{gap:32px 15px}.collection-grid .product-card h3{font-size:21px}.product-card h3{font-size:23px}.product-card-info>p{font-size:var(--fs-label)}.product-detail{gap:40px}.product-main-image>.product-visual{aspect-ratio:1/1.28}.product-info h1{font-size:48px}.bracelet-option{font-size:var(--fs-label);padding:11px}.detail-links{gap:8px}.detail-links button{font-size:var(--fs-label)}.enquiry-layout{gap:40px;grid-template-columns:1fr 1.7fr}.checkout-layout{gap:35px;grid-template-columns:1.3fr 1fr}.shipping-option-icon{display:none}.cart-page{gap:40px}.cart-summary,.checkout-summary{padding:25px}.cart-summary h2{font-size:29px}.faq-layout{grid-template-columns:190px 1fr;gap:45px}.journal-list-item{gap:45px}.journal-list-copy h2{font-size:37px}.shipping-intro{gap:0 40px}.policy-layout,.legal-layout{gap:50px}.track-layout{gap:40px}.menu-body{gap:40px}.menu-aside{padding-left:35px}.menu-primary>a{font-size:68px}.menu-aside h2{font-size:29px}}
@media(max-width:820px){:root{--gutter:26px}.brand-ribbon>span{max-width:80px}.brand-ribbon>a{font-size:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.product-card h3,.collection-grid .product-card h3{font-size:25px}.product-card-info>p{font-size:var(--fs-label)}.product-card-info{padding-top:15px}.product-visual .placeholder-model{font-size:40px}.quick-view{transform:none;opacity:1;position:absolute;left:auto;right:10px;bottom:41px;width:30px;height:30px;border-radius:50%;font-size:0;padding:0;gap:0;background:#f8f7f3d9}.quick-view svg{width:16px}.sourcing-scene{grid-template-columns:.9fr 1.1fr}.sourcing-copy{padding:43px 27px}.scene-quote{font-size:37px;left:26px;right:20px}.sourcing-copy h2{font-size:44px}.sourcing-links>a{gap:13px}.sourcing-links h3{font-size:21px}.process-strip{grid-template-columns:repeat(3,1fr);gap:20px;padding-block:30px}.process-more{display:none}.process-strip h3{font-size:15px}.process-strip p{font-size:var(--fs-label)}.journal-art{padding:25px;font-size:37px}.journal-art-number{left:16px;top:16px;font-size:var(--fs-label)}.journal-art-arrow{right:14px;bottom:13px}.request-banner{grid-template-columns:1fr 1fr;gap:30px;padding-block:42px;margin-bottom:50px}.request-symbol{display:none}.request-banner h2{font-size:32px}.footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:25px}.footer-column:last-child{grid-column:2/4;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px 20px;border-top:1px solid #414b38;padding-top:20px}.footer-column:last-child h3{width:100%;margin-bottom:0}.footer-column:last-child .footer-locale{margin-top:0}.footer-story{grid-row:span 2}.footer-column>a{font-size:var(--fs-label)}.footer-story h2{font-size:27px}.collection-layout{grid-template-columns:1fr}.collection-sidebar{display:none}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-grid .product-card h3{font-size:22px}.collection-grid .product-visual .placeholder-model{font-size:30px}.filter-toggle{display:flex}.collection-search input{font-size:20px}.collection-search>a{font-size:var(--fs-label)}.page-intro{padding-top:47px;padding-bottom:36px}.page-intro h1{font-size:58px}.product-detail{gap:30px}.product-info h1{font-size:42px}.product-gallery{position:static}.product-main-image .placeholder-model{font-size:43px}.detail-actions .button{gap:14px}.product-info .accordion summary{font-size:var(--fs-meta)}.product-spec-chips>span{font-size:var(--fs-label);padding-inline:8px}.field-heading{font-size:var(--fs-label)}.field-heading button{font-size:var(--fs-label)}.bracelet-option{padding:8px 10px}.bracelet-lines{height:25px;width:16px}.detail-links{flex-wrap:wrap;justify-content:flex-start;gap:6px 20px}.dial-section{flex-wrap:wrap}.enquiry-layout{gap:30px;grid-template-columns:1fr 1.6fr}.type-option{padding:15px;gap:12px}.type-option strong{font-size:21px}.type-option small{font-size:var(--fs-label)}.form-two-columns{grid-template-columns:1fr}.checkout-layout{grid-template-columns:1.15fr 1fr;gap:28px}.checkout-summary{padding:21px}.checkout-summary h2{font-size:24px}.checkout-product h3{font-size:21px}.shipping-option{padding:15px;gap:10px}.shipping-option>span>strong{font-size:20px}.shipping-option>strong{font-size:var(--fs-ui)}.shipping-option>span>small{font-size:var(--fs-label)}.step-nav{gap:10px}.step-nav li{gap:6px;font-size:var(--fs-label)}.form-actions .button{min-width:145px;gap:14px;padding:15px}.cart-page{gap:28px;grid-template-columns:1.2fr 1fr}.bag-item{gap:15px}.bag-item-image{width:90px}.bag-item h3{font-size:23px}.bag-item-content>p{font-size:var(--fs-label)}.cart-summary{padding:23px}.cart-summary .summary-line{font-size:var(--fs-label)}.about-hero{gap:30px;padding-top:48px}.about-hero :is(h1,h2){font-size:56px}.about-photo{min-height:345px}.story-body{grid-template-columns:1fr 2.5fr;gap:40px}.story-body h2{font-size:39px}.story-body .lead-paragraph{font-size:26px}.honesty-panel>div{gap:30px}.faq-layout{grid-template-columns:160px 1fr;gap:30px}.faq-aside-note{padding:18px}.faq-aside-note>p{font-size:21px}.faq-main .accordion summary{font-size:var(--fs-ui)}.journal-list-item{gap:32px}.journal-list-item>.journal-art{font-size:55px}.journal-list-copy h2{font-size:33px}.shipping-intro{grid-template-columns:1fr}.shipping-intro>div:first-child{padding-bottom:30px}.shipping-intro>div:first-child>p{max-width:620px}.policy-layout,.legal-layout{gap:40px;grid-template-columns:1fr 2.5fr}.process-page article{grid-template-columns:100px 1fr 30px;gap:20px}.large-index{font-size:64px}.track-layout{gap:30px}.track-art{padding:27px}.track-art h2{font-size:34px}.menu-primary>a{font-size:58px}.menu-body{gap:35px}.menu-aside{padding-left:27px}.menu-primary>a>span{font-size:var(--fs-label)}.menu-secondary{grid-template-columns:1fr;gap:3px}.menu-aside h2{font-size:25px}.menu-top{height:90px}.menu-body{height:calc(100% - 165px)}.menu-bottom{height:75px}.menu-primary>a{gap:16px}}
/* Mobile is a composition of its own. */
@media(max-width:600px){:root{--gutter:22px}body{font-size:var(--fs-body)}.site-header{height:78px;padding:8px 19px}.header-left{gap:0}.header-right{gap:14px}.nav-trigger span,.search-trigger span,.bag-trigger span{display:none}.nav-trigger svg{width:22px}.search-trigger svg{width:20px}.bag-trigger svg{width:20px}.brand-lockup img{width:85px;height:53px}.site-header .nav-trigger,.site-header .search-trigger,.site-header .bag-trigger{padding:12px 0}.bag-trigger{position:relative}.bag-trigger:after{content:attr(data-count);position:absolute;top:3px;right:-5px;font-size:var(--fs-label);background:var(--ink);color:white;width:12px;height:12px;border-radius:50%;display:grid;place-items:center}.bag-trigger[data-count="0"]:after{display:none}.brand-ribbon{padding:21px 22px;gap:16px;overflow-x:auto;justify-content:space-between}.brand-ribbon>span{display:none}.brand-ribbon>a{font-size:15px;white-space:nowrap}.brand-ribbon>a:nth-of-type(3){font-size:var(--fs-ui)}.selection-section{padding-top:51px;padding-bottom:48px}.section-heading{margin-bottom:24px;align-items:flex-end;gap:15px}.section-heading h2{font-size:35px}.section-heading .kicker{font-size:var(--fs-label);margin-bottom:10px}.section-heading .text-link{gap:7px;white-space:nowrap;padding-block:5px}.section-heading .text-link svg{width:14px}.selection-tabs{gap:23px;margin-bottom:22px}.selection-tabs button{font-size:var(--fs-label);padding:10px 0 11px}.product-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 13px}.product-visual{aspect-ratio:3/4}.product-visual .placeholder-model,.collection-grid .product-visual .placeholder-model{font-size:27px;max-width:140px}.image-placeholder{padding:24px 12px}.placeholder-rule{margin-bottom:15px;width:20px}.placeholder-reference{font-size:var(--fs-label);margin-top:14px}.placeholder-note{font-size:var(--fs-label);bottom:43px}.product-card-info{padding-top:13px}.product-brand{font-size:var(--fs-label)}.product-card h3,.collection-grid .product-card h3{font-size:22px;letter-spacing:-.035em;margin:5px 0 6px;line-height:1.1}.product-card-info>p{font-size:var(--fs-label);line-height:1.6}.card-bottom{font-size:var(--fs-label);margin-top:5px;gap:3px}.save-button{width:30px;height:30px;top:9px;right:9px}.save-button svg{width:16px}.catalogue-tag{font-size:var(--fs-label);padding:8px 9px}.quick-view{bottom:37px;right:9px;width:26px;height:26px}.quick-view svg{width:14px}.selection-note{font-size:var(--fs-label);margin-top:24px}.sourcing-scene{display:flex;flex-direction:column}.sourcing-art{min-height:360px;height:360px}.scene-quote{font-size:46px;left:29px;line-height:1.07}.scene-quote em{margin-top:20px}.sourcing-copy{padding:43px var(--gutter) 45px}.sourcing-copy>.kicker{font-size:var(--fs-label);margin-bottom:18px}.sourcing-copy h2{font-size:50px}.sourcing-copy>p:not(.kicker){font-size:var(--fs-meta);margin-top:19px;max-width:300px}.sourcing-links{margin-top:27px}.sourcing-links>a{padding:19px 0;gap:18px}.sourcing-links h3{font-size:24px}.sourcing-links p{font-size:var(--fs-label)}.sourcing-number{font-size:var(--fs-label)}.process-strip{grid-template-columns:1fr;gap:0;padding-top:15px;padding-bottom:15px}.process-strip>div{position:relative;padding:24px 0 24px 38px;border-bottom:1px solid var(--line)}.process-strip>div:last-of-type{border:0}.process-index{position:absolute;left:0;top:29px}.process-strip h3{font-size:23px;margin-top:0;margin-bottom:6px}.process-strip p{font-size:var(--fs-label)}.journal-preview{padding-top:52px;padding-bottom:50px}.journal-art{font-size:58px;aspect-ratio:1.25}.journal-art-number{font-size:var(--fs-label);top:21px;left:21px}.request-banner{grid-template-columns:1fr;gap:22px;padding-block:35px;margin-bottom:39px}.request-banner h2{font-size:36px;line-height:1.1}.request-banner .kicker{font-size:var(--fs-label)}.request-banner-copy>p{font-size:var(--fs-meta);max-width:330px}.site-footer{padding:37px var(--gutter) 24px}.footer-top{grid-template-columns:1fr 1fr;gap:31px 20px;padding-bottom:25px}.footer-story{grid-column:1/-1;grid-row:auto;padding-bottom:15px;position:relative}.footer-story img{width:87px;height:54px;margin-bottom:21px}.footer-story h2{font-size:32px}.footer-story>p{font-size:var(--fs-label);max-width:260px;margin-top:16px}.footer-column{padding-top:0}.footer-column h3{font-size:var(--fs-label);margin-bottom:14px}.footer-column>a{font-size:var(--fs-meta);padding-block:6px}.footer-column:last-child{grid-column:1/-1;gap:8px 26px;padding-top:21px}.footer-column:last-child h3{margin-bottom:6px}.footer-column:last-child .footer-locale{font-size:var(--fs-label)}.footer-disclosure{font-size:var(--fs-label);line-height:1.9;padding-block:15px 22px}.footer-bottom{font-size:var(--fs-label);flex-direction:column;gap:13px;padding-top:17px}.footer-bottom>div{gap:24px}.footer-bottom button{font-size:var(--fs-label)}.page-intro{padding-top:38px;padding-bottom:32px;display:block}.page-intro h1{font-size:clamp(46px,12.2vw,63px);letter-spacing:-.05em}.page-intro .kicker{font-size:var(--fs-label);margin-bottom:14px}.page-intro .intro-description{font-size:var(--fs-meta);margin-top:20px;max-width:350px;line-height:1.85}.collection-search{padding-block:12px;gap:10px;flex-wrap:wrap}.collection-search form{gap:10px;flex-basis:100%}.collection-search form svg{width:18px}.collection-search input{font-size:21px;padding:8px 0;min-width:0}.collection-search button{font-size:var(--fs-label);padding:8px 0 8px 8px}.collection-search>a{font-size:var(--fs-label);margin-left:28px;padding:0 0 5px}.brand-tabs{gap:22px;padding-top:14px}.brand-tabs button{font-size:18px;padding:12px 0 14px}.collection-toolbar{padding-block:16px;gap:10px;flex-wrap:wrap;font-size:var(--fs-label)}.collection-toolbar>p{font-size:var(--fs-label);margin-left:auto}.collection-toolbar label{gap:5px;font-size:0}.collection-toolbar select{font-size:var(--fs-label);max-width:120px;padding:8px 3px}.filter-toggle{font-size:var(--fs-label);gap:7px}.filter-toggle svg{width:16px}.collection-layout{padding-bottom:45px}.active-filters{gap:6px;margin-bottom:16px}.filter-chip{font-size:var(--fs-label);padding:6px 9px}.collection-grid{gap:27px 12px}.load-more{padding-top:32px}.load-more p{font-size:var(--fs-label)}.catalogue-disclosure{font-size:var(--fs-label)}.empty-state{padding:45px 7px 60px}.empty-state h2{font-size:37px}.empty-state p{font-size:var(--fs-meta);max-width:310px}.breadcrumbs{padding-top:20px;padding-bottom:18px;font-size:var(--fs-label);gap:8px;line-height:1.8}.product-detail{grid-template-columns:1fr;gap:29px;padding-bottom:45px}.product-main-image>.product-visual{aspect-ratio:1/1.1}.product-main-image .placeholder-model{font-size:59px;max-width:270px}.product-main-image .placeholder-reference{font-size:var(--fs-ui)}.product-main-image .placeholder-note{font-size:var(--fs-label);bottom:55px}.product-photo-note{font-size:var(--fs-label)}.gallery-thumbs{gap:9px;margin-top:11px}.gallery-thumbs button{width:57px;height:61px}.gallery-thumbs .request-photos{font-size:var(--fs-label);min-width:85px}.product-info{padding-top:0}.detail-brand-row{font-size:var(--fs-label);margin-bottom:10px}.product-info h1{font-size:50px}.product-subtitle{font-size:var(--fs-ui)}.product-status{margin-top:16px;font-size:var(--fs-label)}.detail-description{font-size:var(--fs-meta);line-height:1.9}.detail-price{margin-top:20px;padding-bottom:19px}.detail-price strong{font-size:17px}.product-spec-chips{margin:18px 0 25px}.product-spec-chips>span{font-size:var(--fs-label);padding-inline:12px}.field-heading{font-size:var(--fs-meta)}.field-heading button{font-size:var(--fs-label)}.bracelet-option{padding:12px 14px;font-size:var(--fs-meta);min-height:58px}.bracelet-lines{width:19px;height:28px}.field-hint{font-size:var(--fs-label)}.detail-actions{margin-top:23px}.detail-links{justify-content:space-between;gap:10px}.detail-links button{font-size:var(--fs-label)}.product-info .accordion summary{font-size:var(--fs-ui)}.accordion-body p{font-size:var(--fs-meta)}.spec-table>div{font-size:var(--fs-label)}.related-section{padding-top:38px;padding-bottom:50px}.related-section h2{font-size:31px}.related-section .section-heading>.text-link{max-width:100px;white-space:normal;line-height:1.6}.saved-section{padding-bottom:40px}.cart-page{grid-template-columns:1fr;gap:25px;padding-bottom:50px}.bag-item-image{width:95px}.bag-item{padding:22px 0;gap:18px}.bag-item h3{font-size:26px}.bag-item-content>p{font-size:var(--fs-label)}.bag-type{font-size:var(--fs-label)}.quantity-control{margin-top:13px}.cart-summary{position:static;padding:25px}.cart-summary h2{font-size:33px}.cart-summary .summary-line{font-size:var(--fs-meta)}.enquiry-layout{grid-template-columns:1fr;gap:0;padding-bottom:50px}.step-nav{margin-bottom:27px;gap:12px}.step-nav li{font-size:var(--fs-label);padding-bottom:16px}.step-nav li>span{width:22px;height:22px;font-size:var(--fs-label)}.enquiry-form-panel form>h2,.checkout-form form>h2{font-size:30px;line-height:1.13}.form-intro{font-size:var(--fs-meta);margin:14px 0 23px}.type-option{padding:18px 16px;gap:15px}.type-option strong{font-size:24px}.type-option small{font-size:var(--fs-label)}.request-type-options{gap:10px;margin-bottom:26px}.field{margin-bottom:20px;gap:8px}.field>span:first-child{font-size:var(--fs-meta)}.field input,.field select,.field textarea{font-size:16px;min-height:49px;padding:13px 12px}.field input::placeholder,.field textarea::placeholder{font-size:var(--fs-meta)}.field-error{font-size:var(--fs-label)}.form-actions{margin-top:26px;padding-top:23px}.form-actions .button{min-width:169px;padding:14px 19px}.form-two-columns{grid-template-columns:1fr}.consent-field{font-size:var(--fs-label)}.request-review{padding:17px}.request-review>strong{font-size:23px}.request-review .quiet-link{right:13px;top:16px}.checkout-layout{grid-template-columns:1fr;gap:32px;padding-bottom:50px}.checkout-summary{position:static;padding:25px}.checkout-summary h2{font-size:29px}.checkout-product h3{font-size:25px}.checkout-product>div>span{font-size:var(--fs-label)}.checkout-product p{font-size:var(--fs-label)}.shipping-option{padding:18px 14px;gap:12px}.shipping-option>span>strong{font-size:23px}.shipping-option>span>small{font-size:var(--fs-label)}.shipping-option>strong{font-size:var(--fs-ui)}.checkout-notice{padding:16px;gap:11px}.checkout-notice>p{font-size:var(--fs-label)}.review-block>p{font-size:var(--fs-ui)}.completion{padding-top:42px;padding-bottom:50px}.completion-icon{width:58px;height:58px;margin-bottom:24px}.completion h1{font-size:49px}.completion>p:not(.kicker){font-size:var(--fs-meta)}.completion-message{padding:18px}.completion-message pre{font-size:var(--fs-label)}.completion-actions{display:grid;grid-template-columns:1fr;gap:10px}.completion-actions .button{width:100%}.completion-actions>.quiet-link{margin:auto}.completion-bottom{gap:20px;margin-top:26px}.about-hero{grid-template-columns:1fr;gap:32px;padding-top:37px;padding-bottom:35px}.about-hero :is(h1,h2){font-size:56px}.about-hero>div>p:not(.kicker){font-size:var(--fs-meta);margin-top:20px}.about-photo{min-height:310px}.about-photo>span{font-size:var(--fs-label);left:22px;bottom:19px}.story-body{grid-template-columns:1fr;gap:29px;padding-block:32px 48px}.story-small{font-size:var(--fs-label);gap:9px}.story-body h2{font-size:37px;margin-bottom:22px}.story-body .lead-paragraph{font-size:25px;line-height:1.43}.story-body p{font-size:var(--fs-ui)}.story-signature{font-size:27px;margin-top:25px}.honesty-panel{padding-block:35px;margin-bottom:45px}.honesty-panel>div{grid-template-columns:1fr;gap:18px}.honesty-panel h2{font-size:37px;margin-bottom:23px}.honesty-panel>div>p{font-size:var(--fs-meta)}.process-page{padding-bottom:25px}.process-page article{grid-template-columns:45px 1fr;gap:19px;align-items:start;padding-block:26px}.large-index{font-size:44px;line-height:1.1}.process-page h2{font-size:29px;line-height:1.15}.process-page article p{font-size:var(--fs-meta);margin-top:15px;line-height:1.9}.process-page-icon{display:none}.faq-layout{display:flex;flex-direction:column;gap:26px;padding-bottom:50px}.faq-categories{flex-direction:row;gap:21px;overflow:auto;border-bottom:1px solid var(--line);margin-top:-7px}.faq-categories>button{flex-shrink:0;padding:12px 0 15px;font-size:var(--fs-label);white-space:nowrap;border-bottom:1px solid transparent}.faq-categories>button.active{border-color:var(--ink)}.faq-categories>button svg{display:none}.faq-aside-note{display:none}.faq-main .accordion summary{padding:21px 0;font-size:var(--fs-ui)}.faq-main .accordion-body p{font-size:var(--fs-meta)}.faq-answer h3{font-size:25px}.faq-answer p{font-size:var(--fs-meta)}.journal-list{padding-bottom:48px}.journal-list-item{grid-template-columns:1fr;gap:24px;padding-block:26px 35px}.journal-list-item>.journal-art{font-size:75px;aspect-ratio:1.4}.journal-list-copy>.kicker{font-size:var(--fs-label);margin-bottom:12px}.journal-list-copy h2{font-size:36px}.journal-list-copy>p:not(.kicker){font-size:var(--fs-meta);margin-top:14px}.journal-list-copy>.text-link{margin-top:20px}.article-header{padding-top:24px;padding-bottom:35px}.article-header>.text-link{margin-bottom:30px}.article-header .kicker{font-size:var(--fs-label)}.article-header h1{font-size:50px}.article-header>p:not(.kicker){font-size:var(--fs-ui);margin-top:20px}.article-byline{font-size:var(--fs-label);margin-top:21px;line-height:1.8}.article-band{padding:32px 22px;gap:20px;font-size:30px;line-height:1.2}.article-band>span:first-child{font-size:var(--fs-meta)}.article-band>span:last-child svg{width:24px}.article-body{padding:37px 25px 40px}.article-body>section{margin-bottom:31px}.article-body h2{font-size:29px;margin-bottom:17px}.article-body p{font-size:var(--fs-ui);line-height:1.95}.article-ending>p{font-size:25px;line-height:1.4}.shipping-intro{padding-bottom:28px}.shipping-intro h2{font-size:36px}.shipping-intro>div:first-child>p{font-size:var(--fs-meta);margin-top:21px}.shipping-rate{padding:23px 0;gap:15px}.shipping-rate h3{font-size:23px}.shipping-rate p{font-size:var(--fs-label);max-width:200px}.shipping-rate>span>svg{width:24px}.shipping-rate>strong{font-size:28px}.policy-layout,.legal-layout{grid-template-columns:1fr;gap:26px;padding-block:16px 50px}.policy-layout>aside,.legal-layout>aside{display:none}.policy-layout .accordion summary{font-size:var(--fs-ui)}.legal-layout h2{font-size:30px;margin-top:9px;margin-bottom:17px}.legal-layout p{font-size:var(--fs-meta);line-height:1.95}.legal-layout>div>section{padding:22px 0}.track-layout{grid-template-columns:1fr;gap:31px;padding-bottom:50px}.track-art{padding:28px}.track-art h2{font-size:37px;margin-top:25px}.track-art>p{font-size:var(--fs-meta);margin-top:20px}.track-art>span>svg{width:42px}.track-layout form>h2{font-size:32px}.not-found{padding-block:50px 65px}.not-found>span{font-size:160px;right:7px;top:35px}.not-found h1{font-size:60px}.not-found>p{font-size:var(--fs-ui)}.menu-top{height:80px;padding:13px 22px}.menu-top img{width:75px;height:48px}.menu-top>span{font-size:var(--fs-label)}.menu-top .dialog-close{width:36px;height:36px}.menu-body{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:25px;padding:25px 27px;height:calc(100% - 145px);overflow:auto}.menu-primary>a{font-size:clamp(42px,11.5vw,67px);gap:17px;padding:7px 0;line-height:1.14}.menu-primary>a>span{font-size:var(--fs-label);min-width:14px}.menu-primary>a>svg{width:23px;opacity:.7;transform:none}.menu-aside{padding:21px 0 0;border:0;border-top:1px solid #46523b;display:block}.menu-aside-photo,.menu-aside h2{display:none}.menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.menu-secondary>a{font-size:var(--fs-label);padding-block:6px}.menu-bottom{height:65px;padding:16px 24px;gap:10px;font-size:var(--fs-label)}.menu-bottom>div{gap:16px}.menu-bottom>div>button{font-size:var(--fs-label)}.menu-bottom>a{display:none}.menu-bottom>span{max-width:135px;line-height:1.7}.dialog-heading{padding:18px 21px}.dialog-heading h2{font-size:28px}.dialog-heading .dialog-close{width:34px;height:34px}.dialog-body{padding:23px}.dialog-bag-footer{padding:22px}.dialog-bag-items .bag-item{gap:14px}.dialog-bag-items .bag-item h3{font-size:24px}.dialog-bag-items .bag-item-image{width:90px}.side-dialog{width:100%}.search-dialog .dialog-heading{padding-inline:22px}.search-dialog-body{padding:17px 22px 45px}.search-dialog-input{gap:9px;padding:11px 0}.search-dialog-input input{font-size:35px}.search-dialog-input>svg{display:none}.search-dialog-input button{width:37px;flex-shrink:0}.search-dialog-tips{font-size:var(--fs-label);line-height:1.8;margin-bottom:24px}.search-suggestions{gap:9px;margin-top:18px;font-size:var(--fs-label)}.search-suggestions>span{flex-basis:100%;margin-bottom:4px}.search-suggestions button{font-size:var(--fs-label);padding:8px 12px;min-height:33px}.search-results-heading{margin-top:25px;font-size:var(--fs-label);gap:15px}.search-results-heading .text-link{gap:10px}.search-result{gap:13px;padding-block:13px}.search-result .product-visual{width:62px}.search-result h3{font-size:23px}.search-result p{font-size:var(--fs-label)}.search-result>span{font-size:0}.search-result>svg{width:17px}.search-request-link{padding:20px;gap:15px;margin-top:24px}.search-request-link h3{font-size:26px;line-height:1.15}.search-request-link p{font-size:var(--fs-label);line-height:1.8}.quick-dialog{width:100%;max-width:100%;max-height:94svh;margin:auto 0 0}.quick-content{grid-template-columns:1fr;gap:22px;padding:25px}.quick-content .product-visual{aspect-ratio:1.4}.quick-content .placeholder-note{bottom:24px}.quick-content .placeholder-model{font-size:39px}.quick-content .placeholder-rule{display:none}.quick-copy{padding:0}.quick-copy h2{font-size:40px}.quick-copy>p{font-size:var(--fs-meta);margin-top:12px}.quick-copy>.quick-price{font-size:15px;margin:17px 0}.quick-copy .button{margin-top:17px}.guide-dialog{width:calc(100vw - 26px);max-height:90svh}.guide-body{padding:24px}.guide-body h3{font-size:28px}.guide-body p{font-size:var(--fs-meta)}.guide-visual{padding:20px;gap:25px}.guide-visual span:not(.bracelet-lines){font-size:22px}.zoom-dialog{width:100vw;height:90svh;max-width:100vw}.zoom-dialog .placeholder-model{font-size:53px}.filter-dialog .dialog-body{padding-inline:25px}.filter-group{padding-block:21px}.filter-group legend{font-size:var(--fs-ui);margin-bottom:15px}.filter-option{font-size:var(--fs-ui);padding:10px 0}.filter-heading{font-size:var(--fs-ui)}.filter-heading button{font-size:var(--fs-meta)}.filter-select.field>span{font-size:var(--fs-ui)}.filter-select select{font-size:var(--fs-body);min-height:45px}.filter-dialog-footer{padding:16px 24px}.toast-region{top:122px;right:16px;left:16px}.toast{max-width:none;font-size:var(--fs-label);padding:15px 18px}.preview-flag{font-size:var(--fs-label);left:10px;bottom:10px;padding:5px 8px}html[dir=rtl] .menu-aside{padding:21px 0 0;border-right:0;border-top:1px solid #46523b}html[dir=rtl] .process-strip>div{padding-right:38px;padding-left:0}html[dir=rtl] .process-index{left:auto;right:0}}
@media(max-width:360px){:root{--gutter:18px}.site-header{padding-inline:16px}.header-right{gap:11px}.brand-ribbon{gap:15px;padding-inline:18px}.brand-ribbon>a{font-size:var(--fs-ui)}.brand-ribbon>a:nth-of-type(3){font-size:var(--fs-ui)}.product-card h3,.collection-grid .product-card h3{font-size:20px}.product-visual .placeholder-model{font-size:24px}.product-card-info>p{font-size:var(--fs-label)}.card-bottom{font-size:var(--fs-label)}.catalogue-tag{font-size:var(--fs-label)}.section-heading h2{font-size:32px}.menu-primary>a{font-size:43px}.menu-body{padding-inline:22px}.type-option strong{font-size:22px}.step-nav li{font-size:var(--fs-label)}.form-actions .button{min-width:151px}.shipping-option>span>strong{font-size:21px}.completion h1{font-size:43px}.article-header h1{font-size:44px}.product-info h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media print{.site-header,.site-footer,.preview-flag,.toast-region,.save-button,.quick-view,.detail-actions,.detail-links,dialog{display:none!important}.shell{width:100%;padding:0}.product-detail{grid-template-columns:1fr 1fr;gap:25px}.product-gallery{position:static}.page-intro{padding-top:20px}body{background:white}.reveal{opacity:1;transform:none}}
/* Source-aware catalogue details. */
.collection-intro-side{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:var(--fs-label);line-height:1.8;margin-bottom:8px}.brand-tabs button>span{font-family:var(--sans);font-size:var(--fs-label);margin-inline-start:7px;vertical-align:super}.brand-request{display:flex;align-items:center;gap:8px;padding-bottom:15px;font-family:var(--serif);font-size:20px;white-space:nowrap;color:var(--muted)}.collection-toolbar .sort-label{margin-inline-start:auto}.results-count{font-size:var(--fs-label);color:var(--muted)}.clear-all{font-size:var(--fs-label);text-decoration:underline;text-underline-offset:3px;padding:7px 8px}.filter-footnote{border-top:1px solid var(--line);padding-top:20px;margin-top:0}.filter-footnote p{font-size:var(--fs-label);line-height:1.85;margin-top:11px}.progress-track{display:block;margin:0 auto 24px;width:160px;height:2px;background:var(--line)}.progress-track>span{display:block;height:100%;background:#6e795f}.inline-save{position:static;background:var(--cream)}.gallery-label{position:absolute;left:0;right:0;bottom:0;font-size:var(--fs-label);background:#f1f0e8ed;padding:10px 14px;color:var(--muted)}.gallery-main .zoom-button,.product-main-image .zoom-button{bottom:45px}.gallery-caption{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-top:17px;font-size:var(--fs-label);color:var(--muted)}.gallery-caption>span{white-space:nowrap;font-size:var(--fs-label)}.gallery-caption>p{max-width:290px;text-align:end;font-size:var(--fs-label)}.product-info .save-button{position:static}.brand-tabs{align-items:center}.product-gallery .gallery-thumbs .request-photos{font-size:var(--fs-label)}.main-application{min-height:60vh}.dialog-bag-items .product-visual .placeholder-model{font-size:24px}.dialog-bag-items .placeholder-note,.dialog-bag-items .placeholder-reference,.dialog-bag-items .placeholder-rule,.bag-item-image .placeholder-note,.bag-item-image .placeholder-rule{display:none}.bag-item-image .placeholder-model{font-size:25px}.bag-item-image .placeholder-reference{font-size:var(--fs-label);margin-top:7px}
@media(max-width:820px){.collection-intro-side{font-size:var(--fs-label);max-width:180px}.brand-request{font-size:18px}.filter-footnote p{font-size:var(--fs-meta)}.gallery-label{font-size:var(--fs-label);padding-inline:10px}.gallery-caption{gap:15px}.gallery-caption>p{font-size:var(--fs-label)}.gallery-caption>span{font-size:var(--fs-label)}}
@media(max-width:600px){.collection-intro-side{display:none}.brand-request{font-size:17px;gap:5px;padding-bottom:3px}.brand-tabs button>span{font-size:var(--fs-label);margin-inline-start:5px}.results-count{font-size:var(--fs-label);margin-left:auto}.brand-tabs{gap:18px}.gallery-label{font-size:var(--fs-label)}.gallery-caption>p{font-size:var(--fs-label);max-width:250px}.gallery-caption{gap:20px}.gallery-caption>span{font-size:var(--fs-label)}.filter-toggle b{font-size:var(--fs-label);font-weight:400}}
.size-illustration{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:15px;padding:30px 20px;background:var(--cream);margin:24px 0}.size-illustration>span{border:1px solid #a6af97;display:grid;place-items:center;font-family:var(--serif);font-size:33px;border-radius:50%;height:76px;width:76px}.size-illustration>span:nth-child(2){height:85px;width:85px}.size-illustration>span:nth-child(3){height:89px;width:89px}.size-illustration>small{width:100%;text-align:center;font-size:var(--fs-label);color:var(--muted);margin-top:14px}.no-search-results{padding:35px 0;font-size:var(--fs-ui);max-width:500px}
/* A remote photograph must not cover the fallback until it has actually loaded. */
.product-visual>img{opacity:0;background:transparent}.product-visual.image-loaded>img{opacity:1}.product-visual.image-failed>img{display:none}.preview-flag[hidden]{display:none}
.product-visual.is-illustrative{background:#fff}.product-visual.is-illustrative.image-loaded .image-placeholder{visibility:hidden}.product-visual.is-illustrative>img{object-fit:contain}.gallery-thumbs .illustrative-thumb{object-fit:contain;background:#fff}
@media(max-width:360px){.catalogue-tag{font-size:var(--fs-label)}}
.type-option input{inset:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.filter-option{position:relative}.filter-option input{inset:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}

/* ORVIAN / after dark. The supplied white identity on black is the authority. */
body{font-size:16px;line-height:1.7}
h1,h2,h3,h4{font-weight:500}
h1,h2{letter-spacing:-.045em;line-height:1.13}
em{font-style:normal;color:var(--muted)}
.kicker,.product-brand,.detail-brand-row,.footer-column h3{letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.kicker{font-size:var(--fs-meta)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#e5e8ed}
::selection{background:#e5e8ed;color:#090a0b}
input,textarea,select{color:var(--ink)}
input::placeholder,textarea::placeholder{color:#979da4;opacity:1}
option{color:var(--ink);background:var(--cream)}
.button{font-size:var(--fs-ui);font-weight:600;letter-spacing:.015em}@media(hover:hover) and (pointer:fine){
.button-dark:hover{background:#c9ced4;border-color:#c9ced4;color:#090a0b}}
.button-light{background:var(--ink);color:var(--paper)}@media(hover:hover) and (pointer:fine){
.button-light:hover{background:#d0d4d9;color:#090a0b}}
.skip-link{color:var(--paper)}
.site-header{background:rgba(8,8,9,.96)}
.brand-ribbon>a{font-size:var(--fs-body);font-weight:500;letter-spacing:.015em}
.product-card h3,.collection-grid .product-card h3{font-size:21px;font-weight:500;letter-spacing:-.035em}
.product-card-info>p{font-size:var(--fs-meta)}
.product-brand{font-size:var(--fs-label)}
.card-bottom{font-size:var(--fs-ui)}
.save-button{background:#101214e8;color:#f4f5f5;border:1px solid #4c5055}@media(hover:hover) and (pointer:fine){
.save-button:hover{background:#303438}}
.quick-view{background:#17191bf5;color:var(--ink)}
.catalogue-tag{background:#141618f5;color:#c5c9ce;font-size:var(--fs-label)}
.product-visual:not(.is-illustrative),.product-visual[data-dial] .image-placeholder{background:#171a1d;color:#b1b8c0}
.sourcing-links>a,.sourcing-links>a:last-child{border-color:var(--line)}
.sourcing-links h3{font-size:22px}@media(hover:hover) and (pointer:fine){
.sourcing-links>a:hover h3{color:#c5cbd2}}
.sourcing-copy>p:not(.kicker){font-size:var(--fs-body);max-width:42ch}
.sourcing-links p{font-size:var(--fs-ui)}
.scene-quote,.scene-quote em{color:#f4f5f5}
.process-strip p,.request-banner-copy p{font-size:var(--fs-ui)}
.process-strip h3{font-size:17px}
.journal-art{background:#20252b;color:#d5dae1}
.art-1{background:#181a1d;color:#bec4cc}
.art-2{background:#0e1013;color:#f4f5f5;border:1px solid var(--line)}
.journal-art em{color:inherit;opacity:.65}
.site-footer{background:#050607;color:var(--ink);border-top:1px solid var(--line)}
.footer-story>p,.footer-story .text-link,.footer-column h3,.footer-column>a,.footer-language,.footer-locale,.footer-disclosure,.footer-bottom{color:#abb1b9}
.footer-bottom{border-color:var(--line)}
.footer-column>a{font-size:var(--fs-ui)}
.footer-disclosure{font-size:var(--fs-meta)}
.page-intro .intro-description{font-size:15px;max-width:58ch}
.filter-option,.product-status{color:#b7bec7}
.product-status:before{background:#b7bec7}
.filter-option{font-size:var(--fs-ui)}
.filter-group legend,.filter-select.field>span{font-size:var(--fs-meta)}
.collection-search input::placeholder,.search-dialog-input input::placeholder{color:#979da4}
.collection-toolbar select,.filter-select select{font-size:var(--fs-ui)}
.brand-tabs button{font-size:18px}
.bracelet-option.active,.type-option:has(input:checked),.shipping-option:has(input:checked){background:#23272c;border-color:#c0c8d1}
.bracelet-option{font-size:var(--fs-ui)}
.detail-description,.accordion-body,.accordion-body p{font-size:var(--fs-body);line-height:1.85}
.accordion summary{font-size:var(--fs-body)}
.spec-table>div{border-color:var(--line);font-size:var(--fs-ui)}
.small-note,.field-hint,.no-payment-note{font-size:var(--fs-ui)}
.field input,.field textarea,.field select{background:#111315;color:var(--ink);font-size:16px;border-color:#42474d}
.field>span,.consent-field{font-size:var(--fs-ui)}
.field-error,.form-error{color:#ffa8a0}
.type-option small,.shipping-option>span>small{font-size:var(--fs-ui)}
.type-option strong,.shipping-option>span>strong{font-size:20px}
.photo-upload label{background:#15181b;border-color:#555d66}
.photo-upload:focus-within label,.photo-upload.drag-over label{background:#23282e;outline-color:#c0c8d1}
.photo-upload label>span{font-size:var(--fs-ui)}
.completion-message{background:#141719}
.completion-message pre{color:#c2c8cf;font-size:var(--fs-ui)}
.form-intro,.review-block>p,.checkout-notice>p,.completion>p:not(.kicker){font-size:var(--fs-body)}
.story-body .lead-paragraph,.faq-aside-note>p{color:#c0c6ce}
.large-index{color:#7f8995}
.faq-main .accordion-body p,.faq-answer p,.article-content p,.story-body p,.honesty-panel>div>p,.process-page article p{font-size:15px;max-width:68ch}
.faq-answer small{font-size:var(--fs-meta)}
.article-band{color:#d4d9df}
.menu-dialog{color:var(--ink);background:#050607}
.menu-top,.menu-aside,.menu-bottom{border-color:var(--line)}
.menu-top>span,.menu-primary>a>span,.menu-secondary a,.menu-bottom,.menu-bottom button{color:#aeb6c0}
.menu-primary>a{font-weight:400;font-size:clamp(36px,5vw,76px);letter-spacing:-.055em}@media(hover:hover) and (pointer:fine){
.menu-primary>a:hover{color:#b4bdc8}}
.menu-secondary a{font-size:var(--fs-ui)}
.dialog-bag-footer{box-shadow:0 -10px 25px #0005}
.search-dialog-input{border-color:#56606c}

.preview-flag{background:#111315eb;color:#c0c6ce}
.preview-flag:before{background:#b9c1cb}
.search-results-heading,.search-dialog-tips,.search-result p,.search-request-link p{font-size:var(--fs-ui)}
.search-result h3{font-size:22px}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .kicker{letter-spacing:0;line-height:1.5}
@media(max-width:820px){.brand-ribbon>a{font-size:var(--fs-ui)}.menu-primary>a{font-size:44px}}
@media(max-width:600px){.brand-ribbon>a{font-size:var(--fs-meta)}.product-card h3,.collection-grid .product-card h3{font-size:19px}.catalogue-tag{font-size:var(--fs-label);padding-inline:8px}.brand-tabs button{font-size:16px}.page-intro h1{font-size:42px}.page-intro .intro-description{font-size:var(--fs-body)}.product-info h1{font-size:43px}.menu-primary>a{font-size:37px}.request-banner h2{font-size:30px}.shipping-option>span>strong,.type-option strong{font-size:18px}.shipping-option{gap:10px;padding:16px 12px}.shipping-option-icon{display:none}.collection-search input{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}
.step-nav .active>span,.step-nav .complete>span{color:var(--paper)}
dialog::backdrop{background:#000b}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}}

/* Shared champagne palette from the internal ORVIAN workspace. */
em,.kicker{color:var(--accent)}
.button-dark,.button-light{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}@media(hover:hover) and (pointer:fine){
.button-dark:hover,.button-light:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}}@media(hover:hover) and (pointer:fine){
.button-outline:hover{border-color:var(--accent);background:var(--accent-surface)}}
.text-link{color:var(--accent)}@media(hover:hover) and (pointer:fine){
.text-link:hover{color:var(--accent-hover)}}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--accent-hover)}
::selection{background:var(--accent);color:var(--on-accent)}
.scene-quote em{color:var(--accent-hover)}
.sourcing-number,.process-index,.request-symbol{color:var(--accent)}@media(hover:hover) and (pointer:fine){
.sourcing-links>a:hover h3{color:var(--accent-hover)}}

.journal-art{background:#24221f;color:#d6c3a1}
.art-1{background:var(--accent-surface);color:var(--accent-hover)}
.art-2{background:#121212;color:var(--ink)}
.journal-art em{color:inherit}
.selection-tabs button.active,.brand-tabs button.active{color:var(--accent);border-color:var(--accent)}
.filter-chip{background:var(--accent-surface);border-color:#605037;color:var(--accent-hover)}
.bracelet-option.active,.type-option:has(input:checked),.shipping-option:has(input:checked){background:var(--accent-surface);border-color:var(--accent)}
.bracelet-option.active,.type-option:has(input:checked) strong,.shipping-option:has(input:checked)>span>strong{color:var(--accent-hover)}
.field input,.field select,.field textarea{border-color:var(--control-border)}
.custom-radio,.type-option-circle{border-color:var(--control-border)}
.filter-option input:checked+.custom-radio:after{background:var(--accent)}
.filter-option input:focus-visible+.custom-radio{outline-color:var(--accent-hover)}
.consent-field input,.shipping-option input{accent-color:var(--accent)}
.type-option:has(input:checked) .type-option-circle{border-color:var(--accent)}
.type-option:has(input:checked) .type-option-circle:after{background:var(--accent)}
.step-nav .active{color:var(--accent)}
.step-nav .active:after{background:var(--accent)}
.step-nav .active>span,.step-nav .complete>span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.photo-upload:focus-within label,.photo-upload.drag-over label{background:var(--accent-surface);outline-color:var(--accent-hover)}
.gallery-thumbs button.active{border-color:var(--accent)}
.is-saved svg{fill:var(--accent);color:var(--accent)}
.progress-track>span{background:var(--accent)}
.faq-categories>button.active{color:var(--accent)}@media(hover:hover) and (pointer:fine){.menu-primary>a:hover,.menu-primary>a:hover>span{color:var(--accent)}}
.menu-primary>a>span{color:var(--accent)}
.menu-top,.menu-bottom{border-color:#443b2d}
.footer-story .text-link,.footer-column h3{color:var(--accent)}@media(hover:hover) and (pointer:fine){
.footer-column>a:hover,.footer-language:hover{color:var(--accent-hover)}}
@media(hover:hover) and (pointer:fine){
.search-suggestions button:hover{border-color:var(--accent);color:var(--accent-hover)}}
.preview-flag:before{background:var(--accent)}
/* The live masthead stays in place; only the navigation surface moves. */
.nav-trigger .burger-icon{display:block;position:relative;width:22px;height:18px;flex:none}
.burger-icon i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;top:5px;transition:transform .28s ease,top .28s ease}
.burger-icon i+i{top:12px}.nav-open .burger-icon i{top:8px;transform:rotate(45deg)}.nav-open .burger-icon i+i{transform:rotate(-45deg)}
.menu-dialog[open]{animation:none;background:transparent;color:var(--ink);overflow:hidden;width:100vw;height:100dvh;max-height:100dvh;inset:0;margin:0}
.menu-dialog::backdrop{background:transparent;backdrop-filter:none}
.menu-dialog>#site-top{position:absolute;top:var(--masthead-top);left:var(--masthead-left);width:var(--masthead-width);z-index:2}
.menu-dialog .site-header{position:relative;top:auto;backdrop-filter:none;background:var(--paper)}
.menu-surface{position:absolute;top:var(--menu-start);bottom:0;inset-inline:0;background:var(--deep);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;clip-path:inset(0 0 100% 0);transition:clip-path .42s cubic-bezier(.22,.8,.3,1)}
.is-revealed .menu-surface{clip-path:inset(0)}.is-closing .menu-surface{transition-duration:.26s}
.menu-body{height:auto;min-height:0;flex:1;align-items:center;padding-block:36px;gap:50px}
.menu-primary>a,.menu-collection-toggle{display:flex;align-items:center;gap:25px;font-family:var(--sans);font-size:clamp(28px,3.6vw,58px);font-weight:400;letter-spacing:-.055em;line-height:1.25;padding:15px 0;width:100%;text-align:start;color:var(--ink);border-bottom:1px solid var(--line)}
.menu-primary>a>span,.menu-collection-toggle>span:first-child{font-family:var(--sans);font-size:var(--fs-meta);letter-spacing:0;color:var(--accent);flex:none;min-width:20px}
.menu-collection-toggle .menu-disclosure{margin-inline-start:auto;display:flex;transition:transform .25s}.menu-collection-toggle[aria-expanded=true] .menu-disclosure{transform:rotate(45deg)}
#menu-brands{padding:10px 0 18px 45px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-bottom:1px solid var(--line)}#menu-brands[hidden]{display:none}
#menu-brands a{font-size:var(--fs-body);letter-spacing:0;padding:11px 0;color:var(--muted)}#menu-brands a:first-child{grid-column:1/-1;color:var(--accent)}@media(hover:hover) and (pointer:fine){#menu-brands a:hover{color:var(--ink)}}
.menu-bottom{flex:none;height:auto;min-height:70px}.menu-aside-photo{height:155px}.menu-aside-photo img{object-position:center 65%}
.product-visual.is-illustrative>img{object-fit:cover;object-position:center 46%}.product-card .product-visual>img{transform:scale(1.025)}@media(hover:hover) and (pointer:fine){.product-card:hover .product-visual>img{transform:scale(1.055)}}
.sourcing-art{background:var(--deep)}.sourcing-art img{filter:none;transform:none;object-position:65% center}.sourcing-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000a,transparent);pointer-events:none}.scene-quote{z-index:1;text-shadow:0 2px 18px #0008}.editorial-credit{position:absolute;bottom:16px;inset-inline-start:var(--gutter);z-index:2;font-size:var(--fs-label);color:#ddd}
@media(max-width:800px){.menu-body{grid-template-columns:1fr;align-items:start;gap:24px;padding-block:20px}.menu-aside{display:none}.menu-primary>a,.menu-collection-toggle{font-size:clamp(27px,6.8vw,46px);gap:15px;padding-block:16px}#menu-brands{padding-inline-start:35px;gap:0 14px}.menu-bottom{padding-block:16px;gap:16px;align-items:start;flex-wrap:wrap}.menu-bottom>span{display:none}.sourcing-art img{object-position:67% center}.scene-quote{font-size:clamp(32px,8vw,52px)}}
@media(prefers-reduced-motion:reduce){.menu-surface{transition:none}.menu-dialog.is-revealed .menu-surface{clip-path:none}}
.request-brand-field{margin-top:28px;margin-bottom:28px}.request-brand-field .field{margin-bottom:0}.brand-directory{border-bottom:1px solid var(--line)}.brand-directory summary{padding:15px 0;cursor:pointer;color:var(--accent);font-size:var(--fs-ui)}.brand-directory summary>span{float:inline-end;color:var(--muted)}.brand-search-label{display:block;margin:12px 0 6px;font-size:var(--fs-ui);color:var(--muted)}#brand-query{width:100%;padding:13px;background:var(--cream);color:var(--ink);border:1px solid var(--control-border);border-radius:0}.brand-directory-results{display:grid;grid-template-columns:1fr 1fr;max-height:280px;overflow:auto;overscroll-behavior:contain;gap:0 18px;margin-block:12px 20px}.brand-directory-results button{padding:13px 3px;min-height:44px;text-align:start;border-bottom:1px solid var(--line);font-size:var(--fs-ui)}@media(hover:hover) and (pointer:fine){.brand-directory-results button:hover{color:var(--accent)}}.brand-directory-results p{grid-column:1/-1}.brand-directory[open]{padding-bottom:5px}
.accordion details:target{outline:1px solid var(--accent);outline-offset:5px;scroll-margin-top:140px}
.bracelet-photo{display:block;position:relative;width:100%;aspect-ratio:1.7;background:#eceeef;overflow:hidden}.bracelet-photo img{position:absolute;inset:0;width:100%;height:auto;max-width:none;display:block;transform:translateY(-2%)}.bracelet-photo-president img{width:150%;left:-25%;transform:translateY(-2%)}
.bracelet-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bracelet-option{display:flex;flex-direction:column;align-items:stretch;padding:0 0 10px;gap:10px;font-size:var(--fs-meta);overflow:hidden}.bracelet-option:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;padding:12px}.bracelet-option .bracelet-photo{border-bottom:1px solid var(--line)}.bracelet-option.active{border-color:var(--accent);color:var(--accent)}
.bracelet-credit{font-size:var(--fs-label);line-height:1.7;color:var(--muted);margin-block:13px}.bracelet-credit a{text-decoration:underline;text-underline-offset:3px}
.bracelet-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1px;width:100%;background:var(--line)}.bracelet-comparison figure{margin:0;background:var(--paper);min-width:0}.bracelet-comparison figcaption{font-family:var(--sans);font-size:18px;padding:13px 14px;letter-spacing:-.03em;color:var(--ink)}
.journal-art.bracelet-journal-art{padding:0;display:flex;flex-direction:column;justify-content:center;gap:0;background:#e9ecee;overflow:hidden}.bracelet-journal-art .bracelet-comparison{height:100%;gap:1px}.bracelet-journal-art .bracelet-photo{aspect-ratio:auto;height:calc(100% - 45px)}.bracelet-journal-art .bracelet-photo img{width:180%;left:-30%;transform:none}.bracelet-journal-art .bracelet-photo-jubilee img{width:160%;left:-25%}.bracelet-journal-art figcaption{font-size:20px;background:var(--cream);padding:9px 14px;height:45px}.bracelet-journal-art>small{width:100%;padding:6px 12px;text-align:start;background:var(--cream);color:var(--muted);font-size:var(--fs-label);line-height:1.5}.article-body>.bracelet-comparison{margin-bottom:10px}.article-body>.bracelet-credit{margin-bottom:36px}
@media(max-width:600px){.bracelet-options{grid-template-columns:repeat(2,minmax(0,1fr))}.bracelet-option{font-size:var(--fs-ui)}.bracelet-journal-art .bracelet-photo img{width:220%;left:-50%}.bracelet-journal-art .bracelet-photo-jubilee img{width:180%;left:-32%}.menu-dialog .skip-link{display:none}}
.menu-dialog .skip-link{display:none}
.bracelet-journal-art>small{letter-spacing:0;font-family:var(--sans);flex:none}
.bracelet-journal-art .bracelet-comparison{height:auto;flex:1;min-height:0}
.bracelet-journal-art figure{display:flex;flex-direction:column}.bracelet-journal-art .bracelet-photo{height:auto;flex:1}.bracelet-journal-art figcaption{flex:none}
.product-card .catalogue-tag{position:relative;bottom:auto;inset-inline:auto}.product-card .product-visual>img{transform:none}@media(hover:hover) and (pointer:fine){.product-card:hover .product-visual>img{transform:scale(1.015)}}
.menu-dialog[open]{border:0}
/* The masthead stays at the top of the screen on every page. */
#site-top{position:sticky;top:0;z-index:40}
/* Normalized bracelet studies share one frame and never crop their edges. */
.bracelet-photo{aspect-ratio:1;background:#eceeef}
.bracelet-photo img,.bracelet-photo-president img,.bracelet-journal-art .bracelet-photo img,.bracelet-journal-art .bracelet-photo-jubilee img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.bracelet-journal-art .bracelet-photo{aspect-ratio:1;min-height:0}
.bracelet-option{gap:0;padding-bottom:0}.bracelet-option .bracelet-label{display:flex;flex-direction:column;gap:3px;align-items:center;padding:12px 6px}.bracelet-label small{font-size:var(--fs-label);color:var(--muted);font-weight:400}

/* A quieter hierarchy, an anchored navigation, and a dedicated purchase journey. */
.kicker{letter-spacing:.02em;text-transform:none}

.menu-body{align-items:start;justify-content:flex-start;flex:1 0 auto}
.menu-primary{align-self:start;width:100%}
#menu-brands{display:grid;grid-template-columns:1fr;grid-template-rows:0fr;gap:0;padding:0;border:0;transition:grid-template-rows .38s cubic-bezier(.22,.8,.3,1)}
#menu-brands.expanded{grid-template-rows:1fr}
.menu-brands-clip{min-height:0;overflow:hidden;opacity:0;transition:opacity .22s ease}
.expanded>.menu-brands-clip{opacity:1}
.menu-brands-links{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:10px 0 18px 45px;border-bottom:1px solid var(--line)}
#menu-brands a{min-height:44px;display:flex;align-items:center}
.currency-selector{display:inline-flex;align-items:center;gap:12px;font-size:var(--fs-ui);color:var(--muted);width:fit-content;max-width:100%}
.currency-selector select{color:var(--ink);background:var(--paper);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 22px 10px 8px;min-height:44px;font:inherit;cursor:pointer}
.currency-selector select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.home-faq{padding-block:80px;border-top:1px solid var(--line)}
.home-faq .accordion-body p{font-size:var(--fs-body);line-height:1.8;max-width:68ch}
.home-faq .accordion summary{font-size:16px;min-height:64px}
.checkout-form{scroll-margin-top:130px}.checkout-form h2:focus{outline:none}
.checkout-form .field input,.checkout-form .field select,.checkout-form textarea{font-size:16px}
.payment-pending{border-block:1px solid var(--line);padding-block:26px;margin-block:24px}
.payment-pending h3{font-size:26px}.payment-pending p{font-size:var(--fs-body);line-height:1.8;margin-block:18px}
.payment-pending .button{width:100%;margin-bottom:12px;cursor:not-allowed;opacity:.65}
.payment-pending small{color:var(--muted);font-size:var(--fs-ui);line-height:1.6}
.checkout-summary .currency-selector{margin-top:20px}.summary-total small{font-size:var(--fs-ui);color:var(--muted)}
.checkout-product>div:nth-child(2){min-width:0}.checkout-product h3{overflow-wrap:anywhere}
@media(max-width:800px){.menu-brands-links{padding-inline-start:35px;gap:0 14px}.home-faq{padding-block:48px}.home-faq .section-heading{align-items:end}.home-faq .section-heading h2{font-size:32px}.checkout-form .form-actions{flex-wrap:wrap;gap:20px}.checkout-form .form-actions .button{min-width:0}.checkout-form .shipping-option{grid-template-columns:auto 1fr auto}.checkout-form .shipping-option>strong{font-size:15px}.menu-bottom>div{align-items:center}.checkout-summary .summary-line{gap:14px}.checkout-summary .summary-line strong{text-align:end}}
@media(prefers-reduced-motion:reduce){#menu-brands,.menu-brands-clip,.menu-disclosure{transition:none}}
.checkout-form .review-block button{position:static;display:inline-flex;margin-top:12px;font-size:var(--fs-ui);min-height:32px}
.checkout-summary .summary-total strong{font-size:24px;line-height:1.4;letter-spacing:-.03em;text-align:end}
.checkout-summary .summary-total>span{flex:none}.footer-column h3{letter-spacing:.02em;text-transform:none}
.collection-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:26px;font-size:var(--fs-ui)}
/* Pointer interaction never inherits a keyboard-only focus treatment. */
html[data-input="pointer"] :is(button,a,summary):focus{outline:none}
dialog:focus,#request-form h2:focus{outline:none}
.step-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.step-nav li{justify-content:center;min-width:0;padding-inline:4px}
.step-nav li>span{flex-shrink:0}
.product-info>.detail-actions{margin-top:22px}
.purchase-bar{display:none}
.bracelet-journal-art .bracelet-comparison{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
.bracelet-journal-art .bracelet-comparison figcaption{font-size:var(--fs-meta);padding:9px 3px;text-align:center;letter-spacing:0}
@media(max-width:767px){
 .purchase-bar{display:flex;align-items:center;gap:14px;position:fixed;bottom:0;inset-inline:0;z-index:35;background:var(--paper);border-top:1px solid var(--line);padding:12px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0003}
 .purchase-bar-copy{display:none}
 .purchase-bar>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
 .purchase-bar .button{padding:15px 12px;justify-content:center}
 .step-nav li{flex-direction:column;gap:8px;font-size:var(--fs-meta);text-align:center}
}
@media print{.purchase-bar{display:none!important}}
/* A transformed page would trap its fixed purchase controls below the fold. */
.page-enter:has(.purchase-bar){animation-name:product-enter}
@keyframes product-enter{from{opacity:0}to{opacity:1}}

/* Personal selection: open editorial rhythm, quiet utility. */
.product-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:7px 12px}.product-price del{font-size:.78em;font-weight:400;color:var(--muted,#9f9d95);text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 70%,transparent)}.detail-price .product-price>span{font-size:inherit}.request-matches{margin:24px 0 32px;padding-block:24px;border-block:1px solid #ffffff25}.request-matches h3{font-size:24px}.request-matches>p{color:#a7a69d;font-size:var(--fs-body);line-height:1.7;margin:10px 0 18px}.request-match-list{display:grid;gap:12px}.request-match-list>a{display:grid;grid-template-columns:65px 1fr 20px;gap:16px;align-items:center}.request-match-list .product-visual{height:75px;aspect-ratio:auto}.request-match-list .product-visual img{object-fit:cover}.request-match-list>a>span{display:grid;gap:5px}.request-match-list small{font-size:var(--fs-ui);color:#a7a69d}.request-match-list strong{font-weight:500;font-size:17px}.finder-scene{padding-bottom:90px;scroll-margin-top:130px}.finder-progress{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;border-bottom:1px solid #ffffff25;margin-bottom:48px}.finder-progress li{display:flex;gap:16px;padding:20px 0;color:#93938c}.finder-progress li[aria-current]{color:#c5a367;border-bottom:1px solid}.finder-scene>h2{font-size:clamp(30px,4vw,48px)}.finder-scene>p{color:#aaa89e;margin-block:15px 32px}.finder-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.finder-visuals button{text-align:start;min-width:0}.finder-visuals .product-visual{aspect-ratio:1;overflow:hidden}.finder-visuals button>span{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff35;font-size:20px}.finder-visuals [aria-pressed=true]>span{border-color:#c5a367;color:#c5a367}.finder-visuals [aria-pressed=true] .product-visual{outline:2px solid #c5a367;outline-offset:3px}.finder-options{border:0;padding:26px 0;margin:0;border-bottom:1px solid #ffffff25}.finder-options legend{font-size:28px;padding:0;float:inline-start;width:100%;margin-bottom:16px}.finder-options p{clear:both;color:#a6a49b;margin-bottom:16px}.finder-options button{border:1px solid #ffffff35;padding:13px 19px;margin:5px 10px 5px 0;min-height:48px}.finder-options button[aria-pressed=true]{border-color:#c5a367;background:#c5a36720;color:#d5b77f}.finder-reasons{font-size:var(--fs-ui);color:#c5a367;line-height:1.7;margin-top:14px}.finder-outro{margin-top:48px}.finder-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ffffff25;padding-block:55px}.finder-callout h2{font-size:40px}.finder-callout p{margin-top:12px;color:#aaa89e}.finder-invite{position:fixed;inset-inline-end:24px;bottom:28px;width:min(390px,calc(100vw - 32px));z-index:45;padding:32px;background:#161612;border:1px solid #c5a36780;box-shadow:0 16px 60px #0009}.finder-invite h2{font-size:32px;margin:16px 0}.finder-invite>span,.finder-invite p{color:#afada2;font-size:var(--fs-body)}.finder-invite .text-link{margin-top:25px}.finder-dismiss{position:absolute;inset-inline-end:8px;top:8px;width:40px;height:40px}.about-photo img{object-position:50% 58%}.customer-message-form{max-width:760px;margin-block:45px 90px}.customer-message-form h2{font-size:36px;margin-bottom:25px}.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.finder-progress{margin-bottom:30px}.finder-progress li{flex-direction:column;gap:8px;font-size:var(--fs-ui)}.finder-visuals{grid-template-columns:repeat(2,1fr);gap:20px 16px}.finder-visuals button>span{font-size:16px}.finder-callout{align-items:flex-start;flex-direction:column}.finder-invite{bottom:88px;inset-inline-end:16px;padding:26px}.finder-results{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-options button{padding:10px 14px;margin-inline-end:6px}}

/* September interface refinements. */
.journal-art.bracelet-journal-art{aspect-ratio:auto;height:auto;background:transparent;align-self:start}
.bracelet-journal-art .bracelet-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;flex:none;height:auto}
.bracelet-journal-art .bracelet-photo{flex:none;width:100%;height:auto;aspect-ratio:1}
.bracelet-journal-art figcaption{height:auto}
.size-journal-art{padding:0;display:block;aspect-ratio:3/2;background:#201d19;overflow:hidden}
.size-journal-art img{width:100%;height:100%;object-fit:contain}
.menu-primary>a{position:relative}
.menu-primary .menu-saved-count{font:12px var(--sans);color:var(--accent);border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;margin-inline-start:auto;margin-inline-end:10px;flex:none}
.price-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.price-range .field{min-width:0;margin:0}.price-range input{min-width:0;width:100%;padding:10px;font-size:16px}
.price-apply{width:100%;margin-top:14px;padding:10px 12px;min-width:0}
/* Pointer interactions never inherit a keyboard ring or sticky hover treatment. */
html[data-input=pointer] :is(button,a,summary,select):focus-visible{outline:none}
html[data-input=pointer] .filter-option input:focus-visible+.custom-radio,html[data-input=pointer] .type-option:has(input:focus-visible){outline:none}
dialog:focus,main:focus{outline:none}
@media(max-width:600px){.menu-primary .menu-saved-count{width:24px;height:24px;font-size:var(--fs-meta);margin-inline-end:6px}.menu-primary>a:has(.menu-saved-count){font-size:clamp(23px,6.5vw,36px)}}

.article-size-study{margin:0 0 40px}.article-size-study img{width:100%;height:auto}.article-size-study figcaption{font-size:var(--fs-ui);color:var(--muted);margin-top:14px;line-height:1.7}

.menu-primary>a[hidden]{display:none}

/* Clearer ways into the collection and request journey. */
/* Both hero actions share one width; the request path is the quieter outline button. */

/* Brand names stay legible and swipeable as the index grows. */
.brand-ribbon{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding-block:19px}
.brand-wordmarks{display:flex;align-items:center;gap:clamp(40px,7.5vw,108px);width:fit-content;max-width:100%;margin-inline:auto;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:var(--line) transparent;scrollbar-width:thin;padding:5px 0;white-space:nowrap}
/* Measured wordmark viewports share one visible height and baseline. */
.brand-wordmark{flex:none;display:flex;align-items:center;min-height:44px;scroll-snap-align:start;opacity:.86;transition:opacity .2s;--mark-height:18px}
.brand-mark-art{position:relative;display:block;flex:none;height:var(--mark-height);width:calc(var(--mark-height) * var(--mark-ratio));overflow:hidden;direction:ltr}
.brand-wordmark .brand-mark-art img{position:absolute;max-width:none;width:calc(var(--mark-height) * var(--mark-width));height:auto;left:calc(var(--mark-height) * var(--mark-left));top:calc(var(--mark-height) * var(--mark-top))}
@media(hover:hover) and (pointer:fine){.brand-wordmark:hover{opacity:1}}

/* Mission and vision lead About, followed by the founder story and disclosure. */

/* Keep the locale controls visible in the sticky masthead. */
.header-utilities{display:flex;align-items:center;gap:13px;padding-inline-start:15px;border-inline-start:1px solid var(--line)}
.header-language{min-height:36px;padding:6px 2px;font-size:var(--fs-meta);white-space:nowrap;color:var(--ink)}
.header-utilities .currency-selector{gap:5px;font-size:var(--fs-label);color:var(--muted)}
.header-utilities .currency-selector select{min-height:36px;padding:6px 19px 6px 5px;background:transparent;font-size:var(--fs-meta)}
@media(max-width:900px){.header-right{gap:13px}.header-utilities{gap:8px;padding-inline-start:9px}.header-utilities .currency-selector>span{display:none}.header-language,.header-utilities .currency-selector select{font-size:var(--fs-meta)}}

/* Mobile navigation uses the full viewport width with start-aligned type. */
@media(max-width:800px){
 .menu-dialog[open]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0}
 .menu-surface{width:100%;inset-inline:0}
 .menu-body{width:100%;max-width:none;margin:0;align-items:stretch;justify-content:flex-start;padding-inline:var(--gutter)}
 .menu-primary{width:100%;max-width:none;align-self:stretch}
 .menu-primary>a,.menu-collection-toggle{width:100%;font-size:clamp(30px,8.5vw,40px);gap:15px;padding-block:14px;text-align:start}
 .menu-bottom{justify-content:center;min-height:54px;padding-block:10px}
 .menu-bottom>a{display:flex;align-items:center;min-height:40px;font-size:var(--fs-meta)}
}
.request-banner-copy .button{padding:15px 23px}
@media(max-width:600px){
 .site-header{height:112px;grid-template-columns:1fr auto 1fr;grid-template-rows:63px 40px;column-gap:12px;row-gap:0;padding:4px 16px}
 .header-left{grid-column:1;grid-row:1;width:100%;min-width:0}
 .header-left .desktop-header-link{display:none}
 .header-left{gap:6px}
 .site-header .nav-trigger{width:auto;min-width:34px;min-height:44px;justify-content:flex-start;padding:8px 0}
 .site-header .nav-trigger>span:not(.burger-icon){display:none}
 .brand-lockup{grid-column:2;grid-row:1}
 .brand-lockup img{width:76px;height:49px}
 .site-header .header-right{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:8px}
 .site-header .search-trigger{width:44px;height:44px;justify-content:center;padding:8px}
 .site-header .header-saved{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px}
 .site-header .header-right{gap:2px}
 .site-header .bag-trigger{width:44px;height:44px;justify-content:center;padding:8px}
 .header-utilities{position:absolute;inset-inline:16px;bottom:3px;grid-column:auto;grid-row:auto;align-self:stretch;justify-content:center;gap:21px;min-height:36px;padding:3px 0 0;border-inline-start:0;border-top:1px solid var(--line)}
 .header-language{min-height:35px;padding:5px 8px;font-size:var(--fs-ui)}
 .header-utilities .currency-selector{gap:6px;font-size:var(--fs-meta)}
 .header-utilities .currency-selector>span{display:inline}
 .header-utilities .currency-selector select{min-height:33px;padding:4px 20px 4px 6px;font-size:var(--fs-ui)}
 .brand-ribbon{grid-template-columns:minmax(0,1fr);gap:7px;padding-block:16px}
 .brand-wordmarks{gap:27px;width:auto;max-width:none;justify-content:space-between;margin-inline:calc(-1 * var(--gutter));padding:5px var(--gutter) 8px;scroll-padding-inline:var(--gutter)}
 .brand-wordmarks{--logo-scale:.88}
 .request-banner-copy .button{padding:16px 22px}
 .menu-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;width:100%;max-width:none;height:auto;min-height:0;flex:1 0 auto;overflow:auto;padding:20px var(--gutter)}
 .menu-primary{width:100%;align-self:stretch}
 .menu-primary>a,.menu-collection-toggle{font-size:clamp(30px,8.5vw,40px);gap:13px;padding-block:13px;text-align:start}
 .menu-primary>a>span,.menu-collection-toggle>span:first-child{font-size:var(--fs-label);min-width:17px}
 .menu-bottom{padding-inline:16px}
}
@media(max-width:360px){.site-header{padding-inline:14px;column-gap:10px}.header-utilities{inset-inline:14px;gap:15px}}

/* Desktop menu: align with the masthead gutter and keep each index close to its label. */
@media(min-width:801px){
 .menu-body{max-width:none;margin-inline:0}
 .menu-primary>a,.menu-collection-toggle{gap:14px}
 .menu-primary>a>span,.menu-collection-toggle>span:first-child{min-width:14px}
 .menu-brands-links{padding-inline:28px 0}
}

/* Desktop quick view sits flush with the bottom of the card image and slides up from it. */
@media(min-width:821px){.quick-view{bottom:0;transform:translateY(100%)}}

/* Bag count: the icon, the label's capitals and the badge share one centre line. */
@media(min-width:601px){.bag-trigger>span{display:inline-flex;align-items:center;gap:7px}}
.bag-label{text-box:trim-both cap alphabetic}
html[lang=ar] .bag-label{text-box:normal}
.bag-trigger b{margin:0;width:20px;height:20px;font-size:var(--fs-meta);line-height:1;font-variant-numeric:tabular-nums}

/* Readable prices: one scale wherever a price appears; a crossed-out price stays secondary at .8em. */
/* The price you pay leads, in the text colour with proportional figures; the crossed-out price follows, smaller and muted. */
.product-price{font-variant-numeric:lining-nums proportional-nums;gap:4px 10px}
.product-price .price-now{font-weight:600;color:var(--ink)}
.product-price del{font-size:.8em}
.card-bottom .product-price{font-size:17px}
.detail-price .product-price{font-size:clamp(24px,2.2vw,30px);color:var(--ink);letter-spacing:-.01em}
.detail-price .product-price span{font-size:inherit;color:inherit}
.detail-price>span{font-size:var(--fs-ui);line-height:1.6}
.quick-copy>.quick-price{font-size:20px}
.search-result>span{font-size:var(--fs-body)}
.checkout-product .product-price{font-size:15px;margin-top:8px;color:var(--ink)}
.summary-line{font-size:var(--fs-ui)}
@media(max-width:600px){
 .card-bottom .product-price{font-size:16px;gap:2px 8px}
 .detail-price .product-price{font-size:26px}
 .detail-price>span{font-size:var(--fs-meta)}
 .quick-copy>.quick-price{font-size:18px}
 .search-result{display:grid;grid-template-columns:62px minmax(0,1fr) auto;column-gap:13px;row-gap:4px}
 .search-result>.product-visual{grid-row:1 / 3}
 .search-result>span{grid-column:2;font-size:var(--fs-ui)}
 .search-result>svg{grid-column:3;grid-row:1 / 3}
 .cart-summary .summary-line{font-size:var(--fs-ui)}
}
@media(max-width:360px){.card-bottom .product-price{font-size:var(--fs-body)}}

/* Bag lines: the superclone label sits on its own line above the price instead of running into it. */
.bag-type{display:block;margin-top:4px;font-size:var(--fs-label);line-height:1.5}
.bag-item-content .product-price{display:flex;margin-top:8px}

/* Visual audit fixes (September 24): collisions, Arabic mirroring and legibility. */
/* The price range must clear the full-width floated legend or it collapses beside it. */
.price-range{clear:both}
/* Counts after brand names keep their gap in Arabic too. */
.brand-tabs button>span{display:inline-block}
/* Decorative marks move to the opposite corner in Arabic so they never sit on a heading. */
html[dir=rtl] .request-review .quiet-link{right:auto;left:18px}
html[dir=rtl] .not-found>span{right:auto;left:7%}
html[dir=rtl] .scene-quote{right:auto;width:50%}
/* The 404 numeral is a background ghost, as in the original light theme. */
.not-found>span{color:var(--stone)}
.policy-large-symbol svg{display:block;width:1em;height:1em}
/* Arabic display type needs more leading than Latin. */
html[lang=ar] .scene-quote{line-height:1.45;letter-spacing:0}
html[lang=ar] .legal-layout>aside>p{line-height:1.45}
/* Small informational text stays readable at every width. */
.journal-art>small,.journal-art-number,.story-signature>span,.gallery-label,.gallery-caption>span,.collection-intro-side>span,.request-photos>span,.brand-tabs button>span,.checkout-product>div>span:first-child,.search-result>div>span{font-size:var(--fs-label)}
.footer-bottom>span,.footer-bottom a,.footer-bottom button,.field-heading>button,.request-review>span,.request-review .quiet-link,.filter-heading>button,.filter-footnote>p,.gallery-caption>p,.checkout-product p,.product-spec-chips>span,.detail-links>button,.step-nav li,.bag-item-content>p,.photo-upload small{font-size:var(--fs-meta)}
@media(max-width:600px){
 .bag-trigger:after{top:5px;right:1px;width:16px;height:16px;font-size:var(--fs-label);font-weight:600;line-height:1;background:var(--accent);color:var(--on-accent)}
 html[dir=rtl] .bag-trigger:after{right:auto;left:1px}
 html[dir=rtl] .request-review .quiet-link{left:13px}
 html[dir=rtl] .not-found>span{left:7px}
 .kicker,.about-photo>span,.article-byline,.filter-toggle b{font-size:var(--fs-label)}
 .selection-note,.results-count,.load-more p,.filter-chip,.breadcrumbs,.shipping-rate p,.search-suggestions>span,.search-suggestions button,.search-results-heading .text-link{font-size:var(--fs-meta)}
}
.photo-upload label>small,.shipping-rate p{font-size:var(--fs-meta)}
@media(max-width:600px){.page-intro .kicker,.journal-list-copy>.kicker,.article-header .kicker,.section-heading .kicker{font-size:var(--fs-label)}.shipping-rate p{font-size:var(--fs-meta)}}
/* ---- Configurations: product groups, the product-page configuration panel and the guided configurator ---- */
.card-options{font-size:var(--fs-label);line-height:1.55;color:var(--muted);margin-top:4px}
.product-price .price-from{font-size:.72em;color:var(--muted);font-weight:400;align-self:center}
.product-configuration-line{font-size:var(--fs-ui);color:var(--muted);margin-top:6px}
.to-confirm{display:inline-block;margin-inline-start:6px;padding:1px 6px;border:1px solid #6f6147;color:#d9c49a;font-size:var(--fs-label);letter-spacing:.02em;border-radius:2px;vertical-align:middle;white-space:nowrap}
.product-visual.is-pending .image-placeholder{background:radial-gradient(circle at 50% 42%,#222224,#121213);color:var(--muted);gap:12px}
.product-visual.is-pending .placeholder-model{font-size:clamp(18px,2.4vw,26px);color:var(--ink)}
.product-visual.is-pending .placeholder-note{position:static;font-size:var(--fs-label);letter-spacing:.03em}
.product-visual.is-pending .cfg-schematic{--w:min(46%,190px)}
/* Keep bilingual names and the image label apart while card photos load or are unavailable. */
.product-card .product-visual .image-placeholder{gap:8px;padding:12px 8px}
.product-card .product-visual .placeholder-model{font-size:clamp(16px,1.5vw,22px);line-height:1.3;max-width:100%}
.product-card .product-visual .placeholder-note{position:static}
.product-card .product-visual .cfg-schematic{--w:min(30%,100px);flex-shrink:0}
/* Schematic placeholder: an intentional, labelled diagram, never presented as the watch itself. */
.cfg-schematic{--w:calc(min(44%,300px) * var(--scale,1));width:var(--w);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 18px 30px #0007);transition:width .35s var(--ease)}
.cfg-schematic-band{display:block;width:50%;aspect-ratio:1/.84;background:repeating-linear-gradient(90deg,#0000 0 31%,#0003 31% 33%,#0000 33% 66%,#0003 66% 68%,#0000 68%),var(--swatch,#c9ccd0);opacity:.92}
.cfg-schematic-band.top{border-radius:6px 6px 0 0;mask:linear-gradient(#0000,#000 55%)}
.cfg-schematic-band.bottom{border-radius:0 0 6px 6px;mask:linear-gradient(#000 45%,#0000)}
.bracelet-jubilee .cfg-schematic-band{background:repeating-linear-gradient(90deg,#0000 0 18%,#0003 18% 20%),repeating-linear-gradient(0deg,#0000 0 9px,#0002 9px 10px),var(--swatch,#c9ccd0)}
.bracelet-president .cfg-schematic-band{background:repeating-linear-gradient(0deg,#0000 0 12px,#0003 12px 14px),repeating-linear-gradient(90deg,#0000 0 31%,#0002 31% 33%,#0000 33% 66%,#0002 66% 68%,#0000 68%),var(--swatch,#c9ccd0)}
.bracelet-oysterflex .cfg-schematic-band,.bracelet-strap .cfg-schematic-band,.bracelet-leather .cfg-schematic-band{background:linear-gradient(90deg,#141415,#232325,#141415)}
.cfg-schematic-case{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;background:var(--swatch,#c9ccd0);box-shadow:inset 0 0 0 1px #fff5,inset 0 -10px 22px #0004}
.bezel-fluted .cfg-schematic-case{background:repeating-conic-gradient(#fff3 0 2.5deg,#0003 2.5deg 5deg),var(--swatch,#c9ccd0)}
.bezel-gem-set .cfg-schematic-case{background:repeating-conic-gradient(#fff 0 3deg,#bbb 3deg 6deg),var(--swatch,#c9ccd0)}
.bezel-black-ceramic .cfg-schematic-case,.bezel-green-ceramic .cfg-schematic-case,.bezel-blue-ceramic .cfg-schematic-case,.bezel-red-blue .cfg-schematic-case,.bezel-black-blue .cfg-schematic-case,.bezel-black-green .cfg-schematic-case,.bezel-brown-black .cfg-schematic-case,.bezel-black-grey .cfg-schematic-case,.bezel-chestnut-ceramic .cfg-schematic-case{box-shadow:inset 0 0 0 calc(var(--w) * .08) #161617,inset 0 0 0 1px #fff5}
.bezel-green-ceramic .cfg-schematic-case{box-shadow:inset 0 0 0 calc(var(--w) * .08) #1f5b3a}.bezel-blue-ceramic .cfg-schematic-case{box-shadow:inset 0 0 0 calc(var(--w) * .08) #1d3f8a}.bezel-chestnut-ceramic .cfg-schematic-case{box-shadow:inset 0 0 0 calc(var(--w) * .08) #6b3f2a}
.cfg-schematic-dial{width:74%;aspect-ratio:1;border-radius:50%;background:var(--swatch,#3a3a3c);box-shadow:inset 0 0 0 1px #0005,inset 0 8px 20px #fff2}
/* Collection entry point */
.configure-callout{margin:0 0 22px}
.configure-link{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);background:var(--cream);transition:border-color .25s}
.configure-link span{display:flex;flex-direction:column;flex:1;min-width:0}.configure-link strong{font-weight:500;font-size:var(--fs-ui)}.configure-link small{font-size:var(--fs-meta);color:var(--muted)}
@media(hover:hover) and (pointer:fine){.configure-link:hover{border-color:var(--accent)}}
/* Options: native radios for keyboard, screen readers and touch */
.cfg-options{display:flex;flex-wrap:wrap;gap:8px}
.cfg-option{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px 8px 10px;border:1px solid var(--line);background:#0000;cursor:pointer;font-size:var(--fs-ui);line-height:1.3;transition:border-color .2s,background-color .2s;-webkit-tap-highlight-color:transparent}
.cfg-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cfg-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
html[data-input=pointer] .cfg-option:has(input:focus-visible){outline:none}
@media(hover:hover) and (pointer:fine){.cfg-option:hover{border-color:#8d8677}}
.cfg-option.is-selected{border-color:var(--accent);background:var(--accent-surface)}
.cfg-option-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.cfg-option-text small{font-size:var(--fs-label);color:var(--muted);letter-spacing:.01em}
.cfg-option.status-request .cfg-option-text small{color:#d9c49a}
.cfg-option.status-conflict{border-style:dashed;color:var(--muted)}
.cfg-option.status-unavailable{color:var(--muted)}
.cfg-option:not(.has-visual){padding-inline-start:14px}
.cfg-swatch{flex:none;width:28px;height:28px;border-radius:50%;background:var(--swatch,#444);box-shadow:inset 0 0 0 1px #fff4,0 0 0 1px #0006}
.cfg-option .bracelet-photo{flex:none;width:40px;height:40px;aspect-ratio:1;border:0;border-radius:2px}
.cfg-option .bracelet-photo img{width:100%;height:100%;object-fit:cover;transform:none;left:0}
.cfg-more{margin-top:10px}.cfg-more summary{cursor:pointer;font-size:var(--fs-meta);color:var(--muted);list-style:none;display:inline-flex;gap:8px;align-items:center;min-height:36px}.cfg-more summary::-webkit-details-marker{display:none}.cfg-more summary span{border:1px solid var(--line);padding:0 7px;border-radius:9px}.cfg-more .cfg-options{margin-top:8px}
/* Product page configuration panel */
.pdp-configuration{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.pdp-configuration .field-heading h2{font-size:var(--fs-ui);font-weight:500;letter-spacing:0;font-family:var(--sans)}
.pdp-option-row{border:0;padding:0;margin:18px 0 0;min-width:0}
.pdp-option-row legend{display:flex;justify-content:space-between;gap:12px;width:100%;padding:0;margin-bottom:10px;font-size:var(--fs-meta);color:var(--muted)}
.pdp-option-row legend strong{color:var(--ink);font-weight:400;text-align:end}
.cfg-options.compact .cfg-option{min-height:44px;font-size:var(--fs-meta)}
.cfg-open{margin-top:16px}
/* Guided configurator */
.cfg-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(32px,5vw,84px);align-items:start;padding-bottom:170px}
.cfg-stage-column{position:sticky;top:118px;min-width:0}
.cfg-stage{margin:0;display:flex;flex-direction:column;gap:12px;touch-action:pan-y}
.cfg-stage-frame{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:#f3f2ee}
.cfg-stage-frame img{width:calc(100% * var(--scale,1));height:calc(100% * var(--scale,1));object-fit:contain;mix-blend-mode:multiply;transition:width .35s var(--ease),height .35s var(--ease),opacity .25s}
.cfg-stage.is-placeholder .cfg-stage-frame{background:radial-gradient(circle at 50% 44%,#1f1f21,#0e0e0f 72%)}
.cfg-stage.is-approximate .cfg-stage-frame img{opacity:.78}
.cfg-stage figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px;font-size:var(--fs-meta);line-height:1.5;color:var(--muted)}
.cfg-scale-note{color:#cfc8b8}
.cfg-views{display:flex;gap:8px}.cfg-views button{min-height:40px;padding:0 14px;border:1px solid var(--line);font-size:var(--fs-meta)}.cfg-views button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.cfg-panel{min-width:0}.cfg-panel h1{font-size:clamp(42px,4.4vw,64px);line-height:1.05;margin-bottom:10px}
.cfg-from{font-size:var(--fs-ui);margin-bottom:6px}.cfg-from a{text-decoration:underline;text-underline-offset:3px}
.cfg-steps{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.cfg-steps::-webkit-scrollbar{display:none}
.cfg-steps li{flex:none}
.cfg-steps button{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline;min-height:54px;min-width:118px;max-width:190px;padding:9px 12px;border:1px solid var(--line);text-align:start}
.cfg-steps button span{grid-row:span 2;font-size:var(--fs-label);color:var(--muted)}.cfg-steps button strong{font-size:var(--fs-meta);font-weight:500}.cfg-steps button small{font-size:var(--fs-label);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfg-steps button[aria-current=step]{border-color:var(--accent);background:var(--accent-surface)}
.cfg-step{margin-top:26px}.cfg-step h2{font-size:clamp(24px,2.3vw,32px);margin-bottom:16px;outline:none}
.cfg-feedback:empty{display:none}.cfg-feedback{margin-top:20px}
.cfg-progress-note{font-size:var(--fs-ui)}.cfg-progress-note strong{color:var(--ink);font-weight:500}
.cfg-result{padding:20px;border:1px solid var(--line);background:var(--cream);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.cfg-result h3{font-size:16px;font-weight:500;color:var(--ink)}.cfg-result p{font-size:var(--fs-ui);line-height:1.7}
.cfg-result.request{border-color:#6f6147}
.cfg-result.conflict{border-color:#8c5b3f;background:#1a1412}
.cfg-alternatives{display:flex;flex-wrap:wrap;gap:8px}.cfg-alt{min-height:42px;padding:0 14px;border:1px solid var(--accent);color:var(--accent);font-size:var(--fs-ui)}
@media(hover:hover) and (pointer:fine){.cfg-alt:hover{background:var(--accent-surface)}}
.cfg-alternative-watches{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:6px}.cfg-alternative-watches h4{font-size:var(--fs-meta);font-weight:500;color:var(--muted)}
.cfg-alt-watch{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:12px 14px;border:1px solid var(--line);background:var(--paper)}
.cfg-alt-name{font-size:var(--fs-ui)}.cfg-alt-diff{grid-column:1;font-size:var(--fs-meta);color:var(--muted)}.cfg-alt-price{grid-row:1/span 2;grid-column:2;align-self:center;font-size:var(--fs-ui)}
.cfg-nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px}
.cfg-pill{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 20px;border-radius:0;letter-spacing:.015em;background:var(--ink);color:var(--paper);font-size:var(--fs-ui);font-weight:600}
.cfg-pill.secondary{background:#0000;color:var(--ink);border:1px solid var(--line)}
[dir=rtl] .cfg-pill svg{transform:scaleX(-1)}
.cfg-tools{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px}
.cfg-summary{position:fixed;inset-inline:0;bottom:0;z-index:34;background:#0b0b0cf2;border-top:1px solid var(--line);backdrop-filter:blur(10px);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom))}
.cfg-summary-inner{max-width:calc(var(--shell) - 2 * var(--gutter));margin:0 auto;display:flex;align-items:center;gap:18px;min-height:52px}
.cfg-summary-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cfg-summary-copy strong{font-size:var(--fs-body);font-weight:500}.cfg-summary-copy span{font-size:var(--fs-meta);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfg-summary-status{color:#cfc8b8!important}.cfg-summary-status.request{color:#d9c49a!important}.cfg-summary-status.conflict{color:#e0a07c!important}
.cfg-summary-price{font-size:17px}
.cfg-summary-actions{display:flex;align-items:center;gap:10px}.cfg-summary-actions .button{padding:12px 18px;gap:14px}
.cfg-summary-actions .save-button{position:static;width:46px;height:46px;border:1px solid var(--line)}
/* Family chooser */
.cfg-families{padding-bottom:80px}.cfg-brand{margin-top:34px}.cfg-brand h2{font-size:clamp(26px,2.4vw,34px);margin-bottom:16px}
.cfg-family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.cfg-family-card{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.cfg-family-image{grid-column:1/-1;display:grid;place-items:center;aspect-ratio:1;background:#f3f2ee;overflow:hidden}
.cfg-family-image img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.cfg-family-image .cfg-schematic{--w:48%}
.cfg-family-image:has(.cfg-schematic){background:radial-gradient(circle at 50% 44%,#1f1f21,#0e0e0f 72%)}
.cfg-family-copy{display:flex;flex-direction:column}.cfg-family-copy strong{font-size:17px;font-weight:500}.cfg-family-copy small{font-size:var(--fs-meta);color:var(--muted)}
@media(hover:hover) and (pointer:fine){.cfg-family-card:hover img{transform:scale(1.04)}}
/* Cart, checkout and request configuration details */
.bag-preference{margin:8px 0;padding:10px 12px;border:1px dashed #6f6147;font-size:var(--fs-meta);line-height:1.6;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.bag-preference strong{font-weight:500;color:#d9c49a}.bag-preference span{color:var(--muted)}
.checkout-preference{font-size:var(--fs-meta);color:#d9c49a}
.cfg-spec{display:grid;gap:0;margin:0 0 14px}.cfg-spec div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--fs-ui)}.cfg-spec dt{color:var(--muted)}.cfg-spec dd{margin:0;text-align:end}
.request-configuration{margin:22px 0 8px;padding:18px;border:1px solid var(--line);background:var(--cream)}
.request-configuration-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.request-configuration-heading span{font-size:var(--fs-meta);color:var(--muted)}.request-configuration-heading strong{font-size:22px;font-weight:400}
.request-configuration-heading small{font-size:var(--fs-meta);color:#cfc8b8}.request-configuration-heading small.kind-custom{color:#e0a07c}.request-configuration-heading small.kind-recognised{color:#d9c49a}
.request-configuration-actions{display:flex;flex-wrap:wrap;gap:10px 20px}
.quick-configuration{font-size:var(--fs-ui);color:var(--muted)}
.finder-callout-links{display:flex;flex-direction:column;gap:6px}
@media(max-width:960px){
 .cfg-layout{grid-template-columns:1fr;gap:18px;padding-bottom:190px}
 .cfg-stage-column{position:relative;top:auto}
 .cfg-stage-frame{aspect-ratio:1/.86}
 .cfg-panel h1{font-size:40px}
}
@media(max-width:640px){
 .cfg-step .cfg-options{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}
 .cfg-step .cfg-options::-webkit-scrollbar{display:none}
 .cfg-step .cfg-option{flex:none;scroll-snap-align:start}
 .cfg-steps{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
 .cfg-steps::-webkit-scrollbar{display:none}
 .cfg-summary-inner{flex-wrap:wrap;gap:8px 12px}
 .cfg-summary-copy{flex-basis:100%}.cfg-summary-copy span{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
 .cfg-summary-price{flex:1}
 .cfg-summary-actions{flex:1;justify-content:flex-end}.cfg-summary-actions .button-outline{display:none}
 .cfg-summary-actions .button{padding:12px 16px}
 .cfg-nav .cfg-pill{flex:1;justify-content:center;min-width:0}.cfg-nav .cfg-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .cfg-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .cfg-family-copy strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.cfg-stage-frame img,.cfg-schematic{transition:none}}
/* Visually hidden labels inside the comparison table stay inside its scroll area (fixes page-wide overflow on phones). */
.custom-badge{display:inline-block;margin-inline-start:8px;padding:1px 7px;border:1px solid #6f6147;color:#d9c49a;font-size:var(--fs-label);letter-spacing:.03em;border-radius:2px;vertical-align:middle}
.custom-edition .cfg-spec{margin-top:12px}

.pdp-moved{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-top:12px;padding:12px 16px;border-inline-start:2px solid var(--accent);background:var(--cream);font-size:var(--fs-ui);line-height:1.6;animation:cfg-note-in .35s var(--ease) both}.pdp-moved p{color:var(--ink)}
.pdp-pending{margin-top:12px;padding:14px 16px;border:1px solid var(--line);background:var(--cream)}.pdp-pending p{font-size:var(--fs-ui);line-height:1.7;color:var(--ink)}.pdp-pending-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px}.pdp-pending-actions .button{padding:10px 18px}

/* The page reserves exactly the height of its fixed bottom bars (--dock-h, measured in app.js), so they never cover it. */
body{padding-bottom:var(--dock-h,0px)}.preview-flag{translate:0 calc(-1 * var(--dock-h,0px))}
/* Case size, shown to scale: rings on the size choices, and the product image shrinks for a smaller case. */
.size-ring{flex:none;width:calc(var(--mm) * .62px);aspect-ratio:1;border:1.5px solid currentColor;border-radius:50%;opacity:.75;margin-inline:calc((28px - var(--mm) * .62px) / 2)}
.cfg-option:not(.has-visual):has(.size-ring){padding-inline-start:10px}
.product-main-image .product-visual>img{transform:scale(var(--scale,1));transition:transform .5s var(--ease),opacity .4s;-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
@media(prefers-reduced-motion:reduce){.product-main-image .product-visual>img{transition:none}}
.product-main-image .product-visual.is-supplier-photo{background:var(--cream)}
.product-main-image .product-visual.is-supplier-photo>img{object-fit:contain;transform:none;-webkit-mask-image:none;mask-image:none}
.gallery-thumbs{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.gallery-thumbs button{flex:none}
.gallery-thumbs .gallery-thumb{object-fit:contain;background:var(--cream)}
.product-visual.is-supplier-photo,.product-main-image .product-visual.is-supplier-photo{background:#f3f2ee}
.product-visual.is-supplier-photo>img{background:#f3f2ee}
.product-visual.is-supplier-photo.image-loaded .image-placeholder{visibility:hidden}
.gallery-label{color:#40463f}
.image-ghost{position:absolute!important;margin:0!important;pointer-events:none;opacity:1!important;transition:opacity .35s var(--ease)!important}.image-ghost.is-leaving{opacity:0!important}
/* Menu, "collections" design: every collection as a picture tile. */
/* Buttons and links: one definition each (height, size and weight never vary by page). Phone tap targets are at least 44 px. */
.text-link{font-size:var(--fs-ui)}.quiet-link{font-size:var(--fs-meta)}
.filter-toggle{min-height:44px;font-size:var(--fs-ui)}
.product-price del{font-size:max(13px,.78em)}
.request-banner-copy .button{padding-block:15px}
/* Phones: one slim header bar. Language and currency move to the foot of the menu (and stay in the footer). */
.menu-locale{display:none}
@media(max-width:600px){
 .site-header{height:64px;grid-template-rows:56px}
 .site-header .header-utilities{display:none}
 .menu-locale{display:flex;align-items:center;gap:18px;width:100%;padding-bottom:10px;border-bottom:1px solid #46523b}
 .menu-bottom{flex-wrap:wrap;height:auto;row-gap:8px}
}
/* Phone and tablet configurator: the watch stays pinned under the header while you choose, the steps scroll
   sideways on one line, and the summary is one row (price and status, save, add to cart). */
@media(max-width:900px){
 .cfg-stage-column{position:sticky;top:var(--header-h,64px);z-index:6;background:var(--paper);margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) 10px;border-bottom:1px solid var(--line)}
 .cfg-stage-frame{aspect-ratio:auto;height:clamp(190px,32svh,340px);grid-template:100% / 100%}
 .cfg-stage-frame .cfg-schematic{max-height:100%}
 .cfg-stage figcaption{flex-wrap:nowrap;gap:12px;font-size:var(--fs-label)}
 .cfg-stage figcaption>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .cfg-panel h1{font-size:30px;margin-bottom:4px}
 .cfg-panel>.kicker{margin-bottom:6px}
 .cfg-steps{margin-top:14px}
 .cfg-steps button{min-height:50px;min-width:0;max-width:170px}
 .cfg-step h2{font-size:22px}
 .cfg-summary-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"price actions" "status actions";column-gap:12px;row-gap:2px;align-items:center;min-height:0}
 .cfg-summary-price{grid-area:price}
 .cfg-summary-copy{grid-area:status;flex-basis:auto}
 .cfg-summary-copy strong,.cfg-summary-copy span:not(.cfg-summary-status){display:none}
 .cfg-summary-status{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;display:block!important;font-size:var(--fs-label)!important}
 .cfg-summary-inner:not(:has(.cfg-summary-price)) .cfg-summary-copy{grid-row:1 / span 2}
 .cfg-summary-inner:not(:has(.cfg-summary-price)) .cfg-summary-copy strong{display:block}
 .cfg-summary-actions{grid-area:actions;flex:none}
 .cfg-summary-actions .button{white-space:nowrap;padding-inline:16px;gap:12px}
 .cfg-layout{padding-bottom:40px}
}
.menu-locale .header-language{font-size:var(--fs-ui);min-height:44px}
@media(max-width:900px){html:has(.cfg-layout){scroll-padding-top:calc(var(--header-h,64px) + clamp(190px,32svh,340px) + 56px)}}
/* Product page: one quiet line for current photos; on phones the sticky bar is the only place to buy. */
.gallery-note{margin-top:12px}
.gallery-note .quiet-link{gap:8px}
@media(max-width:767px){.detail-actions{display:none}}
/* A long option list as one native select, styled like the chips. */
.cfg-select{position:relative;display:block}
.cfg-select select{width:100%;min-height:48px;padding:12px 44px 12px 14px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:var(--fs-ui);appearance:none;-webkit-appearance:none;border-radius:0}
.cfg-select select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.cfg-select>svg{position:absolute;inset-inline-end:14px;top:50%;translate:0 -50%;pointer-events:none}
.cfg-select option{background:var(--paper);color:var(--ink)}
/* Collection: a compact opening, so the first watches are on the first screen. */
.collection-intro{padding-top:40px;padding-bottom:28px}
.collection-intro h1{font-size:clamp(42px,4.4vw,66px)}
.collection-intro .intro-description{margin-top:12px}
.collection-sidebar .configure-callout{margin-bottom:26px}
.collection-sidebar .configure-callout small{display:none}
@media(min-width:821px){.collection-configure{display:none}}
@media(max-width:820px){.collection-configure .configure-link{min-height:52px;padding-block:10px}.collection-configure small{display:none}}
@media(max-width:600px){
 .collection-intro{padding-top:20px;padding-bottom:16px}
 .collection-intro h1{font-size:38px}
 .collection-intro .kicker{margin-bottom:8px}
 .collection-intro .intro-description{display:none}
 .collection-search{flex-wrap:nowrap;padding-block:6px}
 .collection-search form{flex:1;flex-basis:auto}
 .collection-search input{font-size:19px}
 .collection-search>a{margin:0;padding:10px;min-width:44px;min-height:44px;justify-content:center}
 .collection-search>a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .collection-toolbar{padding-block:10px}
 .brand-tabs{padding-top:8px}
}
/* Collection cards: the look on at most two lines, sizes and configurations on one. */
.product-card-info>p:not(.card-options){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.product-card-info>p.card-options{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Home on phones: the photograph comes first, the headline and actions right under it. */
/* Placeholders read at the same size as what you type. */
.field input::placeholder,.field textarea::placeholder{font-size:inherit}
.checkout-mini-summary{display:none}
@media(max-width:820px){.checkout-mini-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding:14px 16px;border:1px solid var(--line);background:var(--cream);font-size:var(--fs-ui)}.checkout-mini-summary strong{font-weight:500;color:var(--accent)}}
/* Page transitions (View Transitions API): the header stays still, the page crossfades, and the tapped watch
   moves into place as the product picture. */
@media(prefers-reduced-motion:no-preference){
 #site-top{view-transition-name:site-top}
 .product-main-image .product-visual{view-transition-name:watch-hero}
 ::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:var(--ease)}
 ::view-transition-group(watch-hero){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}
 ::view-transition-old(watch-hero),::view-transition-new(watch-hero){height:100%;object-fit:cover}
 /* A language change is one quiet dissolve, with no separate header/watch movement or empty frame. */
 html.language-turning *{view-transition-name:none!important}
 html.language-turning::view-transition-group(root){animation-duration:.18s}
 html.language-turning::view-transition-old(root){animation:none}
 html.language-turning::view-transition-new(root){mix-blend-mode:normal;animation:language-dissolve .18s ease-out both}
}
@keyframes language-dissolve{from{opacity:0}to{opacity:1}}
/* Cards in a row share one price line: the card fills its grid row and the price sits at its foot,
   however many lines the look and sizes take above it. */
.product-card{display:flex;flex-direction:column}
.product-card-info{flex:1;display:flex;flex-direction:column}
.product-card-info>.card-bottom{margin-top:auto;padding-top:11px}
/* About this watch: long-form copy, set for reading. */
.about-watch{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.about-watch h2{font-family:var(--sans);font-size:var(--fs-ui);font-weight:500;letter-spacing:0;margin-bottom:14px}
.about-watch p{font-size:var(--fs-body);line-height:1.85;color:#d8d5ce;max-width:68ch}
.about-watch p+p{margin-top:14px}

/* ===== Build your watch: the guided configurator =====
   Desktop: a full-height canvas for the watch on the left, still while you choose; one decision at a time on the right.
   Phones and tablets: the canvas pinned under the header, the step below. The fixed bar carries price, Back and Next. */
main:has(.cfg-flow){padding-top:0}
.cfg-flow{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;min-height:calc(100svh - var(--header-h,102px) - var(--dock-h,88px))}
.cfg-flow-stage{position:sticky;top:var(--header-h,102px);height:calc(100svh - var(--header-h,102px) - var(--dock-h,88px));min-height:420px;background:#f3f2ee;overflow:hidden}
.cfg-flow-stage .cfg-stage{height:100%;display:block;margin:0}
.cfg-flow-stage .cfg-stage-frame{height:100%;aspect-ratio:auto;background:#f3f2ee;grid-template:100% / 100%}
.cfg-flow-stage .cfg-stage-frame img{width:calc(92% * var(--scale,1));height:calc(92% * var(--scale,1));max-width:760px;justify-self:center;align-self:center;-webkit-mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.cfg-flow-stage .cfg-stage.is-placeholder .cfg-stage-frame{background:radial-gradient(circle at 50% 46%,#26262a,#101012 72%)}
.cfg-flow-stage figcaption{position:absolute;inset-inline:28px;top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px;font-size:var(--fs-label);letter-spacing:.02em;color:#5f5b53}
.cfg-flow-stage .is-placeholder figcaption{color:#a39f97}
.cfg-flow-stage .cfg-views{position:absolute;bottom:22px;inset-inline-start:50%;translate:-50% 0}
.cfg-caption-short{display:none}
.cfg-stage-fallback,.cfg-caption-failed{display:none}
.cfg-stage.image-failed .cfg-stage-frame{background:radial-gradient(circle at 50% 46%,#26262a,#101012 72%)}
.cfg-stage.image-failed .cfg-stage-fallback{display:grid;place-items:center;width:100%;height:100%;grid-area:1/1}
.cfg-stage.image-failed .cfg-caption{display:none}
.cfg-stage.image-failed .cfg-caption-failed{display:inline;color:#a39f97}
.cfg-flow-panel{min-width:0;padding:30px clamp(28px,4.2vw,72px) 56px}
.cfg-flow-panel .breadcrumbs{padding:0;margin:0 0 26px}
.cfg-flow-head .kicker{margin-bottom:8px}
.cfg-flow-head h1{font-size:clamp(40px,3.6vw,58px);line-height:1.02;margin:0 0 26px}
/* Progress: a segmented line with the step names and, under each, the current choice. */
.cfg-progress-count{display:flex;align-items:baseline;gap:10px;font-size:var(--fs-meta);color:var(--muted);margin-bottom:12px;font-variant-numeric:tabular-nums}
.cfg-progress-count strong{display:none;color:var(--ink);font-weight:500}
.cfg-progress ol{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
.cfg-progress button{display:flex;flex-direction:column;align-items:stretch;gap:9px;width:100%;min-height:44px;padding:0 0 4px;text-align:start;color:var(--muted)}
.cfg-progress-bar{display:block;height:2px;background:#2a2a29;transition:background .35s var(--ease)}
.cfg-progress .is-done .cfg-progress-bar{background:#6f6a60}
.cfg-progress .is-current .cfg-progress-bar{background:var(--accent)}
.cfg-progress-label{font-size:var(--fs-label);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-progress .is-current .cfg-progress-label{color:var(--ink)}
.cfg-progress small{font-size:var(--fs-meta);color:#8f8b83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(hover:hover) and (pointer:fine){.cfg-progress button:hover .cfg-progress-label{color:var(--ink)}}
.cfg-resume{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;margin-top:24px;padding:14px 16px;background:var(--cream);font-size:var(--fs-ui)}
.cfg-resume strong{font-weight:500}
.cfg-flow .cfg-step{margin-top:40px}
.cfg-flow .cfg-step h2{font-size:clamp(26px,2.2vw,32px);line-height:1.15;margin-bottom:6px;outline:none;letter-spacing:-.02em}
.cfg-step-selected{font-size:var(--fs-ui);color:var(--muted);margin-bottom:22px}
.cfg-step-selected strong{color:var(--ink);font-weight:500}
/* The palette. Swatch, bracelet and size options are cards with the colour or form above the name; the rest are rows. */
.cfg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.cfg-tiles.is-visual{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.cfg-tile{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:14px 16px;border:1px solid #262625;background:#0e0e0f;cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease)}
.cfg-tiles.is-visual .cfg-tile{flex-direction:column;justify-content:flex-start;text-align:center;gap:12px;padding:18px 10px 14px;min-height:132px}
.cfg-tile input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cfg-tile:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
html[data-input=pointer] .cfg-tile:has(input:focus-visible){outline:none}
@media(hover:hover) and (pointer:fine){.cfg-tile:hover{border-color:#57544e;background:#131314}}
.cfg-tile.is-selected{border-color:var(--accent);background:var(--accent-surface)}
.cfg-tile-media{display:grid;place-items:center;height:52px}
.cfg-tile .cfg-swatch{width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003,0 0 0 1px #ffffff14;transition:box-shadow .25s var(--ease)}
.cfg-tile.is-selected .cfg-swatch{box-shadow:inset 0 0 0 1px #0003,0 0 0 2px var(--paper),0 0 0 3px var(--accent)}
.cfg-tile .bracelet-photo{width:52px;height:52px;aspect-ratio:1;border:0;border-radius:2px;overflow:hidden}
.cfg-tile .bracelet-photo img{width:100%;height:100%;object-fit:cover;transform:none;left:0}
.cfg-tile .size-ring{margin:0;width:calc(var(--mm) * 1.05px);border-width:1.5px;opacity:.85}
.cfg-tile-text{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:var(--fs-ui);line-height:1.3}
.cfg-tile-text small{font-size:var(--fs-label);color:#8f8b83;letter-spacing:.01em}
.cfg-tile.status-request .cfg-tile-text small{color:#d9c49a}
.cfg-others{margin-top:26px}
.cfg-others-title{font-size:var(--fs-meta);color:var(--ink);margin-bottom:12px}
.cfg-others-title span{color:var(--muted)}
.cfg-others .cfg-tile:not(.is-selected){background:transparent}
.cfg-note:not(:empty){display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:-6px 0 20px;animation:cfg-note-in .35s var(--ease) both;padding:13px 16px;border-inline-start:2px solid var(--accent);background:var(--cream);font-size:var(--fs-ui)}
/* Review: each choice with Change, the status, and the watch's own page. */
.cfg-review-list{margin:10px 0 0;border-top:1px solid var(--line)}
.cfg-review-list>div{display:grid;grid-template-columns:minmax(110px,.8fr) 2fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:var(--fs-ui)}
.cfg-review-list dt{color:var(--muted)}
.cfg-review-list dd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0}
.cfg-review-status{margin:20px 0 14px;font-size:var(--fs-ui);color:var(--muted)}
.cfg-review-status.request{color:#d9c49a}
/* A quiet footer of tools. */
.cfg-flow .cfg-tools{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:44px;padding-top:18px;border-top:1px solid var(--line)}
.cfg-flow .cfg-tools>*{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:var(--fs-meta);color:var(--muted);transition:color .2s}
@media(hover:hover) and (pointer:fine){.cfg-flow .cfg-tools>*:hover{color:var(--ink)}}
/* The fixed bar. */
.cfg-summary-actions .cfg-bar-back{padding-inline:18px;gap:10px}
.cfg-summary-actions .cfg-bar-next{gap:14px;min-width:210px;justify-content:space-between}
.cfg-bar-request{font-size:var(--fs-ui);color:#d9c49a}
[dir=rtl] .cfg-bar-back svg,[dir=rtl] .cfg-bar-next svg{transform:scaleX(-1)}
/* Entry: collections as picture tiles on the same light canvas as the stage. */
.cfg-family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:28px 18px}
.cfg-family-tile{display:flex;flex-direction:column;gap:12px}
.cfg-family-image{display:block;width:100%;aspect-ratio:auto;padding:0;background:none;overflow:hidden}
.cfg-family-image .product-visual{width:100%;aspect-ratio:1;background:#f3f2ee}
.cfg-family-copy{display:flex;flex-direction:column;gap:4px}
.cfg-family-copy small{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cfg-family-copy strong{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2}
.cfg-family-copy span{font-size:var(--fs-meta);color:var(--muted)}
.cfg-family-go{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-ui);color:var(--accent)}
@media(hover:hover) and (pointer:fine){.cfg-family-tile:hover .product-visual>img{transform:scale(1.04)}.cfg-family-tile:hover .cfg-family-go svg{transform:translateX(4px)}}
.cfg-family-go svg{transition:transform .3s var(--ease)}
@media(max-width:1100px){.cfg-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:900px){
 .cfg-flow{display:block;min-height:0}
 .cfg-flow-stage{position:sticky;top:var(--header-h,64px);z-index:6;height:clamp(210px,34svh,340px);min-height:0;border-bottom:1px solid var(--line)}
 .cfg-flow-stage figcaption{inset-inline:16px;top:auto;bottom:10px}
 .cfg-caption-long{display:none}.cfg-caption-short{display:inline}
 .cfg-flow-stage .cfg-scale-note{display:none}
 .cfg-flow-stage .cfg-views{bottom:8px;inset-inline-start:auto;inset-inline-end:10px;translate:none}
 .cfg-flow-panel{padding:18px var(--gutter) 40px}
 .cfg-flow-panel .breadcrumbs{display:none}
 .cfg-flow-head .kicker{display:none}
 .cfg-flow-head h1{font-size:24px;margin-bottom:10px}
 .cfg-progress-count strong{display:inline}
 .cfg-progress-count span::after{content:" ·"}
 [dir=rtl] .cfg-progress-count span::after{content:" •"}
 .cfg-progress ol{gap:4px}
 .cfg-progress-label,.cfg-progress small{display:none}
 .cfg-progress button{min-height:24px;padding:10px 0;gap:0}
 .cfg-flow .cfg-step{margin-top:16px}
 .cfg-flow .cfg-step h2{font-size:21px;margin-bottom:2px}
 .cfg-step-selected{margin-bottom:12px;font-size:var(--fs-meta)}
 .cfg-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .cfg-tiles.is-visual{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cfg-tiles.is-visual .cfg-tile{min-height:116px;padding:14px 6px 12px;gap:10px}
 .cfg-tile{min-height:56px;padding:12px 14px}
 .cfg-tile .cfg-swatch{width:40px;height:40px}
 .cfg-tile-text{font-size:var(--fs-meta)}
 .cfg-summary-copy{display:none!important}
 .cfg-summary-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:10px}
 .cfg-summary-price{flex:1;min-width:0}
 .cfg-summary-actions{flex:none}
 .cfg-summary-actions .cfg-bar-back span{display:none}
 .cfg-summary-actions .cfg-bar-back{display:inline-flex;padding-inline:14px;min-width:50px}
 .cfg-summary-actions .cfg-bar-next{min-width:0;white-space:nowrap}
 html:has(.cfg-flow){scroll-padding-top:calc(var(--header-h,64px) + clamp(210px,34svh,340px) + 24px)}
}
@media(max-width:380px){.cfg-summary-actions .cfg-bar-next span{max-width:118px;overflow:hidden;text-overflow:ellipsis}.cfg-tiles.is-visual{grid-template-columns:repeat(2,minmax(0,1fr))}}
@keyframes cfg-note-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cfg-note:not(:empty),.pdp-moved{animation:none}}
.cfg-flow-stage .cfg-scale-note{color:#5f5b53}
.cfg-flow-stage .is-placeholder .cfg-scale-note,.cfg-flow-stage .image-failed .cfg-scale-note{color:#a39f97}
/* Audit fixes (2026-09-28). F05: the image disclaimer reads clearly on its light band (about 7:1). */
.gallery-label{color:#45423c}
/* F16: on narrow screens the comparison keeps its row labels in view while the watches scroll sideways. */
/* F10/F11: follow-up fields appear only when they are needed. */
/* About (owner, 10 Oct 2026): like any company's about page. Who we are with the Amman photograph, then vision,
   mission and what we offer as three plain columns, then the ORVIAN Standard. No numbering. */
.about-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:center;padding-block:clamp(36px,5.5vw,76px) clamp(44px,6vw,84px)}
.about-intro h1{font-size:clamp(48px,5.2vw,76px)}
.about-intro>div>p:not(.kicker){font-size:var(--fs-lead);line-height:1.75;color:var(--muted);max-width:44ch;margin-top:22px}
.about-intro>div>p.about-statement{font-weight:600;color:var(--accent)}
.about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,52px);padding-bottom:clamp(60px,7vw,104px)}
.about-pillars article{border-top:1px solid var(--line);padding-top:28px}
.about-pillars h2{font-size:clamp(28px,2.4vw,34px);line-height:1.15;margin-bottom:16px}
.about-pillars .about-statement{font-size:var(--fs-lead);font-weight:600;color:var(--accent);margin-bottom:12px}
.about-pillars p:not(.about-statement){font-size:var(--fs-body);line-height:1.8;color:var(--muted);max-width:46ch}
.about-pillars p+p:not(.about-statement){margin-top:12px}
.about-standard{grid-column:1/-1}
.about-standard p:not(.about-statement){max-width:70ch}
@media(max-width:900px){.about-pillars{grid-template-columns:1fr;gap:34px}}
@media(max-width:760px){.about-intro{grid-template-columns:1fr;gap:28px;padding-top:30px}.about-intro h1{font-size:52px}.about-intro .about-photo{min-height:300px}.about-pillars article{padding-top:24px}.about-pillars h2{font-size:30px}}
/* A closer look while configuring (owner, 10 Oct 2026): the stage's corner button, or a tap on the watch, opens its render
   full screen on the render's own backdrop; pinch, drag and double-tap zoom (src/lib/zoom.js). */
.cfg-flow .cfg-stage-frame{cursor:zoom-in}
.cfg-flow .cfg-stage.is-placeholder .cfg-stage-frame,.cfg-flow .cfg-stage.image-failed .cfg-stage-frame{cursor:default}
.cfg-stage-zoom{position:absolute;inset-inline-end:14px;bottom:14px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(250,249,247,.92);border:1px solid #d8d4cb;color:#161513;box-shadow:0 4px 14px rgba(22,21,19,.12);transition:transform .2s var(--ease),background .2s}
@media(hover:hover){.cfg-stage-zoom:hover{background:#fff;transform:scale(1.06)}}
.cfg-stage.image-failed .cfg-stage-zoom{display:none}
.zoom-dialog.stage-zoom-dialog{background:#f3f2ee;color:#161513}
.stage-zoom-dialog::backdrop{background:rgba(5,5,6,.6)}
.stage-zoom-dialog .viewer-top{color:#625e56;padding-inline-start:20px}
.stage-zoom-dialog .viewer-hint{font-size:var(--fs-meta);letter-spacing:0}
.stage-zoom-dialog .dialog-close{background:#fff;color:#161513;border-color:#d8d4cb}
.zoom-pane{position:relative;min-height:0;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:zoom-in;outline-offset:-3px}
.zoom-pane.is-zoomed{cursor:grab}
.zoom-pane.is-zoomed:active{cursor:grabbing}
.zoom-pane img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform}
@media(max-width:600px){.cfg-stage-zoom{inset-inline-end:10px;bottom:10px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.cfg-stage-zoom{transition:none}}
/* Saved, when nothing is saved yet: one centred page (owner, 10 Oct 2026). */
.saved-empty{min-height:min(62svh,640px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:clamp(48px,8vw,110px)}
.saved-empty .empty-icon{color:var(--accent);margin-bottom:18px}
.saved-empty .kicker{margin-bottom:12px}
.saved-empty h1{font-size:clamp(40px,5vw,64px)}
/* The menu (owner, 10 Oct 2026): one plain list of pages. No numbering and no counters; every row is the same size, with
   a hairline between rows. On a computer the row's arrow slides in on hover; on a phone the rows are simply tappable. */
.menu-primary>a,.menu-collection-toggle{gap:16px;font-size:clamp(28px,min(3.2vw,5.5vh),50px);letter-spacing:-.045em;line-height:1.2;padding:clamp(11px,1.75vh,19px) 0;border-bottom:1px solid var(--line);color:var(--ink)}
.menu-primary .menu-collection-toggle>.menu-disclosure{margin-inline-start:auto;min-width:0;color:var(--muted);font-size:inherit}
.menu-primary>a>svg{flex:none;margin-inline-start:auto;width:26px;height:26px;color:var(--accent);opacity:0;translate:-12px 0;transition:opacity .3s,translate .45s var(--ease)}
[dir=rtl] .menu-primary>a>svg{translate:12px 0}
@media(hover:hover) and (pointer:fine){
 .menu-primary>a:hover,html[dir=rtl] .menu-primary>a:hover{color:var(--accent);transform:none}
 .menu-primary>a:hover>svg{opacity:1;translate:0 0}
 .menu-collection-toggle:hover{color:var(--accent)}
}
.menu-brands-links{border-bottom:1px solid var(--line)}
.menu-aside{justify-content:flex-start;padding-top:6px}
.menu-aside-photo{height:auto;aspect-ratio:4/3;margin-bottom:26px}
.menu-secondary{grid-template-columns:1fr;gap:0}
.menu-secondary a{font-size:var(--fs-body);padding:9px 0;color:var(--muted);transition:color .2s}
@media(hover:hover) and (pointer:fine){.menu-secondary a:hover{color:var(--ink)}}
.menu-bottom>.contact-icons{gap:10px}
.contact-icons{display:flex;align-items:center;gap:10px}
.contact-icons a{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:color .2s,border-color .2s,background .2s}
@media(hover:hover) and (pointer:fine){.contact-icons a:hover{color:var(--accent);border-color:var(--accent)}}
@media(max-width:800px){
 .menu-primary>a,.menu-collection-toggle{font-size:clamp(27px,7.4vw,34px);padding-block:16px;gap:12px}
 .menu-primary>a>svg{display:none}
 .menu-bottom{justify-content:space-between;align-items:center}
 .menu-bottom>.contact-icons{margin-inline:auto}
}
@media(max-width:600px){.menu-bottom>.contact-icons{width:100%;justify-content:center;padding-block:4px}}
/* The list arrives a row at a time once the menu has opened; hover colour is never delayed by it. */
@media(prefers-reduced-motion:no-preference){
 .menu-dialog .menu-primary>*,.menu-dialog .menu-aside{--menu-in:0s;opacity:0;translate:0 14px;transition:opacity .5s var(--ease) var(--menu-in),translate .6s var(--ease) var(--menu-in),color .25s}
 .menu-dialog.is-revealed .menu-primary>*,.menu-dialog.is-revealed .menu-aside{opacity:1;translate:0 0}
 .menu-dialog.is-revealed .menu-primary>:nth-child(1){--menu-in:.08s}.menu-dialog.is-revealed .menu-primary>:nth-child(2){--menu-in:.12s}.menu-dialog.is-revealed .menu-primary>:nth-child(3){--menu-in:.16s}.menu-dialog.is-revealed .menu-primary>:nth-child(4){--menu-in:.2s}.menu-dialog.is-revealed .menu-primary>:nth-child(5){--menu-in:.24s}.menu-dialog.is-revealed .menu-primary>:nth-child(6){--menu-in:.28s}.menu-dialog.is-revealed .menu-primary>:nth-child(7){--menu-in:.32s}
 .menu-dialog.is-revealed .menu-aside{--menu-in:.2s}
}
/* The footer, simpler: who we are and where to reach us, three short lists, one line of disclosure. */
.footer-story img{margin-bottom:18px}
.footer-story>p{font-size:var(--fs-ui);color:var(--muted);max-width:260px;margin:0 0 20px}
.footer-top{grid-template-columns:1.5fr 1fr 1fr 1fr;padding-bottom:40px}
.footer-column .currency-selector{margin-top:6px}
@media(max-width:820px){.footer-top{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:600px){.footer-top{grid-template-columns:1fr 1fr;padding-bottom:22px}.footer-story>p{max-width:none}}
/* A confirmation line and the button it belongs to (storewide): the line stands clear of the button under it, and the
   tick box sits level with its first line of text. Never flush. */
.consent-field{margin-block:6px 0;gap:14px;align-items:flex-start;line-height:1.65}
.consent-field input{width:18px;height:18px;margin-top:3px}
.consent-field+.button,.consent-field+.form-error+.form-actions,.order-submit .consent-field+.button{margin-top:26px}
.consent-field+.form-error:not(:empty){margin-top:12px}
.order-submit #order-error:not(:empty),.customer-message-form .button+[role=status]{margin-top:14px}
.customer-message-form .button{margin-top:26px}
.payment-pending .button+p,.payment-pending p+.button{margin-top:18px}
/* Payment follows the order total: one rule between them, not two. */
.review-block+.payment-pending{border-top:0;margin-top:0}
/* A hint that follows a block of options stands apart from it. */
.pdp-request-hint{margin-top:16px}
/* A request opened by its reference (the tracking page; no menu entry leads here). */
.track-request h2{font-size:clamp(34px,4vw,52px);margin-bottom:22px}
.track-request-card{display:grid;margin:0 0 18px;border-top:1px solid var(--line)}
.track-request-card>div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:15px 0;border-bottom:1px solid var(--line)}
.track-request-card dt{flex:none;color:var(--muted);font-size:var(--fs-meta)}
.track-request-card dd{margin:0;text-align:end;font-size:var(--fs-body);overflow-wrap:anywhere}
.track-request .track-hint{margin-bottom:22px}
.track-request-find .button{margin-top:6px}
.track-request-find .quiet-link{display:inline-block;margin-top:22px}
.completion-follow{margin:16px 0 0}
/* The collection in pages (owner, 10 Oct 2026): Previous, page numbers, Next. Squared, hairline controls in the site's
   own manner; the current page is the one in champagne. Every control is at least 44 px. */
.pager{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,20px);margin-top:clamp(40px,5vw,68px);padding-top:30px;border-top:1px solid var(--line)}
.pager-pages{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.pager-pages a{display:grid;place-items:center;min-width:44px;height:44px;padding:0 6px;font-size:var(--fs-body);font-variant-numeric:tabular-nums;color:var(--muted);border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}
.pager-pages a[aria-current=page]{color:var(--accent);border-color:var(--accent)}
.pager-gap{display:grid;place-items:center;min-width:22px;height:44px;color:var(--muted);letter-spacing:.1em}
.pager-step{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;min-width:44px;padding:0 18px;font-size:var(--fs-ui);color:var(--ink);border:1px solid var(--line);transition:color .2s,border-color .2s,opacity .2s}
.pager-step[aria-disabled=true]{opacity:.32}
@media(hover:hover) and (pointer:fine){.pager-pages a:not([aria-current]):hover{color:var(--ink);border-color:var(--line)}a.pager-step:hover{color:var(--accent);border-color:var(--accent)}}
.pager-pages a:active,a.pager-step:active{transform:scale(.97)}
.pager-range{text-align:center;font-size:var(--fs-meta);color:var(--muted);margin-top:18px}
@media(max-width:640px){.pager{gap:6px;justify-content:space-between}.pager-pages{gap:0}.pager-pages a{min-width:38px;padding:0 2px}.pager-gap{min-width:16px}.pager-step{padding:0;width:44px}.pager-step>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
@media(max-width:360px){.pager-pages a{min-width:34px}}
@media(prefers-reduced-motion:reduce){.pager-pages a,.pager-step{transition:none}}
/* "Show us your taste" (owner, 10 Oct 2026): this or that. Two pictures, one tap, eight times; then the shortlist. */
.taste-head{max-width:1180px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;padding-top:clamp(26px,3.6vw,48px);padding-bottom:14px}
.taste-head h1.kicker{font-size:var(--fs-label);line-height:1.4;margin:0}
.taste-head p{font-size:var(--fs-meta);color:var(--muted);margin:0}
.taste{max-width:1180px;padding-bottom:clamp(60px,8vw,110px);scroll-margin-top:calc(var(--header-h,90px) + 60px)}
.taste-progress{height:2px;background:var(--line);overflow:hidden}
.taste-progress>span{display:block;height:100%;background:var(--accent);transition:width .5s var(--ease)}
.taste-count{margin:14px 0 0;font-size:var(--fs-meta);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.08em}
.taste-question>h2,.taste-result-head>h2{font-size:clamp(32px,min(4.4vw,6.2vh),56px);line-height:1.08;text-align:center;margin:clamp(16px,2.6vh,34px) 0 clamp(18px,2.8vh,34px)}
.taste-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,2vw,28px);max-width:min(900px,calc((100svh - 566px) * 2 + 76px));min-width:min(100%,520px);margin-inline:auto}
.taste-option{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:0;text-align:center;border:1px solid var(--line);background:var(--cream);transition:border-color .25s,transform .35s var(--ease),box-shadow .35s var(--ease)}
.taste-option .product-visual{width:100%;aspect-ratio:1;overflow:hidden;background:#f3f2ee}
.taste-option .product-visual img{width:100%;height:100%;object-fit:contain}
.taste-option-label{display:block;padding:clamp(14px,1.8vw,22px) 10px;font-size:clamp(18px,2vw,24px);letter-spacing:-.02em;color:var(--ink);transition:color .25s}
.taste-option[aria-pressed=true]{border-color:var(--accent)}
.taste-option[aria-pressed=true] .taste-option-label{color:var(--accent)}
.taste-option:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){.taste-option:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}.taste-option:hover .taste-option-label{color:var(--accent)}}
.taste-or{font-size:var(--fs-meta);color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
[dir=rtl] .taste-or{letter-spacing:0}
.taste-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:900px;margin:clamp(24px,3vw,38px) auto 0}
.taste-foot .quiet-link{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.taste-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0 0 clamp(30px,4vw,50px);padding:0}
.taste-chips li{padding:8px 14px;border:1px solid var(--line);font-size:var(--fs-meta);color:var(--muted)}
.taste .finder-results{grid-template-columns:repeat(3,minmax(0,1fr))}
.taste .finder-reasons{margin-top:10px;font-size:var(--fs-ui);color:var(--accent)}
.taste .finder-reasons strong{font-weight:700;white-space:nowrap}
.taste-matches>h3{font-size:clamp(22px,2.4vw,28px);font-weight:500;margin-bottom:24px}
.taste-matches+.taste-matches{margin-top:clamp(36px,5vw,64px)}
.taste-result-foot{max-width:none;border-top:1px solid var(--line);padding-top:26px}
@media(max-width:700px){.taste-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;max-width:none;min-width:0}.taste-or{display:none}.taste .finder-results{grid-template-columns:repeat(2,minmax(0,1fr))}.taste-result-foot{flex-direction:column-reverse;align-items:stretch;text-align:center}.taste-result-foot .quiet-link{justify-content:center}}
@media(prefers-reduced-motion:reduce){.taste-option,.taste-progress>span{transition:none}.taste-option:hover{transform:none}}
/* Home, "How it works" (owner, 10 Oct 2026: keep it, make it friendlier): three steps on one line, each a large
   numeral, a short title and one plain sentence, joined by the hairline they sit on. */
.how-strip{padding-block:clamp(48px,6vw,84px)}
.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.how-steps li{position:relative;padding-top:clamp(22px,2.6vw,34px)}
.how-steps li::before{content:'';position:absolute;top:-1px;inset-inline-start:0;width:56px;height:1px;background:var(--accent)}
.how-number{display:block;font-size:clamp(34px,3.6vw,52px);font-weight:300;line-height:1;letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums}
.how-steps h3{font-size:clamp(20px,1.9vw,26px);letter-spacing:-.02em;margin:clamp(14px,1.6vw,22px) 0 8px}
.how-steps p{font-size:var(--fs-body);line-height:1.7;color:var(--muted);max-width:30ch}
@media(max-width:700px){.how-steps{grid-template-columns:1fr;gap:0;border-top:0}.how-steps li{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:8px;padding:22px 0;border-top:1px solid var(--line)}.how-steps li::before{top:-1px}.how-number{grid-row:span 2;font-size:38px}.how-steps h3{margin:2px 0 6px;font-size:21px}.how-steps p{max-width:none}}
/* The delivery country: one searchable field over every country (src/lib/country-picker.js). The list is the field's
   own popover: it opens below, or above when a phone keyboard leaves more room there, and only it scrolls. */
.field-country>label{font-size:var(--fs-meta);color:var(--ink)}
.country-box{position:relative}
.country-box input{padding-inline-end:44px;text-overflow:ellipsis}
.country-chevron{position:absolute;inset-inline-end:0;top:0;width:44px;height:100%;display:grid;place-items:center;color:var(--muted);cursor:pointer;transition:transform .2s var(--ease)}
.field-country.is-open .country-chevron{transform:rotate(180deg)}
.country-box [role=listbox]{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:30;margin:0;padding:6px 0;list-style:none;overflow-y:auto;overscroll-behavior:contain;background:var(--stone);border:1px solid var(--control-border);box-shadow:0 18px 40px rgba(0,0,0,.45);max-height:320px}
.country-box [role=listbox].opens-up{top:auto;bottom:calc(100% + 4px)}
.country-box [role=option]{display:flex;align-items:center;min-height:44px;padding:10px 16px;font-size:var(--fs-ui);color:var(--ink);cursor:pointer;user-select:none}
.country-box [role=option].is-active{background:var(--accent-surface)}
@media(hover:hover){.country-box [role=option]:hover{background:var(--accent-surface)}}
.country-box [role=option][aria-selected=true]{color:var(--accent);font-weight:600}
.country-empty{padding:12px 16px;font-size:var(--fs-meta);color:var(--muted)}
@media(prefers-reduced-motion:reduce){.country-chevron{transition:none}}
.field:has(.instagram-handle){display:none}
form:has(.field-method option[value="Instagram"]:checked) .field:has(.instagram-handle){display:flex}
@media(max-width:600px){.cfg-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.cfg-family-copy strong{font-size:18px}.cfg-family-image .placeholder-note{display:none}}

/* The pale-stone editorial keeps both watches in frame. Its open left side carries the quote in either language. */
.sourcing-scene--stone{min-height:0;align-items:center}
.sourcing-art--stone{min-height:0;height:auto;width:100%;aspect-ratio:3/2;align-self:center}
.sourcing-art--stone img{object-position:center;object-fit:contain}
.sourcing-art--stone:after{display:none}
.sourcing-art--stone .scene-quote{left:5%;right:auto;width:35%;font-size:clamp(18px,2.2vw,32px);font-weight:600;line-height:1.22;letter-spacing:-.035em;color:#161513;text-shadow:none}
.sourcing-art--stone .scene-quote>span{display:block;text-wrap:balance}
.sourcing-art--stone .scene-quote em{color:#3d2e18;font-weight:700;margin-top:.55em;text-wrap:balance}
html[dir=rtl] .sourcing-art--stone .scene-quote{left:5%;right:auto;width:35%}
@media(max-width:760px){.sourcing-art--stone .scene-quote{font-size:clamp(17px,4.4vw,30px)}}

.jordan-delivery{display:flex;align-items:center;gap:14px;margin:0;color:var(--accent);font-size:var(--fs-label);line-height:1.5}
.jordan-delivery:empty{display:none}
.jordan-delivery.is-visible{margin-block:22px}
.jordan-delivery svg{flex:none}
.jordan-delivery strong{display:block;color:var(--ink);font-size:var(--fs-body);font-weight:600}
@media(prefers-reduced-motion:no-preference){.jordan-delivery.is-visible{animation:jordan-delivery-in 280ms ease-out both}}
@keyframes jordan-delivery-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* === Home hero: the Arch (src/pages/home.js). The wrist seen through an arch, the shape of Amman's stone doorways, with the
   brand line read across it: "For the wrist." on one side, "Not the safe." on the other. The window opens from its base,
   then each half of the line rises out of its own mask. === */
.home-hero{--hero-h:calc(100svh - var(--header-h,102px) - 14px);--hero-t:min(clamp(56px,8.3vw,142px),calc((100vw - var(--arch-w) - 160px)/6.1));--arch-h:min(calc(var(--hero-h) - 92px),800px);--arch-w:calc(var(--arch-h)*.66);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) var(--arch-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;--hero-gap:clamp(28px,3.4vw,64px);column-gap:var(--hero-gap);height:var(--hero-h);min-height:600px;max-height:1000px;padding:44px var(--gutter) 24px;color:var(--ink);background:radial-gradient(34% 52% at 50% 64%,rgba(197,164,109,.16),rgba(197,164,109,0) 72%),var(--paper);border-bottom:1px solid var(--line)}
.home-hero .home-hero-title{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:subgrid;margin:0;font-family:var(--display);font-weight:400;font-size:var(--hero-t);line-height:.96;letter-spacing:-.058em;text-wrap:nowrap;z-index:2;pointer-events:none}
.home-hero .home-hero-title em{font-style:normal;color:var(--accent)}
.home-hero-a{grid-column:1;align-self:start;justify-self:end;text-align:end;margin-top:clamp(12px,6vh,72px);margin-inline-end:0}
/* "Not the safe." is gold, like the arch's moulding, so it keeps clear of it: its gold line sits 25px outside the window and the
   words start 48px out, whatever the column gap. */
.home-hero-b{grid-column:3;align-self:end;justify-self:start;margin-inline-start:max(0px,calc(48px - var(--hero-gap)));margin-bottom:clamp(8px,3vh,36px)}
/* Each line rises out of its own mask, once the window has started to open. */
.home-hero-line{display:block;overflow:hidden;padding:.1em .06em .14em;margin:-.1em -.06em -.14em}
.home-hero-line>span{display:block;animation:hero-rise 1.25s .5s var(--ease) both}
.home-hero-line~.home-hero-line>span{animation-delay:.6s}
.home-hero-b .home-hero-line>span{animation-delay:.72s}
.home-hero-b .home-hero-line~.home-hero-line>span{animation-delay:.82s}
.home-hero-window{grid-column:2;grid-row:1/-1;align-self:end;justify-self:center;position:relative;margin:0;width:var(--arch-w);height:var(--arch-h)}
.home-hero-glass{position:absolute;inset:0;border-radius:999px 999px 0 0;overflow:hidden;background:#17140f;clip-path:inset(100% 0 0 0);animation:hero-open 1.5s .05s cubic-bezier(.65,0,.25,1) forwards}
.home-hero-glass img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 36%;animation:hero-push 3.4s .05s var(--ease) both}
/* Both photographs stay decoded in the same arch. The night layer dissolves over daylight when view transitions
   are unavailable; during the page's reveal/dissolve it switches with that snapshot, without a second animation. */
.home-hero-night{opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1)}
html.theme-turning .home-hero-night{transition:none}
.home-hero-glass:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,9,.25),rgba(8,8,9,0) 30%,rgba(8,8,9,0) 70%,rgba(8,8,9,.55))}
.home-hero-moulding{position:absolute;inset:-16px -16px 0;border:1px solid rgba(221,190,136,.5);border-bottom:0;border-radius:999px 999px 0 0;clip-path:inset(100% 0 0 0);animation:hero-open 2.2s .6s cubic-bezier(.7,0,.2,1) forwards}
.home-hero-moulding:before{content:"";position:absolute;inset:-9px -9px 0;border:1px solid rgba(221,190,136,.16);border-bottom:0;border-radius:inherit}
.home-hero-ground{grid-column:1/-1;grid-row:1/-1;align-self:end;height:1px;margin-inline:calc(var(--gutter)*-1);background:linear-gradient(90deg,rgba(221,190,136,0),rgba(221,190,136,.28) 30%,rgba(221,190,136,.28) 70%,rgba(221,190,136,0));transform:scaleX(0);animation:hero-ground 1.8s .2s cubic-bezier(.7,0,.2,1) forwards}
.home-hero-side{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:22px;align-items:flex-start;z-index:2}
.home-hero-origin{position:absolute;inset-inline:0;top:18px;display:flex;justify-content:center;align-items:center;gap:9px;color:var(--accent);font-size:var(--fs-label);line-height:20px;letter-spacing:.1em;text-transform:uppercase;z-index:2;animation:hero-fade .9s .15s var(--ease) both}
.home-hero-origin>span{font-size:16px;letter-spacing:0}
html[dir=rtl] .home-hero-origin{letter-spacing:0}
.home-hero .home-hero-sub{max-width:32ch;font-size:var(--fs-body);line-height:1.6;color:var(--muted);text-wrap:balance;animation:hero-fade 1s 1.05s var(--ease) both}
.home-hero .home-hero-actions{max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:14px;animation:hero-fade 1s 1.15s var(--ease) both}
.home-hero .home-hero-actions .button{margin:0;min-width:0;max-width:100%;gap:clamp(12px,2vw,30px);justify-content:space-between}
.home-hero .home-hero-actions .text-link{margin:0;align-self:center;color:var(--ink)}
.home-hero .home-hero-actions .text-link svg{color:var(--accent)}
@keyframes hero-rise{from{transform:translateY(108%)}}
@keyframes hero-fade{from{opacity:0;transform:translateY(14px)}}
@keyframes hero-push{from{transform:scale(1.14)}}
@keyframes hero-open{to{clip-path:inset(0 0 0 0)}}
@keyframes hero-ground{to{transform:scaleX(1)}}
/* Both themes share this composition. On portrait screens the headline sits outside the complete arch outline. */
@media (max-width:900px),(max-aspect-ratio:1/1){
 .home-hero{--hero-t:clamp(44px,14.2vw,84px);--arch-w:min(78vw,max(min(150px,calc((var(--hero-h) - 300px)*.66)),calc((var(--hero-h) - 344px)*.66)),480px);--arch-h:calc(var(--arch-w)/.66);height:auto;min-height:var(--hero-h);max-height:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;align-content:center;justify-items:center;padding:18px var(--gutter) 22px;background:radial-gradient(60% 40% at 50% 45%,rgba(197,164,109,.16),rgba(197,164,109,0) 72%),var(--paper)}
 .home-hero:lang(ar){--arch-w:min(78vw,max(min(150px,calc((var(--hero-h) - 300px)*.66)),calc((var(--hero-h) - 344px - .64*var(--hero-t))*.66)),480px)}
 .home-hero-origin{position:static;grid-column:1;grid-row:1;margin-bottom:12px}
 .home-hero .home-hero-title{grid-column:1;grid-row:2/5;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;justify-items:center;width:100%}
 .home-hero-a,.home-hero-b{grid-column:1;justify-self:center;text-align:center;margin:0;display:flex;gap:.24em;align-self:auto}
 .home-hero-a{grid-row:1;margin:0 0 36px}
 .home-hero-b{grid-row:3;margin:12px 0 0}
 .home-hero-a .home-hero-line,.home-hero-b .home-hero-line{display:inline-block}
 .home-hero-window{grid-column:1;grid-row:3}
 .home-hero-ground{grid-row:3;margin-inline:calc(var(--gutter)*-1)}
 .home-hero-side{grid-column:1;grid-row:5;align-items:center;text-align:center;margin-top:18px;gap:18px}
 .home-hero .home-hero-sub{display:none}
 .home-hero .home-hero-actions{align-items:center}
}
/* The longer approved Arabic headline uses two desktop lines, joined across the arch on phones. */
@media(min-width:901px) and (min-aspect-ratio:1/1){.home-hero:lang(ar){--hero-t:clamp(44px,5.8vw,100px)}}
/* Arabic: its own leading and no negative tracking. */
html[dir=rtl] .home-hero .home-hero-title{letter-spacing:0;line-height:1.28}
html[dir=rtl] .home-hero-a{margin-inline-end:0}
@media (prefers-reduced-motion:reduce){.home-hero *,.home-hero *:before,.home-hero *:after{animation:none!important;transition:none!important}.home-hero-glass,.home-hero-moulding{clip-path:none}.home-hero-ground{transform:none}}
/* Normalised main images already share one framing and background: they fill their frame, are never scaled again,
   and blend into the #F3F2EE surface around them. */
.product-visual.is-normalized{background:#f3f2ee}
.cfg-family-image .product-visual>img,.cfg-family-image .product-visual.is-normalized>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;transform:none}
.cfg-stage.is-normalized .cfg-stage-frame img{mix-blend-mode:normal}
.cfg-stage.is-normalized .cfg-stage-frame,.cfg-flow-stage:has(.cfg-stage.is-normalized){background:#f3f2ee}
.cfg-flow-stage .cfg-stage.is-normalized .cfg-stage-frame img{width:min(100%,100% * var(--scale,1));height:100%;max-width:none}
.product-visual.is-normalized>img{mix-blend-mode:normal}
/* Payments: the choice at checkout and each customer's private order page */
.payment-options{border:0;padding:0;margin:26px 0 0;display:grid;gap:13px;min-width:0}.payment-options legend{padding:0;margin-bottom:6px}.payment-options legend h3{font-size:26px}
.pay-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);color:var(--muted);white-space:nowrap}
#payment-note{margin:16px 0 22px;line-height:1.7}
.order-page{padding-bottom:40px}
.order-hero{padding-block:clamp(36px,6vw,84px) 34px;max-width:900px}.order-hero h1{font-family:var(--display);font-size:clamp(40px,6vw,74px);font-weight:400;line-height:1.02;letter-spacing:-.045em}.order-hero .intro-description{margin-top:22px;max-width:640px;font-size:var(--fs-lead);line-height:1.7;color:var(--muted)}
.order-hero .quiet-link{margin:22px 0 0;gap:8px}
.order-progress{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;max-width:640px}
.order-progress li{display:grid;justify-items:start;gap:10px;font-size:var(--fs-label);color:var(--muted);padding-top:14px;border-top:2px solid var(--line)}
.order-progress li.done{color:var(--ink);border-top-color:var(--accent)}.order-progress li.current{color:var(--ink);border-top-color:var(--ink)}
.order-progress li span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid currentColor;font-size:11px}.order-progress li.done span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.pay-card{border:1px solid var(--line);padding:clamp(22px,3vw,34px);display:grid;gap:22px;background:var(--cream);min-width:0}
.pay-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px 16px;flex-wrap:wrap}.pay-card-heading h2{font-family:var(--display);font-size:28px;font-weight:400;letter-spacing:-.03em}
.pay-amount{display:grid;gap:4px}.pay-amount span{font-size:var(--fs-label);color:var(--muted)}.pay-amount strong{font-size:clamp(34px,4vw,46px);font-weight:400;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pay-amount small{color:var(--muted);font-size:var(--fs-ui)}
.pay-warning{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1px solid #6b5a3a;background:var(--accent-surface);font-size:var(--fs-ui);line-height:1.6;margin:0}.pay-warning svg{flex:none;margin-top:3px;color:var(--accent)}
.pay-details{display:grid;margin:0;border-top:1px solid var(--line)}
.pay-row{display:grid;grid-template-columns:minmax(120px,.8fr) 2fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}
.pay-row dt{font-size:var(--fs-label);color:var(--muted)}.pay-row dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.pay-row bdi{overflow-wrap:anywhere;font-size:var(--fs-body);min-width:0}.pay-row .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.pay-row-strong bdi{font-size:16px;color:var(--ink)}
.copy-button{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:var(--fs-label);cursor:pointer;transition:border-color .2s,color .2s}.copy-button:hover,.copy-button:focus-visible{border-color:var(--accent);color:var(--accent)}
.pay-hint,.pay-note{font-size:var(--fs-ui);color:var(--muted);line-height:1.7;margin:0}
.pay-more summary,.pay-switch summary{cursor:pointer;font-size:var(--fs-ui);color:var(--muted);min-height:44px;display:flex;align-items:center}
.pay-report{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:22px}.pay-report h3{font-family:var(--display);font-size:22px;font-weight:400}.pay-report>p{margin:0;color:var(--muted);font-size:var(--fs-ui)}.pay-report .button{justify-self:start}
.pay-report .field-hint{display:block;font-size:var(--fs-label);color:var(--muted);margin-top:8px}
.pay-result{min-height:1.6em;font-size:var(--fs-ui);color:var(--accent);margin:0}
.pay-switch-options{display:grid;gap:10px;margin-top:10px}
.payment-choice{display:grid;gap:4px;text-align:start;padding:16px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;min-height:44px}.payment-choice:hover,.payment-choice:focus-visible{border-color:var(--accent)}.payment-choice small{color:var(--muted);font-size:var(--fs-label)}
.order-timeline{margin-top:34px}.order-timeline h3{font-family:var(--display);font-size:22px;font-weight:400}.order-timeline ol{list-style:none;margin:14px 0 0;padding:0}
.order-timeline li{display:grid;grid-template-columns:minmax(150px,auto) 1fr auto;gap:14px;padding:12px 0;border-top:1px solid var(--line);font-size:var(--fs-ui);align-items:baseline}
.order-timeline time{color:var(--muted);font-size:var(--fs-label)}.order-timeline a{color:var(--accent);display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-label)}
.order-line-image{width:64px;height:64px;object-fit:cover;background:#f3f2ee;flex:none}
.order-help{display:grid;gap:10px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.order-help p,.order-help small{color:var(--muted);font-size:var(--fs-label);line-height:1.6;margin:0}.order-help .text-link{margin:0;gap:10px;align-self:start}.order-help .quiet-link{margin:0;width:max-content;gap:8px;position:static}
.order-find{display:grid;gap:14px;max-width:720px}.order-find h2{font-family:var(--display);font-size:28px;font-weight:400}.order-find .button{justify-self:start}
.device-orders{margin-top:48px;max-width:720px}.device-orders h2{font-family:var(--display);font-size:22px;font-weight:400}.device-orders ul{list-style:none;padding:0;margin:12px 0 0}
.device-order{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line);min-height:44px}.device-order span{margin-inline-start:auto;color:var(--muted)}
.order-lookup{padding-bottom:100px}
.order-loading{padding-block:clamp(36px,6vw,84px) 100px}.order-loading h1{font-family:var(--display);font-size:clamp(34px,5vw,56px);font-weight:400}
.order-skeleton{height:320px;margin-top:30px;background:linear-gradient(90deg,var(--cream),var(--stone),var(--cream));background-size:200% 100%;animation:order-shimmer 1.4s linear infinite}
@keyframes order-shimmer{to{background-position:-200% 0}}
.track-order-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:0 24px}.track-order-link p{color:var(--muted)}.track-order-link .text-link{margin:0}
@media(prefers-reduced-motion:reduce){.order-skeleton{animation:none}}
@media(max-width:760px){.pay-row{grid-template-columns:1fr;gap:6px}.order-timeline li{grid-template-columns:1fr;gap:4px}.order-progress{gap:6px}.pay-card-heading h2{font-size:24px}.pay-report .button,.order-find .button{width:100%;justify-content:center}}
/* Order tracking: one forgiving field, a code, the verified orders; and the order page's fulfilment. */
.track-page{padding-bottom:clamp(36px,6vw,64px)}
.track-panel{max-width:760px}
.track-label{display:block;font-size:var(--fs-label);letter-spacing:.035em;color:var(--muted);margin:0 0 12px}
.track-field{display:flex;align-items:stretch;border:1px solid var(--control-border);background:var(--cream);transition:border-color .25s}
@media(hover:hover) and (pointer:fine){.track-field:hover{border-color:#a1a894}}
.track-field:focus-within{border-color:var(--ink)}
.track-field input{flex:1;min-width:0;width:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:clamp(17px,1.6vw,19px);padding:0 20px;min-height:64px;outline:0}
.track-field input::placeholder{color:#8a877f;font-size:var(--fs-ui)}
.track-field .button{margin:0;min-width:156px;width:auto;flex:none;gap:14px;border-radius:0;justify-content:center}
.order-action:focus{outline:0}.order-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.track-field-code input{font-variant-numeric:tabular-nums;letter-spacing:.38em;font-size:clamp(22px,2.6vw,27px);font-weight:500}
.track-field-code input::placeholder{letter-spacing:.2em}
.track-lookup .field-error,.track-code .field-error{min-height:1.6em;margin:10px 0 0}
.track-hint{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:var(--fs-ui);line-height:1.7;margin:4px 0 0;max-width:640px}
.track-hint svg{flex:none;margin-top:5px;color:var(--accent)}
.track-code h2,.track-orders h2,.track-verifying h2,.track-help h2{font-family:var(--display);font-size:clamp(30px,3.6vw,42px);font-weight:400;letter-spacing:-.035em;line-height:1.08}
.track-code h2:focus,.track-orders h2:focus{outline:0}
.track-code>p:first-of-type{color:var(--muted);margin:14px 0 28px;max-width:600px;line-height:1.7}
.track-code-actions{display:flex;flex-wrap:wrap;gap:10px 28px;margin:14px 0 18px}
.track-code-actions .quiet-link{margin:0;width:auto;gap:8px;position:static}
.track-code-actions .quiet-link:disabled{color:var(--muted);border-bottom-color:transparent;cursor:default}
.track-orders-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px 24px;flex-wrap:wrap}
.track-orders-head .quiet-link{margin:0;width:auto;position:static}
.track-orders>.track-hint{margin-top:12px}
.track-order-list{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--line)}
.track-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto 18px;gap:18px;align-items:center;padding:20px 6px;border-bottom:1px solid var(--line);color:var(--ink);transition:background .25s}
@media(hover:hover) and (pointer:fine){.track-card:hover{background:var(--cream)}.track-card:hover>svg{transform:translateX(3px)}}
.track-card>svg{transition:transform .35s var(--ease);color:var(--muted)}
[dir=rtl] .track-card>svg{transform:scaleX(-1)}
.track-card-body{display:grid;gap:6px;min-width:0}
.track-card-meta{font-size:var(--fs-label);color:var(--muted)}
.track-card-body strong{font-weight:500;font-size:var(--fs-body);line-height:1.45}
.track-card-body strong small{color:var(--muted);font-weight:400;font-size:var(--fs-meta)}
.track-card-status{display:flex;flex-wrap:wrap;gap:8px}
.track-stage,.track-flag{font-size:var(--fs-label);line-height:1.5;padding:2px 9px;border:1px solid var(--line);color:var(--ink)}
.track-stage.stage-delivered{border-color:var(--accent);color:var(--accent)}
.track-flag{color:var(--muted)}.track-flag.is-action{border-color:var(--accent);color:var(--accent)}
.track-card-total{display:grid;justify-items:end;gap:2px;font-variant-numeric:tabular-nums;font-size:var(--fs-body)}
.track-card-total small{color:var(--muted);font-size:var(--fs-label)}
.track-card-empty{display:grid;place-items:center;color:var(--muted);background:var(--stone)}
.track-skeleton{height:190px;margin-top:26px}
.track-verifying .track-skeleton{margin-top:24px}
.track-fallback{display:grid;gap:18px}.track-fallback>.quiet-link{margin:0;width:max-content;position:static}
.track-page .device-orders{margin-top:52px}
.track-help{border-top:1px solid var(--line);padding-top:clamp(44px,6vw,80px);margin-top:clamp(24px,4vw,48px)}
.track-help p{color:var(--muted);margin-top:12px;max-width:620px}
.track-help+.customer-message-form{padding-top:18px}
.order-main{display:grid;gap:30px;align-content:start;min-width:0}
.order-main>.order-timeline{margin-top:4px}
.order-notice{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border:1px solid #6b5a3a;background:var(--accent-surface)}
.order-notice>svg{flex:none;margin-top:2px;color:var(--accent)}.order-notice h2{font-size:var(--fs-lead);font-weight:500;letter-spacing:-.01em}.order-notice p{margin:6px 0 8px;line-height:1.7;white-space:pre-line}.order-notice small{color:var(--muted);font-size:var(--fs-label)}
.order-actions h2,.order-delivery h2,.order-photos h2{font-family:var(--display);font-size:clamp(24px,2.4vw,28px);font-weight:400;letter-spacing:-.03em}
.order-action{border:1px solid var(--line);padding:clamp(18px,2.4vw,26px);display:grid;gap:14px;margin-top:14px}
.order-action.is-open{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-surface),transparent 70%)}
.order-action-kind{display:flex;align-items:center;gap:8px;font-size:var(--fs-label);letter-spacing:.035em;color:var(--accent);margin:0}
.order-action-message{margin:0;font-size:var(--fs-body);line-height:1.7;white-space:pre-line}
.order-action .text-link{margin:0;gap:12px;align-self:start;justify-self:start}
.order-respond{display:grid;gap:12px}.order-respond .field{margin:0}.order-respond .button{justify-self:start;margin:0}
.order-reply{margin:0;padding:12px 16px;border-inline-start:2px solid var(--accent);background:var(--cream);display:grid;gap:4px}.order-reply small{color:var(--muted);font-size:var(--fs-label)}.order-reply p{margin:0;white-space:pre-line;line-height:1.7}
.order-action-next{color:var(--muted);font-size:var(--fs-ui);margin:0}
.order-estimate{display:flex;gap:12px;align-items:center;margin:14px 0 0;font-size:var(--fs-body);line-height:1.6}.order-estimate>svg{flex:none;color:var(--accent)}.order-estimate small{color:var(--muted);font-size:var(--fs-meta)}
.ship-note{color:var(--muted);font-size:var(--fs-ui);line-height:1.7;margin:10px 0 0}
.order-shipment{border:1px solid var(--line);background:var(--cream);padding:clamp(18px,2.4vw,26px);display:grid;gap:16px;margin-top:16px;min-width:0}
.order-shipment header{display:flex;justify-content:space-between;align-items:baseline;gap:8px 12px;flex-wrap:wrap}.order-shipment h3{font-size:var(--fs-lead);font-weight:500}
.ship-status{font-size:var(--fs-label);line-height:1.5;padding:3px 10px;border:1px solid var(--control-border)}
.ship-status.status-delivered{border-color:var(--accent);color:var(--accent)}.ship-status.status-exception,.ship-status.status-returned{border-color:#a0653d;color:#e0a27a}
.ship-items{margin:0;font-size:var(--fs-ui);line-height:1.7}
.ship-basis{color:var(--muted);font-size:var(--fs-label)}
.order-shipment .ship-note{margin:0}
.button.ship-track{justify-self:start;margin:0;gap:14px;width:auto;min-width:0}
.ship-events{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ship-events li{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:var(--fs-ui);line-height:1.6;color:var(--muted)}
.ship-events li:first-child{color:var(--ink)}.ship-events strong{font-weight:500}.ship-events time{font-size:var(--fs-label);color:var(--muted)}
.order-photos>.ship-note{margin-top:8px}
.order-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:16px}
.order-photo-grid figure{margin:0;display:grid;gap:8px;align-content:start}.order-photo-grid figcaption{color:var(--muted);font-size:var(--fs-label);line-height:1.5}
.order-photo{display:block;width:100%;padding:0;border:0;background:var(--stone);cursor:zoom-in;overflow:hidden;max-height:420px}
.order-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
@media(hover:hover) and (pointer:fine){.order-photo:hover img{transform:scale(1.03)}}
.order-photo.is-loading{cursor:progress;background:linear-gradient(90deg,var(--cream),var(--stone),var(--cream));background-size:200% 100%;animation:order-shimmer 1.4s linear infinite}
.order-photo.is-failed{display:grid;place-items:center;padding:14px;cursor:default;color:var(--muted);font-size:var(--fs-label);text-align:center}
.photo-viewer{border:0;padding:0;background:transparent;max-width:100vw;max-height:100dvh;overflow:visible}
.photo-viewer::backdrop{background:rgba(5,5,6,.94)}
.photo-viewer img{display:block;max-width:min(94vw,1400px);max-height:90dvh;object-fit:contain}
.photo-viewer-close{position:fixed;top:max(16px,env(safe-area-inset-top));inset-inline-end:16px;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:rgba(20,20,21,.85);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.order-timeline li span small{display:block;color:var(--muted);font-size:var(--fs-meta);margin-top:4px;line-height:1.6;white-space:pre-line}
.order-payment-status strong{font-weight:500}
.order-progress .rail-label{font-weight:inherit}.order-progress-now{display:none}
@media(max-width:560px){.order-progress{gap:5px}.order-progress li{padding-top:12px}.order-progress .rail-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.order-progress-now{display:block;margin:14px 0 0;font-size:var(--fs-ui);color:var(--muted)}.order-progress-now strong{color:var(--ink);font-weight:500}}
@media(prefers-reduced-motion:reduce){.order-photo.is-loading{animation:none}.order-photo img,.track-card>svg{transition:none}}
@media(max-width:760px){
 .track-field{flex-direction:column}.track-field input{width:auto;min-height:58px;padding:0 16px}.track-field .button{width:100%;justify-content:space-between}
 .track-card{grid-template-columns:56px minmax(0,1fr) 16px;gap:14px;padding-inline:0}.track-card .order-line-image{width:56px;height:56px}.track-card-total{grid-column:2;grid-row:2;justify-items:start;display:flex;gap:10px;align-items:baseline}.track-card>svg{grid-column:3;grid-row:1/3}
 .ship-events li{grid-template-columns:1fr;gap:2px}.order-respond .button,.button.ship-track{width:100%;justify-content:space-between}
 .order-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* === UX audit fixes (2026-09-29, docs/UX-AUDIT-2026-09-29.md) === */
/* F02/F10: the picture switcher on the watch canvas has its own dark surface, so it reads the same over the light
   render and over any listing photo (unselected about 7:1, selected about 8:1). The caption sits at the top on every width. */
.cfg-views{display:inline-flex;gap:2px;padding:3px;background:rgba(20,20,21,.9);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 24px #0003}
.cfg-views button{min-height:38px;min-width:44px;padding:0 14px;border:0;white-space:nowrap;background:transparent;color:#d7d3cb;font-size:var(--fs-meta);font-weight:500;letter-spacing:.01em;transition:background .2s,color .2s}
.cfg-views button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
@media(hover:hover) and (pointer:fine){.cfg-views button:not([aria-pressed=true]):hover{color:var(--ink);background:#ffffff14}}
.cfg-views button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--ink)}
.cfg-views button[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 2px var(--on-accent)}
.cfg-flow-stage .cfg-stage.is-photo .cfg-stage-frame img{-webkit-mask-image:none;mask-image:none;object-fit:contain}
.cfg-flow-stage .cfg-stage.is-photo figcaption>span{background:rgba(243,242,238,.92);padding:2px 8px;margin-inline:-8px}
@media(max-width:960px){
 .cfg-flow-stage figcaption{top:10px;bottom:auto}
 .cfg-flow-stage .cfg-views{bottom:8px;inset-inline:50% auto;inset-inline-end:auto;translate:-50% 0}
 html[dir=rtl] .cfg-flow-stage .cfg-views{translate:50% 0}
 .cfg-views button{min-height:36px;padding:0 12px;font-size:var(--fs-label)}
}
/* Collection identity sits beside pagination and introduces the home selection. */
.catalogue-identity{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-ui);line-height:1.6;color:#cfcbc2;margin:0}
.catalogue-identity>svg{flex:none;margin-top:3px;color:var(--accent)}
.collection-identity{justify-content:center;margin-top:20px}
.collection-grid+.collection-identity{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.selection-section{padding-top:clamp(28px,4vw,48px)}
.home-identity{margin-bottom:clamp(32px,4vw,48px)}
/* Optical logo heights match the ribbon; all filter underlines share one baseline. */
.brand-tabs{align-items:stretch;gap:clamp(32px,4vw,58px)}
.brand-tabs button>.brand-mark-art{margin:0;vertical-align:baseline}
.brand-tabs button{flex:none;display:flex;align-items:center;min-height:66px;opacity:1}
.brand-tabs .brand-wordmark img{opacity:.86}
.brand-tabs .brand-wordmark.active img{opacity:1}
@media(max-width:600px){.catalogue-identity{font-size:var(--fs-meta)}.brand-wordmark{--mark-height:16px}.brand-wordmarks{gap:36px}}
/* Give the mobile selection title and collection link their own rows. */
@media(max-width:600px){
 .selection-section .section-heading{flex-direction:column;align-items:flex-start;gap:8px}
 .selection-section .section-heading .text-link{align-self:flex-start}
}
/* F03: the size and budget a search applied, in words. */
.search-understood{display:flex;gap:9px;align-items:flex-start;margin:-6px 0 20px;font-size:var(--fs-meta);line-height:1.6;color:var(--muted)}
.search-understood>svg{flex:none;margin-top:3px;color:var(--accent)}
.search-understood strong{color:var(--ink);font-weight:500}
.empty-state-more{text-align:center;margin-top:18px}
/* F06: on phones the row labels take a narrow, fixed column, so one whole watch always fits beside them. */
/* F07/F08: on phones the purchase bar keeps the watch, its configuration and its price in view above the actions;
   a watch that can only be requested gets one full-width request action instead of disabled buttons. */
@media(max-width:767px){
 .purchase-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding-top:10px}
 .purchase-bar-copy{display:flex;align-items:baseline;gap:8px;min-width:0;font-size:var(--fs-label);color:var(--muted);white-space:nowrap;overflow:hidden}
 .purchase-bar-copy strong{color:var(--ink);font-size:var(--fs-meta);font-weight:600;flex:none}
 .purchase-bar-copy span{overflow:hidden;text-overflow:ellipsis}
 .purchase-bar-price{justify-self:end;font-size:var(--fs-ui);font-weight:600;white-space:nowrap}
 .purchase-bar-price .product-price{gap:2px 8px}
 .purchase-bar .purchase-bar-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
 .purchase-bar.is-single .purchase-bar-actions{grid-template-columns:1fr}
 .purchase-bar .purchase-bar-actions .button{margin:0;min-height:48px;padding:12px;gap:10px}
}
@media(max-width:360px){.purchase-bar-copy span{display:none}}
.product-info .request-action{margin-top:0}
.no-payment-note{align-items:flex-start;line-height:1.6}.no-payment-note>svg{flex:none;margin-top:4px}
.no-payment-note .text-link{display:inline;padding:0;margin-inline-start:4px;font-size:inherit;border:0;text-decoration:underline;text-underline-offset:3px}
/* F09: checkout says how payment works before asking for any details. */
.ordering-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;margin:0 0 24px;border:1px solid var(--line);background:var(--cream);font-size:var(--fs-meta);line-height:1.65;color:#d7d3cb}
.ordering-note>svg{flex:none;margin-top:3px;color:var(--accent)}
/* F12: frequent card actions keep their small icons but get about 44 px of touch area. */
.product-card .save-button,.product-card .quick-view{overflow:visible}
.product-card .save-button:after,.product-card .quick-view:after{content:"";position:absolute;inset:-8px;border-radius:50%}
@media(max-width:820px){.product-card .quick-view:after{inset:-9px}}
.site-header .nav-trigger{min-width:44px}
.collection-search button{min-width:44px;min-height:44px;display:inline-grid;place-items:center}
/* F13: on phones a card's distinguishing details (dial, finish, sizes, bracelets) read in full; the repeated family name
   is smaller and the configuration count gives way first. */
@media(max-width:600px){
 .product-card h3,.collection-grid .product-card h3{font-size:17px}
 .product-card-info>p:not(.card-options){color:#d7d3cb;-webkit-line-clamp:3}
 .product-card-info>p.card-options{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}
/* Arabic needs more leading, or a clamped card line clips its descenders. */
html[dir=rtl] .product-card-info>p{line-height:1.9}
/* F15: the request's final review lists everything being sent, each with its own Edit. */
.request-review{display:block;padding:18px 20px}
.request-review h3{font-size:var(--fs-label);font-family:var(--sans);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.request-review dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.request-review dl>div:first-child{border-top:0}
.request-review dt{font-size:var(--fs-label);color:var(--muted);padding-top:2px}
.request-review dd{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:0;font-size:var(--fs-ui);line-height:1.55;min-width:0}
.request-review dd>span{min-width:0;overflow-wrap:anywhere}
.request-review dd small{display:block;color:var(--muted);font-size:var(--fs-label)}
.request-review .quiet-link{position:static;flex:none;font-size:var(--fs-label)}
.request-review-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;white-space:pre-line}
.request-review-photos{display:flex;gap:6px;margin-bottom:6px}
.request-review-photos img{width:44px;height:44px;object-fit:cover;border:1px solid var(--line)}
@media(max-width:600px){.request-review{padding:14px 16px}.request-review dl>div{grid-template-columns:76px minmax(0,1fr);gap:10px}}
/* F19: the channel first, then only the field it needs; the email explains why it is required (hidden when email is the channel). */
.field:has(.whatsapp-number){display:none}
form:has(.field-method option[value="WhatsApp"]:checked) .field:has(.whatsapp-number){display:flex}
.field-note{font-size:var(--fs-label);line-height:1.5;color:var(--muted);margin-top:-2px}
form:has(.field-method option[value="Email"]:checked) #email-why{display:none}
/* F16: removals can be undone, from the toast or from the bag. */
.toast{align-items:center}
.toast-undo{pointer-events:auto;position:relative;margin-inline-start:auto;flex:none;font-weight:700;font-size:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;padding:4px 2px}
.toast-undo:after{content:"";position:absolute;inset:-10px -8px}
.bag-removed{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 16px;border:1px solid var(--line);background:var(--cream);font-size:var(--fs-meta)}
.bag-removed>svg{flex:none;color:var(--accent)}
.bag-removed .quiet-link{margin-inline-start:auto;min-height:44px}
/* F18: a partial shortlist says so. */
.finder-partial{border-inline-start:2px solid var(--accent);background:var(--accent-surface);padding:16px 20px;margin:-8px 0 30px;font-size:var(--fs-ui);line-height:1.65}
.finder-partial strong{font-weight:600}
.finder-partial .text-link{margin-top:8px}
/* F20: the order reference can be copied, and the follow-up carries it. */
.completion-reference-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;font-size:var(--fs-meta);color:var(--muted)}
.completion-reference-line strong{color:var(--ink);letter-spacing:.04em;font-weight:600}
.completion-reference-line .quiet-link{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.completion .completion-actions .button{margin:0}
.completion>.text-link{margin-top:28px}
/* F23: on phones the timed suggestion is a compact strip above the fixed bars, not a panel over the page. */
@media(max-width:600px){.finder-invite{bottom:calc(16px + var(--dock-h,0px));padding:18px 44px 18px 20px}.finder-invite h2{font-size:22px;margin:6px 0}.finder-invite>p{display:none}.finder-invite .text-link{margin-top:8px}.finder-invite .finder-dismiss{position:absolute;top:6px;inset-inline-end:6px;width:44px;height:44px;display:grid;place-items:center}}
/* F25: guides end with the next step for the decision they explain. */
.article-ending .button{margin-top:0}
.article-ending-links{display:flex;flex-wrap:wrap;gap:6px 28px;margin-top:18px}
.article-ending>p.article-ending-request{font-family:var(--sans);font-size:var(--fs-ui);color:var(--muted);margin:24px 0 0}
.article-ending-request .text-link{display:inline;padding:0;font-size:inherit}

/* Keep the quick-view circle close to the image foot, with its full touch target inside. */
@media(max-width:820px){.product-card .quick-view{bottom:12px}}
/* === Product gallery (2026-09-30): one native, swipeable track of pictures that fill their frame, with thumbnails beside
   the picture on desktop (in view without scrolling), under it on tablets and as a slim indicator on phones. Nothing is laid
   over the pictures but the controls; what they are is said once, quietly, below. === */
.product-gallery{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "thumbs";row-gap:14px;align-content:start;min-width:0}
.product-gallery #gallery-main{grid-area:main}
.product-gallery .gallery-thumbs{grid-area:thumbs;margin:0}
.product-main-image{position:relative;width:100%;width:round(down,100%,1px);aspect-ratio:4/5;overflow:hidden;background:#f3f2ee}
.product-main-image>.product-visual{height:100%;aspect-ratio:auto}
.gallery-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;cursor:zoom-in}
.gallery-slide .product-visual{height:100%;aspect-ratio:auto;background:#f3f2ee}
.product-main-image .gallery-slide .product-visual:not(.is-supplier-photo)>img{object-fit:contain;object-position:center}
/* Listing photos fill the frame edge to edge: no bars, no band. */
.product-main-image .gallery-slide .product-visual.is-supplier-photo>img{object-fit:cover;object-position:center;transform:none;-webkit-mask-image:none;mask-image:none}
.product-main-image .gallery-slide:not(:first-child) .product-visual{view-transition-name:none}
/* Controls over the picture share the configurator's dark surface, legible on the light render and on any photo. */
.gallery-arrow,.product-main-image .zoom-button{position:absolute;z-index:3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(20,20,21,.72);color:var(--ink);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 18px #0003;transition:opacity .25s,background .2s}
.gallery-arrow{top:50%;translate:0 -50%}
.gallery-prev{inset-inline-start:14px}
.gallery-next{inset-inline-end:14px}
.gallery-prev svg{transform:scaleX(-1)}
[dir=rtl] .gallery-prev svg{transform:none}
[dir=rtl] .gallery-next svg{transform:scaleX(-1)}
.gallery-arrow[aria-disabled=true]{opacity:.28;pointer-events:none}
.product-main-image .zoom-button{top:14px;bottom:auto;left:auto;right:auto;inset-inline-end:14px}
@media(hover:hover) and (pointer:fine){.gallery-arrow:hover,.product-main-image .zoom-button:hover{background:rgba(20,20,21,.9)}}
.gallery-arrow:focus-visible,.product-main-image .zoom-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(hover:none){.product-gallery .gallery-arrow{display:none}}
.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.gallery-thumbs::-webkit-scrollbar{display:none}
.product-gallery .gallery-thumbs button{flex:none;width:64px;height:80px;padding:0;border:1px solid var(--line);background:#f3f2ee;opacity:.62;transition:opacity .2s,border-color .2s}
.product-gallery .gallery-thumbs button.active{opacity:1;border-color:var(--accent)}
@media(hover:hover) and (pointer:fine){.product-gallery .gallery-thumbs button:hover{opacity:1}}
.product-gallery .gallery-thumbs img{width:100%;height:100%;object-fit:cover;background:#f3f2ee}
.product-gallery .gallery-thumbs button:first-child img{object-fit:contain}
/* The render's small label: top corner, opposite the enlarge button, clear of the phone indicator; about 6:1 on the canvas. */
.slide-caption{position:absolute;top:18px;inset-inline-start:18px;z-index:2;font-size:var(--fs-label);letter-spacing:.02em;line-height:1.4;color:#5f5b53;pointer-events:none}
@media(max-width:600px){.slide-caption{top:14px;inset-inline-start:14px}}
/* Desktop: thumbnails in a rail beside the picture, and the whole gallery fits the screen and stays in view while the
   options scroll. */
@media(min-width:1024px){
 .product-gallery{position:sticky;top:calc(var(--header-h,104px) + 24px);grid-template-columns:64px minmax(0,1fr);grid-template-areas:"thumbs main";column-gap:16px}
 .product-gallery:not(.has-thumbs){grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}
 /* A whole-pixel width, so a picture never shows a sliver of its neighbour. */
 .product-gallery #gallery-main{width:min(100%,calc((100svh - var(--header-h,104px) - 132px) * .8));width:round(down,min(100%,calc((100svh - var(--header-h,104px) - 132px) * .8)),1px);justify-self:start}
 .product-gallery .gallery-thumbs{flex-direction:column;align-self:start;max-height:calc(100svh - var(--header-h,104px) - 132px);overflow-y:auto;overflow-x:hidden}
}
/* Phones: swipe; the thumbnails become a slim indicator on the picture (each bar still a button). */
@media(max-width:600px){
 .product-gallery{grid-template-areas:"main"}
 .product-gallery .gallery-thumbs{grid-area:main;align-self:end;justify-self:center;position:relative;z-index:3;margin-bottom:14px;gap:6px;padding:9px 12px;overflow:visible;border-radius:999px;background:rgba(20,20,21,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
 .product-gallery .gallery-thumbs button{position:relative;width:clamp(5px,calc((100vw - 90px) / var(--slides) - 6px),16px);height:3px;border:0;border-radius:2px;background:rgba(255,255,255,.5);opacity:1;transition:width .3s var(--ease),background .2s}
 .product-gallery .gallery-thumbs button.active{width:28px;background:#fff}
 .product-gallery .gallery-thumbs button img{display:none}
 .product-gallery .gallery-thumbs button:after{content:"";position:absolute;inset:-18px -3px}
 .product-gallery .gallery-arrow{display:none}
 .product-main-image .zoom-button{top:12px;inset-inline-end:12px}
}
@media(prefers-reduced-motion:reduce){.product-gallery .gallery-thumbs button,.gallery-arrow{transition:none}}
/* The full-screen viewer: each picture whole, on a dark ground, with the same swipe, arrows and keys. */
.zoom-dialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;background:#0b0b0c}
.viewer{position:relative;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}
.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 24px;color:var(--muted);font-size:var(--fs-meta);letter-spacing:.04em}
.viewer-top .dialog-close{position:static}
.viewer-track{height:100%}
.viewer-slide{display:flex;align-items:center;justify-content:center;padding:0 clamp(12px,7vw,110px) clamp(12px,4vh,40px);cursor:default}
.viewer-slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;min-width:0;min-height:0;object-fit:contain}
.viewer .gallery-arrow{inset-inline-start:auto;inset-inline-end:auto}
.viewer .gallery-prev{inset-inline-start:20px}
.viewer .gallery-next{inset-inline-end:20px}
/* === Quiet motion (2026-09-30, src/lib/motion.js). Figures keep steady widths, a changed figure rolls to its new value
   over its final text, a growing count lifts once, and buttons answer a press. Reduced motion turns it all off. === */
.num,[data-num]{font-variant-numeric:tabular-nums}
.num,.checkout-mini-summary strong,.quantity-control [data-num]{display:inline-block}
.is-rolling{position:relative;color:transparent!important}
.is-rolling::after{content:var(--roll-text,attr(data-roll));position:absolute;inset:0;display:inherit;align-items:inherit;justify-content:inherit;color:var(--roll-color,currentColor);white-space:nowrap;pointer-events:none}
@keyframes quiet-lift{0%{transform:scale(1)}38%{transform:scale(1.2)}100%{transform:scale(1)}}
.is-bumped{animation:quiet-lift .45s cubic-bezier(.2,.75,.2,1)}
.save-button.is-bumped svg{animation:quiet-lift .45s cubic-bezier(.2,.75,.2,1)}
.save-button.is-bumped{animation:none}
.bag-trigger svg.is-bumped{transform-origin:50% 60%}
.button:active,.quantity-control button:active,.gallery-arrow:active,.cfg-views button:active{transform:scale(.97);transition-duration:.08s}
.save-button svg{transition:fill .25s,color .25s}
@media(prefers-reduced-motion:reduce){.is-bumped,.save-button.is-bumped svg{animation:none}.is-rolling{color:inherit!important}.is-rolling::after{content:none}.button:active{transform:none}}
/* The delivery method on the checkout review can be changed in place. */
.review-shipping{border:0;border-bottom:1px solid var(--line);padding:22px 0;margin:0 0 15px;min-width:0}
.review-shipping legend{float:left;width:100%;padding:0;margin-bottom:12px}
.review-shipping legend h3{margin:0}
.review-shipping .shipping-options{clear:both;margin:0}

/* ---------- 2 October 2026 UI/UX audit (WEB-01 … WEB-26) ---------- */
/* WEB-25: Latin names keep the house face in Arabic; Arabic letters and digits fall through to Noto Sans Arabic. */
html[dir=rtl]{--display:"Manrope","Noto Sans Arabic",sans-serif;--sans:"Manrope","Noto Sans Arabic",sans-serif}
/* WEB-04: iOS zooms into any field under 16px when it is tapped; on touch screens every field is 16px. */
@media(pointer:coarse){select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]){font-size:max(16px,1em)!important}}
/* WEB-23: a tapped text field shows its focus in its own border; the offset ring stays for keyboard use. */
:is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea):focus{border-color:var(--accent)}
:is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea)[aria-invalid=true]:focus{border-color:#c0614c}
html[data-input=pointer] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea):focus-visible{outline:none}
.search-dialog-input input:focus,.search-dialog-input input:focus-visible{outline:none;border-color:transparent}
.search-dialog-input:focus-within{border-color:var(--accent)}
/* WEB-03: the quick view's close button sits on a dark disc, legible over the cream render. */
.quick-dialog>.dialog-close{width:40px;height:40px;border-radius:50%;background:rgba(20,20,21,.72);color:#f5f3ef;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(hover:hover) and (pointer:fine){.quick-dialog>.dialog-close:hover{background:rgba(20,20,21,.9)}}
/* WEB-18: on phones the quick view and the guides are bottom sheets that cover the page, with a grabber; swipe down to close. */
@media(max-width:600px){
 .guide-dialog,.quick-dialog{width:100%;max-width:100%;margin:auto 0 0;max-height:92svh;padding-top:18px}
 dialog.is-sheet[open]{animation:sheet-rise .38s var(--ease) both}
 .sheet-grabber{position:sticky;top:-18px;z-index:6;display:block;height:18px;margin-top:-18px;background:inherit}
 .sheet-grabber::after{content:'';position:absolute;left:50%;top:7px;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:#3a3937}
}
@keyframes sheet-rise{from{transform:translateY(32px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){dialog.is-sheet[open]{animation:none}}
/* WEB-06: the configurator on phones gives the choices room: a smaller pinned stage, a tighter head, an opaque bar. */
@media(max-width:900px){
 .cfg-flow-stage{height:clamp(170px,26svh,300px)}
 html:has(.cfg-layout){scroll-padding-top:calc(var(--header-h,64px) + clamp(170px,26svh,300px) + 48px)}
}
@media(max-width:600px){
 .cfg-flow-head h1{font-size:22px;margin-bottom:6px}
 .cfg-progress-count{margin-bottom:8px}
 .cfg-progress button{min-height:36px;gap:6px}
 .cfg-progress small{display:none}
 .cfg-step>h2{font-size:20px;margin-bottom:4px}
}
.cfg-summary{background:#0b0b0c}
/* A contained workspace: the watch and Next stay in view; only the choices panel scrolls. */
body.configuring{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body.configuring #site-top{flex:none}
body.configuring #site-bottom{display:none}
body.configuring #main-content{flex:1;min-height:0;margin:0;padding:0;overflow:hidden}
body.configuring .cfg-flow{height:100%;min-height:0;align-items:stretch}
body.configuring .cfg-flow-stage{position:relative;top:0;height:100%;min-height:0}
body.configuring .cfg-flow-panel{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:24px;scroll-padding-block:20px}
.cfg-next-hint{font-size:var(--fs-meta);color:var(--accent);margin:-10px 0 18px}
.cfg-change-dialog{width:min(560px,calc(100% - 32px));padding:28px}
.cfg-change-dialog h2{font-size:26px;line-height:1.2;padding-inline-end:28px}
.cfg-change-dialog .dialog-body{padding:0}
.cfg-change-list{margin:24px 0;border-top:1px solid var(--line)}
.cfg-change-list>div{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.cfg-change-list dt small{display:block;color:var(--muted);font-size:var(--fs-label)}
.cfg-change-list dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-ui)}
.cfg-change-list dd>span{color:var(--muted)}
.cfg-change-actions{display:flex;flex-wrap:wrap;gap:10px}
.cfg-change-actions .button{flex:1}
@media(max-width:900px){
 body.configuring .cfg-flow{display:grid;grid-template-columns:1fr;grid-template-rows:clamp(140px,23dvh,250px) minmax(0,1fr)}
 body.configuring .cfg-flow-panel{padding-top:14px}
 .cfg-next-hint{margin:-4px 0 14px}
 body.configuring .cfg-summary-inner{display:grid!important;grid-template-columns:1fr auto;gap:8px 12px}
 body.configuring .cfg-summary-price{grid-column:1;grid-row:1}
 body.configuring .cfg-summary-actions{display:contents}
 body.configuring .cfg-bar-back{grid-column:2;grid-row:1;min-height:36px;padding-block:6px}
 body.configuring .cfg-bar-back span{display:inline}
 body.configuring .cfg-bar-next{grid-column:1 / -1;grid-row:2;width:100%;min-height:50px;justify-content:space-between}
 body.configuring .cfg-bar-next span{max-width:none;overflow:visible;white-space:normal;text-align:start}
 body.configuring .cfg-summary-inner:has(.save-button,.cfg-summary-actions>a) .cfg-summary-price{grid-column:1 / -1}
 body.configuring .cfg-summary-inner:has(.save-button,.cfg-summary-actions>a) .cfg-summary-actions{display:flex;grid-column:1 / -1;grid-row:2;justify-content:stretch}
 body.configuring .cfg-summary-actions>[data-action="add-to-bag"],body.configuring .cfg-summary-actions>a{flex:1;justify-content:space-between}
 body.configuring .cfg-summary-inner:has(.save-button,.cfg-summary-actions>a) .cfg-bar-back span{display:none}
 .cfg-change-dialog{padding:22px}
 .cfg-change-actions{flex-direction:column}
}
.cfg-progress .is-done .cfg-progress-bar{background:color-mix(in srgb,var(--accent) 55%,#2a2a29)}
/* WEB-14: the phone purchase bar is one row (price and configuration, then the two actions), and the gallery's
   picture count sits above it on arrival. */
@media(max-width:767px){
 .purchase-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"price actions" "copy actions";gap:2px 12px;padding:9px 16px calc(9px + env(safe-area-inset-bottom))}
 .purchase-bar-price{grid-area:price;justify-self:start;font-size:var(--fs-ui)}
 .purchase-bar-copy{grid-area:copy;font-size:11px}
 .purchase-bar-copy strong{display:none}
 .purchase-bar .purchase-bar-actions{grid-area:actions;grid-column:auto;display:flex;gap:8px;width:auto}
 .purchase-bar .purchase-bar-actions .button{min-height:46px;padding:10px 14px;font-size:var(--fs-meta);white-space:nowrap}
 .purchase-bar .purchase-bar-actions .button svg{display:none}
}
.photo-hint{display:none}
@media(max-width:767px){.photo-hint{display:inline-flex;align-items:center;gap:4px;position:absolute;inset-inline-start:14px;top:38px;z-index:2;font-size:11px;letter-spacing:.02em;color:#5f5b53;pointer-events:none;transition:opacity .25s}.gallery-slide:not(:first-child) .photo-hint{display:none}}
@media(max-width:360px){.purchase-bar .purchase-bar-actions .button{padding:10px}}
/* WEB-19: rows that can overflow wrap or fade instead of cutting a word or a name. */
@media(max-width:600px){
 .faq-categories{flex-wrap:wrap;overflow:visible;gap:2px 18px}
 .faq-categories>button{border-bottom:2px solid transparent;padding:10px 0}
 .faq-categories>button.active{border-bottom-color:var(--accent)}
}
/* WEB-21: small finishing. */
.brand-directory summary{list-style:none;display:flex;align-items:center;gap:10px}
.brand-directory summary::-webkit-details-marker{display:none}
.brand-directory summary::before{content:'';flex:none;width:7px;height:7px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .3s var(--ease)}
html[dir=rtl] .brand-directory summary::before{transform:rotate(45deg)}
.brand-directory[open] summary::before{transform:rotate(45deg)}
html[dir=rtl] .brand-directory[open] summary::before{transform:rotate(-45deg) scaleX(-1)}
.brand-directory summary>span{margin-inline-start:auto}
.breadcrumbs .crumb{display:inline-flex;align-items:center;gap:inherit;min-width:0}
@media(max-width:600px){
 .breadcrumbs{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
 .breadcrumbs>a,.breadcrumbs .crumb:not(.is-current){flex:none}
 .breadcrumbs .crumb.is-current{flex:1 1 auto}
 .breadcrumbs .crumb.is-current>span[aria-current]{overflow:hidden;text-overflow:ellipsis}
}
.completion-reference{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
.completion-reference>span{color:var(--muted);font-size:var(--fs-label)}
.completion-sent{max-width:640px;margin:28px auto 0;text-align:start}
.completion-sent summary{cursor:pointer;color:var(--muted);font-size:var(--fs-meta);text-align:center}
.completion-sent pre{white-space:pre-wrap;font-family:inherit;font-size:var(--fs-meta);line-height:1.7;color:var(--muted);padding:18px;border:1px solid var(--line);margin-top:12px}
/* WEB-07: on phones the review step shows what is being bought, and its exact total, above the payment choice. */
.review-totals{display:none}
@media(max-width:600px){
 .review-totals{display:grid;gap:10px}
 .review-totals ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
 .review-totals li{display:flex;justify-content:space-between;gap:16px;font-size:var(--fs-meta)}
 .review-totals li small{display:block;color:var(--muted);font-size:var(--fs-label)}
 .review-totals .review-total{display:flex;justify-content:space-between;align-items:baseline;margin:4px 0 0;padding-top:10px;border-top:1px solid var(--line)}
 .review-totals .review-total strong{font-size:20px;font-weight:600}
}
/* WEB-22: landscape iPhones keep controls clear of the sensor housing and rounded corners. */
@media(orientation:landscape) and (max-height:520px){
 .site-header,.shell,.site-footer{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
 .purchase-bar,.cfg-summary{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}
/* WEB-24: directional icons point the reading direction in Arabic (external ↗ links stay as they are). */
html[dir=rtl] svg:is([data-icon=arrow],[data-icon=chevron],[data-icon=back]){scale:-1 1}
html[dir=rtl] :is(.cfg-pill,.cfg-bar-back,.cfg-bar-next,.gallery-next) svg,html[dir=rtl] .track-card>svg{transform:none}
html[dir=rtl] .gallery-prev svg{scale:none;transform:none}
@media(hover:hover) and (pointer:fine){html[dir=rtl] :is(.button,.text-link):hover svg{transform:translateX(-4px)}html[dir=rtl] .track-card:hover>svg{transform:translateX(-3px)}html[dir=rtl] .cfg-family-tile:hover .cfg-family-go svg{transform:translateX(-4px)}}
/* WEB-15: the crypto card: QR code beside the details on wider screens, grouped address, labelled progress on phones. */
.pay-crypto{display:grid;gap:18px}
@media(min-width:720px){.pay-crypto{grid-template-columns:minmax(0,1fr) 168px;align-items:start}}
.pay-qr{margin:0;display:grid;gap:10px;justify-items:center;text-align:center}
.pay-qr .qr-code{width:168px;height:168px;display:block;background:#fff;padding:0}
.pay-qr figcaption{font-size:var(--fs-label);line-height:1.5;color:var(--muted);max-width:30ch}
@media(max-width:719px){.pay-qr{grid-template-columns:96px minmax(0,1fr);justify-items:start;text-align:start;align-items:center}.pay-qr .qr-code{width:96px;height:96px}}
.pay-row-address bdi{display:flex;flex-wrap:wrap;gap:0 .45em;word-break:normal}
.addr-group{white-space:nowrap}
.addr-key{color:var(--ink);font-weight:600}
@media(max-width:560px){
 .order-progress .rail-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;font-size:10.5px;line-height:1.25;letter-spacing:0}
 .order-progress li{gap:7px}
}
/* WEB-04 follow-through: at 16px the sort menu keeps its whole label. */
@media(pointer:coarse){.collection-toolbar select{max-width:none}}
.card-bottom{flex-wrap:wrap;row-gap:6px}
.card-bottom>span{min-width:0}
/* ---- The simplified edition (owner, 10 October 2026): fewer blocks and fewer words. These are the layouts left after a
   side panel, a second form or a paragraph was removed. ---- */
/* Request a watch: the form alone, at a comfortable measure. */
.enquiry-layout{grid-template-columns:minmax(0,760px)}
/* Shipping: the rate is one line across the page. */
.shipping-intro{grid-template-columns:1fr;padding-bottom:48px}
.shipping-intro>div:first-child{grid-row:auto;padding-bottom:28px}
/* Contact: two direct ways in, then the form under them on the same edge. */
.contact-direct{display:flex;flex-wrap:wrap;gap:12px}
.contact-direct .button{gap:12px;justify-content:flex-start}
.contact-direct .button:hover svg{transform:none}
.contact-direct+.customer-message-form{max-width:none;margin-top:64px}
.contact-direct+.customer-message-form form{max-width:720px}
/* Track: one quiet line to Contact under the lookup. */
.track-help{border:0;padding-top:0;margin-top:0;margin-bottom:clamp(56px,8vw,96px);color:var(--muted);font-size:var(--fs-body)}
.track-help .text-link{display:inline;margin-inline-start:6px}
/* Bag: the checkout button stands clear of the last line. */
.cart-summary .summary-line+.button{margin-top:26px}
@media(max-width:600px){
 .contact-direct .button{width:100%}
 .contact-direct+.customer-message-form{margin-top:44px}
 .shipping-intro{padding-bottom:28px}
}
/* Light or dark (src/lib/theme.js). No track and no pill: a sun or moon as thin as the header's other icons, with the
   words on the menu and in the footer. A press eclipses one into the other and the sun's rays come out in turn, while
   the new appearance spreads out from the toggle (the new page is live as it is uncovered, so the glyph turns in it). */
.theme-toggle{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:6px;color:var(--ink);font-size:var(--fs-meta);white-space:nowrap;transition:color .5s var(--ease);-webkit-tap-highlight-color:transparent}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.theme-word>span{display:none}
html:not([data-theme=dark]) .theme-to-dark,html[data-theme=dark] .theme-to-light{display:inline}
.theme-glyph{flex-shrink:0;overflow:visible;transition:transform .18s var(--ease)}
.theme-toggle:active .theme-glyph{transform:scale(.86)}
.theme-moon,.theme-sun,.theme-ray{transform-box:view-box;transform-origin:12px 12px}
.theme-moon{transition:transform .62s cubic-bezier(.3,1.3,.45,1) .05s,opacity .3s ease .05s}
.theme-sun{opacity:0;transform:rotate(-90deg) scale(.5);transition:transform .4s var(--ease),opacity .22s ease}
.theme-ray{opacity:0;transform:scale(.25);transition:transform .2s ease,opacity .14s ease}
html[data-theme=dark] .theme-moon{opacity:0;transform:rotate(75deg) scale(.5);transition:transform .4s var(--ease),opacity .22s ease}
html[data-theme=dark] .theme-sun{opacity:1;transform:none;transition:transform .62s cubic-bezier(.3,1.2,.45,1) .04s,opacity .3s ease .04s}
html[data-theme=dark] .theme-ray{opacity:1;transform:none;transition:transform .34s cubic-bezier(.3,1.6,.5,1) calc(.14s + var(--ray)*.045s),opacity .2s ease calc(.14s + var(--ray)*.045s)}
@media(hover:hover) and (pointer:fine){
 html:not([data-theme=dark]) .theme-toggle:hover .theme-moon{transform:rotate(-18deg)}
 html[data-theme=dark] .theme-toggle:hover .theme-sun{transform:rotate(22.5deg)}
}
.header-utilities .theme-toggle{margin-inline-start:-3px}
.menu-locale .theme-toggle{margin-inline-start:auto;min-height:44px;font-size:var(--fs-ui)}
/* The narrowest phones: the currency menu reads "USD" on its own, so the light-or-dark words keep their room. */
@media(max-width:374px){.menu-locale{gap:14px}.menu-locale .currency-selector>span{display:none}}
.site-footer .theme-toggle{gap:20px;padding:7px 0;color:#abb1b9}
@media(hover:hover) and (pointer:fine){.site-footer .theme-toggle:hover{color:var(--accent-hover)}}
/* During a change the page is one picture: nothing is its own layer (the header, a product photo or the hero would be
   drawn above an open menu, or turn on their own). A press reveals the new page in a circle from the toggle, over the
   old one, with no blending; anything else dissolves. */
html.theme-turning *{view-transition-name:none!important}
html.theme-turning::view-transition-group(root){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
html.theme-turning::view-transition-old(root),html.theme-turning::view-transition-new(root){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
html.theme-reveal::view-transition-old(root){animation:none}
html.theme-reveal::view-transition-new(root){mix-blend-mode:normal;animation:theme-reveal .6s cubic-bezier(.4,0,.2,1) both}
@keyframes theme-reveal{from{clip-path:circle(0 at var(--theme-x) var(--theme-y))}to{clip-path:circle(var(--theme-r) at var(--theme-x) var(--theme-y))}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-glyph,.theme-moon,.theme-sun,.theme-ray{transition:none!important}}
/* Payments at a glance (12 October 2026): each method carries its mark, drawn in the icon set's thin line. A stablecoin
   shows its network as a small badge, because the network is what must not be got wrong. */
.pay-mark{position:relative;flex:none;display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.pay-mark-glyph{width:27px;height:27px}
.pay-mark-network{position:absolute;inset-inline-end:-7px;bottom:-7px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--muted)}
.pay-mark-network-glyph{width:13px;height:13px}
.shipping-option>span.pay-mark{flex:none}
.payment-option{gap:16px}
.payment-option:has(input:checked) .pay-mark{border-color:currentColor}
.pay-card-heading{align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:16px}
.pay-card-name{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px}
.pay-card-name h2{min-width:0}
.pay-card-heading .pay-mark{width:42px;height:42px}
.payment-choice{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}
.payment-choice>span{display:grid;gap:4px}
@media(max-width:600px){.pay-mark{width:42px;height:42px}.pay-mark-glyph{width:25px;height:25px}.payment-option{gap:13px;padding:16px 14px}}
/* A wallet address: one unbroken string in two even halves, breaking only between them; the first and last four
   characters in full ink, the middle a step quieter, all in one weight. */
.pay-row-address bdi{display:block;word-break:normal;overflow-wrap:normal;line-height:1.6}
.pay-row-address .mono{font-size:15px;letter-spacing:.035em;font-weight:450;color:color-mix(in srgb,var(--ink) 62%,transparent)}
.pay-row-address .mono b{font-weight:inherit;color:var(--ink)}
.addr-line{white-space:nowrap}
@media(max-width:420px){.pay-row-address .mono{font-size:14px;letter-spacing:.02em}}
/* The order, small pictures first: the bag at checkout and the review step. */
.checkout-thumb{flex:none;width:64px;height:64px;object-fit:cover;background:#f3f2ee;display:block}
.checkout-thumb.is-empty{background:var(--stone)}
.checkout-product{align-items:center}
.review-totals li.review-line{align-items:center;gap:12px}
.review-totals li.review-line>span:first-of-type{flex:1;min-width:0}
.review-totals .checkout-thumb{width:48px;height:48px}
.checkout-form>form>h2+.review-totals{margin-top:6px}
/* The paid order's invoice: keep it, or print it. */
.order-invoice{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 0 4px}
.order-invoice .button{display:inline-flex;align-items:center;gap:9px}
.order-invoice .quiet-link{display:inline-flex;align-items:center;gap:7px}
.order-invoice .field-error{flex-basis:100%;margin:0}
/* Toasts (12 October 2026): a small sheet under the header that settles in, says one thing and leaves. It never covers
   the page's own controls for long, and a tap on Undo stays reachable while the pointer or focus is on it. */
.toast-region{top:calc(var(--header-h,102px) + 14px);left:16px;right:16px;display:flex;justify-content:center}
.toast{position:relative;max-width:min(420px,100%);display:inline-flex;align-items:center;gap:11px;padding:10px 16px 10px 11px;font-size:var(--fs-meta);line-height:1.45;color:var(--ink);background:color-mix(in srgb,var(--cream) 94%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:2px;box-shadow:0 10px 30px -12px rgba(0,0,0,.35),0 2px 6px -2px rgba(0,0,0,.12);animation:toast-in .46s cubic-bezier(.2,.8,.2,1) both}
.toast>span:not(.toast-icon){min-width:0}
.toast:has(.toast-undo){pointer-events:auto}
.toast-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);color:var(--accent)}
.toast-icon path{stroke-dasharray:22;stroke-dashoffset:22;animation:toast-check .5s .16s cubic-bezier(.4,0,.2,1) forwards}
.toast-undo{color:var(--accent);font-weight:600;text-decoration:none;margin-inline-start:10px;padding:4px 0 4px 10px;border-inline-start:1px solid var(--line)}
.toast.is-leaving{pointer-events:none;animation:toast-out .3s cubic-bezier(.4,0,1,1) both}
@keyframes toast-in{from{opacity:0;transform:translateY(-10px) scale(.97);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes toast-out{to{opacity:0;transform:translateY(-6px) scale(.98)}}
@keyframes toast-check{to{stroke-dashoffset:0}}
@media(min-width:1000px){.toast-region{inset-inline:auto var(--gutter);justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.toast,.toast.is-leaving{animation-name:toast-fade;animation-duration:.2s}.toast-icon path{animation:none;stroke-dashoffset:0}@keyframes toast-fade{from{opacity:0}}}
/* ==== daylight edition: generated by scripts/daylight.mjs, do not edit by hand ==== */
html[data-theme=light]{--paper:#f3f2ee;--cream:#faf9f7;--stone:#e4e1da;--ink:#161513;--muted:#625e56;--line:#d8d4cb;--deep:#eae8e1;--accent:#7d5f2c;--accent-hover:#664c20;--accent-surface:#ece4d3;--on-accent:#fff;--control-border:#858073;--gold:#7d5f2c;--muted-soft:#3b3833;color-scheme:light}
html[data-theme=light] .site-footer{background:#eae8e1;color:#161513;border-top-color:#c9c4ba}
html[data-theme=light] .footer-story img{filter:brightness(0)}
html[data-theme=light] .footer-story>p,html[data-theme=light] .footer-disclosure,html[data-theme=light] .footer-bottom,html[data-theme=light] .footer-locale{color:#625e56}
html[data-theme=light] .footer-column>a,html[data-theme=light] .footer-language,html[data-theme=light] .site-footer .theme-toggle,html[data-theme=light] .footer-story .text-link{color:#3b3833}
html[data-theme=light] .footer-column h3{color:#7d5f2c}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .footer-column>a:hover,html[data-theme=light] .footer-language:hover,html[data-theme=light] .site-footer .theme-toggle:hover,html[data-theme=light] .footer-bottom a:hover,html[data-theme=light] .footer-bottom button:hover{color:#664c20}}
html[data-theme=light] .footer-bottom,html[data-theme=light] .footer-column:last-child{border-color:#c9c4ba}
html[data-theme=light] .site-footer .contact-icons a{border-color:#bdb8ad;color:#161513}
html[data-theme=light] .site-footer .currency-selector select{background:transparent;border-bottom-color:#858073}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .site-footer .contact-icons a:hover{border-color:#7d5f2c;color:#7d5f2c}}
html[data-theme=light] body{background:#f3f2ee;color:#161513}
html[data-theme=light] ::selection{background:#161513;color:#f3f2ee}
html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder,html[data-theme=light] .collection-search input::placeholder,html[data-theme=light] .search-dialog-input input::placeholder,html[data-theme=light] .track-field input::placeholder{color:#6e6a62}
html[data-theme=light] button:focus-visible,html[data-theme=light] a:focus-visible,html[data-theme=light] input:focus-visible,html[data-theme=light] select:focus-visible,html[data-theme=light] textarea:focus-visible,html[data-theme=light] summary:focus-visible{outline-color:#7d5f2c}
html[data-theme=light] option{color:#161513;background:#faf9f7}
html[data-theme=light] h1 em,html[data-theme=light] h2 em,html[data-theme=light] .home-hero em,html[data-theme=light] .scene-quote em{color:#93733c}
html[data-theme=light] .button-dark,html[data-theme=light] .button-light{background:#161513;border-color:#161513;color:#f3f2ee}
html[data-theme=light] .button-outline{border-color:#161513;color:#161513}
html[data-theme=light] .text-link{color:#7d5f2c}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .button-dark:hover,html[data-theme=light] .button-light:hover{background:#33302b;border-color:#33302b;color:#f3f2ee}}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .button-outline:hover{border-color:#161513;background:#eae8e1}}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .text-link:hover{color:#664c20}}
html[data-theme=light] .site-header{background:rgba(243,242,238,.93);border-bottom-color:#d8d4cb}
html[data-theme=light] .brand-lockup img,html[data-theme=light] .brand-wordmark img{filter:brightness(0)}
html[data-theme=light] .brand-wordmark img{opacity:.82}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .taste-option:hover{box-shadow:0 18px 40px rgba(22,21,19,.14)}}
html[data-theme=light] .country-box [role=listbox]{background:#faf9f7;border-color:#c9c4ba;box-shadow:0 18px 40px rgba(22,21,19,.14)}
html[data-theme=light] .product-card-top,html[data-theme=light] .product-visual>img,html[data-theme=light] .cfg-family-image,html[data-theme=light] .cfg-family-image .product-visual{background:#f3f2ee}
html[data-theme=light] .save-button{background:rgba(250,249,247,.86);color:#161513;border:1px solid #d8d4cb}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .save-button:hover{background:#fff}}
html[data-theme=light] .quick-view{background:rgba(250,249,247,.92);color:#161513}
html[data-theme=light] .catalogue-tag{background:rgba(250,249,247,.92);color:#3b3833}
html[data-theme=light] .product-card-info>p:not(.card-options),html[data-theme=light] .product-card-info>p{color:#3b3833}
html[data-theme=light] .product-visual:not(.is-illustrative),html[data-theme=light] .product-visual[data-dial] .image-placeholder{background:#eae8e1;color:#625e56}
html[data-theme=light] .product-visual.is-pending .image-placeholder{background:radial-gradient(circle at 50% 42%,#ffffff,#eae8e1 74%)}
html[data-theme=light] .custom-badge,html[data-theme=light] .to-confirm{border-color:#c9b48c;color:#7d5f2c}
html[data-theme=light] .sourcing-art--stone .scene-quote{color:#161513}
html[data-theme=light] .sourcing-art--stone .scene-quote em{color:#3d2e18}
html[data-theme=light] .home-hero-night{opacity:0}
html[data-theme=light] .home-hero{background:radial-gradient(60% 46% at 50% 52%,rgba(197,164,109,.14),rgba(197,164,109,0) 72%),#f3f2ee}
html[data-theme=light] .home-hero-moulding{border-color:rgba(125,95,44,.42)}
html[data-theme=light] .home-hero-moulding:before{border-color:rgba(125,95,44,.14)}
html[data-theme=light] .home-hero-ground{background:linear-gradient(90deg,rgba(125,95,44,0),rgba(125,95,44,.32) 30%,rgba(125,95,44,.32) 70%,rgba(125,95,44,0))}
html[data-theme=light] .sourcing-links>a:hover h3{color:#664c20}
html[data-theme=light] .journal-art,html[data-theme=light] .size-journal-art{background:#e7e3da;color:#6b5a3a}
html[data-theme=light] .art-1{background:#ece4d3;color:#7d5f2c}
html[data-theme=light] .art-2{background:#e0dcd2;color:#161513}
html[data-theme=light] .filter-chip{border-color:#c9b48c}
html[data-theme=light] .field input,html[data-theme=light] .field textarea,html[data-theme=light] .field select,html[data-theme=light] #brand-query,html[data-theme=light] .track-field{background:#faf9f7;border-color:#858073;color:#161513}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .track-field:hover{border-color:#161513}}
html[data-theme=light] .field-error,html[data-theme=light] .form-error{color:#a3392b}
html[data-theme=light] .field [aria-invalid=true]{border-color:#a3392b}
html[data-theme=light] .bracelet-option.active,html[data-theme=light] .type-option:has(input:checked),html[data-theme=light] .shipping-option:has(input:checked){background:#ece4d3;border-color:#161513}
html[data-theme=light] .photo-upload label{background:#faf9f7;border-color:#858073}
html[data-theme=light] .photo-upload:focus-within label,html[data-theme=light] .photo-upload.drag-over label{background:#ece4d3;outline-color:#7d5f2c}
html[data-theme=light] .filter-option,html[data-theme=light] .product-status{color:#625e56}
html[data-theme=light] .product-status:before{background:#625e56}
html[data-theme=light] .story-body .lead-paragraph,html[data-theme=light] .faq-aside-note>p,html[data-theme=light] .about-watch p,html[data-theme=light] .ordering-note{color:#3b3833}
html[data-theme=light] .catalogue-identity,html[data-theme=light] .large-index,html[data-theme=light] .request-matches>p,html[data-theme=light] .request-match-list small,html[data-theme=light] .finder-scene>p,html[data-theme=light] .finder-options p,html[data-theme=light] .finder-callout p,html[data-theme=light] .finder-invite>span,html[data-theme=light] .finder-invite p,html[data-theme=light] .finder-progress li,html[data-theme=light] .cfg-scale-note,html[data-theme=light] .cfg-progress small,html[data-theme=light] .cfg-tile-text small,html[data-theme=light] .request-configuration-heading small{color:#625e56}
html[data-theme=light] .finder-reasons,html[data-theme=light] .finder-progress li[aria-current],html[data-theme=light] .bag-preference strong,html[data-theme=light] .checkout-preference,html[data-theme=light] .cfg-option.status-request .cfg-option-text small,html[data-theme=light] .cfg-tile.status-request .cfg-tile-text small,html[data-theme=light] .cfg-review-status.request,html[data-theme=light] .cfg-bar-request,html[data-theme=light] .request-configuration-heading small.kind-recognised{color:#7d5f2c}
html[data-theme=light] .request-configuration-heading small.kind-custom{color:#9a4f2a}
html[data-theme=light] .article-band{color:#161513}
html[data-theme=light] .completion-message{background:#faf9f7;border:1px solid #d8d4cb}
html[data-theme=light] .completion-message pre{color:#3b3833}
html[data-theme=light] .request-matches,html[data-theme=light] .finder-progress,html[data-theme=light] .finder-options,html[data-theme=light] .finder-callout,html[data-theme=light] .finder-visuals button>span{border-color:#d8d4cb}
html[data-theme=light] .finder-options button{border-color:#c9c4ba}
html[data-theme=light] .finder-visuals [aria-pressed=true]>span{border-color:#7d5f2c;color:#7d5f2c}
html[data-theme=light] .finder-visuals [aria-pressed=true] .product-visual{outline-color:#7d5f2c}
html[data-theme=light] .finder-options button[aria-pressed=true]{border-color:#7d5f2c;background:#ece4d3;color:#161513}
html[data-theme=light] .finder-invite{background:#faf9f7;border-color:#c9b48c;box-shadow:0 16px 50px rgba(22,21,19,.12)}
html[data-theme=light] .menu-dialog{background:#f3f2ee;color:#161513}
html[data-theme=light] .menu-surface{background:#f3f2ee}
html[data-theme=light] .menu-top>span,html[data-theme=light] .menu-primary>a>span,html[data-theme=light] .menu-secondary a,html[data-theme=light] .menu-bottom,html[data-theme=light] .menu-bottom button{color:#625e56}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .menu-primary>a:hover{color:#7d5f2c}}
html[data-theme=light] .menu-top,html[data-theme=light] .menu-bottom,html[data-theme=light] .menu-locale{border-color:#d8d4cb}
html[data-theme=light] dialog,html[data-theme=light] .dialog-heading,html[data-theme=light] .dialog-bag-footer,html[data-theme=light] .quick-dialog,html[data-theme=light] .filter-dialog-footer{background:#faf9f7}
html[data-theme=light] .search-dialog{background:#f3f2ee}
html[data-theme=light] dialog::backdrop{background:rgba(22,21,19,.42)}
html[data-theme=light] .dialog-bag-footer{box-shadow:0 -10px 25px rgba(22,21,19,.06)}
html[data-theme=light] .search-dialog-input{border-color:#858073}
html[data-theme=light] input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer;background:#161513;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='black' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='black' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}
html[data-theme=light] .sheet-grabber::after{background:#c9c4ba}
html[data-theme=light] .preview-flag{background:rgba(250,249,247,.94);color:#625e56}
html[data-theme=light] .preview-flag:before{background:#625e56}
html[data-theme=light] .product-gallery .gallery-arrow,html[data-theme=light] .product-gallery .zoom-button,html[data-theme=light] .quick-dialog>.dialog-close{background:rgba(250,249,247,.92);color:#161513;border-color:#d8d4cb;box-shadow:0 4px 14px rgba(22,21,19,.1)}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .product-gallery .gallery-arrow:hover,html[data-theme=light] .product-gallery .zoom-button:hover,html[data-theme=light] .quick-dialog>.dialog-close:hover{background:#fff}}
@media(max-width:600px){html[data-theme=light] .product-gallery .gallery-thumbs{background:rgba(250,249,247,.84);box-shadow:0 0 0 1px #d8d4cb}}
@media(max-width:600px){html[data-theme=light] .product-gallery .gallery-thumbs button{background:rgba(22,21,19,.26)}}
@media(max-width:600px){html[data-theme=light] .product-gallery .gallery-thumbs button.active{background:#161513}}
html[data-theme=light] .purchase-bar{background:rgba(250,249,247,.97);box-shadow:0 -8px 30px rgba(22,21,19,.07)}
html[data-theme=light] .cfg-summary{background:#faf9f7;box-shadow:0 -8px 30px rgba(22,21,19,.06)}
html[data-theme=light] .cfg-summary-status{color:#625e56!important}
html[data-theme=light] .cfg-summary-status.request{color:#7d5f2c!important}
html[data-theme=light] .cfg-summary-status.conflict{color:#9a4f2a!important}
html[data-theme=light] .cfg-tile{border-color:#d8d4cb;background:#faf9f7}
@media(hover:hover) and (pointer:fine){html[data-theme=light] .cfg-tile:hover{border-color:#a9a397;background:#fff}}
html[data-theme=light] .cfg-tile .cfg-swatch{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 1px #d8d4cb}
html[data-theme=light] .cfg-option:hover{border-color:#a9a397}
html[data-theme=light] .cfg-tile.is-selected,html[data-theme=light] .cfg-tile.is-selected:hover{border-color:#7d5f2c;background:#ece4d3;box-shadow:inset 0 0 0 1px #7d5f2c}
html[data-theme=light] .cfg-tile.is-selected .cfg-swatch{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #ece4d3,0 0 0 3px #7d5f2c}
html[data-theme=light] .cfg-tile.is-selected .cfg-tile-text{color:#161513}
html[data-theme=light] .cfg-option.is-selected,html[data-theme=light] .cfg-option.is-selected:hover{border-color:#7d5f2c;background:#ece4d3}
html[data-theme=light] .cfg-progress-bar{background:#d8d4cb}
html[data-theme=light] .cfg-progress .is-done .cfg-progress-bar{background:#c9b48c}
html[data-theme=light] .cfg-result.request,html[data-theme=light] .bag-preference{border-color:#c9b48c}
html[data-theme=light] .cfg-result.conflict{border-color:#c58a63;background:#f6ece4}
html[data-theme=light] .cfg-flow-stage{border-color:#d8d4cb}
html[data-theme=light] .cfg-stage.is-placeholder .cfg-stage-frame,html[data-theme=light] .cfg-flow-stage .cfg-stage.is-placeholder .cfg-stage-frame,html[data-theme=light] .cfg-stage.image-failed .cfg-stage-frame,html[data-theme=light] .cfg-family-image:has(.cfg-schematic){background:radial-gradient(circle at 50% 46%,#ffffff,#eae8e1 72%)}
html[data-theme=light] .cfg-flow-stage .is-placeholder figcaption,html[data-theme=light] .cfg-stage.image-failed .cfg-caption-failed,html[data-theme=light] .cfg-flow-stage .is-placeholder .cfg-scale-note,html[data-theme=light] .cfg-flow-stage .image-failed .cfg-scale-note{color:#625e56}
html[data-theme=light] .cfg-schematic{filter:drop-shadow(0 18px 26px rgba(22,21,19,.18))}
html[data-theme=light] .pay-warning,html[data-theme=light] .order-notice{border-color:#c9b48c}
html[data-theme=light] .ship-status.status-exception,html[data-theme=light] .ship-status.status-returned{border-color:#c58a63;color:#9a4f2a}
html[data-theme=light] .promotion-banner{background:#222325;color:#FAF9F7;border-color:#d8d4cb}
html[data-theme=light] .promotion-black-friday,html[data-theme=light] .promotion-cyber-monday{border-bottom-color:#78797b}
html[data-theme=light] .promotion-christmas{border-bottom-color:#668d72}
html[data-theme=light] .promotion-new-year{border-bottom-color:#997849}
html[data-theme=light] .promotion-eid-al-fitr,html[data-theme=light] .promotion-eid-al-adha,html[data-theme=light] .promotion-ramadan{border-bottom-color:#758367}
/* ==== end of daylight edition ==== */

/* CMS compositions use the authored storefront tokens and native tracks. */
.cms-image-text.cms-reverse{direction:rtl}.cms-image-text.cms-reverse>*{direction:ltr}html[dir=rtl] .cms-image-text.cms-reverse>*{direction:rtl}.cms-image figure,.cms-image-text figure{margin:0}.cms-image img,.cms-hero img{width:100%;max-height:80vh;object-fit:cover}.cms-image,.cms-gallery,.cms-collections,.cms-prose,.cms-quote{padding-block:clamp(40px,6vw,90px)}.cms-prose{max-width:900px}.cms-gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px}.cms-gallery-track figure{flex:0 0 80%;margin:0;scroll-snap-align:start}.cms-gallery-track img{width:100%;height:70vh;object-fit:cover}.cms-quote blockquote{font-size:clamp(24px,4vw,48px);margin:0;color:var(--ink)}.cms-hero figure{margin-top:36px}.cms-image figcaption{color:var(--muted);padding-top:12px}

/* CMS additions reuse the existing paper, ink and spacing tokens. */
.cms-preview-selected{outline:2px solid currentColor;outline-offset:-3px}.cms-variant-paper{background:var(--paper);color:var(--ink)}.cms-variant-dark{background:var(--ink);color:var(--paper)}.cms-variant-arch figure{border-radius:50% 50% 0 0;overflow:hidden}.cms-variant-right.cms-image-text{direction:rtl}.cms-variant-right.cms-image-text>div{direction:ltr}html[dir=rtl] .cms-variant-right.cms-image-text>div{direction:rtl}

/* Owner-requested scheduled promotions. The banner participates in the measured masthead. */
.promotion-banner{background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:12px;line-height:1.4;border-bottom:1px solid var(--line)}.promotion-banner>a,.promotion-banner>div{display:flex;align-items:center;justify-content:center;gap:20px;min-height:34px;padding:7px var(--gutter);text-align:center}.promotion-banner span:first-child{overflow-wrap:anywhere}.promotion-clock{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-variant-numeric:tabular-nums}.promotion-black-friday,.promotion-cyber-monday{border-bottom:2px solid #a8a8aa}.promotion-christmas{border-bottom:2px solid #799c87}.promotion-new-year{border-bottom:2px solid #c6ab79}.promotion-eid-al-fitr,.promotion-eid-al-adha,.promotion-ramadan{border-bottom:2px solid #a2ae93}@media(max-width:600px){.promotion-banner>a,.promotion-banner>div{gap:6px 12px;flex-wrap:wrap;padding-block:6px;font-size:11px}.promotion-clock{font-size:10px}}@media print{.promotion-banner{display:none}}

/* Checkout codes share the existing field and price palette. */
.checkout-code{margin-block:24px;border-block:1px solid var(--line);padding-block:16px}.checkout-code summary{cursor:pointer;font-weight:600}.checkout-code-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-block:16px 8px}.checkout-code-entry .field{margin:0}.checkout-code-entry input{font-size:16px}.checkout-code-entry button{min-height:48px}.checkout-code-feedback{display:flex;align-items:baseline;gap:12px;justify-content:space-between}.checkout-code-feedback p{margin:0;flex:1}.checkout-discount bdi{font-size:.85em}.checkout-code-feedback button{flex-shrink:0}