/* Relique's identity: navy from the supplied ring mark, porcelain and silver. */
:root{--ink:#0d2b50;--blue:#255a91;--ice:#dce9f6;--porcelain:#fbfcfd;--silver:#71849b;--muted:#52677e;--line:#cbd6e2;--aubergine:var(--ink);--paper:var(--porcelain);--pistage:var(--ice);--scrollbar:#71849b;--scrollbar-hover:#255a91;--scrollbar-track:#eef3f8}
body{background:var(--porcelain);color:var(--ink)}::selection{background:var(--ink);color:white}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline-color:var(--blue)}
.header{padding-top:20px;padding-bottom:18px;align-items:center}.wordmark{display:block;width:220px;line-height:0}.wordmark img{width:100%;height:auto;object-fit:contain}.glass{color:var(--ink);background:rgba(251,252,253,.78);border:1px solid #b9cadc;box-shadow:inset 0 1px 0 #ffffffb3,0 12px 35px #0d2b500c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nav{background:rgba(232,240,248,.65);padding:10px 32px}.nav a[aria-current=page]{color:var(--blue)}.header-link{border-bottom:1px solid var(--line);min-height:40px}
.button{background:var(--ink);color:white;border:1px solid var(--ink);gap:30px;padding:17px 25px}.button:hover{background:var(--blue);color:white;border-color:var(--blue)}.text-link:hover{color:var(--blue)}.eyebrow{color:var(--muted)}
/* A quiet opening: the brand, a clear product promise and one unoverlaid image. */
.home .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;min-height:780px;padding-top:180px;padding-bottom:95px;align-items:center;background:var(--porcelain);overflow:visible}
.home .hero-copy{min-width:0;pointer-events:auto}.home .hero h1{font-size:clamp(92px,10vw,145px);line-height:.95;letter-spacing:-.045em;margin:0;color:var(--ink);white-space:normal}
.home .hero-copy>.hero-offer{font:32px/1.2 var(--display);color:var(--ink);margin-top:27px;max-width:none}.home .hero-copy>.hero-summary{font:14px/1.7 var(--body);color:var(--muted);margin-top:23px;max-width:36ch}.home .hero-actions{margin-top:30px;display:block}.home .hero-actions .button{padding:16px 23px;font-size:13px;gap:32px}
.hero-composition{position:relative;min-width:0;margin:0;padding:0}.home .hero-art{height:auto;aspect-ratio:auto;width:100%;margin:0;position:relative;transform:none;max-height:none;grid-area:auto}.home .hero-frame{height:auto;padding:6px;border:1px solid #a9bbcf;background:#f1f5f9;border-radius:50%;box-shadow:none}.home .hero-frame>img{height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border:0;border-radius:50%}.home .hero-art .image-note{position:static;display:block;background:none;border:0;box-shadow:none;transform:none;padding:8px 0 0;text-align:right;color:var(--muted);font:10px/1.5 var(--body);min-width:0;width:auto}
.collection{background:#edf3f8;color:var(--ink)}.example-note,.product-title small,.product>p,.collection-note{color:var(--muted)}.product>.text-link{border-color:#b2c4d8}.collection .text-link:hover,.material .text-link:hover{color:var(--blue)}.product-photo{background:#dce6ef}.photo-label.glass{background:#0d2b50d9;color:white;border-color:#ffffff50}.detail-toggle{background:white;color:var(--ink);border-color:#879eb7}.detail-toggle:hover{background:var(--ice)}.pattern-view{background:var(--ink)}.pattern-view p{background:#0d2b50ed;color:white}.pattern-view img[src="/assets/hero-blue.webp"],.product-closeup img[src="/assets/hero-blue.webp"]{transform:scale(1.55)}.product-closeup{overflow:hidden}.product-closeup figcaption{position:relative;z-index:1;background:var(--ink);color:white}
.material{background:#edf3f8;color:var(--ink)}.material-copy p{color:var(--muted)}.material-photo figcaption{background:#fbfcfdec;color:var(--ink);backdrop-filter:blur(12px);border:1px solid #c3cfdd}.material-foot{border-color:var(--line)}
.individual{background:var(--porcelain)}.compare-amp{color:var(--blue)}.comparison figcaption{color:var(--muted)}
.craft,.closing{background:var(--ink);color:var(--paper);--muted:#c5d5e7;--silver:#bfcee0;--line:#416180}.craft .eyebrow,.craft .step-label{color:#c5d5e7}.closing h2{color:white}.closing .button{background:var(--porcelain);color:var(--ink);border-color:white}.closing .button:hover{background:var(--ice)}.closing-signature{color:#7891b0}.craft :focus-visible,.closing :focus-visible{outline-color:white}.step.is-current h3{color:#dce9f6}.metal-stage{background:#f7f9fc;border-color:#879eb7}.stage-artwork{background:#f3eee5}.stage-top,.stage-bottom{background:var(--ink);color:white}.stage-word{color:#dce9f6}.stage-progress span{background:#dce9f6}.form-study{background:#e0e9f2;border-color:#aabed2}.form-study>span{color:#48607a}.step-art figcaption{background:#fbfcfd;color:var(--ink);border-color:#c3cfdd}.study-note{color:#52677e}
.story-preview{background:#e1ebf5;color:var(--ink);border-top:1px solid #c4d3e3;border-bottom:1px solid #c4d3e3}.preview-image{border-color:#9db2c8;background:#f8fbfd}.preview-image>span{background:#fbfcfde8;color:var(--ink)}.story-preview p{color:var(--muted)}
.page-intro h1 em,.product-page-copy h1,.not-found h1 em,.faq-list summary span{color:var(--blue)}.reading-aside{border-color:var(--line)}.prose{background:#edf3f8;color:var(--ink);border-color:#c3d2e1}.prose p{color:#425b76}.prose a:hover{color:var(--blue)}.prose :focus-visible{outline-color:var(--blue)}.prose .button{color:white;text-decoration:none}.prose thead{background:#dae6f2}.prose th,.prose td{border-color:#b9cbdc}
.contact-panel{background:#e8f0f8c7;box-shadow:inset 0 1px 0 white,0 20px 50px #17365608}.contact-panel #interest-status{color:var(--blue)}.contact-panel select{background:white;border-color:#a6bdd3}.product-page-art figure{background:#e6eef6;border-color:#b9cadc}.product-page-art figcaption{color:var(--ink)}.product-closeup figcaption{color:white}.error-number{color:#57779c;border-color:#a9bfd5;opacity:1}
footer{background:#f2f6fa;color:var(--ink);border-top:1px solid #c6d4e3}.footer-top .wordmark{width:200px}.footer-top,.footer-bottom{border-color:var(--line)}.footer-grid p,.footer-bottom{color:var(--muted)}
.cookie-banner,.cookie-dialog{background:rgba(13,43,80,.96);color:white;border-color:#7794b2;--muted:#d0deed;--silver:#c1d3e5;--line:#587694}.cookie-banner .eyebrow,.cookie-dialog .eyebrow{color:#c1d3e5}.cookie-dialog::backdrop{background:#081c3599}.cookie-category>span{color:#dce9f6}.cookie-choice{background:#fbfcfd;border-color:#a6bdd3;color:var(--ink)}.cookie-choice:hover{background:#dce9f6}.cookie-category input{accent-color:#9ec3ea}.cookie-banner :focus-visible,.cookie-dialog :focus-visible{outline-color:white}.cookie-status{background:white;color:var(--ink);border-color:#a6bdd3}.skip{background:var(--ink);color:white}.skip:focus-visible{outline-color:#719bc6}
@media(min-width:1600px){.home .hero{padding-left:max(var(--gutter),calc((100vw - 1450px)/2));padding-right:max(var(--gutter),calc((100vw - 1450px)/2))}}
@media(max-width:1100px) and (min-width:761px){.header .wordmark{width:190px}.home .hero{min-height:690px;padding-top:175px;padding-bottom:75px;gap:6vw}.home .hero h1{font-size:11vw}.home .hero-copy>.hero-offer{font-size:28px}.nav{gap:22px;padding:8px 24px}}
@media(max-width:760px){.header{padding-top:14px;row-gap:0}.header .wordmark{width:165px}.header-link{font-size:11px}.nav{margin-top:10px;padding:6px 20px;gap:12px}.nav a{font-size:12px}.home .hero{grid-template-columns:1fr;min-height:0;padding-top:204px;padding-bottom:60px;gap:35px;overflow:hidden}.home .hero h1{font-size:clamp(77px,20vw,105px);margin:0;line-height:.95}.home .hero-copy>.hero-offer{font-size:29px;line-height:1.2;margin-top:19px}.home .hero-copy>.hero-summary{font-size:13px;margin-top:18px}.home .hero-actions{margin-top:23px}.home .hero-actions .button{font-size:12px;padding:14px 20px;gap:27px}.hero-composition{margin:0;padding:0}.home .hero-frame{padding:5px}.footer-top .wordmark{width:155px}.footer-top>p{font-size:21px}.breadcrumbs{padding-top:211px}.step.is-current h3{color:white}}
@media(max-width:380px){.header .wordmark{width:145px}.home .hero{padding-top:194px;gap:30px}.home .hero h1{font-size:75px}.home .hero-copy>.hero-offer{font-size:26px}.footer-top .wordmark{width:128px}.footer-top>p{font-size:18px}}
@media(forced-colors:active){body,.collection,.material,.individual,.story-preview,.prose,.craft,.closing,footer{background:Canvas;color:CanvasText}.glass,.cookie-banner,.cookie-dialog{background:Canvas;color:CanvasText;border-color:CanvasText}.wordmark{background:white}.button,.cookie-choice{color:ButtonText;background:ButtonFace;border-color:ButtonText}.hero-frame{border-color:CanvasText}.page-intro h1 em,.closing h2{color:CanvasText}}

/* Explicit, shared product detail controls. */
.detail-toggle .detail-reset{display:none}
.detail-toggle[aria-expanded=true] .detail-label{display:none}
.detail-toggle[aria-expanded=true] .detail-reset{display:inline}
.detail-toggle{width:auto;min-width:128px;height:44px;padding:0 16px;display:flex;gap:13px;align-items:center;justify-content:center;border-radius:30px;background:rgba(251,252,253,.94);color:var(--ink);border:1px solid #0d2b5040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:12px var(--body);box-shadow:0 3px 14px #0d2b5012;transition:background .2s,color .2s}
.detail-toggle:hover,.detail-toggle[aria-expanded=true]{background:var(--ink);color:white}
.detail-toggle svg{width:18px;height:18px;transition:transform .2s}
.detail-toggle[aria-expanded=true] svg{transform:rotate(45deg)}
.detail-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(max-width:760px){.detail-toggle{min-width:120px;padding:0 14px}}
@media(prefers-reduced-motion:reduce){.detail-toggle,.detail-toggle svg{transition:none}}
@media(forced-colors:active){.detail-toggle,.detail-toggle:hover,.detail-toggle[aria-expanded=true]{background:ButtonFace;color:ButtonText;border-color:ButtonText}}

/* Polished metal is the shared interaction material, across real page links. */
:root{--motion-arrive:cubic-bezier(.16,1,.3,1);--motion-feedback:180ms}
.button,.ring-order{position:relative}.detail-toggle{position:absolute}.detail-toggle,.detail-toggle:hover{transform:none}.button,.detail-toggle,.ring-order{isolation:isolate;overflow:hidden;transition:background-color var(--motion-feedback),color var(--motion-feedback),transform var(--motion-feedback) var(--motion-arrive),box-shadow 260ms var(--motion-arrive)}
.button::before,.detail-toggle::before,.ring-order::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-70%;bottom:-70%;left:0;width:42%;background:linear-gradient(100deg,transparent,#ffffff7a,transparent);transform:translateX(-290%) rotate(18deg);opacity:0;transition:transform 620ms var(--motion-arrive),opacity 180ms}
.button::after,.ring-order::after{content:"";position:absolute;inset:4px;border:1px solid #ffffff61;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 180ms}
.button svg,.text-link svg,.header-link svg,.ring-order svg{transition:transform 260ms var(--motion-arrive)}
.button:hover{transform:none}
.button:focus-visible::before,.detail-toggle:focus-visible::before,.ring-order:focus-visible::before{opacity:.7;transform:translateX(290%) rotate(18deg)}
.button:focus-visible::after,.ring-order:focus-visible::after{opacity:1}
.button:active,.detail-toggle:active,.ring-order:active{transform:scale(.985);transition-duration:90ms}
.text-link,.header-link{position:relative;text-decoration:none!important;border-bottom:0}.product>.text-link{border-bottom:0}
.text-link::after,.header-link::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(.22);transform-origin:left;opacity:.45;transition:transform 280ms var(--motion-arrive),opacity 180ms}
.text-link:focus-visible::after,.header-link:focus-visible::after{transform:scaleX(1);opacity:1}
.text-link:focus-visible svg,.header-link:focus-visible svg{transform:translateX(4px)}
.nav a{position:relative;text-decoration:none!important}
.nav a::after{content:"";position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--motion-arrive)}
.nav a[aria-current=page]::after,.nav a:focus-visible::after{transform:scaleX(1)}
.pattern-view p{padding:16px 18px 74px}.pattern-view{clip-path:inset(0 0 100% 0);transition:clip-path 420ms var(--motion-arrive),opacity 180ms,visibility 420ms}
.product-photo.is-detail .pattern-view{clip-path:inset(0)}
.product-photo.is-detail .detail-toggle{box-shadow:inset 0 1px 0 #ffffff5c,0 8px 20px #0d2b5024}
@media(hover:hover) and (pointer:fine){
 .button:hover,.detail-toggle:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff66,0 8px 18px #0d2b5026}
 .button:hover::before,.detail-toggle:hover::before,.ring-order:hover::before{opacity:.7;transform:translateX(290%) rotate(18deg)}
 .button:hover::after,.ring-order:hover::after{opacity:1}
 .button:hover svg,.text-link:hover svg,.header-link:hover svg{transform:translateX(4px)}
 .text-link:hover::after,.header-link:hover::after{transform:scaleX(1);opacity:1}
 .nav a:hover::after{transform:scaleX(1)}
 .product-photo:hover .pattern-view{clip-path:inset(0)}
 .ring-order:hover svg{transform:translateX(4px)}
 .button:active,.detail-toggle:active,.ring-order:active{transform:scale(.985)}
}
@media(prefers-reduced-motion:reduce){
 .button,.detail-toggle,.ring-order,.pattern-view,.button svg,.text-link svg,.header-link svg,.ring-order svg,.nav a::after,.text-link::after,.header-link::after{transition:none}
 .button:hover,.button:active,.detail-toggle:hover,.detail-toggle:active,.ring-order:active,.button:hover svg,.text-link:hover svg,.text-link:focus-visible svg,.header-link:hover svg,.header-link:focus-visible svg,.ring-order:hover svg{transform:none}
 .button::before,.detail-toggle::before,.ring-order::before{display:none}
}
@media(forced-colors:active){.button::before,.button::after,.ring-order::before,.ring-order::after,.detail-toggle::before{display:none}}

/* Frosted surfaces share a bright cut edge and a quiet blue underlight. */
.nav.glass{background:linear-gradient(125deg,#ffffffeb,#e1ebf4c9);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #9ab2ca50,0 8px 24px #0d2b5010;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
.contact-panel.glass{position:relative;border-radius:20px;border-color:#b9ccdf;background:radial-gradient(ellipse at 0 0,#ffffffed,transparent 70%),linear-gradient(145deg,#edf4fad9,#dce9f4c9);box-shadow:inset 0 1px 0 white,inset 0 -1px 0 #9ab2ca50,0 24px 50px #0d2b500e;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1)}
.contact-panel select{border-radius:10px;background:#ffffffed}
@media(max-width:760px){.contact-panel.glass{background:linear-gradient(145deg,#f9fcfd,#e5eef7f2);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.nav.glass,.contact-panel.glass{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}

@media(max-width:760px){
 .product-grid{grid-template-columns:1fr;gap:48px}
 .product:nth-child(n){margin-top:0;max-width:100%}
 .product:nth-child(2){width:86%;justify-self:end}
 .product:nth-child(3){width:90%;justify-self:start}
 .pattern-view p{font-size:12px;line-height:1.5}
}
@media(max-width:760px){.nav{flex-wrap:wrap;justify-content:center}.nav a{font-size:11px}}