/* An object-led archive. Composition and scale carry the direction. */
:root{--bg:#111110;--paper:#e6e6df;--muted:#aaa9a2;--line:#454540}
body{background:var(--bg)}
em{font-family:inherit;font-style:italic}
.header{height:94px;margin:0 3vw;position:relative;z-index:5}
.wordmark{font-size:22px;letter-spacing:-.065em;font-style:italic;font-weight:700;line-height:.86}.wordmark span{font-style:normal;font-size:9px}
.header nav,.header-enquiry{font-size:14px}.header nav{gap:30px}
.eyebrow,.card-index,.breadcrumbs,.gallery-caption,.image-note,figcaption{font-size:12px;letter-spacing:.07em}
.line-link,.quiet-link{font-size:14px}.intro,.product-note,details p{font-size:16px}
.archive-stage{height:calc(100svh - 94px);min-height:650px;max-height:1050px;position:relative;isolation:isolate;overflow:hidden;margin:0 3vw;border-bottom:1px solid var(--line)}
.stage-top{position:absolute;top:24px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;z-index:3}.stage-top>a{font-size:14px}
.stage-title{position:absolute;top:13%;left:3%;font-size:clamp(80px,12.8vw,205px);line-height:.78;font-weight:500;text-transform:uppercase;letter-spacing:-.085em;z-index:0;pointer-events:none}
.stage-title em{margin-left:22vw;display:block;font-weight:500}
.stage-art{position:absolute;inset:3% 12% 10%;display:flex;align-items:center;justify-content:center;z-index:1}
.stage-art img{width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse 61% 57% at center,#000 42%,transparent 88%);transition:transform .8s cubic-bezier(.2,.7,.2,1);animation:object-arrive .8s ease both}
.stage-art:hover img{transform:scale(1.045) rotate(-2deg)}
.stage-art.pendant-study{inset:9% 22% 10%}.stage-art.pendant-study img{mask-image:radial-gradient(ellipse 65% 67% at center,#000 42%,transparent 93%)}
.stage-side{position:absolute;left:0;top:52%;display:flex;flex-direction:column;gap:8px;font:12px "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.stage-record{position:absolute;right:0;bottom:18%;width:205px;z-index:3}.stage-record>a{display:block;margin-top:14px;font-size:25px;line-height:1;letter-spacing:-.045em}
.stage-controls{position:absolute;bottom:56px;left:0;display:flex;gap:28px;z-index:3}.stage-controls button{font-size:14px;text-align:left;max-width:230px;border-top:1px solid #55554e;padding:15px 0 0;color:var(--muted)}.stage-controls button span{font:12px monospace;display:block;margin-bottom:8px}.stage-controls button[aria-pressed=true]{border-top:3px solid var(--paper);padding-top:13px;color:var(--paper)}.stage-controls button:hover{color:#fff}
.stage-down{position:absolute;bottom:20px;right:0;font:12px monospace;color:var(--muted);z-index:3}.stage-down span{margin-left:25px}
.surface-study{position:relative;isolation:isolate;min-height:950px;overflow:hidden;margin:0 3vw;border-bottom:1px solid var(--line);padding-top:75px}
.study-heading{position:relative;z-index:3;pointer-events:none}.study-heading h2{font-size:clamp(70px,10vw,150px);text-transform:uppercase;line-height:.82;letter-spacing:-.08em;margin:32px 0}.study-heading>p:last-child{font-size:16px;max-width:230px}
.surface-macro{position:absolute;top:10%;right:-14%;width:91%;height:77%;overflow:hidden;z-index:0}.surface-macro img{height:100%;width:100%;object-fit:cover;object-position:50% 50%;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 90%,transparent);transition:transform 1s}.surface-macro:hover img{transform:scale(1.05)}
.surface-whole{position:absolute;bottom:65px;left:5%;width:23%;z-index:2;background:#111110;box-shadow:0 0 70px 40px #111110;transform:rotate(-7deg)}.surface-whole img{width:100%;max-height:340px;object-fit:contain}.surface-whole>span{display:block;margin-top:18px;transform:rotate(7deg)}
.surface-link{position:absolute;bottom:55px;right:0;z-index:3}.surface-index{position:absolute;bottom:60px;right:25%;font-size:120px;line-height:1;font-weight:300;letter-spacing:-.08em;color:#75756c}
.body-study{min-height:900px;position:relative;margin:0 3vw;padding:80px 0;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px;align-items:center;border-bottom:1px solid var(--line)}
.body-heading{align-self:start;grid-column:1/3;grid-row:1;z-index:2;pointer-events:none}.body-heading h2{font-size:clamp(68px,10vw,150px);line-height:.83;letter-spacing:-.075em;text-transform:uppercase;margin-top:35px}
.body-photo{grid-column:2;grid-row:1;margin-top:100px;transform:rotate(5deg);display:block}.body-photo img{width:100%;height:620px;object-fit:cover}
.body-caption{grid-column:3;grid-row:1;align-self:end;padding-bottom:30px;z-index:3}.body-caption>p{font-size:clamp(30px,3.2vw,50px);line-height:1;letter-spacing:-.055em}.body-caption .line-link{min-width:0;width:100%;margin-top:30px}.body-caption>.eyebrow{display:block;margin-top:35px;line-height:1.8}
.archive-exit{padding:70px 3vw 95px}.archive-exit>a{display:flex;justify-content:space-between;font-size:clamp(36px,6.5vw,110px);letter-spacing:-.06em;line-height:1.1;margin-top:25px}
.card-image,.main-image,.detail-image{background:transparent}.card-image img,.main-image img.silver{mask-image:radial-gradient(ellipse 75% 70% at center,#000 50%,transparent 95%)}
.object-info h1{font-style:italic}.object-info{border-left:0}.solid{font-size:14px}.gallery-caption,.zoom-label{font-size:12px}summary,dl,.enquire-block>p{font-size:14px}.object-card>p{font-size:14px}.thumbnails button{border-width:0 0 1px;padding:0 0 5px}
.lookbook h1{font-size:clamp(60px,10vw,150px);text-transform:uppercase;line-height:.9}.lookbook-layout{grid-template-columns:1.3fr 1fr}.lookbook-layout figure{transform:rotate(-3deg);margin:25px 0}.lookbook-layout p{font-size:16px}.small-copy{font-size:13px!important}
footer>div,footer button,footer>p{font-size:14px}footer>div>span{font-size:12px}
@keyframes object-arrive{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1000px){.gallery{position:sticky;top:20px;align-self:start}.main-image{height:75svh;min-height:500px;max-height:850px}}
@media(max-width:900px){.stage-title{font-size:13vw;top:18%}.stage-art{inset:13% 3% 17%}.stage-record{width:160px;bottom:21%}.stage-record>a{font-size:22px}.surface-study{min-height:850px}.surface-macro{height:65%;top:24%;width:105%}.body-study{min-height:800px;gap:20px;grid-template-columns:.6fr 1.5fr 1fr}.body-photo img{height:520px}.body-heading h2{font-size:10vw}}
@media(max-width:600px){.header{height:112px;margin:0 20px;gap:14px}.wordmark{font-size:18px}.wordmark span{font-size:8px}.header nav{font-size:14px;gap:20px}.header-enquiry{font-size:14px}.archive-stage{margin:0 20px;height:calc(100svh - 112px);min-height:670px;max-height:820px}.stage-top{top:20px;display:block}.stage-top .eyebrow{font-size:11px}.stage-top>a{display:inline-block;font-size:12px;margin-top:10px}.stage-title{left:0;top:19%;font-size:15vw;line-height:.85}.stage-title em{margin-left:6vw}.stage-art{inset:21% -16% 20%}.stage-art.pendant-study{inset:23% 1% 22%}.stage-side{top:49%;font-size:10px;gap:6px;z-index:2}.stage-record{right:0;bottom:22%;width:145px}.stage-record .eyebrow{font-size:10px}.stage-record>a{font-size:20px;margin-top:8px}.stage-controls{left:0;right:0;bottom:55px;gap:20px}.stage-controls button{font-size:13px;flex:1}.stage-controls button span{font-size:11px}.stage-down{bottom:18px;font-size:11px}.surface-study{margin:0 20px;min-height:860px;padding-top:50px}.study-heading h2{font-size:21vw;margin:25px 0}.study-heading>p:last-child{font-size:14px}.surface-macro{top:30%;right:-40%;width:140%;height:48%}.surface-whole{width:36%;left:3%;bottom:55px;box-shadow:0 0 35px 20px #111110}.surface-whole img{max-height:220px}.surface-whole .eyebrow{font-size:10px}.surface-link{bottom:30px;min-width:150px;font-size:13px}.surface-index{font-size:80px;bottom:100px;right:5%}.body-study{margin:0 20px;padding:50px 0;display:block;min-height:0}.body-heading h2{font-size:20vw;margin-top:25px;position:relative;z-index:2}.body-photo{width:77%;margin:-10px 0 0 15%;transform:rotate(4deg)}.body-photo img{height:440px}.body-caption{margin:38px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.body-caption>p{font-size:34px}.body-caption .line-link{align-self:center;margin:0}.body-caption>.eyebrow{grid-column:1/-1;margin:0;font-size:11px}.archive-exit{padding:55px 20px}.archive-exit>a{font-size:10vw;gap:15px}.archive-exit>.eyebrow{font-size:11px}.lookbook h1{font-size:52px}.lookbook-layout{display:block}.lookbook-layout figure{margin:30px 8px 50px}.gallery-caption{font-size:11px;gap:14px}.main-image{height:470px}.object-info h1{font-size:44px}footer>div>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.stage-art img{animation:none}.stage-art:hover img,.surface-macro:hover img{transform:none}}

/* True alpha preserves dark silver detail as well as the silhouette. */
img[src$="-transparent.png"],.stage-art.pendant-study img[src$="-transparent.png"],.main-image img.silver[src$="-transparent.png"],img[src$="-transparent.webp"],.stage-art.pendant-study img[src$="-transparent.webp"],.main-image img.silver[src$="-transparent.webp"]{mix-blend-mode:normal;mask-image:none}
.stage-art{perspective:1100px}
.stage-art img,.stage-art:hover img{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1);animation:none;will-change:transform}
.surface-whole{background:transparent;box-shadow:none}
@media(prefers-reduced-motion:reduce){.stage-art img,.stage-art:hover img{transform:none;will-change:auto}}

.purchase-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.product-price{font-size:32px;letter-spacing:-.04em}.purchase-heading .eyebrow{font-size:12px}#michael-order label{font-size:14px;margin-bottom:10px}#ring-size{font:16px "Helvetica Neue",Arial,sans-serif;width:100%;background:#171716;color:var(--paper);border:1px solid #76766c;border-radius:0;padding:15px;margin-bottom:16px;min-height:50px}#ring-size:focus-visible{outline:2px solid var(--paper);outline-offset:4px}.purchase-help{display:flex;justify-content:space-between;gap:18px;margin-top:20px}.purchase-help button{font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:5px 0}.purchase-disclaimer{font-size:12px;color:var(--muted);line-height:1.6;margin:20px 0}.michael-relief .section-heading p:last-child{font-size:16px}.michael-relief .detail-image{max-height:800px;overflow:hidden}.michael-relief .detail-image img{max-height:800px;object-fit:contain}.bag-object{display:grid;grid-template-columns:42% 1fr;gap:20px;align-items:center;margin:30px 0}.bag-object h3{font-size:23px;line-height:1.1}.bag-object p{font-size:14px;margin-top:12px}.bag-remove{font-size:13px;text-decoration:underline;margin-top:15px;padding:5px 0}.bag-total{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);font-size:16px}#preview-bag{width:min(600px,94vw)}#preview-bag .preview-note{font-size:13px}#preview-bag .solid{font-size:14px}#preview-bag .line-link{margin-top:12px}
.championship-pair{border-bottom:1px solid var(--line)}.championship-pair .section-heading p:last-child{font-size:16px;color:var(--muted)}.championship-pair .detail-image img{width:100%;max-height:780px;object-fit:contain}.pair-caption{max-width:390px;margin:20px 0 0 auto;color:var(--muted);font-size:16px}
@media(max-width:600px){.purchase-heading{margin-top:25px}.bag-object{grid-template-columns:35% 1fr;gap:15px}.bag-object h3{font-size:21px}#preview-bag h2{font-size:34px}.purchase-help{flex-wrap:wrap}.michael-relief .section-heading h2{font-size:42px}}