body[data-site=jewellery]{--pine:oklch(19% .016 20);--deep:oklch(13% .012 20);--ink:oklch(23% .018 20);--display:'Bodoni Moda',Georgia,serif;--gold:oklch(83% .067 82);--muted:oklch(77% .02 70);--line:oklch(88% .026 80 / .2);background:var(--pine)}.jewellery-hero{position:relative;min-height:720px;--scene-color:oklch(42% .057 65);background:var(--pine)}.jewellery-hero .scene-glow{background:radial-gradient(ellipse at 51% 58%,var(--scene-color),transparent 51%);opacity:.6}.jewellery-hero .hero-intro{top:17%;z-index:5}.jewellery-hero .hero-intro h1{font-size:clamp(3.5rem,6.2vw,6rem);letter-spacing:-.04em}.jewellery-hero .hero-intro p{font-size:10px;letter-spacing:.25em;margin-bottom:15px}.light-beam{position:absolute;top:-38%;left:42%;width:30%;height:170%;background:linear-gradient(90deg,transparent,oklch(89% .05 80 / .08),transparent);transform:rotate(25deg);pointer-events:none;transition:transform 1.5s var(--ease),opacity 1.5s;z-index:-1}.ring-stage{position:absolute;width:56svh;height:56svh;left:50%;top:30%;transform:translateX(-50%);z-index:4}.ring-interaction{width:100%;height:100%;cursor:grab;touch-action:pan-y;transform:rotate(var(--ring-rotation,-15deg));transition:transform .8s var(--ease);animation:ring-float 8s ease-in-out infinite}.ring-interaction.dragging{cursor:grabbing;transition:transform .12s;animation-play-state:paused}.ring-interaction img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 25px 22px oklch(4% .005 10 / .4));transition:filter 1.2s}.ring-shadow{position:absolute;bottom:0;left:12%;width:75%;height:6%;border-radius:50%;background:oklch(4% .005 10 / .7);filter:blur(20px);z-index:-1}@keyframes ring-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -13px;rotate:2deg}}.jewel-orbit{position:absolute;width:55%;height:33%;top:38%;left:22.5%;border:1px solid oklch(85% .058 74 / .13);transform:rotate(-27deg);border-radius:50%}.jewellery-hero .side-note{left:9%;top:43%}.ring-side-caption{position:absolute;right:10%;top:44%;font-size:12px;color:var(--muted);text-align:center;line-height:1.8}.tiny-diamond{font-family:Georgia,serif;font-size:60px;font-weight:400;color:var(--gold);opacity:.6;line-height:1.8}.ring-label{position:absolute;bottom:13%;width:100%;text-align:center;z-index:6}.ring-label h2{font-size:32px;letter-spacing:-.025em}.ring-label p{font-size:11px;margin-top:8px;color:var(--muted)}.jewellery-hero .hero-bottom{bottom:4%;align-items:end}.ring-controls{display:flex;flex-direction:column;align-items:start;gap:8px}.ring-controls label{font-size:10px;color:var(--muted)}.ring-controls input{accent-color:var(--gold);width:110px;height:17px;margin:0;cursor:ew-resize}.light-controls{display:flex;flex-direction:column;align-items:end;gap:5px;min-width:123px}.light-controls>span{font-size:10px;color:var(--muted)}.light-controls>div{display:flex;gap:5px}.light-controls button{border:1px solid transparent;padding:5px;border-radius:50%;height:32px;width:32px;display:grid;place-items:center}.light-controls button[aria-pressed=true]{border-color:var(--gold)}.swatch{display:block;width:17px;height:17px;border-radius:50%;border:1px solid oklch(100% 0 0 / .25)}.golden{background:oklch(79% .074 79)}.daylight{background:oklch(88% .023 240)}.evening{background:oklch(51% .061 308)}body[data-light=daylight] .jewellery-hero{background:oklch(26% .024 255);--scene-color:oklch(58% .035 250)}body[data-light=daylight] .ring-interaction img{filter:brightness(1.05) saturate(.85) drop-shadow(12px 25px 22px oklch(4% 0 0 / .4))}body[data-light=daylight] .light-beam{transform:rotate(-25deg);opacity:1.5}body[data-light=evening] .jewellery-hero{background:oklch(17% .031 322);--scene-color:oklch(41% .07 329)}body[data-light=evening] .ring-interaction img{filter:brightness(.89) saturate(.84) drop-shadow(12px 25px 22px oklch(4% 0 0 / .4))}body[data-light=evening] .light-beam{transform:rotate(45deg);opacity:.5}.jewel-statement{background:var(--white);color:var(--ink);text-align:center;padding-top:120px;padding-bottom:110px}.jewel-statement>p{font-size:12px;margin-bottom:30px}.jewel-statement h2{font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:400;line-height:1.13}.jewel-statement>div{margin:32px auto 0;max-width:49ch}.jewel-statement>div p{font-size:14px;line-height:1.9;color:oklch(41% .019 26)}.collections{background:oklch(95% .008 65);color:var(--ink);display:grid;grid-template-columns:1fr 1.6fr;gap:12%;padding-top:100px;padding-bottom:100px}.collection-heading h2{font-size:44px;max-width:7ch;line-height:1.1}.collection-heading p{font-size:12px;margin-top:25px;max-width:22ch}.collection-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid oklch(36% .01 20 / .24);position:relative;transition:padding .4s var(--ease)}.collection-links a:first-child{padding-top:0}.collection-links a>span:first-child{font-family:var(--brand);font-size:38px;letter-spacing:-.03em;line-height:1.4}.collection-links a small{font-size:10px;color:oklch(42% .019 20);margin-left:auto}.collection-links a .collection-symbol{font-size:26px;font-family:Georgia,serif;transition:rotate .5s var(--ease)}.collection-links a:hover{padding-left:12px}.collection-links a:hover .collection-symbol{rotate:90deg}.jewel-care{display:grid;grid-template-columns:1fr 1fr;background:var(--pine);min-height:650px}.jewel-detail{position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 60%,oklch(42% .045 50),oklch(23% .016 20));display:flex;align-items:center;justify-content:center}.jewel-detail img{width:130%;max-width:none;height:auto;transform:translate(-5%,26%) rotate(23deg);transition:transform 1.5s var(--ease);filter:drop-shadow(10px 20px 20px oklch(0% 0 0 / .4))}.jewel-detail:hover img{transform:translate(-5%,20%) rotate(16deg)}.jewel-detail>span{position:absolute;top:50px;left:50px;font-size:12px;color:var(--gold)}.care-copy{padding:90px 15% 90px 12%}.care-copy>p{font-size:11px;color:var(--gold);margin-bottom:25px}.care-copy h2{font-size:clamp(2.6rem,4vw,4.3rem);line-height:1.1;margin-bottom:30px}.service-list details{border-bottom:1px solid var(--line);padding:17px 0}.service-list summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:20px}.service-list summary:after{content:'+';font-size:18px;color:var(--gold);line-height:1}.service-list details[open] summary:after{content:'−'}.service-list summary::-webkit-details-marker{display:none}.service-list details p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:14px;max-width:42ch}.care-copy .button{margin-top:32px}.jewel-contact{text-align:center;background:var(--white);color:var(--ink);padding-top:100px;padding-bottom:110px}.jewel-contact>p{font-size:11px;margin-bottom:25px}.jewel-contact h2{font-size:clamp(2.7rem,5vw,5rem);margin-bottom:35px}.contact-email{font-size:14px;border-bottom:1px solid oklch(30% .014 20 / .4);padding-bottom:8px}.jewellery-hero .hero-bottom>.button{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.jewellery-hero .hero-bottom>.button:hover{transform:translateX(-50%) translateY(-3px)}
@media(max-height:780px) and (min-width:701px){.jewellery-hero{min-height:690px}.jewellery-hero .hero-intro{top:16%}.jewellery-hero .hero-intro h1{font-size:70px}.ring-stage{width:47svh;height:47svh;top:32%}.ring-label{bottom:13%}.ring-label h2{font-size:29px}.ring-label p{font-size:10px}}
@media(max-width:1000px){.jewel-care{min-height:600px}.care-copy{padding:70px 12%}.collections{gap:8%;grid-template-columns:1fr 1.5fr}.collection-links a small{display:none}.jewel-detail img{width:155%;transform:translate(-5%,25%) rotate(23deg)}}
@media(max-width:700px){.jewellery-hero{min-height:850px}.jewellery-hero .hero-intro{top:178px}.jewellery-hero .hero-intro h1{font-size:clamp(2.8rem,11vw,4rem)}.jewellery-hero .hero-intro p{font-size:9px}.ring-stage{width:87vw;height:87vw;max-width:400px;max-height:400px;top:300px}.jewel-orbit{width:130%;left:-15%;height:240px;top:345px}.ring-side-caption{display:none}.ring-label{bottom:143px}.ring-label h2{font-size:31px}.ring-label p{font-size:11px}.jewellery-hero .hero-bottom{bottom:32px;align-items:center;flex-wrap:wrap;row-gap:20px}.jewellery-hero .hero-bottom>.button{bottom:50px;font-size:11px;min-width:214px;padding:13px 19px}.ring-controls{gap:3px;margin-top:60px}.ring-controls label{font-size:9px}.ring-controls input{width:87px}.light-controls{margin-top:55px;gap:3px;min-width:100px}.light-controls>span{font-size:9px}.light-controls button{width:28px;height:28px;padding:4px}.swatch{width:16px;height:16px}.jewel-statement{padding:75px 7%}.jewel-statement>p{font-size:11px;margin-bottom:22px}.jewel-statement h2{font-size:37px;line-height:1.16}.jewel-statement>div p{font-size:13px}.collections{display:block}.collection-heading h2{max-width:none;font-size:42px}.collection-heading p{margin:18px 0 35px;max-width:none}.collection-links a>span:first-child{font-size:34px}.collection-links a{padding:20px 0}.collection-links a small{display:block;font-size:9px;max-width:12ch;text-align:right}.jewel-care{grid-template-columns:1fr}.jewel-detail{height:450px;order:2}.jewel-detail img{width:100%;transform:translate(-5%,20%) rotate(23deg)}.jewel-detail>span{top:30px;left:7%}.care-copy{padding:70px 7%}.care-copy h2{font-size:44px}.jewel-contact{padding:75px 7%}.jewel-contact h2{font-size:43px}.contact-email{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ring-interaction{animation:none}.jewel-detail:hover img{transform:translate(-5%,26%) rotate(23deg)}}

/* The full jewellery story is scrubbed by native page scroll. */
.jewellery-scroll{height:400svh;position:relative}
.jewellery-scroll .jewellery-hero{position:sticky;top:0;height:100svh;min-height:0;max-height:none;transition:none}
.jewellery-hero .hero-intro{top:17%;pointer-events:none}
.jewellery-hero .hero-intro h1{font-size:clamp(3.5rem,6.2vw,6rem)}
.jewel-stage{position:absolute;left:50%;top:31%;width:min(48vw,46svh);height:min(48vw,46svh);transform:translateX(-50%);z-index:4;pointer-events:none;perspective:1200px}
.scroll-piece-track{position:relative;width:100%;height:100%;perspective:1200px}
.jewel-piece{position:absolute;inset:0;width:100%;height:100%;transform-origin:center;will-change:transform,opacity;pointer-events:none}
.jewel-piece:not(:first-child){visibility:hidden;opacity:0}
.jewel-float{display:block;width:100%;height:100%}
.jewel-piece img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 22px 20px oklch(4% .005 10 / .38));pointer-events:none;user-select:none;-webkit-user-drag:none}
.jewel-piece[data-piece="1"] img{padding:2% 5%}
.jewel-piece[data-piece="2"] img{padding:0 2%}
.jewel-stage .ring-shadow{bottom:-8%;opacity:.6}
.jewel-side-note{position:absolute;left:7%;top:39%;font-size:12px;line-height:1.85;color:var(--muted);max-width:18ch;pointer-events:none}
.jewel-side-note .little-rule{margin-bottom:16px}
.jewel-detail-note{position:absolute;right:7%;top:40%;font-size:12px;text-align:right;line-height:1.8;color:var(--muted);pointer-events:none}
.jewel-detail-note p{font-size:10px;margin-top:17px;color:var(--gold)}
.piece-copy{position:absolute;bottom:14%;left:18%;right:18%;text-align:center;z-index:6;pointer-events:none}
.piece-copy h2{font-size:32px;letter-spacing:-.025em;line-height:1.2}
.piece-copy p{font-size:12px;margin-top:7px;color:var(--muted)}
.jewellery-hero .hero-bottom{bottom:4%;align-items:center;min-height:50px}
.jewel-scroll-cue{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}
.jewel-scroll-cue .scroll-line{height:34px}
.jewel-scroll-cue .scroll-line:after{animation:none;top:0;height:13px}
.jewel-chapters{display:flex;position:relative;gap:17px;font-size:10px;color:var(--muted);padding-bottom:12px}
.jewel-chapters .current-chapter{color:var(--gold)}
.jewel-scroll-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--line);overflow:hidden}
.jewel-scroll-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.collection-links a.selected-collection>span:first-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
body[data-piece="1"] .jewel-detail img{width:105%;transform:translate(0,10%) rotate(-12deg)}
body[data-piece="2"] .jewel-detail img{width:115%;transform:translate(0,15%) rotate(-7deg)}
@media(max-height:780px) and (min-width:701px){.jewellery-hero .hero-intro{top:16%}.jewellery-hero .hero-intro h1{font-size:clamp(3rem,6.2vw,4.5rem)}.jewel-stage{top:32%;width:44svh;height:44svh}.piece-copy h2{font-size:29px}.piece-copy p{font-size:11px}}
@media(max-width:1000px) and (min-width:701px){.jewel-side-note{left:5%}.jewel-detail-note{right:5%}.jewel-chapters{gap:11px;font-size:9px}.jewel-scroll-cue{font-size:10px}}
@media(max-width:700px){
  .jewellery-scroll{height:390svh}
  .jewellery-hero .site-header{height:83px}
  .jewellery-hero .world-switch{top:91px}
  .jewellery-hero .hero-intro{top:22%;padding:0 16px}
  .jewellery-hero .hero-intro h1{font-size:clamp(2.2rem,10.5vw,3.5rem)}
  .jewellery-hero .hero-intro p{font-size:9px;margin-bottom:10px}
  .jewel-stage{top:35%;width:min(88vw,39svh);height:min(88vw,39svh)}
  .jewel-side-note,.jewel-detail-note{display:none}
  .piece-copy{bottom:clamp(142px,18svh,160px);left:6%;right:6%}
  .piece-copy h2{font-size:29px}.piece-copy p{font-size:11px;max-width:35ch;margin:8px auto 0}
  .jewellery-hero .hero-bottom{bottom:23px;left:6%;right:6%;min-height:37px;flex-wrap:nowrap;gap:14px;align-items:center}
  .jewellery-hero .hero-bottom>.button{bottom:55px;min-width:196px;font-size:12px}
  .jewel-scroll-cue{font-size:9px;gap:8px;max-width:108px;line-height:1.5}
  .jewel-scroll-cue .scroll-line{height:27px;flex:0 0 1px}
  .jewel-chapters{gap:10px;font-size:9px;white-space:nowrap;padding-bottom:9px}
  .jewel-orbit{top:37%;height:29%}
  .jewel-statement h2{min-height:86px}
}
@media(max-width:700px) and (max-height:700px){.jewellery-hero .hero-intro{top:23%}.jewel-stage{top:36%;width:33svh;height:33svh}.piece-copy{bottom:137px}.piece-copy h2{font-size:25px}.piece-copy p{font-size:10px}.jewellery-hero .hero-intro h1{font-size:34px}}
@media(max-width:360px){.jewel-chapters{gap:7px;font-size:8px}.jewel-scroll-cue{font-size:8px;max-width:87px}.piece-copy h2{font-size:26px}.jewellery-hero .hero-intro h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.jewel-piece{will-change:auto}}
body.motion-paused .jewellery-hero .light-beam,body.motion-paused .jewellery-hero .scene-glow{transition:none}