/* V5: production campaign commerce with cinematic, accessible scroll motion. */
:root{color-scheme:light;--header-height:98px}html{scroll-padding-top:106px}body{overflow-x:clip;font-size:14px}figure{margin:0}.page-width{width:min(1344px,calc(100% - 80px))}h2{font-size:clamp(36px,3.4vw,52px);line-height:1.06;letter-spacing:-.035em}.section-heading{margin-bottom:24px}.section-kicker{font-size:10px;letter-spacing:.13em;color:var(--signature-ink);margin-bottom:12px}.text-link,.text-button{font-size:13px}.button{min-height:50px;border-radius:2px}.button .icon,.text-link .icon{transition:transform .3s var(--ease)}.button:hover .icon,.text-link:hover .icon{transform:translateX(5px)}.skip-shop:focus{top:106px}#site-header{position:sticky;top:0;z-index:10;min-height:98px;box-shadow:0 10px 32px rgb(122 19 55/.035)}.header{padding-inline:32px;border-bottom-color:var(--champagne);gap:18px;background:rgb(250 248 244/.96);backdrop-filter:blur(18px)}.header nav{gap:28px}.header-tools{gap:4px}.header .wordmark{width:230px}.header-tools .icon-button{min-width:44px}.announcement{background:var(--signature-ink);color:var(--offwhite);font-size:10px}.no-js-nav{padding:20px;display:flex;gap:20px}.saved-trigger{position:relative}.saved-badge{position:absolute;right:0;top:2px;background:var(--signature-ink);color:var(--offwhite);font-size:9px;min-width:14px;line-height:14px;border-radius:50%}
.flagship-hero{display:grid;grid-template-columns:2fr 1fr;gap:3px;height:clamp(530px,43.5vw,690px);position:relative;background:var(--offwhite);overflow:clip;view-timeline-name:--flagship}.hero-main{position:relative;overflow:hidden;background:var(--signature)}.hero-photo-picture{display:block;width:100%;height:100%}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:55% 45%;transition:none!important;transform:none!important;image-rendering:auto}.hero-type{position:absolute;inset:0 auto 0 5.7%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;color:var(--offwhite);width:49%;padding:20px 0 28px}.hero-type>p:first-child{font-size:12px;margin-bottom:25px}.hero-type h1{font-size:clamp(58px,6.45vw,104px);font-weight:400;line-height:.94;letter-spacing:-.05em;margin-bottom:24px}.hero-type h1 span{display:block}.hero-subline{font-size:15px;line-height:1.65;margin-bottom:28px}.hero-cta{color:var(--signature-ink);background:var(--offwhite);border-color:var(--offwhite);font-size:12px;gap:20px}.hero-cta:hover{background:var(--blush)}.hero-price{font-size:10px;display:block;margin-top:14px}.hero-jewel{display:block;position:relative;overflow:hidden;background:var(--rose)}.hero-jewel>.depth-surface{height:100%;position:relative}.hero-jewel img:not(.icon){width:100%;height:100%;object-fit:cover;object-position:50% 48%}.hero-jewel-caption{position:absolute;bottom:39px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;gap:16px;color:var(--berry)}.hero-jewel-caption>span:first-child{font:400 28px/1.05 Jost,sans-serif;letter-spacing:-.02em}.hero-jewel-caption strong{font-weight:500;font-size:36px;line-height:1.1}.round-arrow{display:grid;place-items:center;border:1px solid var(--berry);width:48px;height:48px;border-radius:50%;background:var(--blush)}.hero-jewel-tag{position:absolute;left:30px;top:30px;background:var(--offwhite);color:var(--berry);padding:8px 12px;font-size:9px;letter-spacing:.12em}.motion-toggle{position:absolute;right:12px;bottom:8px;min-height:44px;display:flex;align-items:center;gap:7px;padding:8px 10px;border:0;background:var(--offwhite);color:var(--berry);font-size:10px;border-radius:2px;z-index:2}.motion-toggle .icon{width:14px;height:14px}.hero-jewel-caption{bottom:72px}.hero-type :focus-visible{outline-color:var(--offwhite)}
.category-ribbon{display:grid;grid-template-columns:1fr 4.8fr;align-items:center;gap:26px;padding:27px 0 24px;border-bottom:1px solid var(--champagne)}.category-intro h2{font-size:26px;letter-spacing:-.025em}.category-intro .text-link{font-size:11px;margin-top:5px}.category-grid{gap:18px}.category-image{height:109px;aspect-ratio:auto;background:var(--blush);border-radius:50%;width:109px;margin:auto}.category img{width:100%;height:100%;object-fit:contain;transform:scale(1.08)}.category:hover img{transform:scale(1.17) rotate(-4deg)}.category-label{justify-content:center;gap:8px;font-size:12px;min-height:40px}.category-label .icon{width:14px;height:14px}
.shop-edit{padding:44px 0 34px}.product-grid{gap:24px 18px}.product-image{aspect-ratio:1.05/1;isolation:isolate;perspective:900px}.product-image>img{width:96%;height:96%;left:2%;top:2%}.product-card-content{padding-top:11px}.product-name{min-height:44px;display:flex;align-items:center}.product-card h3{font-size:13px;margin:0 0 1px}.product-price{font-size:14px}.product-collection{font-size:10px}.save-piece{position:absolute;right:9px;top:9px;min-width:44px;min-height:44px;border:0;background:var(--offwhite);color:var(--berry);display:grid;place-items:center;border-radius:50%;z-index:2}.save-piece .icon{width:19px;height:19px}.save-piece[aria-pressed=true] svg{fill:var(--berry)}.save-piece:hover{background:var(--rose)}.price-paths{margin-top:30px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;align-items:center;border-block:1px solid var(--champagne);padding:8px 0}.price-paths p{font-size:12px;line-height:1.6}.price-paths strong{display:block;font-weight:500}.price-paths a{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-left:1px solid var(--champagne);font-size:13px;color:var(--berry)}.price-paths a:last-child{padding-right:0}.price-paths a:hover .icon{transform:translateX(5px)}
.colour-universe{background:var(--blush);padding:44px 0 22px}.colour-universe .section-heading>p{font-size:12px;text-align:right;line-height:1.6}.colour-universe h2 em{font-style:normal;color:var(--berry)}.colour-world{display:grid;grid-template-columns:2.1fr 1fr;gap:20px}.stone-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}.stone-tile{position:relative;border:0;background:var(--offwhite);padding:0;text-align:left;overflow:clip;display:flex;flex-direction:column;min-width:0;transition:transform .6s var(--ease);perspective:700px}.stone-tile>img{height:315px;width:100%;object-fit:cover;object-position:center 35%;transition:transform .8s var(--ease)}.stone-tile[data-colour=blue]>img{object-position:72% center}.stone-tile>span{display:flex;align-items:center;gap:6px;font-size:11px;padding:12px 10px;min-height:48px;border-bottom:2px solid transparent}.stone-tile b{font-size:9px;font-weight:400;margin-left:auto}.stone-tile[aria-pressed=true]>span{border-bottom-color:var(--berry);color:var(--berry);font-weight:500}.stone-tile:hover>img{transform:scale(1.055)}.gem{display:inline-block;width:9px;height:9px;background:#E8E8E6;border:1px solid var(--charcoal);border-radius:50%;flex-shrink:0}.gem.red{background:#8E1B2E}.gem.green{background:#1F5A3D}.gem.blue{background:#1B3A6B}.colour-stage{background:var(--offwhite);position:relative;padding:24px 26px 16px;display:flex;flex-direction:column;justify-content:space-between;overflow:clip}.stage-copy{position:relative;z-index:1;pointer-events:none}.stage-copy>span{font-size:9px;letter-spacing:.1em;color:var(--berry)}.stage-copy strong{font:400 34px/1.25 Jost,sans-serif;display:block;margin-top:6px;color:var(--berry)}.stage-orbit{height:190px;position:relative;display:grid;place-items:center;transform-style:preserve-3d}.stage-orbit>img{width:100%;height:100%;object-fit:contain;transform:translateZ(42px);position:relative;z-index:1}.orbit-line{position:absolute;width:80%;height:48%;border:1px solid var(--rose);border-radius:50%;transform:rotateX(55deg) rotateZ(-25deg) translateZ(-30px);pointer-events:none}.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:2}.stage-bottom p{font-size:10px}.stage-bottom strong{display:block;font-size:18px;font-weight:500;margin-top:2px}.stage-bottom .button{font-size:11px;padding:10px 15px;gap:14px}.stage-hint{font-size:9px;text-align:center;margin-top:12px}.colour-status{font-size:10px;color:var(--berry);margin-top:13px;min-height:16px}.depth-card{perspective:1000px}.depth-surface{transition:transform .65s var(--ease);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;will-change:auto}.depth-card.is-tilting>.depth-surface{transition:transform .12s linear}.stage-orbit.depth-surface{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.celeste-edit{padding:48px 0;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}.celeste-campaign{position:relative;background:var(--signature);min-height:660px;overflow:clip}.celeste-campaign>img{height:100%;width:100%;object-fit:cover;object-position:center 30%;position:absolute}.celeste-campaign>div{position:absolute;inset:auto 0 0;background:var(--signature-ink);color:var(--offwhite);padding:24px 30px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 20px}.celeste-campaign>div>p{font-size:9px;letter-spacing:.12em;grid-column:1/-1}.celeste-campaign h2{font-size:44px}.celeste-campaign .button{font-size:11px;gap:12px;padding-inline:14px}.celeste-selection .section-heading{margin-bottom:18px;align-items:center}.celeste-selection>.section-heading>h3{font-size:26px;letter-spacing:-.02em}.celeste-selection .product-grid{gap:20px 16px}.celeste-selection .product-image{aspect-ratio:1.13/1}.celeste-selection .product-card-content{padding-top:8px}.collection-world{padding:0 0 36px}.mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mood-image{height:360px;overflow:clip;background:var(--rose)}.mood-image>img{height:100%;width:100%;object-fit:cover;object-position:center 35%;transition:transform .8s var(--ease)}.mood-card:hover img:not(.icon){transform:scale(1.05)}.mood-card>span{position:relative;display:block;padding:16px 42px 0 0}.mood-card strong{display:block;font:400 30px/1.1 Jost,sans-serif;color:var(--berry)}.mood-card small{font-size:12px;display:block;margin-top:7px}.mood-card>span>.icon{position:absolute;right:4px;top:24px}.more-moods{display:flex;align-items:center;gap:38px;margin-top:26px;border-block:1px solid var(--champagne);padding:6px 0}.more-moods>span{font-size:12px;margin-right:auto}.more-moods a{display:flex;gap:26px;align-items:center;min-height:48px;color:var(--berry);font:400 24px/1 Jost,sans-serif}.more-moods .icon{width:17px}
.value-statement{background:var(--signature);color:var(--offwhite);padding:30px 40px 22px;overflow:clip;view-timeline-name:--value}.value-type{max-width:1344px;margin:auto;display:flex;justify-content:space-between;gap:30px;font:500 clamp(30px,4.7vw,72px)/1.02 Jost,sans-serif;letter-spacing:-.04em}.value-type span{white-space:nowrap}.value-link{display:flex;justify-content:center;align-items:center;gap:18px;min-height:44px;margin-top:8px;font-size:19px;font-weight:700}.value-link:focus-visible{outline-color:var(--offwhite)}
.gifting-edit{display:grid;grid-template-columns:1.2fr 1fr;gap:54px;padding:48px 0;align-items:center}.gift-portrait{height:520px;overflow:clip;background:var(--rose)}.gift-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% center}.gift-story{position:relative}.gift-story h2{font-size:52px;color:var(--berry);margin-bottom:20px}.gift-story>p:not(.section-kicker){font-size:13px;line-height:1.8;margin-bottom:22px}.gift-detail{display:flex;align-items:center;gap:24px;margin-top:24px}.gift-detail>img{width:152px;height:133px;object-fit:cover}.gift-detail>p{font:400 24px/1.18 Jost,sans-serif;color:var(--berry)}.confidence{padding:30px 0;border-block:1px solid var(--champagne);display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}.confidence h2{font-size:28px}.confidence-title .text-link{font-size:11px;margin-top:10px}.confidence>div>.icon{color:var(--berry);width:22px;height:22px;margin-bottom:14px}.confidence h3{font:500 13px/1.4 Inter,sans-serif;margin-bottom:10px}.confidence p{font-size:12px;line-height:1.8;max-width:28ch}.confidence .text-link,.confidence .text-button{font-size:11px}.motion-settings{display:flex;align-items:center;gap:24px;padding:12px 0;font-size:10px}.motion-settings label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.motion-settings input{width:17px;height:17px;accent-color:var(--berry)}.motion-settings>a{margin-left:auto;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.footer{padding:38px 0 20px}.footer-grid{gap:36px}.footer h2{font-size:30px}.footer p{font-size:12px}.footer-wordmark{padding:42px 0 26px}.footer-wordmark img{max-height:150px}.footer-bottom p{font-size:10px}.footer-bottom a{font-size:10px}
.save-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:var(--signature-ink);color:var(--offwhite);font-size:12px;padding:12px 20px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:15;max-width:calc(100% - 30px);text-align:center}.save-toast.is-visible{opacity:1;transform:translate(-50%,0)}.saved-line{display:grid;grid-template-columns:80px 1fr 44px;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--champagne)}.saved-line>img{width:80px;height:92px;object-fit:contain;background:var(--tile)}.saved-line h3{font:500 13px Inter,sans-serif;margin-bottom:6px}.saved-line .text-button{font-size:12px}.saved-line>button{position:static}.saved-line p{font-size:12px}.saved-note{font-size:11px;color:var(--berry);margin-top:24px}.side-dialog{z-index:30}.field input,.field select{font-size:16px}.quick-details .button{white-space:normal}.motion-toggle:focus-visible{outline-offset:-4px}
@media(prefers-reduced-motion:no-preference){
 body[data-motion=full] .hero-type h1 span{animation:hero-enter 950ms var(--ease) both}body[data-motion=full] .hero-type h1 span:nth-child(2){animation-delay:160ms}body[data-motion=full] .hero-type>p:first-child{animation:hero-enter 750ms var(--ease) both}
 body[data-motion=full] .hero-jewel img:not(.icon){animation:jewel-breathe 3.6s var(--ease) both}
 body[data-motion=full] .stage-orbit.is-changing>img{animation:stone-change 650ms var(--ease) both}
 @supports(animation-timeline:view()){
  .parallax-frame{view-timeline-name:--photo}
  body[data-motion=full] .parallax-frame>img{animation:photo-drift linear both;animation-timeline:--photo;animation-range:entry 0% exit 100%}
  body[data-motion=full] .value-type>span:first-child{animation:type-left linear both;animation-timeline:--value;animation-range:entry 0% exit 100%}
  body[data-motion=full] .value-type>span:last-child{animation:type-right linear both;animation-timeline:--value;animation-range:entry 0% exit 100%}
 }
}
@keyframes hero-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes jewel-breathe{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.08) translateY(-1%)}}@keyframes ring-float{0%,100%{transform:translateZ(42px) translateY(0) rotate(-3deg)}50%{transform:translateZ(60px) translateY(-9px) rotate(3deg)}}@keyframes stone-change{from{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes photo-drift{from{transform:scale(1.045) translateY(-1.5%)}to{transform:scale(1.045) translateY(1.5%)}}@keyframes type-left{from{transform:translateX(-2%)}to{transform:translateX(2%)}}@keyframes type-right{from{transform:translateX(2%)}to{transform:translateX(-2%)}}
body[data-motion=reduced] *,body[data-motion=reduced] *::before,body[data-motion=reduced] *::after{animation:none!important;transition:none!important}body[data-motion=reduced] .depth-surface{transform:none!important}html:has(body[data-motion=reduced]){scroll-behavior:auto}
@media(min-width:768px) and (max-width:1100px){.page-width{width:calc(100% - 48px)}.header{padding-inline:20px}.header nav{gap:12px}.nav-link{font-size:11px}.header .wordmark{width:183px}.header-tools{gap:0}.flagship-hero{height:530px;grid-template-columns:1.9fr 1fr}.hero-type{left:26px;width:52%}.hero-type h1{font-size:68px}.hero-type>p:first-child{font-size:10px}.hero-cta{font-size:10px;padding-inline:14px;gap:12px}.hero-price{font-size:8px}.hero-subline{font-size:13px}.hero-jewel-caption{left:22px;right:20px}.hero-jewel-caption strong{font-size:29px}.hero-jewel-caption>span:first-child{font-size:24px}.category-ribbon{grid-template-columns:1fr 4.2fr;gap:14px}.category-intro h2{font-size:22px}.category-grid{gap:10px}.category-image{width:88px;height:88px}.category-label{font-size:10px}.colour-world{grid-template-columns:1.8fr 1fr;gap:12px}.stone-tiles{gap:5px}.stone-tile>img{height:300px}.stone-tile>span{font-size:9px;padding:10px 6px;gap:4px}.stone-tile b{display:none}.colour-stage{padding:20px 18px 14px}.stage-copy strong{font-size:28px}.stage-bottom .button{font-size:10px;padding:10px;gap:8px}.stage-bottom strong{font-size:15px}.stage-hint{font-size:8px}.celeste-edit{gap:24px}.celeste-campaign{min-height:590px}.celeste-campaign>div{grid-template-columns:1fr;padding:24px}.celeste-campaign h2{font-size:40px}.celeste-campaign .button{justify-self:start;margin-top:10px}.celeste-selection .product-image{aspect-ratio:1/1}.celeste-selection>.section-heading>h3{font-size:23px}.product-card h3{font-size:12px}.price-paths a{padding-inline:18px;font-size:11px}.price-paths p{font-size:11px}.mood-image{height:310px}.gift-story h2{font-size:46px}.gifting-edit{gap:32px}.gift-portrait{height:520px}.confidence{gap:24px}.confidence h2{font-size:25px}.confidence p{font-size:11px}.confidence-title .text-link{font-size:10px;gap:10px}}
@media(min-width:768px) and (max-width:900px){.header>nav{display:none}.menu-trigger{display:flex}.header{grid-template-columns:1fr auto 1fr}.flagship-hero{grid-template-columns:1.65fr 1fr;height:510px}.hero-type{width:57%;left:24px}.hero-type h1{font-size:58px}.hero-type .hero-cta{padding:10px;font-size:9px;gap:8px}.hero-type .hero-cta .icon{width:16px}.hero-price{max-width:25ch;font-size:9px}.hero-photo{object-position:53% center}.hero-jewel-caption .round-arrow{width:40px;height:40px}.colour-world{grid-template-columns:1fr}.stone-tile>img{height:250px}.stone-tile>span{font-size:12px;padding:12px}.colour-stage{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px;align-items:center;padding:16px 24px}.stage-orbit{height:160px}.stage-bottom{flex-direction:column;align-items:stretch}.stage-bottom p{display:flex;align-items:center;gap:16px}.stage-hint{grid-column:1/-1;margin-top:0}.celeste-campaign{min-height:540px}.celeste-selection>.section-heading>h3{font-size:21px}.celeste-selection .section-heading{gap:8px}.celeste-selection .text-link{font-size:10px;gap:6px}.mood-image{height:260px}.confidence{grid-template-columns:repeat(2,1fr);gap:28px}.gift-story h2{font-size:40px}}
@media(max-width:767px){
 :root{--header-height:88px}html{scroll-padding-top:74px}.page-width{width:calc(100% - 32px)}#site-header{top:-24px;min-height:88px}.announcement{font-size:8px;letter-spacing:.08em}.header{height:64px;padding:0 8px;gap:3px;grid-template-columns:44px 1fr 132px}.header .wordmark{width:142px;justify-self:center}.header-tools{gap:0}.header-tools .icon{width:20px;height:20px}.header-tools .account-button{display:none}.header-tools .icon-button{padding:8px;min-width:44px}.header>nav{display:none}.menu-trigger{display:flex}.button{min-height:48px;font-size:12px;padding:11px 17px}.text-link,.text-button{font-size:12px;gap:10px}h2{font-size:34px}.section-kicker{font-size:9px;letter-spacing:.1em;margin-bottom:9px}.section-heading{gap:12px;align-items:end;margin-bottom:19px}.section-heading>.text-link,.section-heading>.text-button{font-size:11px;white-space:nowrap;gap:6px}.section-heading>.text-link .icon,.section-heading>.text-button .icon{width:16px}.flagship-hero{height:auto;grid-template-columns:1fr;gap:0}.hero-main{height:490px}.hero-photo{object-position:65% center}.hero-type{left:20px;inset-block:auto 30px;justify-content:end;width:68%;padding:0}.hero-type>p:first-child{font-size:10px;margin-bottom:20px}.hero-type h1{font-size:62px;line-height:.92;margin-bottom:18px;letter-spacing:-.05em}.hero-subline{font-size:12px;margin-bottom:22px;line-height:1.7}.hero-type .hero-cta{font-size:11px;padding:10px 15px;gap:16px}.hero-price{font-size:9px;margin-top:12px}.hero-jewel{height:178px;overflow:hidden}.hero-jewel>.depth-surface{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-jewel img:not(.icon){grid-column:2;width:100%;height:178px;object-position:50% 62%;animation:none!important;transform:none!important}.hero-jewel-caption{position:absolute;left:20px;right:auto;bottom:18px;width:calc(50% - 30px);display:block}.hero-jewel-caption>span:first-child{font-size:20px}.hero-jewel-caption strong{font-size:27px}.hero-jewel-caption .round-arrow{position:absolute;right:-6px;bottom:0;width:36px;height:36px;background:none}.hero-jewel-caption .icon{width:17px}.hero-jewel-tag{top:23px;left:20px;font-size:8px;background:none;padding:0}.motion-toggle{top:10px;bottom:auto;right:10px;font-size:9px;min-height:44px;padding:8px;background:var(--offwhite)}.motion-toggle .icon{width:13px}.category-ribbon{padding:23px 0 20px;display:block}.category-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.category-intro h2{font-size:24px}.category-intro h2 br{display:none}.category-intro .text-link{font-size:10px;margin:0}.category-grid{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.category-image{width:100%;height:auto;aspect-ratio:1}.category-label{font-size:9px;min-height:44px;gap:0}.category-label .icon{display:none}.shop-edit{padding:28px 0 25px}.shop-edit .section-heading{align-items:start}.shop-edit h2{font-size:31px;max-width:9ch}.shop-edit .section-heading>.text-link{align-self:end}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.product-image{aspect-ratio:.91/1}.product-image>img{width:104%;height:104%;left:-2%;top:-2%}.product-card-content{padding-top:9px}.product-collection{font-size:9px}.product-card h3{font-size:11px;line-height:1.45}.product-name{min-height:42px}.product-price{font-size:12px}.product-meta{gap:8px}.stone-dots{gap:3px}.stone-dot{width:8px;height:8px}.save-piece{right:4px;top:4px}.save-piece .icon{width:17px}.price-paths{grid-template-columns:repeat(3,1fr);padding:10px 0 0;margin-top:22px}.price-paths p{grid-column:1/-1;font-size:12px;margin-bottom:5px}.price-paths strong{display:inline;font-weight:500}.price-paths a{min-height:48px;font-size:10px;padding:0 10px;gap:4px}.price-paths a:nth-child(2){padding-left:0;border-left:0}.price-paths a .icon{width:13px;height:13px}.colour-universe{padding:29px 0 18px}.colour-universe h2{font-size:33px;max-width:11ch}.colour-universe .section-heading>p{font-size:10px}.colour-world{display:block}.stone-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.stone-tile>img{height:190px}.stone-tile>span{font-size:9px;line-height:1.2;padding:10px 5px;gap:4px;justify-content:center;min-height:44px}.stone-tile b{display:none}.gem{width:7px;height:7px}.stone-tile[data-colour=white] .gem{display:none}.colour-stage{margin-top:12px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 8px;align-items:center;min-height:205px}.stage-copy{grid-column:1;grid-row:1;align-self:start}.stage-copy>span{font-size:8px;letter-spacing:.03em}.stage-copy strong{font-size:27px;margin-top:7px}.stage-orbit{grid-column:2;grid-row:1/3;width:100%;height:140px}.stage-orbit>img{width:140%;max-width:140%;height:160px}.stage-bottom{grid-column:1;grid-row:2;display:block}.stage-bottom p{font-size:9px;display:flex;align-items:center;gap:12px}.stage-bottom strong{font-size:16px}.stage-bottom .button{margin-top:12px;white-space:nowrap;min-height:44px;padding:10px 12px;font-size:10px;gap:12px}.stage-bottom .icon{width:17px}.stage-hint{grid-column:1/-1;margin-top:12px;font-size:8px;text-align:left}.colour-status{font-size:9px;margin-top:12px;line-height:1.6}.celeste-edit{grid-template-columns:1fr;gap:22px;padding:30px 0}.celeste-campaign{height:475px;min-height:0}.celeste-campaign>img{object-position:center 30%}.celeste-campaign>div{padding:20px;gap:9px 16px}.celeste-campaign h2{font-size:36px}.celeste-campaign>div>p{font-size:8px}.celeste-campaign .button{font-size:10px;padding:10px;gap:10px;min-height:44px}.celeste-campaign .icon{width:16px}.celeste-selection>.section-heading>h3{font-size:25px}.celeste-selection .product-grid{gap:20px 12px}.celeste-selection .product-image{aspect-ratio:1/1}.collection-world{padding:4px 0 24px}.collection-world h2{font-size:32px;max-width:12ch}.collection-world .section-heading>.text-button{white-space:normal;max-width:100px;text-align:left;line-height:1.5}.mood-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mood-image{height:205px}.mood-card strong{font-size:23px}.mood-card small{font-size:9px;line-height:1.6;margin-top:7px}.mood-card>span{padding:12px 0 0}.mood-card>span>.icon{display:none}.more-moods{gap:18px;flex-wrap:wrap;padding:6px 0;margin-top:21px}.more-moods>span{flex-basis:100%;font-size:10px;margin-bottom:-9px;padding-top:6px}.more-moods a{font-size:19px;gap:15px;min-height:44px}.more-moods .icon{width:14px}.value-statement{padding:24px 16px 15px}.value-type{display:block;font-size:clamp(31px,9.2vw,57px);line-height:1.05}.value-type span{display:block}.value-type span:last-child{text-align:right}.value-link{font-size:19px;font-weight:700;margin-top:12px;gap:12px}.value-link .icon{width:17px}.gifting-edit{grid-template-columns:1fr;gap:23px;padding:30px 0}.gift-portrait{height:310px}.gift-story h2{font-size:42px;margin-bottom:15px}.gift-story>p:not(.section-kicker){font-size:12px;margin-bottom:20px}.gift-story{padding-right:100px}.gift-story .section-kicker{white-space:nowrap}.gift-story .button{font-size:11px;gap:12px}.gift-detail{position:absolute;right:0;bottom:0;display:block;width:86px;margin:0}.gift-detail>img{width:86px;height:104px}.gift-detail>p{font-size:17px;margin-top:12px}.confidence{padding:24px 0;grid-template-columns:1fr 1fr;gap:28px 20px}.confidence h2{font-size:25px}.confidence-title .text-link{font-size:10px;line-height:1.7;gap:7px}.confidence-title .icon{width:16px}.confidence p{font-size:10px;line-height:1.8}.confidence h3{font-size:12px;margin-bottom:9px}.confidence>div>.icon{width:21px;margin-bottom:10px}.confidence .text-link,.confidence .text-button{font-size:10px}.motion-settings{gap:0 14px;flex-wrap:wrap;font-size:9px;padding:10px 0}.motion-settings>a{margin-left:0;flex-basis:100%;min-height:32px}.motion-settings label{font-size:10px}.footer{padding-top:30px}.footer-grid{gap:25px 22px}.footer h2{font-size:27px}.footer p,.footer a,.footer .text-button{font-size:11px}.footer h3{font-size:10px}.footer-wordmark{padding:30px 0 22px}.footer-bottom p{font-size:9px}.footer-bottom a{font-size:10px}.prototype-note{font-size:11px!important}.side-dialog{padding:22px}.dialog-heading{gap:10px}.dialog-heading h2{font-size:26px}.saved-line{gap:10px;grid-template-columns:70px 1fr 44px}.saved-line>img{width:70px}.saved-line h3{font-size:12px}.product-image:hover>img:first-child{opacity:1}.product-image:hover .alternate{opacity:0}.stage-hint{font-size:0}.stage-hint::after{content:'Tap a stone to find your expression.';font-size:9px}
}
@media(max-width:374px){.header .wordmark{width:131px}.hero-main{height:475px}.hero-type h1{font-size:57px}.hero-type{width:73%}.hero-price{font-size:8px}.hero-jewel-caption strong{font-size:24px}.hero-jewel-caption .round-arrow{right:-5px;width:30px;height:30px}.category-label{font-size:8px}.stone-tile>span{font-size:8px;padding:10px 4px;gap:3px}.mood-image{height:180px}.mood-card strong{font-size:21px}.gifting-edit .gift-story{padding-right:93px}.gift-story h2{font-size:36px}.gift-story .button{font-size:10px;padding-inline:11px}.price-paths a{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.depth-surface{transform:none!important}}
/* Caption plate keeps photographic contrast stable while the image moves. */
@media(min-width:768px){.hero-jewel-caption{left:24px;right:24px;bottom:64px;background:var(--blush);padding:16px 20px}.hero-jewel-caption>span:first-child{font-size:23px}.hero-jewel-caption strong{font-size:31px}.hero-jewel-caption .round-arrow{background:none}}
@media(max-width:767px){.value-link{font-size:18px;line-height:1.35;text-align:center}.hero-type .hero-cta{min-height:48px}}
.touch-hint{display:none}@media(max-width:767px){.pointer-hint{display:none}.touch-hint{display:inline;font-size:9px}.stage-hint::after{content:none}}
.value-link{font-size:20px}body[data-motion=reduced] .stage-orbit>img{transform:none!important}
@media(prefers-reduced-motion:reduce){.stage-orbit>img{transform:none!important}}
@media(hover:hover) and (pointer:fine){.product-image:hover>img:first-of-type{opacity:0}.product-image:hover .alternate{opacity:1}}@media(hover:none){.product-image:hover>img:first-of-type{opacity:1}.product-image:hover .alternate{opacity:0}}
.save-piece[aria-pressed=true]{background:var(--signature-ink);color:var(--offwhite)}.save-piece[aria-pressed=true] svg{fill:currentColor}
/* Celeste's silver chain needs the cleaner blush field; champagne suppresses its fine detail. */

@media(max-width:767px){.category-grid{display:grid;overflow:visible;scroll-snap-type:none;padding-bottom:0}.category{min-width:0;flex:none}.category-label{font-size:10px}.footer-links-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.footer-links-wide h3{grid-column:1/-1}}
@media(min-width:768px) and (max-width:900px){.menu-trigger{justify-self:start}.hero-type .hero-cta{font-size:11px;padding-inline:12px}.hero-price{max-width:none;font-size:9px}.hero-jewel-caption>span:first-child{font-size:21px}.hero-jewel-caption strong{font-size:25px;white-space:nowrap}}

/* Preserve the editorial crop on ordinary desktops, then give ultrawide
   canvases enough height to keep the model's full face and jewellery visible.
   The source is 3:2; the old 690px cap forced it into an extreme 3.3:1 slot. */
@media(min-width:1800px){
 .flagship-hero{height:clamp(690px,31.25vw,900px)}
 .hero-photo{object-position:55% 34%}
 .page-width{width:min(1680px,calc(100% - 120px))}
}

/* A slim brand-colour thread gives the long page a continuous sense of progress. */
.scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:var(--signature);transform:scaleX(0);transform-origin:left center;z-index:40;pointer-events:none}

/* A single, short entrance per element. No transformed sticky ancestors. */
html.motion-ready body[data-motion=full] .scroll-reveal {
  opacity:0; transform:translate3d(0,14px,0);
  transition:opacity .48s var(--ease),transform .6s var(--ease);
  transition-delay:var(--reveal-delay,0ms);
}
html.motion-ready body[data-motion=full] .scroll-reveal.is-revealed {
  opacity:1; transform:none;
}
/* Keep the browser in charge of wheel/touch scrolling and stop tilting surfaces. */
.depth-card,.product-image,.stone-tile { perspective:none }
.depth-surface,.stage-orbit.depth-surface { transform:none;transform-style:flat;transition:none }
.stage-orbit>img { transform:none }
.orbit-line { display:none }

/* A faceted halo, inspired by the cut of a stone, is our signature motion. */
.colour-universe { view-timeline-name:--colour-light }
.stage-orbit { isolation:isolate }
.light-halo {
  position:absolute; width:240px; max-width:112%; aspect-ratio:1;
  color:var(--rose); pointer-events:none; z-index:0;
}
.light-halo svg { width:100%;height:100%;overflow:visible }
.light-halo .halo-facets { display:none }
.light-halo .halo-spark { color:var(--berry);opacity:.42 }
.light-halo circle { opacity:.5 }
.stage-orbit.is-changing .light-halo { animation:halo-change .65s var(--ease) both }
.value-statement { position:relative;isolation:isolate }
.value-statement::before {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(108deg,transparent 28%,rgb(255 255 255/.14) 49%,transparent 68%);
  transform:translateX(-65%);
}
.value-type,.value-link { position:relative;z-index:1 }
@media(prefers-reduced-motion:no-preference){
  @supports(animation-timeline:scroll()){
    body[data-motion=full] .scroll-progress { animation:page-progress linear both;animation-timeline:scroll(root block) }
  }
  @supports(animation-timeline:view()){
    body[data-motion=full] .light-halo svg {
      animation:halo-scroll linear both;animation-timeline:--colour-light;animation-range:entry 0% exit 100%;
    }
    body[data-motion=full] .value-statement::before {
      animation:value-glint linear both;animation-timeline:--value;animation-range:entry 0% exit 100%;
    }
  }
}
@keyframes page-progress { to{transform:scaleX(1)} }
@keyframes halo-scroll { from{transform:rotate(-24deg) scale(.94)} to{transform:rotate(40deg) scale(1.04)} }
@keyframes halo-change { 0%{opacity:.25;transform:scale(.92)} 100%{opacity:1;transform:scale(1)} }
@keyframes value-glint { from{transform:translateX(-65%)} to{transform:translateX(65%)} }
@media(max-width:767px){.scroll-progress{height:2px}.light-halo{width:170px;max-width:125%}}
@media(prefers-reduced-motion:reduce){
  .scroll-progress{display:none}
  .scroll-reveal{opacity:1!important;transform:none!important}
  .light-halo,.light-halo svg,.value-statement::before{animation:none!important;transform:none!important}
}

/* Customer information remains legible at the compact mobile layout. */
.real-product-story>.depth-surface{position:absolute;inset:0}
.real-product-story img{object-position:center 38%}
.advice-copy h3{font:500 17px/1.4 Jost,sans-serif;margin:24px 0 8px;color:var(--berry)}
.advice-copy h3:first-child{margin-top:0}.advice-copy p{font-size:14px;line-height:1.75}
.advice-options>button{display:block;width:100%;text-align:left;padding:18px;border:1px solid var(--silver);border-radius:4px;background:transparent;color:inherit}
.footer .text-button{min-height:44px;text-align:left}.confidence-title>.text-button{font-size:12px;margin-top:10px}
.product-reference{font-size:11px;color:var(--berry);margin-bottom:12px}.colour-status,.confidence p,.saved-note{font-size:12px;line-height:1.65}
.search-result{column-gap:12px}.search-result>span:last-child{white-space:nowrap}.search-result>span:nth-child(2){min-width:0}
@media(max-width:767px){.header{grid-template-columns:44px minmax(0,1fr) 132px}.header .wordmark{width:min(100%,142px)}}
@media(max-width:374px){.hero-jewel-caption .round-arrow{display:none}}
html.motion-ready body[data-motion=full] .scroll-reveal:focus-within,
html.motion-ready body[data-motion=full] .scroll-reveal:focus-within>*{opacity:1;transform:none;clip-path:none}
.real-product-edit{padding:72px 0 90px;border-top:1px solid var(--champagne)}.real-product-feature{display:grid;grid-template-columns:.72fr 1.5fr;gap:54px;align-items:start}.real-product-intro{position:sticky;top:116px;padding-top:20px}.real-product-intro h2{font-size:clamp(48px,6vw,82px);color:var(--berry);margin:0 0 24px}.real-product-intro>p:not(.section-kicker){max-width:32ch;line-height:1.8}.real-product-intro .text-link{margin-top:24px}.real-product-stories{display:grid;grid-template-columns:1fr 1fr;gap:14px}.real-product-story{position:relative;min-height:450px;overflow:hidden;background:var(--blush)}.real-product-story:nth-child(2),.real-product-story:nth-child(3){min-height:350px}.real-product-story:nth-child(4){grid-column:1/-1;min-height:390px}.real-product-story>div,.real-product-story img{width:100%;height:100%}.real-product-story img{object-fit:cover;transition:transform 1.2s var(--ease)}.real-product-story:hover img{transform:scale(1.035)}.real-product-story>span{position:absolute;inset:auto 14px 14px;background:rgb(250 248 244/.94);padding:14px 48px 14px 16px;display:grid}.real-product-story small{font-size:8px;letter-spacing:.11em;color:var(--berry)}.real-product-story strong{font:400 17px/1.3 Jost,sans-serif}.real-product-story>span>svg{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.product-detail-link,.product-page-link{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-size:10px;text-decoration:underline;text-underline-offset:4px;margin-top:10px}.product-detail-link svg,.product-page-link svg{width:15px}.bag-actions{display:grid;gap:12px}.bag-actions .text-link{justify-self:start}
.product-runway-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:70px;padding-top:38px;border-top:1px solid var(--champagne)}.product-runway-heading h3{font:300 clamp(32px,4.2vw,58px)/1 Jost,sans-serif;margin:0}.product-runway-controls{display:flex;align-items:center;gap:10px}.product-runway-controls>p{font-size:11px;color:var(--berry);margin-right:6px}.runway-arrow{width:44px;height:44px;flex:none;border:1px solid var(--berry);border-radius:50%;background:var(--offwhite);color:var(--berry);display:grid;place-items:center;padding:0;transition:background 180ms var(--ease),opacity 180ms var(--ease)}.runway-arrow .icon{width:18px;height:18px}.runway-arrow[data-runway-previous] .icon{transform:scaleX(-1)}.runway-arrow:hover:not(:disabled){background:var(--blush)}.runway-arrow:disabled{opacity:.32}.product-runway-heading:has(+[data-runway][data-runway-scrollable="no"]) .product-runway-controls{display:none}.product-runway-shell{position:relative}.product-runway-shell::after{content:"";position:absolute;inset:0 0 26px auto;width:64px;pointer-events:none;background:linear-gradient(to right,rgb(250 248 244/0),var(--offwhite));transition:opacity 240ms var(--ease)}[data-runway-at-end="yes"]::after{opacity:0}[data-runway-scrollable="no"]::after{display:none}.product-runway{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(210px,19vw,280px);gap:12px;overflow-x:auto;overflow-y:hidden;padding:28px 0 20px;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none}.product-runway::-webkit-scrollbar{width:0;height:0}.product-runway:focus-visible{outline:2px solid var(--berry);outline-offset:2px}.product-runway-card{scroll-snap-align:start;min-width:0;display:grid;grid-template-rows:auto 1fr;align-content:start}.product-runway-card>div{position:relative;aspect-ratio:4/5;background:var(--tile);overflow:hidden}.product-runway-card img{width:100%;height:100%;object-fit:contain;padding:2%;transition:transform .9s var(--ease)}.product-runway-card:hover img{transform:scale(1.045)}.product-runway-card>span{display:grid;align-content:start;padding-top:12px}.product-runway-card small,.runway-end-card small{font-size:8px;letter-spacing:.1em;color:var(--berry);text-transform:uppercase}.product-runway-card strong{font:400 15px/1.3 Jost,sans-serif;margin:4px 0;min-height:2.6em;display:flex;align-items:flex-start}.product-runway-card b{font-size:10px;font-weight:400}.runway-end-card{scroll-snap-align:start;display:grid;align-content:center;justify-items:start;gap:10px;padding:0 22px;aspect-ratio:4/5;background:var(--blush);color:var(--berry)}.runway-end-card strong{font:300 26px/1.1 Jost,sans-serif}.runway-end-card span{display:inline-flex;align-items:center;gap:12px;font-size:11px;text-decoration:underline;text-underline-offset:6px}.runway-end-card:hover span .icon{transform:translateX(5px)}.runway-end-card .icon{transition:transform 240ms var(--ease)}.runway-progress{position:relative;height:3px;border-radius:999px;background:var(--champagne);margin-bottom:48px}[data-runway-scrollable="no"] .runway-progress{visibility:hidden}.runway-progress-thumb{position:absolute;inset-block:-8px;left:0;width:0;border-radius:999px;background:rgb(200 25 106 / .55);touch-action:none;cursor:grab;border-block:8px solid transparent;background-clip:padding-box;transition:background-color .18s var(--ease)}.runway-progress-thumb:hover,.runway-progress-thumb:active{background:rgb(200 25 106 / .85);background-clip:padding-box}.runway-progress-thumb:active{cursor:grabbing}
@media(max-width:900px){.real-product-feature{grid-template-columns:1fr}.real-product-intro{position:static}.real-product-story{min-height:380px}}
@media(max-width:600px){.real-product-edit{padding:48px 0 60px}.real-product-feature{gap:28px}.real-product-intro h2{font-size:47px}.real-product-stories{gap:7px}.real-product-story,.real-product-story:nth-child(2),.real-product-story:nth-child(3){min-height:280px}.real-product-story:nth-child(4){min-height:250px}.real-product-story>span{inset:auto 7px 7px;padding:10px 32px 10px 11px}.real-product-story strong{font-size:13px}.product-runway-heading{display:block;margin-top:38px;padding-top:28px}.product-runway-heading h3{font-size:34px}.product-runway{grid-auto-columns:64vw;gap:10px;padding:20px 0 16px}.product-runway-card strong{font-size:12px;min-height:2.6em}.product-runway-controls .runway-arrow{display:none}.product-runway-controls>p{margin:10px 0 0}.runway-progress{margin-bottom:34px}.product-runway-shell::after{display:none}.runway-end-card{padding:0 18px}.runway-end-card strong{font-size:21px}}
@media(max-width:767px){.product-card h3{font-size:13px}.product-collection{font-size:11px}.footer p,.footer a,.footer .text-button{font-size:12px}.search-result{grid-template-columns:44px 1fr auto;gap:10px}.search-result img{width:44px;height:44px}.search-result>span{font-size:11px}.search-result strong{font-size:12px}.stage-copy>span{font-size:9px}.stage-hint,.touch-hint{font-size:11px}.category-label{font-size:11px}}

/* A calm illustrated brand card completes the editorial grid. */
.illustration-story-card {
  position: relative;
  min-height: 350px;
  overflow: hidden;
  background: var(--blush);
  color: var(--charcoal);
}
.illustration-story-card::after {
  position: absolute;
  inset: 35% 0 0;
  background: linear-gradient(to bottom,transparent,rgb(72 28 41 / 18%));
  content: "";
  pointer-events: none;
}
.illustration-story-card>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 34%;
  transition: transform .9s var(--ease);
}
.illustration-story-card:hover>img { transform: scale(1.025); }
.illustration-story-card>span {
  position: absolute;
  inset: auto 14px 14px;
  z-index: 1;
  display: grid;
  padding: 14px 48px 14px 16px;
  background: rgb(250 248 244 / 94%);
  backdrop-filter: blur(12px);
}
.illustration-story-card small {
  color: var(--berry);
  font-size: 8px;
  letter-spacing: .11em;
}
.illustration-story-card strong {
  margin-top: 3px;
  font: 400 18px/1.25 Jost,sans-serif;
}
.illustration-story-card>span>span {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 6px;
  color: var(--berry);
  font-size: 9px;
}
.illustration-story-card>span>span .icon { width: 15px; height: 15px; }
@media (max-width:900px) {
  .illustration-story-card { min-height: 380px; }
}
@media (max-width:600px) {
  .illustration-story-card { min-height: 280px; }
  .illustration-story-card>span { inset: auto 7px 7px; padding: 10px 11px; }
  .illustration-story-card small { font-size: 6px; }
  .illustration-story-card strong { font-size: 14px; }
  .illustration-story-card>span>span { margin-top: 4px; font-size: 7px; }
  .illustration-story-card>span>span .icon { width: 12px; height: 12px; }
}
@media (prefers-reduced-motion:reduce) {
  .illustration-story-card>img { transition: none; }
}

/* V5 trust story: material proof, clear value and a calm care ritual. */
.aryamond-standard {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);
  gap: clamp(48px,6vw,96px);
  align-items: center;
  padding-block: clamp(80px,8vw,120px);
  border-top: 1px solid var(--champagne);
}
.standard-visual {
  position: relative;
  height: min(72vw,760px);
  max-height: 760px;
  overflow: hidden;
  background: var(--blush);
}
.standard-visual img,.material-macro img,.care-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .9s var(--ease);
}
.standard-visual img { object-position: 50% 35%; }
.standard-visual figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 14px 18px;
  background: var(--offwhite);
  color: var(--berry);
  font-size: 9px;
  letter-spacing: .15em;
}
.standard-copy h2 {
  max-width: 8ch;
  margin: 0 0 22px;
  color: var(--berry);
  font-size: clamp(54px,6.3vw,88px);
  font-weight: 300;
  letter-spacing: -.05em;
}
.standard-intro {
  max-width: 37ch;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 1.7;
}
.standard-points { margin: 0; }
.standard-points>div {
  display: grid;
  grid-template-columns: minmax(130px,.7fr) 1.3fr;
  gap: 24px;
  padding: 18px 0;
  border-top: 1px solid var(--champagne);
}
.standard-points>div:last-child { border-bottom: 1px solid var(--champagne); }
.standard-points dt {
  color: var(--berry);
  font: 500 16px/1.35 Jost,sans-serif;
}
.standard-points dd {
  margin: 0;
  color: var(--charcoal);
  font-size: 12px;
  line-height: 1.7;
}
.standard-link { margin-top: 24px; }

.material-story {
  padding-block: clamp(72px,7vw,104px);
  background: var(--blush);
}
.material-story-inner {
  display: grid;
  grid-template-columns: minmax(260px,.9fr) minmax(380px,1.12fr) minmax(240px,.68fr);
  gap: clamp(34px,4vw,70px);
  align-items: center;
}
.material-metric {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--berry);
}
.material-metric>span {
  font: 300 clamp(100px,11vw,168px)/.85 Jost,sans-serif;
  letter-spacing: -.075em;
  /* 100px and up is display type: WCAG asks 3.00 of it, and the brand pink
     measures 3.68 on blush. The 20px label below it keeps berry. */
  color: var(--signature);
}
.material-metric p {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-top: 22px;
}
.material-metric strong { font: 400 20px/1 Jost,sans-serif; }
.material-metric small { color: var(--charcoal);font-size: 10px; }
.material-explainer h2 {
  margin: 0 0 18px;
  color: var(--charcoal);
  font-size: clamp(45px,5vw,70px);
  font-weight: 300;
  letter-spacing: -.045em;
}
.material-explainer>p:not(.section-kicker):not(.stone-note) {
  max-width: 36ch;
  font-size: 14px;
  line-height: 1.7;
}
.material-composition { margin: 34px 0 26px; }
.composition-track {
  display: flex;
  width: 100%;
  height: 8px;
  overflow: hidden;
  background: var(--offwhite);
}
.composition-track span { width: 92.5%;background: var(--signature);transform-origin: left center; }
.composition-track i { width: 7.5%;background: var(--silver); }
.material-composition>div:last-child {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 12px;
  font-size: 10px;
}
.material-composition strong { color: var(--berry);font-size: 14px; }
.stone-note {
  padding-left: 14px;
  border-left: 2px solid var(--berry);
  font-size: 11px;
  line-height: 1.6;
}
.rhodium-finish-note {
  margin-top: 26px;
  padding: 20px 22px;
  border-left: 2px solid var(--silver);
  background: color-mix(in srgb,var(--offwhite) 72%,transparent);
}
.rhodium-finish-note h3 { margin: 0 0 8px;font: 500 18px/1.35 Jost,sans-serif;color: var(--berry); }
.rhodium-finish-note p { margin: 0;font-size: 12px;line-height: 1.75; }
.rhodium-finish-note small { display: block;margin-top: 10px;color: var(--charcoal);font-size: 9px;line-height: 1.65; }
.material-explainer .text-link { margin-top: 22px; }
.material-macro { height: 520px;overflow: hidden;background: var(--rose); }
.material-macro img { object-position: center 58%; }

.care-ritual {
  display: grid;
  grid-template-columns: minmax(360px,.82fr) minmax(0,1.18fr);
  gap: clamp(54px,7vw,110px);
  align-items: center;
  padding-block: clamp(84px,8vw,122px);
}
.care-copy h2 {
  max-width: 10ch;
  margin: 0 0 34px;
  color: var(--berry);
  font-size: clamp(48px,5.4vw,76px);
  font-weight: 300;
  letter-spacing: -.05em;
}
.care-steps { margin: 0 0 26px;padding: 0;list-style: none; }
.care-steps li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 18px;
  padding: 18px 0;
  border-top: 1px solid var(--champagne);
}
.care-steps li:last-child { border-bottom: 1px solid var(--champagne); }
.care-steps>li>span { padding-top: 2px;color: var(--berry);font-size: 10px;letter-spacing: .12em; }
.care-steps h3 { margin: 0 0 5px;font: 500 17px/1.3 Jost,sans-serif; }
.care-steps p { margin: 0;font-size: 12px;line-height: 1.65; }
.care-note { margin-top: 14px;color: var(--charcoal);font-size: 9px;line-height: 1.6; }
.care-visual { height: 650px;overflow: hidden;background: var(--blush); }
.care-visual img { object-position: center; }
.care-kit {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: minmax(260px,.68fr) minmax(0,1.32fr);
  gap: clamp(40px,6vw,96px);
  margin-top: 12px;
  padding-top: clamp(42px,5vw,68px);
  border-top: 1px solid var(--champagne);
}
.care-kit-intro h3 { max-width: 11ch;margin: 0 0 14px;color: var(--berry);font: 300 clamp(34px,4vw,54px)/1.04 Jost,sans-serif;letter-spacing: -.04em; }
.care-kit-intro p { max-width: 39ch;margin: 0;font-size: 12px;line-height: 1.75; }
.care-kit-groups { display: grid;grid-template-columns: 1.35fr 1fr 1fr;gap: 0;align-items: start; }
.care-kit-groups>div { min-width: 0;padding: 0 24px;border-left: 1px solid var(--champagne); }
.care-kit-groups>div:first-child { padding-left: 0;border-left: 0; }
.care-kit-groups>div:last-child { padding-right: 0; }
.care-kit-groups h4,.advice-groups h4 { margin: 0 0 14px;color: var(--berry);font: 500 14px/1.4 Jost,sans-serif; }
.care-kit-groups ul,.advice-groups ul { margin: 0;padding-left: 16px; }
.care-kit-groups li,.advice-groups li { margin-bottom: 10px;font-size: 11px;line-height: 1.65; }
.care-kit-groups strong { color: var(--berry);font-weight: 500; }
.advice-groups { display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 22px;margin-top: 16px; }
@media(hover:hover) and (pointer:fine) {
  .standard-visual:hover img,.material-macro:hover img,.care-visual:hover img { transform: scale(1.025); }
}
html.motion-ready body[data-motion=full] .material-explainer.scroll-reveal .composition-track span {
  transform: scaleX(0);
  transition: transform .85s var(--ease) .18s;
}
html.motion-ready body[data-motion=full] .material-explainer.scroll-reveal.is-revealed .composition-track span { transform: scaleX(1); }

@media(min-width:768px) and (max-width:1100px) {
  .aryamond-standard { grid-template-columns: 1fr 1fr;gap: 38px; }
  .standard-visual { height: 620px; }
  .standard-copy h2 { font-size: 58px; }
  .standard-points>div { grid-template-columns: 1fr;gap: 7px;padding: 14px 0; }
  .material-story-inner { grid-template-columns: .78fr 1.22fr; }
  .material-metric>span { font-size: 112px; }
  .material-macro { grid-column: 1/-1;height: 340px; }
  .material-macro img { object-position: center 60%; }
  .care-ritual { grid-template-columns: .9fr 1.1fr;gap: 38px; }
  .care-copy h2 { font-size: 50px; }
  .care-visual { height: 520px; }
  .care-kit { grid-template-columns: 1fr;gap: 28px; }
}

@media(max-width:767px) {
  .aryamond-standard { grid-template-columns: 1fr;gap: 32px;padding-block: 48px; }
  .standard-visual { height: 430px; }
  .standard-copy h2 { margin-bottom: 16px;font-size: 51px; }
  .standard-intro { margin-bottom: 22px;font-size: 13px; }
  .standard-points>div { grid-template-columns: 1fr;gap: 6px;padding: 14px 0; }
  .standard-points dt { font-size: 15px; }
  .standard-points dd { font-size: 11px; }
  .material-story { padding-block: 46px; }
  .material-story-inner { grid-template-columns: 1fr;gap: 34px; }
  .material-metric { flex-direction: row;align-items: end;justify-content: flex-start;gap: 18px; }
  .material-metric>span { font-size: 92px; }
  .material-metric p { display: grid;gap: 6px;margin: 0 0 5px; }
  .material-metric strong { font-size: 17px; }
  .material-explainer h2 { font-size: 44px; }
  .material-composition { margin: 26px 0 22px; }
  .material-composition>div:last-child { gap: 10px;font-size: 9px; }
  .material-composition>div:last-child span:last-child { text-align: right; }
  .material-macro { height: 300px; }
  .care-ritual { grid-template-columns: 1fr;gap: 32px;padding-block: 52px; }
  .care-copy h2 { margin-bottom: 24px;font-size: 48px; }
  .care-steps li { grid-template-columns: 36px 1fr;gap: 10px;padding: 15px 0; }
  .care-steps h3 { font-size: 15px; }
  .care-steps p { font-size: 11px; }
  .care-visual { height: 300px; }
  .care-kit { grid-template-columns: 1fr;gap: 28px;margin-top: 0;padding-top: 34px; }
  .care-kit-intro h3 { font-size: 38px; }
  .care-kit-groups,.advice-groups { grid-template-columns: 1fr; }
  .care-kit-groups>div { padding: 20px 0;border-left: 0;border-top: 1px solid var(--champagne); }
  .care-kit-groups>div:first-child { padding-top: 0;border-top: 0; }
  .care-kit-groups li,.advice-groups li { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) {
  .standard-visual img,.material-macro img,.care-visual img,.composition-track span { transition: none!important;transform: none!important; }
}

/* Responsive QA: preserve 44px touch areas without changing the visual type scale. */
.header .wordmark {
  display: flex;
  align-items: center;
  min-height: 44px;
}

.header .nav-link {
  position: relative;
  transition: color 220ms var(--ease);
}
.header .nav-link::after {
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  height: 1px;
  content: "";
  background: var(--berry);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 280ms var(--ease);
}
.header .nav-link:hover { color: var(--berry); }
.header .nav-link:hover::after { transform: scaleX(1);transform-origin: left; }
.header-tools .icon-button,
.header-tools a.icon-button,
.header>.menu-trigger {
  border-radius: 4px;
  transition: color 180ms var(--ease),background 180ms var(--ease),transform 180ms var(--ease);
}
.header-tools .icon-button:hover,
.header-tools a.icon-button:hover,
.header>.menu-trigger:hover { color: var(--berry);background:var(--blush); }
.header-tools .icon-button:active,
.header-tools a.icon-button:active,
.header>.menu-trigger:active { transform: scale(.96); }

/*
 * Every header tool names itself. Review feedback, 6 September 2026: "the
 * names/labels of the icons should be clearly mentioned below each icon".
 *
 * Underneath, not beside. The header is `1fr auto 1fr` with the wordmark in the
 * centre track, so anything that widens the tool rail moves the wordmark off
 * centre - the defect round 1 of this log spent its first item fixing. A label
 * under an 18px glyph costs nothing horizontally: the longest word here is
 * narrower than the 44px tap target the icon already reserves.
 */
.header-tools .icon-button,
.header-tools a.icon-button,
.header>.menu-trigger {
  flex-direction: column;
  gap: 4px;
  padding-block: 6px;
}
.tool-label {
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .02em;
  color: var(--charcoal);
  white-space: nowrap;
}
/* The badge counts the bag, so it belongs on the bag glyph - not floating
   above a word. Pinned to the icon rather than to the taller button. */
.header-tools .bag-button .bag-badge { top: 4px; }

@media(max-width:920px) {
  a.product-rating,
  .product-detail-link {
    min-height: 44px;
  }
}

/* Match the symbol to ARYAMOND's height, with Singapore on its own row. */
.brand-lockup {
  display: inline-grid;
  grid-template-columns: minmax(0,1fr) minmax(0,9.252fr);
  align-items: start;
  column-gap: 4%;
  line-height: 1;
}
.brand-lockup>.brand-symbol { grid-area: 1 / 1;width: 100%;height: auto;filter: none; }
.brand-lockup>.brand-copy { display: contents; }
.brand-copy>img { grid-area: 1 / 2;width: 100%;height: auto; }
.brand-copy>.brand-origin { grid-area: 2 / 2;justify-self: center; }
.brand-copy>.brand-origin {
  display: flex;
  width: 46.9%;
  align-items: center;
  justify-content: space-between;
  margin-top: .55em;
  padding: 0;
  color: currentColor;
  font: 500 9px/1 Jost,sans-serif;
  letter-spacing: 0;
}
.brand-origin>span { font: inherit; }
.footer-wordmark .brand-lockup { width: 100%; }
.footer-wordmark .brand-copy>.brand-origin {
  margin-top: clamp(7px,1vw,13px);
  font-size: clamp(12px,1.7vw,24px);
}

/* A visible company contact on the landing page, without duplicating a legal page. */
.footer-company {
  display: grid;
  grid-template-columns: minmax(220px,.8fr) minmax(340px,1.3fr) minmax(190px,.7fr);
  gap: clamp(28px,5vw,72px);
  align-items: start;
  margin-top: 42px;
  padding: 42px 0;
  border-top: 1px solid var(--champagne);
  border-bottom: 1px solid var(--champagne);
}
.footer-company h2 { max-width: 12ch;font-size: clamp(28px,3vw,42px); }
.footer-company address {
  display: grid;
  gap: 5px;
  color: var(--charcoal);
  font-size: 12px;
  font-style: normal;
  line-height: 1.75;
}
.footer-company address strong { font-size: 13px;font-weight: 500; }
.footer-company address>span { color: var(--berry);font-size: 9px;letter-spacing: .13em;text-transform: uppercase; }
.footer-company address small { margin-top: 9px;color: var(--charcoal);font-size: 10px;opacity: .72; }
.footer-company-links { display: grid;align-content: start;gap: 7px; }
.footer-company-links a { color: var(--berry);text-decoration: underline;text-underline-offset: 5px; }
.footer-company-links .icon { width: 15px;height: 15px;margin-left: 8px; }

@media(max-width:900px) {
  .footer-company { grid-template-columns: 1fr 1.35fr; }
  .footer-company-links { grid-column: 2; }
}

@media(max-width:600px) {
  .brand-copy>.brand-origin { margin-top: .4em;font-size: 7px; }
  .footer-wordmark .brand-copy>.brand-origin { margin-top: 7px;font-size: 11px; }
  .footer-company { grid-template-columns: 1fr;gap: 25px;margin-top: 30px;padding: 30px 0; }
  .footer-company h2 { font-size: 31px; }
  .footer-company address { font-size: 11px; }
  .footer-company-links { grid-column: auto; }
}

/* Saved pieces and Account live in the header on desktop; the menu carries them
   only where the header cannot. */
.menu-personal { display:none;gap:4px;margin-top:30px;padding-top:22px;border-top:1px solid var(--silver); }
.menu-personal>a,
.menu-personal>button { display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:0;border:0;background:none;text-align:left;font:400 17px Jost,sans-serif;color:inherit; }
.menu-personal .icon { width:19px;height:19px; }

/* The wordmark is only centred if the two outer tracks are equal. `1fr auto 1fr`
   does not give that: a 1fr track floors at its min-content, so three 44px tools
   held the right rail at 132px against the menu button's 44px and pushed the
   wordmark 38px left of centre. Symmetric rails are the fix, but 132px rails
   leave 89px for the wordmark at 375px - too small to read. Saved pieces moves
   into the menu instead (see .menu-personal), which brings the rails to 88px and
   lets the wordmark keep its full width, exactly centred. */
@media(max-width:767px) {
  html { scroll-padding-top: 88px; }
  #site-header { top: 0;min-height: 88px; }
  .header-tools .saved-trigger { display:none; }
  .header { --header-rail:88px;grid-template-columns:var(--header-rail) minmax(0,1fr) var(--header-rail); }
  .header .wordmark { width:min(44vw,166px);max-width:100%;justify-self:center; }
  .header-tools { justify-self:end;gap:0; }
  .header>.menu-trigger { justify-self:start; }
  .menu-personal { display:grid; }
}

/* ---------------------------------------------------------------------------
   Compact footer.

   The footer ran 930-1450px tall - more than a full viewport at every width,
   and 1.6 screens on a phone - because the link columns, the company block, an
   oversized wordmark, the copyright and the policy nav each took a full band of
   their own. Same content, four bands folded into two: the company details join
   the link columns as one more column and read as a single paragraph, and the
   wordmark drops to a signature sitting on the copyright line.
   --------------------------------------------------------------------------- */
.footer { padding:34px 0 16px; }
.footer-grid {
  display:grid;
  grid-template-columns:minmax(200px,1.25fr) repeat(3,minmax(0,.72fr)) minmax(240px,1.15fr);
  gap:26px 30px;
  align-items:start;
}
.footer-lede h2 { font-size:clamp(20px,1.6vw,25px);line-height:1.1;margin-bottom:6px; }
.footer-lede p { max-width:32ch;margin-bottom:6px; }
.footer-lede .text-link { min-height:30px; }
.footer h3 { margin-bottom:9px; }
.footer-grid>div>a,
.footer-grid>div>.text-button { display:block;min-height:0;padding:3px 0;line-height:1.5; }

.footer-company { margin:0;padding:0;border:0;display:block; }
.footer-company-lede { color:var(--berry);margin-bottom:7px; }
.footer-company address {
  display:block;font-style:normal;font-size:11px;line-height:1.65;
  max-width:46ch;margin-bottom:9px;
}
.footer-company address strong { display:block;font-size:11px;font-weight:500; }
.footer-company address .footer-office {
  display:block;margin-top:3px;
  color:inherit;font-size:11px;letter-spacing:normal;text-transform:none;
}
/*
  Two offices sit here, and 3px between them read as one wrapped address rather
  than two. The gap between consecutive blocks is therefore larger than the line
  box, so the eye breaks them apart before it reads a word.
*/
.footer-company address .footer-office + .footer-office { margin-top:12px; }
.footer-company address .office-label {
  color:var(--berry);font-size:9px;letter-spacing:.11em;text-transform:uppercase;
  font-weight:600;text-decoration:underline;text-underline-offset:3px;
}
.footer-company address small { display:block;margin-top:5px;font-size:10px;opacity:.72; }
.footer-company-links { display:flex;flex-wrap:wrap;gap:4px 16px;grid-column:auto; }
.footer-company-links a {
  min-height:24px;text-decoration:underline;text-underline-offset:4px;color:var(--berry);
}
.footer-company-links .icon { width:13px;height:13px;margin-left:5px; }

/* Wordmark, copyright and policies share one line instead of three bands. */
.footer-base {
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;
  margin-top:24px;padding-top:16px;border-top:1px solid var(--champagne);
}
.footer-base>p { margin-right:auto;font-size:10px; }
.footer-base .footer-wordmark {
  width:clamp(104px,11vw,150px);padding:0;flex:0 0 auto;border-bottom:0;
}
.footer-base .footer-wordmark .brand-copy>img { max-height:none;width:100%;height:auto; }
.footer-base .footer-wordmark .brand-origin { margin-top:3px;font-size:7px; }
.footer-base .footer-legal { display:flex;flex-wrap:wrap;gap:2px 14px;border-top:0; }
.footer-base .footer-legal a { min-height:26px;font-size:10px; }

/* Between the five-column desktop footer and the phone layout the link columns
   still fit side by side; only the lede and the company paragraph need the full
   width. Six stacked EXPLORE links are what make a column tall, so that list
   runs two-up from here down. */
@media(max-width:1100px) and (min-width:768px) {
  .footer-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px; }
  .footer-lede,
  .footer-company { grid-column:1/-1; }
  .footer-links-wide { display:grid;grid-template-columns:1fr 1fr;gap:0 16px; }
  .footer-links-wide h3 { grid-column:1/-1; }
}

@media(max-width:767px) {
  .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-lede,
  .footer-company { grid-column:1/-1; }
}

@media(max-width:767px) {
  .footer { padding:24px 0 12px; }
  .footer-grid { gap:15px 20px; }
  .footer-lede h2 { font-size:22px; }
  /* Touch targets stay 44px where a finger is doing the tapping. */
  .footer-grid>div>a,
  .footer-grid>div>.text-button { min-height:33px;display:flex;align-items:center;padding:0; }
  .footer-company address { max-width:none; }
  .footer-base { margin-top:18px;padding-top:14px;gap:8px 16px; }
  .footer-base>p { width:100%;margin-right:0;order:3; }
  .footer-base .footer-wordmark { width:118px; }
}

/* ---------------------------------------------------------------------------
   Guides and FAQ - review feedback, 1 September 2026.
   The site read thin on knowledge below the shopping sections. These two blocks
   sit between the care ritual and the footer, where GIVA and APM Monaco both
   put the same material, and they lead to /guides and /faq for the depth.
   Built on the care-kit grid so they inherit the page's rhythm rather than
   introducing a fourth one.
--------------------------------------------------------------------------- */
.knowledge-edit,
.faq-edit {
  display: grid;
  grid-template-columns: minmax(260px,.68fr) minmax(0,1.32fr);
  gap: clamp(40px,6vw,96px);
  padding-block: clamp(64px,6vw,96px);
  border-top: 1px solid var(--champagne);
  align-items: start;
}
.knowledge-head h2,
.faq-head h2 {
  max-width: 11ch;
  margin: 0 0 14px;
  color: var(--berry);
  font: 300 clamp(34px,4vw,54px)/1.04 Jost,sans-serif;
  letter-spacing: -.04em;
}
.knowledge-head p,
.faq-head p { max-width: 39ch;margin: 0;font-size: 12px;line-height: 1.75; }
.knowledge-head .text-link,
.faq-head .text-link { margin-top: 18px; }

/* Two up, not three. There are four guides now that moissanite has one of its
   own, and these cards sit in the narrower column of this block - four across
   it read as columns of text rather than as cards. The /guides hub is laid out
   the same way for the same reason. */
.knowledge-cards { display: grid;grid-template-columns: repeat(2,minmax(0,1fr)); }
/* The head column is taller than the cards. Letting the cards stretch runs the
   dividing rules the full height of the block, so the space beside them reads as
   structure rather than as a gap. */
.knowledge-edit { align-items: stretch; }
.knowledge-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 0 24px;
  border-left: 1px solid var(--champagne);
  color: inherit;
  text-decoration: none;
}
/* The dividers follow the ROW, not the list. `:first-child` was enough while
   there was a single row of three; in a 2x2 block the third card starts a row
   and must not carry a rule down its left edge. */
.knowledge-card:nth-child(odd) { padding-left: 0;border-left: 0; }
.knowledge-card:nth-child(even) { padding-right: 0; }
.knowledge-card:nth-child(n+3) { padding-top: 28px; }
.knowledge-eyebrow { color: var(--signature-ink);font-size: 10px;letter-spacing: .12em; }
.knowledge-card h3 { margin: 14px 0 8px;font: 500 17px/1.3 Jost,sans-serif; }
.knowledge-card p { margin: 0;font-size: 11px;line-height: 1.7; }
.knowledge-go {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  color: var(--signature-ink);
  font-size: 10px;
  letter-spacing: .12em;
}
.knowledge-go .icon { width: 16px;transition: transform .4s var(--ease); }
@media(hover:hover) and (pointer:fine) {
  .knowledge-card:hover h3 { color: var(--signature-ink); }
  .knowledge-card:hover .knowledge-go .icon { transform: translateX(4px); }
}

.faq-list { min-width: 0; }
.faq-item { border-top: 1px solid var(--champagne); }
.faq-item:last-child { border-bottom: 1px solid var(--champagne); }
.faq-item>summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  /* 44px of finger, even though the row is text. */
  min-height: 44px;
  padding: 17px 0;
  cursor: pointer;
  list-style: none;
}
.faq-item>summary::-webkit-details-marker { display: none; }
.faq-question { font: 500 15px/1.4 Jost,sans-serif;color: var(--charcoal); }
/* The plus becomes a minus by rotating, so there is one shape to maintain. */
.faq-mark { position: relative;flex: none;width: 13px;height: 13px;margin-top: 4px;transition: transform .35s var(--ease); }
.faq-mark::before,
.faq-mark::after { content: "";position: absolute;background: var(--signature); }
.faq-mark::before { top: 6px;left: 0;width: 13px;height: 1px; }
.faq-mark::after { top: 0;left: 6px;width: 1px;height: 13px; }
.faq-item[open] .faq-mark { transform: rotate(45deg); }
.faq-item[open] .faq-question { color: var(--signature-ink); }
.faq-answer { max-width: 62ch;padding-bottom: 20px; }
.faq-answer p { margin: 0 0 10px;font-size: 12px;line-height: 1.75; }
.faq-answer p:last-of-type { margin-bottom: 0; }
.faq-answer .faq-more { margin-top: 12px; }

@media(min-width:768px) and (max-width:1100px) {
  .knowledge-edit,
  .faq-edit { grid-template-columns: 1fr;gap: 30px;padding-block: 58px; }
  .knowledge-head h2,
  .faq-head h2 { max-width: none; }
  .knowledge-card { padding: 0 18px; }
}

@media(max-width:767px) {
  .knowledge-edit,
  .faq-edit { grid-template-columns: 1fr;gap: 26px;padding-block: 46px; }
  .knowledge-head h2,
  .faq-head h2 { max-width: none;font-size: 34px; }
  .knowledge-head p,
  .faq-head p { max-width: none; }
  .knowledge-cards { grid-template-columns: 1fr; }
  /* One column: every card starts its own row, so none of them carries a
     vertical rule and the 2x2 row padding does not apply. */
  .knowledge-card:nth-child(even) { padding-left: 0;border-left: 0; }
  .knowledge-card:nth-child(n+3) { padding-top: 0; }
  .knowledge-card {
    padding: 18px 0;
    border-top: 1px solid var(--champagne);
    border-left: 0;
  }
  .knowledge-card:first-child { padding-top: 0;border-top: 0; }
  .knowledge-card p { max-width: none; }
  .faq-question { font-size: 14px; }
  .faq-answer { max-width: none; }
}