:root{color-scheme:dark;--bg:#080808;--text:#f5f5f5;--muted:#898989;--line:#252525}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #a6b9ff;outline-offset:5px}header{height:80px;display:flex;align-items:center;gap:45px;padding:0 4%;position:sticky;top:0;z-index:10;background:#080808ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff08}.brand{display:flex;gap:9px;align-items:center;font-weight:600;letter-spacing:1px;white-space:nowrap}.brand b{font-size:30px}.brand span{font-size:9px;color:#777;margin-left:3px;letter-spacing:2px}nav{display:flex;gap:27px;font-size:14px;color:#b3b3b3}.nav-right{display:flex;align-items:center;gap:20px;margin-left:auto}.login{color:#999;font-size:14px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#f7f7f7;color:#111;border-radius:9px;padding:15px 21px;font-size:13px;font-weight:500;transition:transform .2s,background .2s}.btn:hover{background:#d9ddff;transform:translateY(-2px)}.btn.compact{font-size:14px;padding:10px 14px}.btn.secondary{background:#222;color:#eee}.btn.secondary:hover{background:#333}.menu{display:none}.hero{text-align:center;padding:75px 20px 64px}.pill{display:inline-flex;align-items:center;gap:12px;color:#c9c9c9;background:#1b1b1b;border:1px solid #303030;border-radius:30px;font-size:11px;padding:9px 14px}.green-dot{width:5px;height:5px;border-radius:50%;background:#b4d5a3}.hero h1{font-size:clamp(54px,6.9vw,104px);line-height:1.05;font-weight:650;letter-spacing:-5px;margin:29px 0 25px}.hero h1>span{color:#9c9c9c}.hero p{line-height:1.8;font-size:16px;color:#9c9c9c;margin:0 0 26px}.actions{display:flex;justify-content:center;gap:10px}.hero-note{display:block;font-size:8px;letter-spacing:2px;color:#666;margin-top:22px}.ticker{overflow:hidden}.ticker-toolbar,.ticker-caption{display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:12px;color:#777;letter-spacing:1px}.ticker-toolbar{margin-bottom:15px}.ticker-toolbar button{background:#191919;border:1px solid #333;padding:7px 12px;border-radius:30px;color:#bbb;font-size:12px}.ticker-window{overflow:hidden}.ticker-track{display:flex;gap:18px;width:max-content;animation:marquee 38s linear infinite;will-change:transform}.ticker.paused .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.showcard{position:relative;flex:0 0 330px;height:420px;border:0;border-radius:12px;padding:23px;text-align:left;overflow:hidden;isolation:isolate}.showcard:hover .art{filter:brightness(1.12)}.poster-top{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.poster-top>span{font-size:6px}.art{background-image:url('assets/jewelry.png');background-size:200% 200%;aspect-ratio:1.5;background-repeat:no-repeat}.q1{background-position:left top}.q2{background-position:right top}.q3{background-position:left bottom}.q4{background-position:right bottom}.showcard .art{position:absolute;left:0;right:0;width:100%;transition:filter .3s}.emerald{background:#151b16;color:#e6e7d8}.emerald .art{top:45px}.wine{background:#220a0b;color:#f0dfd6}.wine .art{top:55px}.poster-copy{position:absolute;bottom:24px;left:24px;right:24px}.poster-copy small{font-size:6px;letter-spacing:2px}.showcard h2{font-size:35px;line-height:1.1;font-weight:500;letter-spacing:-1px;margin:12px 0 16px}.poster-copy>span,.poster-bottom{font-size:8px;letter-spacing:1px}.cream{background:#e5dfd0;color:#322a1e}.cream .art{bottom:38px}.cream h2,.paper h2{position:relative;z-index:1;font-family:Georgia,'Songti SC',serif;margin-top:20px}.poster-bottom{position:absolute;bottom:18px;left:24px}.paper{background:#e8e4da;color:#3a3a35}.paper .art{bottom:38px}.ticker-caption{padding-top:20px;font-size:12px;letter-spacing:0}.section{max-width:1240px;width:88%;margin:auto;padding:110px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.eyebrow{font-size:9px;color:#818181;letter-spacing:1.8px}.section h2{font-size:clamp(34px,4.1vw,58px);font-weight:550;letter-spacing:-2px;line-height:1.16;margin:20px 0 0}.gray{color:#737373}.section-head p{color:#858585;font-size:13px;line-height:1.8;margin:0 0 4px}.bento{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.bento article{border:1px solid #252525;border-radius:16px;background:#121212;overflow:hidden}.card-copy{padding:32px}.card-copy h3{font-size:28px;letter-spacing:-1px;line-height:1.2;font-weight:500;margin:16px 0 12px}.card-copy p{font-size:13px;line-height:1.8;color:#8c8c8c}.bento-side>.art{margin:0 26px 26px;border-radius:9px}.compare{position:relative;overflow:hidden;margin:0 26px 26px;border-radius:9px;--split:50%}.compare>.art{width:100%}.compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-before .art{width:100%;height:100%}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:white;color:#111;width:34px;height:34px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare:focus-within{outline:2px solid #a6b9ff}.compare-label{position:absolute;bottom:12px;background:#0008;padding:5px 8px;border-radius:4px;font-size:9px;pointer-events:none}.compare-label.before{left:12px}.compare-label.after{right:12px}.wide-card{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.25fr}.wide-card .card-copy{align-self:center;padding:45px}.wide-card .art{width:100%;align-self:center}.arrow-link{display:inline-block;font-size:14px;padding:12px 0;color:#ddd}.fine{font-size:12px;color:#717171;line-height:1.8}.filters{display:flex;gap:6px}.filters button{background:#171717;border:1px solid #2b2b2b;border-radius:25px;padding:10px 16px;font-size:14px;white-space:nowrap}.filters button.active{background:#eee;color:#111;border-color:#eee}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work{border:0;background:none;padding:0;text-align:left;min-width:0}.work[hidden]{display:none}.work .art{border-radius:11px;transition:filter .3s}.work:hover .art{filter:brightness(1.15)}.work>div:last-child{display:flex;justify-content:space-between;align-items:center}.work h3{font-size:17px;font-weight:500}.work span{color:#777;font-size:12px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid #292929;padding-top:35px}.journey-grid article>span{font-size:11px;color:#777}.journey-grid h3{font-size:20px;font-weight:500;margin:32px 0 15px}.journey-grid p{color:#858585;line-height:1.8;font-size:13px}.about{text-align:center}.about h2{font-size:62px}.about h2 span{color:#a9afe9}.about>p{color:#929292;font-size:15px;line-height:1.9;margin:25px auto 55px}.faq{max-width:730px;margin:auto;text-align:left}.faq details{border-bottom:1px solid #282828}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:14px;padding:25px 0}.faq summary::-webkit-details-marker{display:none}.faq details p{color:#858585;line-height:1.8;font-size:13px;padding-bottom:20px}.faq details[open] summary span{transform:rotate(45deg)}.final-cta{text-align:center;padding:130px 20px 110px;background:radial-gradient(ellipse at 50% 110%,#282d6035,transparent 60%)}.final-cta h2{font-size:clamp(50px,6.6vw,94px);font-weight:550;line-height:1.1;letter-spacing:-3px;margin:25px 0 35px}.final-cta h2 span{color:#8a8a8a}footer{padding:35px 4% 25px;border-top:1px solid #252525;overflow:hidden}.footer-top{display:flex;align-items:center;gap:35px}.footer-top p{font-size:14px;color:#777}.footer-top>a:last-child{margin-left:auto;font-size:14px}.footer-word{font-size:19.3vw;line-height:1.1;letter-spacing:-1.5vw;font-weight:800;color:#242424;margin:30px -1% 10px;user-select:none}.footer-bottom{display:flex;justify-content:space-between;color:#777;font-size:12px}dialog{width:min(780px,92vw);max-height:90vh;overflow:auto;background:#161616;color:#eee;border:1px solid #383838;border-radius:16px;padding:0}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{position:absolute;top:12px;right:12px;border:1px solid #ffffff55;background:#111b;color:white;border-radius:50%;width:36px;height:36px;font-size:25px;z-index:2}.detail-copy{padding:30px}.detail-copy h2{font-size:30px}.detail-copy>p{font-size:14px;line-height:1.8;color:#999}.detail-copy .btn{margin-top:20px}@media(min-width:1600px){.hero{padding-top:95px}.showcard{flex-basis:400px;height:490px}.poster-copy h2{font-size:42px}}@media(max-width:950px){header{gap:25px}.brand span{display:none}nav{gap:17px}.hero h1{font-size:74px}.section-head{display:block}.section-head>p,.filters{margin-top:25px}.bento{gap:12px}.card-copy{padding:24px}.card-copy h3{font-size:25px}.wide-card .card-copy{padding:30px}.collection-grid{gap:14px}.work>div:last-child{display:block}.work h3{margin-bottom:8px}.journey-grid{gap:25px}}@media(max-width:600px){header{height:68px;padding:0 5%;gap:8px}.brand{font-size:14px}.brand b{font-size:26px}.nav-right{gap:12px}.login{display:none}.btn.compact{font-size:12px;padding:10px}.menu{display:block;background:none;border:0;font-size:20px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#151515;padding:24px;flex-direction:column;gap:24px;font-size:14px}nav.open{display:flex}.hero{padding:54px 15px 48px}.hero h1{font-size:56px;letter-spacing:-3px;line-height:1.1;margin:28px 0 20px}.hero p{font-size:13px}.pill{font-size:12px}.btn{padding:13px 16px;font-size:14px}.hero-note{font-size:7px;letter-spacing:1.5px}.showcard{flex-basis:270px;height:365px;padding:20px}.showcard h2{font-size:31px}.poster-copy{left:20px;bottom:20px}.poster-copy small{font-size:5px}.poster-top{font-size:7px}.poster-top>span{font-size:5px}.ticker-caption{display:block;line-height:1.9;padding:15px 6% 0;font-size:9px}.ticker-caption>span{display:block}.ticker-track{gap:14px}.section{width:88%;padding-top:70px}.section h2{font-size:36px;letter-spacing:-1.5px}.section-head{margin-bottom:26px}.section-head p{font-size:14px}.bento{grid-template-columns:1fr;gap:16px}.wide-card{grid-template-columns:1fr}.wide-card .art{order:0}.card-copy{padding:25px}.bento-side>.art,.compare{margin:0 20px 20px}.wide-card .card-copy{padding:25px}.card-copy h3{font-size:28px}.collection-grid{grid-template-columns:1fr;gap:28px}.work>div:last-child{display:flex}.work h3{margin:18px 0}.filters button{font-size:11px;padding:9px 15px}.journey-grid{grid-template-columns:1fr;gap:28px}.journey-grid article{border-bottom:1px solid #252525;padding-bottom:22px}.journey-grid h3{margin-top:18px}.about h2{font-size:47px}.about>p{font-size:13px}.final-cta{padding:85px 20px}.final-cta h2{font-size:55px}.footer-top{flex-wrap:wrap;gap:15px}.footer-top p{order:3;width:100%;margin:0}.footer-word{margin:25px 0;font-size:19vw}.footer-bottom{font-size:8px}.footer-bottom>span:nth-child(2){display:none}.detail-copy{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}*{transition:none!important}}
.bento .card-copy>.eyebrow{font-size:13px;color:#c8c8c8;letter-spacing:1.5px}.model-stage{margin:0 24px 24px;border:1px solid #303030;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#222a31,#101214 70%)}.model-toolbar,.commerce-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px;font-size:8px;color:#9ca4ac;letter-spacing:1px;border-bottom:1px solid #ffffff12}.model-status{color:#b0c5db}#jewelry-model{display:block;width:100%;height:260px;touch-action:pan-y;cursor:grab}#jewelry-model:active{cursor:grabbing}.model-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:0 12px}.model-controls button,.commerce-toolbar button{background:#1c2025;color:#939da8;border:1px solid #343a43;border-radius:5px;font-size:12px;padding:8px 10px}.model-controls button.selected,.model-controls button[aria-pressed=true]{background:#ccd7e3;color:#151b20}.model-caption{display:block;text-align:center;font-size:9px;color:#777f87;margin:14px}.commerce-stage{margin:0 24px 24px;border:1px solid #303030;border-radius:10px;overflow:hidden;background:#222}.commerce-toolbar{letter-spacing:0;font-size:9px}.commerce-toolbar>div{display:flex;gap:4px}.commerce-toolbar button{font-size:9px;padding:5px 8px}.commerce-toolbar button.selected{background:#e1e1df;color:#111}.shop-preview{background:#eeeae1;color:#383a30;margin:14px;overflow:hidden;border-radius:4px;transition:max-width .3s;max-width:100%}.shop-nav{display:flex;justify-content:space-between;padding:14px;font-family:Georgia,serif;font-size:14px;border-bottom:1px solid #c9c5ba}.shop-nav span{font-family:Arial,sans-serif;font-size:6px;align-self:center}.shop-hero{display:grid;grid-template-columns:1.15fr 1fr}.shop-hero>.art{height:100%;min-height:150px;background-size:200% 200%}.shop-text{padding:18px 12px}.shop-text>span{font-size:5px;letter-spacing:1px}.shop-text h4{font-family:'Songti SC',serif;font-size:28px;font-weight:400;margin:12px 0}.shop-text p{font-size:9px;line-height:1.7;color:#747467}.shop-tag{display:block;border-top:1px solid #c9c5ba;padding-top:12px;letter-spacing:0!important}.shop-detail{padding:18px 14px}.shop-detail>span{font-size:6px;letter-spacing:1px}.shop-detail h4{font-size:11px;font-weight:400;margin:10px 0 14px}.shop-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop-spec{display:grid;grid-template-columns:1fr 1fr;font-size:8px;gap:8px;padding-top:14px}.shop-spec b{font-weight:400;text-align:right}.shop-preview.mobile{max-width:225px;margin:14px auto}.shop-preview.mobile .shop-hero{grid-template-columns:1fr}.shop-preview.mobile .shop-text{padding:12px}.shop-preview.mobile .shop-text h4{font-size:22px;margin:8px 0}.shop-preview.mobile .shop-hero>.art{min-height:0;aspect-ratio:1.5}@media(max-width:600px){.model-stage,.commerce-stage{margin:0 20px 20px}#jewelry-model{height:240px}.model-controls button{font-size:9px;padding:9px 8px}.shop-nav span{font-size:5px}}

.brand .brand-logo{display:block;width:135px;height:38px;object-fit:contain;flex-shrink:0}footer .brand .brand-logo{width:156px;height:44px}@media(max-width:600px){.brand .brand-logo{width:120px;height:34px}}

/* Neutral grip replaces the comparison arrow while keeping drag affordance. */
.compare-line:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:34px;border-radius:18px;background:linear-gradient(90deg,#fff 9px,#888 9px,#888 11px,#fff 11px,#fff 16px,#888 16px,#888 18px,#fff 18px);box-shadow:0 1px 5px #0003}

/* Single portrait product-detail presentation on every screen. */
.shop-preview.mobile{width:calc(100% - 28px);max-width:260px;margin:14px auto}.shop-preview.mobile .shop-hero>.art,.shop-preview.mobile .shop-detail-grid>.art{aspect-ratio:3/4;height:auto;min-height:0;background-size:400% 200%}.shop-preview.mobile .q1{background-position:16.6667% top}.shop-preview.mobile .q2{background-position:83.3333% top}

.relief-feature{border-top:1px solid #292929;margin-top:28px}.relief-feature .card-copy{padding-bottom:18px}.relief-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 24px 24px}.relief-comparison figure{margin:0;min-width:0}.relief-comparison img{display:block;width:100%;height:auto;border-radius:8px}.relief-comparison figcaption{text-align:center;color:#aaa;font-size:11px;padding:12px 0 0}@media(max-width:600px){.relief-comparison{gap:10px;margin:0 20px 20px}.relief-feature .card-copy{padding-bottom:16px}}

/* Compact first screen and independently sized feature columns. */
header{height:68px}
.hero{padding:24px 20px 20px}
.hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.06;letter-spacing:-2.5px;margin:17px 0 14px}
.hero p{font-size:13px;line-height:1.65;margin-bottom:17px}
.hero .pill{font-size:12px;padding:7px 12px}
.hero .btn{padding:12px 20px}
.hero-note{margin-top:12px;font-size:7px}
.ticker-toolbar{margin-bottom:10px}
.showcard{flex-basis:250px;height:285px;padding:16px}
.showcard .art{top:34px;bottom:auto}
.cream .art,.paper .art{top:auto;bottom:30px}
.showcard h2{font-size:24px;margin:10px 0}
.poster-copy{left:16px;right:16px;bottom:17px}
.poster-copy small{font-size:5px;letter-spacing:1px}
.poster-top{font-size:6px}.poster-top>span{font-size:5px}
.poster-copy>span,.poster-bottom{font-size:7px}
.poster-bottom{left:16px;bottom:13px}
.ticker-caption{padding-top:12px}
.section{padding-top:76px}
.feature-columns{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:start}
.feature-stack{display:flex;flex-direction:column;gap:18px;min-width:0}
.feature-columns .card-copy{padding:24px 26px 16px}
.feature-columns .card-copy h3{font-size:25px;margin:12px 0 9px}
.feature-columns .card-copy p{margin:0;font-size:14px;line-height:1.7}
.feature-columns .model-stage{margin:0 24px 20px}
.feature-columns #jewelry-model{height:205px}
.feature-columns .relief-feature{margin:0;border:1px solid #252525}
.relief-comparison{max-width:400px;margin:0 auto 20px;padding:0 20px;gap:12px}
.feature-columns .shop-preview.mobile{max-width:245px}
.feature-columns .commerce-stage{margin-bottom:20px}
@media(min-width:1600px){.hero{padding-top:28px}.hero h1{font-size:68px}.showcard{flex-basis:275px;height:310px}}
@media(max-width:600px){header{height:64px}nav{top:64px}.hero{padding:20px 15px 17px}.hero h1{font-size:42px;letter-spacing:-2px;margin:15px 0 12px}.hero p{font-size:11px;line-height:1.65;margin-bottom:14px}.hero .btn{font-size:11px;padding:11px 17px}.hero-note{font-size:6px;margin-top:10px}.hero .pill{font-size:9px;padding:6px 10px}.showcard{flex-basis:220px;height:270px}.showcard h2{font-size:23px}.ticker-caption{padding-top:9px;font-size:8px}.section{padding-top:56px}.feature-columns{grid-template-columns:1fr;gap:16px}.feature-stack{display:contents}.feature-columns .model-card{order:1}.feature-columns .commerce-card{order:2}.feature-columns .relief-feature{order:3}.feature-columns .card-copy{padding:24px 24px 16px}.relief-comparison{max-width:400px;width:100%}.feature-columns #jewelry-model{height:220px}}
@media(max-height:700px) and (min-width:601px){.hero{padding-top:15px;padding-bottom:13px}.hero h1{font-size:46px;margin:12px 0}.hero-note{margin-top:9px}.showcard{height:245px;flex-basis:225px}.showcard h2{font-size:22px}.hero p{font-size:14px}.ticker-caption{padding-top:8px}}

/* One viewport for the introductory copy and the full artwork strip. */
.first-screen{--intro-header:68px;min-height:calc(100svh - var(--intro-header));display:flex;flex-direction:column;--poster-height:clamp(230px,40svh,560px)}
.first-screen .hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,2.5svh,42px) 20px;min-height:0}
.first-screen .hero h1{font-size:clamp(42px,min(5.8vw,7.6svh),106px);line-height:1.06;letter-spacing:-.045em;margin:clamp(12px,1.7svh,26px) 0 clamp(12px,1.6svh,24px)}
.first-screen .hero p{font-size:clamp(14px,min(1.2vw,1.65svh),18px);line-height:1.65;margin:0 0 clamp(14px,1.8svh,24px)}
.first-screen .hero .pill{font-size:clamp(9px,1.15svh,14px);padding:7px 13px}
.first-screen .hero .btn{font-size:clamp(11px,1.45svh,15px);padding:clamp(10px,1.3svh,16px) 22px}
.first-screen .hero-note{font-size:clamp(7px,.8svh,12px);margin-top:clamp(10px,1.3svh,18px)}
.first-screen .ticker{flex:none;padding-bottom:clamp(12px,2svh,26px)}
.first-screen .ticker-toolbar{margin-bottom:10px}
.first-screen .showcard{height:var(--poster-height);flex:0 0 calc(var(--poster-height) * .79);padding:calc(var(--poster-height) * .055)}
.first-screen .showcard .art{top:12%;bottom:auto}
.first-screen .cream .art,.first-screen .paper .art{top:auto;bottom:9%}
.first-screen .showcard h2{font-size:clamp(23px,calc(var(--poster-height) * .082),46px);margin:.3em 0 .4em}
.first-screen .poster-copy{left:6%;right:6%;bottom:6%}
.first-screen .poster-top{font-size:clamp(6px,calc(var(--poster-height) * .021),11px)}
.first-screen .poster-top>span{font-size:clamp(5px,calc(var(--poster-height) * .016),9px)}
.first-screen .poster-copy small{font-size:clamp(5px,calc(var(--poster-height) * .016),9px)}
.first-screen .poster-copy>span,.first-screen .poster-bottom{font-size:clamp(7px,calc(var(--poster-height) * .023),14px)}
.first-screen .poster-bottom{left:6%;bottom:4%}
.first-screen .ticker-caption{padding-top:10px;font-size:clamp(9px,.95svh,14px)}
@media(max-width:600px){.first-screen{--intro-header:64px;--poster-height:clamp(220px,37svh,400px)}.first-screen .hero{padding:16px 14px}.first-screen .hero h1{font-size:clamp(36px,min(10.8vw,6.8svh),62px)}.first-screen .hero p{font-size:clamp(11px,1.6svh,14px)}.first-screen .ticker-caption{font-size:8px;line-height:1.6}.first-screen .hero .btn{padding:11px 18px}.first-screen .hero-note{letter-spacing:1px}}
@media(max-height:650px) and (min-width:601px){.first-screen{--poster-height:clamp(160px,34svh,220px)}.first-screen .hero{padding:10px 20px}.first-screen .hero h1{font-size:clamp(30px,6.6svh,43px);margin:9px 0}.first-screen .hero p{font-size:11px;margin-bottom:10px}.first-screen .hero-note{display:none}.first-screen .hero .pill{font-size:8px;padding:5px 10px}.first-screen .hero .btn{padding:9px 18px}.first-screen .ticker{padding-bottom:10px}.first-screen .showcard h2{font-size:20px}.first-screen .ticker-caption{font-size:8px}}

/* Pause in place while the pointer is over the carousel. */
@media(hover:hover) and (pointer:fine){.ticker-window:hover .ticker-track{animation-play-state:paused}}

/* Restore full-width relief comparison images. */
.relief-feature .relief-comparison{max-width:none;width:auto;margin:0 24px 24px;padding:0;gap:14px}.relief-feature .relief-comparison img{width:100%;height:auto}@media(max-width:600px){.relief-feature .relief-comparison{margin:0 20px 20px;gap:10px}}
/* Match the detail presentation to the adjacent modelling/relief stack. */
@media(min-width:601px){
.feature-columns{align-items:stretch}
.feature-columns .commerce-card{display:flex;flex-direction:column;min-width:0}
.feature-columns .commerce-stage{flex:1;display:flex;flex-direction:column;min-height:0}
.feature-columns .commerce-toolbar{flex:none}
.feature-columns .shop-preview.mobile{flex:none;width:245px;max-width:none;margin:14px auto;zoom:var(--detail-scale,1)}
.feature-columns .commerce-stage .shop-preview{margin-top:auto}
}

.shop-preview.commerce-images{background:transparent}.commerce-images>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.commerce-images>img+img{margin-top:0}

/* Content navigation and resource sections. */
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.resource-grid>article,.resource-grid>a,.demo-box{background:#111;border:1px solid #292929;border-radius:18px;padding:28px;min-width:0}.resource-grid>a{color:inherit;text-decoration:none}.resource-grid small{color:#aaa;font-size:12px;letter-spacing:1px}.resource-grid h3{font-size:23px;margin:16px 0}.resource-grid p,.resource-grid li,.demo-section>p{font-size:14px;line-height:1.9;color:#aaa}.resource-grid details{margin-top:20px}.resource-grid summary{cursor:pointer;font-size:14px}.resource-grid ol{padding-left:20px}.text-action{display:inline-block;background:none;border:0;color:#eee;font:inherit;font-size:14px;padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.content-heading{margin-top:38px}.content-heading h3{font-size:24px}.content-heading p{color:#999;font-size:14px}.about-grid{grid-template-columns:repeat(4,minmax(0,1fr));text-align:left}.about-grid p{margin:0!important;max-width:none!important}.demo-section h2{font-size:clamp(30px,4vw,54px);margin:20px 0}.demo-box{max-width:780px;margin-top:28px}.demo-box #demo-brief{white-space:pre-line;line-height:2;color:#ccc;font-size:14px}.footer-nav{display:flex;flex-wrap:wrap;gap:24px;padding:24px 0;font-size:14px}.section{scroll-margin-top:90px}.resource-grid>a:hover{border-color:#777}#copy-status{display:block;margin-top:14px;color:#ccc;font-size:14px}
@media(max-width:1000px){header nav{gap:18px}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.resource-grid,.about-grid{grid-template-columns:1fr}.resource-grid>article,.resource-grid>a,.demo-box{padding:22px}.footer-nav{display:flex!important;position:static!important;background:none!important}.resource-grid{gap:14px}}

/* Image-led inspiration collections, using existing jewelry concept artwork. */
.style-collections>a{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.style-collections .style-image{position:relative;inset:auto;margin:0;width:100%;height:auto;min-height:0;aspect-ratio:1.5;border-radius:0;background-size:200% 200%;filter:none}.style-image-label{position:absolute;bottom:14px;left:16px;padding:5px 9px;border:1px solid #ffffff25;border-radius:6px;background:#111b;color:#eee;font-size:12px;backdrop-filter:blur(8px)}.style-body{padding:24px 26px 22px}.style-body h3{margin:12px 0}.style-body p{margin:0 0 18px}.style-tags{display:flex;flex-wrap:wrap;gap:7px}.style-tags span{font-size:12px;line-height:1.5;border:1px solid #353535;border-radius:5px;padding:4px 9px;color:#aaa}.style-entry{display:block;margin-top:24px;padding-top:16px;border-top:1px solid #292929;font-size:14px;color:#ddd}.style-collections>a:focus-visible{outline:2px solid #b8caa4;outline-offset:4px}.style-collections>a:hover .style-entry{color:#d4e6c3}@media(hover:hover){.style-collections>a:hover{transform:translateY(-3px)}}@media(max-width:700px){.resource-grid.style-collections>a{padding:0}.style-body{padding:22px}.style-collections .style-image{aspect-ratio:1.5}}@media(prefers-reduced-motion:reduce){.style-collections>a{transition:none}.style-collections>a:hover{transform:none}}

/* Compact brand footer. */
footer{padding:24px 4% 18px}.footer-top{gap:20px;flex-wrap:nowrap}.footer-top .back-to-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:72px;min-height:54px;font-size:12px;text-decoration:none;color:#aaa}.back-to-top:hover{color:#fff}.back-to-top:focus-visible{outline:2px solid #b8caa4;outline-offset:5px}.footer-word{font-size:clamp(48px,7vw,110px);line-height:1;letter-spacing:-.055em;margin:14px 0 18px;font-weight:800}.footer-bottom{font-size:12px;gap:12px;align-items:center}@media(max-width:600px){footer{padding:20px 5% 16px}.footer-top .brand .brand-logo{width:135px;height:38px}.footer-word{font-size:54px;margin:12px 0 16px}.footer-bottom{font-size:12px;flex-wrap:wrap}.footer-top .back-to-top{font-size:12px}}

/* Preserve the original large gray wordmark; compact only footer spacing. */
footer{padding:20px 4% 16px}.footer-word{font-size:19.3vw;line-height:1.1;letter-spacing:-1.5vw;font-weight:800;color:#242424;margin:8px -1% 8px;user-select:none}@media(max-width:600px){footer{padding:18px 5% 14px}.footer-word{font-size:19vw;margin:8px 0;letter-spacing:-1.5vw}}

@media(max-width:600px){.footer-top{flex-wrap:wrap}.footer-top p{order:3;width:100%;margin:0;font-size:14px}}

/* Supplied jewelry imagery in a coordinated editorial poster system. */
.first-screen .material-poster{display:flex;flex-direction:column;background:#e6e0d2;color:#39372e;padding:0}.first-screen .material-poster.tone-1{background:#e5e4dc}.first-screen .material-poster.tone-2{background:#e9ded2}.material-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6% 6% 0;font-size:9px;letter-spacing:.06em;height:12%;flex:none}.material-heading>span{font-size:7px;text-align:right}.material-visual{height:58%;flex:none;margin:2% 5% 0;overflow:hidden;mix-blend-mode:multiply}.material-visual img{display:block;width:100%;height:100%;object-fit:contain}.material-visual.scene{mix-blend-mode:normal;border-radius:4px}.material-visual.scene img{object-fit:cover}.material-copy{padding:4% 6% 5%;flex:1}.material-copy small{font-size:7px;letter-spacing:.09em}.first-screen .material-copy h2{font-size:clamp(18px,calc(var(--poster-height) * .06),32px);line-height:1.12;margin:5px 0 8px;font-weight:500;letter-spacing:-.03em}.material-copy>span{font-size:9px}.uploaded-art{background-size:contain!important;background-position:center!important;background-repeat:no-repeat;background-color:#ece7dd;aspect-ratio:1;min-height:260px}.material-poster:focus-visible{outline:2px solid #d0dfbd;outline-offset:-4px}@media(max-height:650px) and (min-width:601px){.material-copy small{display:none}.first-screen .material-copy h2{font-size:16px;margin:2px 0}.material-copy>span{font-size:7px}.material-heading{font-size:7px}}

/* Varied editorial compositions within the same restrained jewelry palette. */
.first-screen .material-poster{--poster-paper:#e9e3d6;--poster-ink:#3c3931;--image-paper:#e9e3d6;background:var(--poster-paper);color:var(--poster-ink)}
.first-screen .palette-ivory{--poster-paper:#e9e3d6;--image-paper:#e9e3d6;--poster-ink:#403a2e}
.first-screen .palette-sage{--poster-paper:#cdd2c3;--image-paper:#cdd2c3;--poster-ink:#303b32}
.first-screen .palette-wine{--poster-paper:#2e151a;--image-paper:#e1d2c3;--poster-ink:#eadbc9}
.first-screen .palette-sand{--poster-paper:#cbb79b;--image-paper:#cbb79b;--poster-ink:#3e3026}
.first-screen .palette-ink{--poster-paper:#172320;--image-paper:#dce0d2;--poster-ink:#e1e3d4}
.first-screen .palette-rose{--poster-paper:#d8c6c0;--image-paper:#d8c6c0;--poster-ink:#493839}
.material-poster .material-heading{position:relative;z-index:2;font-size:8px;letter-spacing:.1em}.material-poster .material-visual{position:relative;background:var(--image-paper);mix-blend-mode:normal;border-radius:2px}.material-poster .material-visual img{mix-blend-mode:multiply}.material-poster .material-visual.scene img{mix-blend-mode:normal}.material-poster .material-copy{position:relative;z-index:2}.material-poster .material-copy>span{display:block;opacity:.75;line-height:1.5}.material-poster .material-copy small{opacity:.65}
.first-screen .layout-bottom .material-visual{height:56%;margin:3% 6% 0}.first-screen .layout-bottom .material-copy{padding:5% 6%}.first-screen .layout-bottom .material-copy h2{font-weight:500}
.first-screen .layout-top .material-heading{order:0;height:10%;padding-top:5%}.first-screen .layout-top .material-copy{order:1;flex:none;height:28%;padding:4% 7% 0}.first-screen .layout-top .material-copy small{display:none}.first-screen .layout-top .material-copy h2{font-family:Georgia,'Songti SC','Noto Serif CJK SC',serif;font-size:clamp(20px,calc(var(--poster-height) * .07),38px);font-weight:400;margin:0 0 7px}.first-screen .layout-top .material-visual{order:2;height:56%;margin:1% 7% 6%}.first-screen .layout-top .material-copy>span{font-size:8px;letter-spacing:.08em}
.first-screen .layout-side .material-heading{height:12%}.first-screen .layout-side .material-visual{position:absolute;top:17%;left:23%;right:6%;bottom:14%;height:auto;margin:0}.first-screen .layout-side .material-copy{position:static;padding:0}.first-screen .layout-side .material-copy h2{position:absolute;top:20%;left:6%;writing-mode:vertical-rl;font-family:Georgia,'Songti SC',serif;font-size:clamp(18px,calc(var(--poster-height) * .065),34px);line-height:1.3;letter-spacing:.06em;margin:0}.first-screen .layout-side .material-copy h2 br{display:none}.first-screen .layout-side .material-copy small{position:absolute;bottom:8%;left:7%;font-size:7px;letter-spacing:.12em}.first-screen .layout-side .material-copy>span{position:absolute;bottom:4%;left:7%;right:6%;font-size:8px}
@media(max-height:650px) and (min-width:601px){.material-poster .material-heading>span{display:none}.first-screen .layout-top .material-copy h2{font-size:16px}.first-screen .layout-side .material-copy h2{font-size:15px}.first-screen .layout-top .material-copy>span{font-size:6px}.first-screen .layout-bottom .material-copy h2{font-size:15px}}

/* Keep supplied product photography color-faithful; color only the poster surround. */
.material-poster .material-visual{background:#fff;mix-blend-mode:normal;filter:none;isolation:isolate}.material-poster .material-visual img,.material-poster .material-visual.scene img{mix-blend-mode:normal;filter:none;opacity:1;object-fit:contain}.material-poster .material-visual.scene{background:var(--poster-paper)}
