:root{--paper:#f1ede2;--ink:#352d29;--muted:#6d625a;--line:#cec5b8;--cornflower:#b8cefd;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',Arial,sans-serif;--gutter:clamp(24px,6vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--cornflower);color:var(--ink)}
h1,h2,h3{font-family:var(--serif);font-weight:400;text-wrap:balance;letter-spacing:-.025em}h1{font-size:clamp(4rem,7.5vw,6rem);line-height:1.02;margin:0 0 28px}h2{font-size:clamp(2.75rem,4.8vw,4.5rem);line-height:1.08;margin:0 0 28px;max-width:20ch}h3{font-size:clamp(2rem,3vw,2.625rem);line-height:1.13;margin:0 0 20px}h4{font:500 1.0625rem/1.4 var(--sans);margin:28px 0 12px}p{margin:0 0 20px;max-width:68ch;text-wrap:pretty}p:last-child{margin-bottom:0}em{font-weight:400}a{color:inherit;text-underline-offset:6px;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #5a76a7;outline-offset:5px}button:disabled{opacity:.5;cursor:default}img{max-width:100%;height:auto;display:block}fieldset{padding:0;border:0;margin:24px 0}legend{padding:0;margin-bottom:10px;font-size:.875rem;font-weight:500}button{touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:20;padding:8px 16px;background:var(--paper)}.skip:focus{transform:none}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px var(--gutter);max-width:1440px;margin:auto}.wordmark{font-family:var(--serif);font-size:1.5rem;letter-spacing:.05em;text-decoration:none;white-space:nowrap}.header-link{font-size:.875rem;text-decoration-color:var(--cornflower);text-decoration-thickness:3px}.section-pad{padding:100px var(--gutter);max-width:1440px;margin-inline:auto}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 0 40px var(--gutter);min-height:680px}.hero-copy{position:relative;z-index:1}.hero h1 em{display:block}.hero-description{max-width:36ch}.hero-art{min-width:0;align-self:end}.hero-art img{width:100%}.text-link{display:inline-block;padding-block:10px;text-decoration-color:var(--cornflower);text-decoration-thickness:3px;font-size:1rem}.byline{margin-top:28px;color:var(--muted);font-size:.875rem}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-block:110px}.intro-body{max-width:65ch}.signature{font-family:var(--serif);font-size:2.5rem;font-style:italic;line-height:1.4;margin-top:30px}.lead{font-size:1.25rem;line-height:1.65}.wardrobe-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px 50px}.wardrobe-still{position:relative;height:520px;min-width:0;overflow:clip}.wardrobe-still .atlas{position:absolute;width:60%}.still-studs{top:0;left:0;transform:rotate(-12deg)}.still-necklace{top:10%;right:0;transform:rotate(14deg)}.still-band{bottom:0;left:4%;transform:rotate(-8deg)}.takeaway{font-family:var(--serif);font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.3;max-width:36ch;margin-top:40px;padding-top:24px;grid-column:1/-1;position:relative;text-wrap:balance}.takeaway:before{content:'';position:absolute;top:0;left:0;width:64px;height:4px;background:var(--cornflower)}.chapter-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:30px var(--gutter);border-block:1px solid var(--line);max-width:1440px;margin:auto}.chapter-nav a{font-size:.875rem;text-decoration:none;padding-block:6px}.chapter-nav a:hover{text-decoration:underline;text-decoration-color:var(--cornflower);text-decoration-thickness:3px}.section-heading{max-width:780px;margin-bottom:50px}.section-heading p{max-width:62ch}.styling-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.styling-principles h3{font-size:2rem}.styling-principles p{font-size:1rem}
.atlas{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:300% 200%;background-position:0 0}.wardrobe-atlas{background-image:url('assets/wardrobe.png')}.shapes-atlas{background-image:url('assets/shapes.png')}.studs-atlas{background-image:url('assets/studs-size.png')}.gold-atlas{background-image:url('assets/gold.png');background-size:300% 100%}.atlas[data-cell="0"]{background-position:0 0}.atlas[data-cell="1"]{background-position:50% 0}.atlas[data-cell="2"]{background-position:100% 0}.atlas[data-cell="3"]{background-position:0 100%}.atlas[data-cell="4"]{background-position:50% 100%}.atlas[data-cell="5"]{background-position:100% 100%}
.segmented,.gold-swatches,.shape-tabs{display:flex;flex-wrap:wrap;gap:8px}.segmented button,.shape-tabs button{border:1px solid var(--line);background:transparent;border-radius:24px;padding:9px 17px;min-height:44px;font-size:.875rem;line-height:1.5;transition:background-color 160ms,border-color 160ms}.segmented button[aria-pressed="true"],.shape-tabs button[aria-pressed="true"]{background:var(--cornflower);border-color:var(--cornflower)}.segmented button:hover,.shape-tabs button:hover{border-color:var(--ink)}.gold-swatches button{display:flex;align-items:center;gap:9px;min-height:44px;border:0;border-bottom:3px solid transparent;background:none;font-size:.875rem;padding:8px 8px 8px 0;margin-right:10px}.gold-swatches button[aria-pressed="true"]{border-color:var(--cornflower)}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid #8f8070;display:block}.swatch.yellow{background:#ceac60}.swatch.white{background:#d7d7d2}.swatch.rose{background:#c8917c}.plain-button{background:none;border:0;border-bottom:1px solid var(--line);padding:9px 0;min-height:44px;font-size:.875rem}.plain-button:hover{border-color:var(--ink)}.caption{font-size:.875rem;line-height:1.6;color:var(--muted)}.wear-note{font-size:1rem;color:var(--muted);margin-top:22px}
.playground-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;margin-top:30px}.wardrobe-stage{position:relative;aspect-ratio:1;min-width:0;isolation:isolate;overflow:clip}.movable-piece{position:absolute;left:var(--x,50%);top:var(--y,50%);width:52%;padding:0;border:0;background:none;transform:translate(-50%,-50%) rotate(var(--angle,0deg));touch-action:none;user-select:none;cursor:grab}.movable-piece .atlas{pointer-events:none}.movable-piece[aria-pressed="true"]{z-index:2}.movable-piece:active{cursor:grabbing}.movable-piece:focus-visible{outline-style:dotted;border-radius:50%}.piece-a{--x:28%;--y:25%;--angle:-10deg}.piece-b{--x:68%;--y:48%;--angle:10deg}.piece-c{--x:30%;--y:76%;--angle:-8deg}.look-description{min-height:190px}.arrange-controls{display:flex;flex-wrap:wrap;gap:6px 24px;margin:24px 0 18px}.wardrobe-settings .caption{max-width:52ch}.look-tabs{margin-bottom:20px}
.piece-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:50px}.piece-story.reverse .piece-visual{order:2}.piece-visual{min-width:0}.piece-visual .atlas{max-width:580px;margin:auto}.piece-visual .segmented{justify-content:center;margin-top:10px}.piece-copy{max-width:62ch}.piece-copy h3{max-width:18ch}.shape-explorer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.shape-stage .atlas{max-width:470px;margin:auto}.shape-stage .caption{text-align:center;margin-top:15px}.shape-tabs{margin-bottom:28px}.shape-description{min-height:510px}.shape-description dl{margin-top:28px}dl{margin:0}dl div{margin-bottom:22px}dt{font-size:.875rem;font-weight:500;margin-bottom:5px}dd{margin:0;font-size:1rem}.diamond-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.diamond-art .atlas{max-width:440px}.diamond-colour,.gold-colour,.gold-purity,.size-section,.report-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:85px}.diamond-colour{align-items:start}.colour-grade-explorer{min-height:320px}.diamond-priorities{margin-top:70px}.diamond-priorities dl{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.diamond-priorities dt{font-size:1.0625rem}.material-comparison{margin-top:60px;max-width:900px}details{border-bottom:1px solid var(--line)}summary{padding:22px 0;font-size:1.0625rem;font-weight:500;cursor:pointer}summary::marker{font-size:.7em;color:var(--muted)}.detail-body{padding:0 0 24px 20px}.detail-body p{font-size:1rem}.gold-colour{margin-top:0}.colour-explorer{min-width:0}.colour-explorer .atlas{max-width:450px;margin:auto}.colour-explorer .gold-swatches{justify-content:center}.colour-explorer>p{margin:22px auto 0;max-width:42ch;font-size:1rem;text-align:center;min-height:5em}.gold-purity{margin-top:100px}.purity-visual{text-align:center}#purity-number{display:block;font-family:var(--serif);font-size:6rem;line-height:1.05;font-variant-numeric:lining-nums tabular-nums}#purity-number span{font-size:3rem}.purity-caption{font-family:var(--serif);font-size:1.75rem}.purity-dots{display:grid;grid-template-columns:repeat(6,14px);gap:15px;justify-content:center;margin:35px auto}.purity-dots i{width:14px;height:14px;border-radius:50%;background:#b7934e;transition:background-color 200ms}.purity-dots .other{background:#c8c0b6}#purity-fraction{font-size:.875rem;margin:0 auto}.karat-description{min-height:245px}.gold-facts{margin:70px auto 0;max-width:900px}.practical-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.practical-notes h3{font-size:2rem}.practical-notes p{font-size:1rem}.size-diagram{text-align:center}.measure-ring{width:min(210px,70%);aspect-ratio:1;border:12px solid #b59a69;border-radius:50%;margin:20px auto 30px;display:grid;place-items:center}.measure-line{height:1px;background:var(--ink);width:100%;position:relative}.measure-line:before,.measure-line:after{content:'';height:10px;width:1px;background:var(--ink);position:absolute;top:-5px;left:0}.measure-line:after{left:auto;right:0}.measure-line span{display:block;font-size:.875rem;margin-top:12px}.size-diagram p{font-size:.875rem;color:var(--muted);margin:auto;max-width:28ch}.size-steps{padding-left:24px}.size-steps li{padding-left:8px;margin-bottom:16px}.report-section{align-items:start}.price-section{max-width:760px;margin:85px auto 0}.making-section{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.making-art .atlas{max-width:460px;margin:auto}.closing{text-align:center;padding-top:80px;padding-bottom:110px;max-width:980px}.closing h2,.closing p{margin-inline:auto}.closing h2{max-width:18ch}.closing>p{max-width:53ch}.primary-action{display:inline-block;background:var(--ink);color:var(--paper);padding:16px 25px;border-radius:2px;text-decoration:none;font-size:1rem;margin-top:15px;border-bottom:4px solid var(--cornflower);transition:background-color 160ms}.primary-action:hover{background:#514338}.closing .contact-note{margin-top:22px}.thanks{margin:55px auto 0}.thanks p{font-size:1rem;margin-bottom:8px}.thanks a{font-size:.875rem;text-decoration-color:var(--cornflower);text-decoration-thickness:3px}footer{padding:45px var(--gutter);text-align:center;border-top:1px solid var(--line)}footer p{font-size:.875rem;margin:12px auto}footer small{display:block;font-size:.8125rem;color:var(--muted)}.no-script{padding:24px;margin:auto}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.wardrobe-still{animation:arrive linear both;animation-timeline:view();animation-range:entry 0% cover 45%}@keyframes arrive{from{transform:translateY(36px) rotate(-3deg)}to{transform:none}}}}
@media(max-width:900px){.section-pad{padding-block:75px}.hero{min-height:0;padding-top:45px}.intro{gap:35px}.wardrobe-intro{gap:20px}.wardrobe-still{height:410px}.styling-principles,.practical-notes{gap:25px}.playground-layout,.piece-story,.shape-explorer,.diamond-colour,.gold-colour,.gold-purity,.size-section,.report-section{gap:40px}.playground-layout{grid-template-columns:1fr 1fr}.piece-story{padding-block:30px}.diamond-story{gap:35px}}
@media(max-width:640px){body{font-size:1rem}.masthead{padding-block:23px}.wordmark{font-size:1.25rem}.header-link{font-size:.8125rem}.hero{grid-template-columns:1fr;padding:42px 0 0;gap:0}.hero-copy{padding-inline:var(--gutter)}h1{font-size:clamp(3.625rem,15vw,5rem);max-width:11ch;margin-bottom:25px}.hero-description{max-width:35ch}.hero .text-link{max-width:28ch}.byline{margin-top:18px}.hero-art{width:100%;max-width:510px;justify-self:end;margin-top:-15px}.section-pad{padding-block:64px}h2{font-size:clamp(2.5rem,10.2vw,3.25rem);max-width:19ch;margin-bottom:24px}h3{font-size:2.25rem}.intro,.wardrobe-intro,.playground-layout,.piece-story,.shape-explorer,.diamond-story,.diamond-colour,.gold-colour,.gold-purity,.size-section,.report-section,.making-section{grid-template-columns:1fr;gap:30px}.intro{padding-top:40px}.intro h2{margin-bottom:0}.lead{font-size:1.125rem}.wardrobe-still{height:380px;margin-inline:-15px}.wardrobe-still .atlas{width:62%}.takeaway{margin-top:15px;font-size:1.875rem}.chapter-nav{justify-content:flex-start;gap:4px 22px;padding-block:22px}.section-heading{margin-bottom:35px}.styling-principles,.practical-notes{grid-template-columns:1fr;gap:30px}.styling-principles h3,.practical-notes h3{font-size:2rem;margin-bottom:12px}.styling-section .takeaway{margin-top:40px}.look-tabs{gap:7px}.segmented button,.shape-tabs button{padding:9px 13px}.playground-layout{margin-top:10px;gap:10px}.wardrobe-stage{margin-inline:-12px;width:calc(100% + 24px);aspect-ratio:1.05}.look-description{min-height:0}.wardrobe-settings fieldset{margin-block:24px}.wardrobe-settings h3{font-size:2rem}.piece-story{padding-block:30px;gap:15px}.piece-story.reverse .piece-visual{order:0}.piece-visual .atlas{max-width:430px}.piece-copy h3{max-width:19ch}.ring-story .piece-visual{margin-bottom:20px}.shape-stage .atlas{max-width:310px}.shape-stage .caption{margin-top:0}.shape-description{min-height:0}.shape-explorer{gap:30px}.shape-tabs{margin-bottom:25px}.diamond-art .atlas{max-width:280px;margin:auto}.diamond-story{gap:10px}.diamond-colour{margin-top:55px;gap:15px}.colour-grade-explorer{min-height:0}.diamond-priorities{margin-top:45px}.diamond-priorities dl{grid-template-columns:1fr;gap:0}.material-comparison{margin-top:40px}.gold-colour{gap:10px}.colour-explorer .atlas{max-width:340px}.colour-explorer>p{min-height:0}.gold-purity{margin-top:65px;gap:45px}.karat-description{min-height:0}.gold-facts{margin-top:45px}.size-section{margin-top:65px;gap:40px}.report-section{margin-top:55px;gap:0}.price-section{margin-top:55px}.making-section{gap:0;padding-bottom:15px}.making-art .atlas{max-width:340px}.closing{padding-top:50px}.primary-action{padding:15px 20px}.thanks{margin-top:45px}footer{padding-block:35px}footer small{max-width:35ch;margin:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Editorial comparison scales and lower-page documentation */
.diamond-colour{display:block;margin-top:85px}.colour-intro{max-width:720px}.diamond-scale{margin-top:38px}.scale-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:156px;border:1px solid var(--line)}.scale-track>span{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:20px 16px;border-right:1px solid rgba(53,45,41,.18)}.scale-track>span:last-child{border-right:0}.scale-track strong{font:400 clamp(1.4rem,2.5vw,2.15rem)/1 var(--serif);letter-spacing:-.02em}.scale-track small{font-size:.75rem;line-height:1.35}.grade-df{background:#faf9f4}.grade-gj{background:#f7f2db}.grade-km{background:#f1e5ba}.grade-nr{background:#e9d591}.grade-sz{background:#dbbd63}.scale-direction{display:flex;justify-content:space-between;gap:20px;margin-top:10px;color:var(--muted);font-size:.75rem}.diamond-scale .caption{margin-top:18px}.fancy-colour-note{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;max-width:900px;margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}.fancy-colour-note h4{margin-top:0}.fancy-samples{display:flex;gap:10px}.fancy-samples i{display:block;width:46px;height:52px;clip-path:polygon(50% 0,92% 32%,76% 100%,24% 100%,8% 32%)}.fancy-pink{background:#dca5ae}.fancy-blue{background:#9ebdd2}.fancy-yellow{background:#e0bd48}.house-standard{max-width:900px;margin:74px auto;padding-block:34px;border-block:1px solid var(--line)}.house-standard h3{max-width:18ch}.documents-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.documents-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.documents-grid h3{font-size:2rem}.documents-grid .wear-note{margin-top:18px}.gold-colour{margin-top:85px}

@media(max-width:900px){.documents-section{gap:40px}.documents-grid{gap:28px}}
@media(max-width:640px){.diamond-colour{margin-top:55px}.scale-track{min-height:118px}.scale-track>span{padding:14px 6px}.scale-track small{display:none}.scale-direction{font-size:.6875rem}.fancy-colour-note{grid-template-columns:1fr;gap:20px;margin-top:36px}.fancy-samples i{width:40px;height:45px}.house-standard{margin-block:54px}.documents-section,.documents-grid{grid-template-columns:1fr}.documents-section{gap:20px}.documents-grid{gap:36px}.documents-grid h3{font-size:2rem}.gold-colour{margin-top:60px}}