/* Light, silk and mineral: a quiet editorial setting for the collection. */
:root{--paper:#f8f3ec;--ink:#44343b;--muted:#887078}
body{background:#f8f3ec}header{background:#faf6efe8;border-bottom:1px solid #9d7b6629}main{overflow:clip}.announcement{background:#503944}
.hero{isolation:isolate;background:radial-gradient(ellipse at 10% 70%,#e7b9b74a,transparent 48%),radial-gradient(ellipse at 48% 4%,#e5ce9c38,transparent 50%),#f8f2e9;padding-top:44px;padding-bottom:72px;gap:5%;grid-template-columns:1fr 1fr}
.hero:before{content:'';position:absolute;z-index:-1;width:65vw;height:65vw;border:1px solid #a9876728;border-radius:50%;left:-25vw;top:10%;box-shadow:0 0 0 55px #aa8b6a08,0 0 0 110px #aa8b6a05;pointer-events:none}
.hero:after{content:'';position:absolute;inset:-30%;z-index:-1;background:linear-gradient(116deg,transparent 35%,#fff9 44%,transparent 54%);transform:rotate(-8deg);animation:silk-light 18s ease-in-out infinite alternate;pointer-events:none}
.hero-copy{padding-top:48px}.hero h1 em{color:#a3677c}.hero .eyebrow{display:flex;align-items:center;gap:14px}.hero .eyebrow:before{content:'';width:36px;height:1px;background:#ad8b6d}.hero-art{border-radius:48% 48% 3px 3px;min-height:630px;border:8px solid #fff8;outline:1px solid #bfa08a66;outline-offset:10px;box-shadow:0 30px 65px #78534821;transform:rotate(2deg);transition:transform 1s}.hero-art:hover{transform:rotate(0deg)}.hero-photo{scale:1.015;transition:scale 1.4s}.hero-art:hover .hero-photo{scale:1.055}.hero-number{bottom:25px}.hero-note{color:#80666d}
.values{background:#e9dfd2;border-color:#b7a18b40;color:#6c555c;padding:24px 20px}.values b{animation:star-turn 18s linear infinite}
.discovery{max-width:none;background:radial-gradient(ellipse at 90% 60%,#d8dfd34a,transparent 48%),#f8f5ee;padding:100px max(5%,calc((100vw - 1188px)/2)) 85px;position:relative}.mood-grid{gap:26px}.mood-card>div{border-radius:48% 48% 8px 8px;border:1px solid #b9a39330;background:radial-gradient(ellipse at 50% 35%,#fff9f4,#e8d2ce)}.mood-card:nth-child(2)>div{background:radial-gradient(ellipse at 50% 30%,#f6f7e9,#c9d3c0)}.mood-card:nth-child(3)>div{background:radial-gradient(ellipse at 50% 30%,#fff8dc,#e4cfaa)}.mood-card:nth-child(4)>div{background:radial-gradient(ellipse at 50% 30%,#fbfbff,#d3dce0)}.mood-card img{padding:20px;filter:drop-shadow(0 14px 8px #59463625)}.mood-card:hover img{transform:translateY(-7px) rotate(5deg) scale(1.04)}.mood-card:nth-child(even){padding-top:30px}.mood-card h3{color:#624550}.mood-card p{color:#846f70}
.gift-banner{background:linear-gradient(105deg,#efe2dc,#e7d0d3 70%,#d9bcc5);border:1px solid #b4938b40;border-radius:3px;padding:40px;position:relative;overflow:hidden}.gift-banner:after{content:'✧';position:absolute;right:27%;font-family:serif;font-size:180px;font-weight:400;color:#fff5;pointer-events:none;line-height:1}.gift-banner>*{position:relative;z-index:1}.gift-banner p:not(.eyebrow){color:#7c606b}
.finished-collection{max-width:none;background:radial-gradient(ellipse at 0 0,#f4e6ce66,transparent 40%),#eee7dd;padding:95px max(5%,calc((100vw - 1188px)/2));border-top:1px solid #bca58a33;border-bottom:1px solid #bca58a33}.finished-grid{gap:42px 26px}.finished-photo{border-radius:5px;background:radial-gradient(ellipse at 48% 35%,#fffaf1,#e8ddd0);border:1px solid #baa18d40;transition:box-shadow .6s,translate .6s}.finished-card:nth-child(3n+2) .finished-photo{background:radial-gradient(ellipse at 48% 35%,#f8faf3,#dfe3d5)}.finished-card:nth-child(3n) .finished-photo{background:radial-gradient(ellipse at 48% 35%,#fff8f3,#e9d8d4)}.finished-photo img{padding:25px;transition:transform .85s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 18px 10px #66544725)}.finished-photo:hover{translate:0 -5px;box-shadow:0 20px 30px #6d53401a}.finished-photo:hover img{transform:rotate(6deg) scale(1.06)}.finished-photo span{background:linear-gradient(transparent,#fbf6eb88);padding:18px}.finished-info{padding-top:20px}.card-story{color:#826e70}.catalog-filters button{background:#fbf7f099}.catalog-filters button.active{background:#624352}.catalog-note{color:#7c686c}
#inspiration{background:#f8f3ec;padding-top:90px;padding-bottom:90px}.product-art{border-radius:48% 48% 4px 4px}.atelier-intro{position:relative;isolation:isolate;background:#654a57;overflow:hidden;padding:70px 20px;border:0}.atelier-intro:before,.atelier-intro:after{content:'';position:absolute;width:460px;aspect-ratio:1;border:1px solid #e5c8b52e;border-radius:50%;z-index:-1;top:-180px;left:-200px;box-shadow:0 0 0 50px #e5c8b509,0 0 0 100px #e5c8b508}.atelier-intro:after{left:auto;right:-170px;top:40px}.atelier-intro p{color:#f6e8df}.atelier-intro .large-star{color:#dbc3a4;animation:star-turn 24s linear infinite}.interlude-sign{color:#dbc5bf}
.studio{background:radial-gradient(ellipse at 90% 25%,#d2d7c458,transparent 45%),radial-gradient(ellipse at 0% 80%,#ddbbc846,transparent 45%),#f1ece4;padding-top:100px;padding-bottom:100px}.preview-panel{border-radius:180px 180px 10px 10px;padding-top:55px;background:radial-gradient(ellipse at 50% 40%,#fffdf8,#ede3d8);box-shadow:0 22px 50px #6f544515;border:1px solid #c5ab9055}.preview-top{padding:0 15px}.jewel-stage{background:radial-gradient(ellipse at 50% 50%,#fff9,transparent 65%)}.stage-orbit{border-color:#b29b7c35}.orbit-two{animation:star-turn 90s linear infinite}.stage-north{color:#a78860}.stone-option,.finding-card{box-shadow:0 4px 12px #71544706}.stone-option{border-radius:10px}.stone-option.selected{box-shadow:0 7px 18px #96707d1a}.atelier-flow{border-color:#a98e7740}
.about{max-width:none;background:radial-gradient(ellipse at 95% 100%,#e4c5c545,transparent 60%),#efe4dd;padding:100px max(5%,calc((100vw - 1188px)/2));gap:10%;position:relative}.story-art{border-radius:48% 48% 3px 3px;outline:1px solid #ae8b7040;outline-offset:12px}.story-copy>p:not(.eyebrow){color:#806871}.story-caption{background:#3d263d40;padding:10px;backdrop-filter:blur(6px)}.faq{background:#f8f4ed}.faq summary{padding-right:15px}footer{background:radial-gradient(ellipse at 90% 0%,#815c6b66,transparent 65%),#44303b}
.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:-70% auto -70% -70%;width:35%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .8s;pointer-events:none}.button:hover:after{left:140%}.button.dark:hover{box-shadow:0 12px 24px #66424e26}.hero-copy{animation:soft-arrive 1s ease-out}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}
@keyframes silk-light{from{translate:-4% -2%;opacity:.5}to{translate:8% 3%;opacity:.95}}@keyframes star-turn{to{rotate:360deg}}@keyframes soft-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.hero{max-width:none;padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.hero-art{min-height:530px}.hero{gap:4%}.mood-grid{gap:18px}.preview-panel{border-radius:140px 140px 8px 8px;padding-top:40px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:0 24px 50px;gap:18px}.hero-copy{padding:48px 0 20px}.hero-art{min-height:440px;margin:8px 10px 0;border-width:5px;outline-offset:7px;transform:rotate(1deg)}.hero:before{width:130vw;height:130vw;left:-90vw;top:8%}.hero:after{animation-duration:24s}.discovery,.finished-collection,.studio,.about{padding:64px 20px}.mood-grid{gap:16px}.mood-card:nth-child(even){padding-top:18px}.mood-card img{padding:10px}.mood-card p{font-size:12px}.gift-banner{padding:27px}.gift-banner:after{right:0;font-size:140px}.finished-grid{gap:28px 14px}.finished-photo{height:220px}.finished-photo img{padding:10px}.finished-photo span{padding:10px;font-size:8px}.finished-info h3{line-height:1.5}.atelier-intro{padding:55px 25px}.atelier-intro p{font-size:28px;line-height:1.55}.preview-panel{border-radius:120px 120px 8px 8px;padding-top:35px}.preview-top{padding:0 8px}.studio-title{padding:0}.about{gap:45px}.story-art{margin:5px 12px}.reveal-ready{transform:translateY(12px)}#inspiration{padding-top:60px;padding-bottom:60px}.faq{padding:60px 22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
