@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;600;700;800;900&display=swap');
:root{--paper:#efece4;--ink:#30322f;--brick:#ad503b;--khaki:#777b59;--burgundy:#642d3b;--line:#d1cfc5;--muted:#66675f;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Golos Text',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--brick);outline-offset:5px}::selection{color:var(--paper);background:var(--burgundy)}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.header{height:108px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.logo{font-size:39px;font-weight:900;letter-spacing:-2.5px;line-height:1}.logo span{display:inline-block;font-size:12px;color:var(--brick);margin-left:3px}.header nav{display:flex;gap:32px;align-items:center;margin-left:auto;font-size:13px}.header nav a:hover{color:var(--brick)}.button{border:0;padding:20px 25px;border-radius:5px;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;transition:transform .3s var(--ease),background .25s,box-shadow .25s}.button span{font-size:24px;line-height:18px;transition:transform .3s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #30322f12}.button:hover span{transform:translate(3px,-3px)}.button:active{transform:translateY(1px) scale(.98);box-shadow:none}.small{padding:14px 20px;font-size:12px}.dark{background:var(--ink);color:var(--paper)}.primary{background:var(--brick);color:#fff8ed}.text-button{border:0;padding:0;background:none;color:inherit;font-size:inherit;text-align:left}.text-button:hover{color:var(--brick)}.text-button span{margin-left:8px}.hero{position:relative;display:grid;grid-template-columns:1.08fr 1fr;padding-top:57px;gap:10px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;margin:0;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;background:var(--khaki);border-radius:50%;margin-right:9px}h1{font-size:clamp(58px,6.5vw,92px);line-height:1.01;font-weight:500;letter-spacing:-5.5px;margin:32px 0 25px}em{font-style:normal;color:var(--brick)}.hero-description{color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 27px}.micro{font-size:10px;color:var(--muted);margin:14px 0 0;line-height:1.6}.hero-art{height:505px;position:relative;align-self:center;margin-left:0;perspective:1000px}.sleeve{position:absolute;left:0;top:75px;width:350px;height:366px;background:var(--brick);color:var(--paper);padding:24px 26px;box-shadow:0 25px 30px -25px #292a2880;transform:rotate(-8deg);transition:transform .7s var(--ease);overflow:hidden}.hero-art:hover .sleeve{transform:rotate(-11deg) translateX(-7px)}.sleeve-top,.sleeve-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;position:relative;z-index:1}.sleeve-title{font-weight:500;font-size:51px;line-height:1.08;letter-spacing:-2.5px;margin:34px 0}.sleeve-title i{font-family:Georgia,serif;font-weight:400}.sleeve-bottom{position:absolute;bottom:22px;left:26px;right:26px;align-items:center;line-height:1.5}.cover-star{font-size:44px;line-height:1}.cover-wave{position:absolute;bottom:72px;left:-15px;height:64px;width:400px;background:repeating-linear-gradient(90deg,transparent 0 6px,#e8d0bc 6px 8px);clip-path:polygon(0 45%,5% 30%,10% 48%,15% 10%,20% 20%,25% 45%,30% 10%,35% 0,40% 35%,45% 20%,50% 45%,55% 5%,60% 20%,65% 35%,70% 0,75% 10%,80% 45%,85% 30%,90% 0,95% 30%,100% 40%,100% 60%,95% 70%,90% 100%,85% 70%,80% 55%,75% 90%,70% 100%,65% 65%,60% 80%,55% 95%,50% 55%,45% 80%,40% 65%,35% 100%,30% 90%,25% 55%,20% 80%,15% 90%,10% 52%,5% 70%,0 55%)}.record{position:absolute;top:44px;left:150px;width:360px;height:360px;border-radius:50%;background:repeating-radial-gradient(circle,#2b2d2a 0 2px,#3b3d36 3px,#2c2e2b 4px);box-shadow:10px 15px 24px #292a2826;display:grid;place-items:center;transform:rotate(16deg);transition:transform 1s var(--ease)}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0 25deg,#ffffff0f 50deg,transparent 85deg 170deg,#ffffff12 190deg,transparent 230deg)}.hero-art:hover .record{transform:rotate(36deg) translateX(8px)}.record-label{border-radius:50%;width:124px;height:124px;background:var(--khaki);color:var(--paper);text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font-size:13px;letter-spacing:2px}.record-label i{width:9px;height:9px;border-radius:50%;background:var(--paper)}.record-label small{font-size:6px;line-height:1.5;letter-spacing:1px}.art-note{position:absolute;bottom:0;right:13px;font-size:12px;line-height:1.5;color:var(--muted);transform:rotate(-4deg)}.art-note span{position:absolute;left:-43px;top:-20px;font-size:43px;color:var(--khaki)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:39px 0 23px;margin-top:11px;font-size:9px;letter-spacing:1px;color:var(--muted)}.hero-bottom a{letter-spacing:0;font-size:11px}.occasion-band{background:var(--khaki);color:#f5f1e6}.occasion-band .wrap{display:flex;justify-content:space-between;align-items:center;padding:23px 0;gap:15px;font-size:18px;letter-spacing:-.5px}.occasion-band i{font-size:27px;font-style:normal;color:#d6d5b9}.section{padding-top:85px;padding-bottom:85px}.section-top{display:flex;justify-content:space-between;align-items:center}.section-aside{font-size:11px;color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:27px 0 36px}h2{font-size:clamp(38px,4.2vw,59px);font-weight:500;line-height:1.06;letter-spacing:-2.7px;margin:0}.section-heading>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 4px}.track-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:28px}.track-art{aspect-ratio:1.35;padding:22px;position:relative;overflow:hidden;border-radius:3px;transition:transform .5s var(--ease)}.track:hover .track-art{transform:translateY(-6px)}.track-index{position:relative;z-index:1;font-size:9px;letter-spacing:1.3px}.pop{background:var(--burgundy);color:var(--paper)}.track-art strong{display:block;font-size:45px;font-weight:500;letter-spacing:-2px;line-height:.99;position:relative;z-index:1;margin-top:27px}.track-art strong i{font-family:Georgia,serif;font-weight:normal}.track-arrow{position:absolute;right:19px;bottom:18px;width:42px;height:42px;border:1px solid #efece46b;border-radius:50%;display:grid;place-items:center;font-size:24px;z-index:1;transition:background .3s}.track:hover .track-arrow{background:#efece423}.track-lines{position:absolute;width:250px;height:300px;right:-62px;top:30px;background:repeating-linear-gradient(90deg,transparent 0 10px,#b374812b 10px 12px);transform:rotate(30deg)}.band{background:var(--khaki);color:var(--paper)}.band strong{font-size:63px}.band strong i{font-size:81px;position:absolute;left:140px;top:16px;color:#c4c1a5}.track-rings{position:absolute;border:1px solid #ddd7b54a;border-radius:50%;width:220px;height:220px;right:-100px;top:-65px;box-shadow:0 0 0 12px #777b59,0 0 0 13px #ddd7b533,0 0 0 27px #777b59,0 0 0 28px #ddd7b533}.track-meta{display:flex;justify-content:space-between;padding-top:17px;font-size:11px;color:var(--muted)}h3{font-weight:500}.track-meta h3{font-size:16px;color:var(--ink);margin:0 0 7px}.track-meta p{margin:0}.your-track{padding:20px 10px 0 25px;border-left:1px solid var(--line)}.your-track .eyebrow{color:var(--muted);font-size:9px}.little-wave{color:var(--brick);font-size:25px;letter-spacing:5px;margin:31px 0 20px}.your-track h3{font-size:31px;line-height:1.08;letter-spacing:-1px;margin:0}.your-track p{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 25px}.your-track button{font-size:12px}.examples-note{font-size:10px;color:var(--muted);margin:22px 0 0}.process{background:#e5e2d7}.process h2{margin-top:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:44px}.steps article{border-top:1px solid #bebfb0;padding-top:22px}.step-number{color:var(--khaki);font-size:11px}.steps h3{font-size:20px;letter-spacing:-.5px;margin:24px 0 12px}.steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:300px}.process-foot{display:flex;justify-content:space-between;align-items:center;margin-top:36px;font-size:11px;color:var(--muted)}.outline{border:1px solid #919383;background:transparent;color:var(--ink);padding:15px 20px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:65px}.faq h2{margin-top:26px}.faq-list details{border-bottom:1px solid var(--line);padding:24px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;list-style:none;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;color:var(--brick);transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.8;color:var(--muted);max-width:520px;margin:18px 30px 0 0;animation:enter .35s var(--ease)}.closing{background:var(--burgundy);color:var(--paper);padding:52px 55px;position:relative;overflow:hidden;border-radius:4px}.closing h2{margin:25px 0 28px}.closing em{color:#dba98f}.cream{background:var(--paper);color:var(--burgundy)}.closing-star{position:absolute;right:80px;top:20px;font-family:Georgia,serif;font-size:310px;line-height:1;opacity:.23;transform:rotate(12deg);pointer-events:none}footer{display:flex;align-items:center;flex-wrap:wrap;gap:30px;padding:49px 0 25px}footer p{color:var(--muted);font-size:12px}footer button{margin-left:auto;font-size:11px!important}footer small{flex:0 0 100%;border-top:1px solid var(--line);padding-top:19px;font-size:9px;color:var(--muted)}dialog{width:min(680px,calc(100% - 32px));max-height:90dvh;border:0;border-radius:12px;padding:42px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0004}dialog[open]{animation:enter .35s var(--ease)}dialog::backdrop{background:#20211ebd;backdrop-filter:blur(6px)}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:30px;color:var(--muted);width:34px;height:34px}.modal-eyebrow{font-size:10px;letter-spacing:1.3px;color:var(--brick);margin:0 0 18px}.modal-heading{font-size:34px;line-height:1.1;letter-spacing:-1.3px;font-weight:500;margin:0 0 15px}.modal-description{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 24px}.progress{display:flex;gap:7px;margin:0 0 27px}.progress i{height:3px;background:var(--line);flex:1;border-radius:3px}.progress i.active{background:var(--brick)}label.field{display:block;font-size:12px;font-weight:500;margin-bottom:19px}.field input,.field textarea,.field select{display:block;width:100%;background:#f8f6f0;border:1px solid #cccbbf;border-radius:5px;padding:13px;color:var(--ink);font-size:14px;margin-top:8px;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:100px;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brick);box-shadow:0 0 0 3px #ad503b13}.field small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:7px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.form-actions .button{padding:15px 22px}.back{font-size:12px;color:var(--muted);border:0;background:none;padding:10px 0}.sound-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:20px 0}.sound-options summary{cursor:pointer;font-size:12px}.sound-options>div{padding-top:20px}.success-icon{height:58px;width:58px;border-radius:50%;background:var(--khaki);color:var(--paper);display:grid;place-items:center;font-size:28px;margin-bottom:25px}.order-item{padding:20px 0;border-top:1px solid var(--line)}.order-item h3{margin:0 0 9px}.order-item p{font-size:12px;color:var(--muted);line-height:1.7}.order-status{display:inline-block;font-size:10px;padding:6px 10px;border-radius:4px;background:#777b591c;color:#535739}.order-item select{max-width:100%;padding:10px;border-radius:4px;background:#f8f6f0;border:1px solid var(--line)}.order-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}.order-actions button{font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,25px);opacity:0;background:var(--ink);color:var(--paper);padding:15px 23px;border-radius:6px;z-index:20;font-size:12px;pointer-events:none;transition:.25s;max-width:90%;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.empty{padding:20px 0;color:var(--muted);font-size:13px}.review-row{border-bottom:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:110px 1fr;gap:15px;font-size:12px;line-height:1.7}.review-row span{color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.shown{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-art{margin-left:35px}.sleeve{width:380px;height:390px}.record{width:380px;height:380px;left:155px}.hero{padding-top:65px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{gap:25px}.header nav{gap:20px}h1{font-size:72px}.hero-art{transform:scale(.85);transform-origin:left center;width:500px;margin-right:-90px}.hero{grid-template-columns:1fr 1fr}.track-art strong{font-size:39px}.band strong{font-size:53px}.band strong i{left:100px}.your-track{padding-left:20px}.your-track h3{font-size:28px}.section-heading>p{max-width:300px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:82px}.header nav a{display:none}.header nav{margin-left:auto}.header>.button{display:none}.logo{font-size:34px}.hero{grid-template-columns:1fr;padding-top:36px;gap:0}.hero h1{font-size:clamp(60px,11vw,88px);letter-spacing:-4px;margin-top:25px}.hero-description{font-size:13px}.hero-art{transform:scale(.8);transform-origin:top center;width:500px;height:410px;margin:30px auto -55px;justify-self:center}.hero-copy{position:relative;z-index:1}.hero-bottom{padding-top:15px;gap:15px;align-items:flex-end}.hero-bottom>span{max-width:140px;font-size:8px}.hero-bottom a{max-width:140px;text-align:right;font-size:10px}.occasion-band .wrap{flex-wrap:wrap;justify-content:center;font-size:13px;gap:13px;padding:16px 0}.occasion-band i{font-size:19px}.occasion-band i:nth-of-type(2){display:none}.section{padding-top:55px;padding-bottom:55px}.section-aside{display:none}.section-heading{display:block;margin-top:22px}.section-heading>p{margin-top:22px;max-width:none;font-size:12px}.track-grid{grid-template-columns:1fr 1fr;gap:20px}.your-track{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.your-track .eyebrow{grid-column:1/-1}.little-wave{display:none}.your-track h3{font-size:28px}.your-track p{margin:0}.your-track button{grid-column:1/-1;margin-top:5px}.track-art{padding:17px;aspect-ratio:1}.track-art strong{font-size:39px}.track-index{font-size:8px}.band strong{font-size:48px}.band strong i{font-size:54px;left:86px;top:60px}.track-meta{gap:6px}.track-meta h3{font-size:13px}.track-meta p{font-size:10px;line-height:1.5}.steps{grid-template-columns:1fr;gap:25px;margin-top:32px}.steps article{display:grid;grid-template-columns:32px 1fr;padding-top:19px;column-gap:10px}.steps h3{margin:0 0 10px;font-size:20px}.steps p{grid-column:2;max-width:none}.step-number{padding-top:5px}.process-foot{align-items:flex-start;gap:24px;flex-direction:column}.faq{grid-template-columns:1fr;gap:30px}.faq h2 br{display:none}.faq-list summary{font-size:14px}.closing{padding:35px 25px}.closing h2{font-size:44px}.closing-star{right:-40px;top:66px;font-size:210px}.closing .button{position:relative;z-index:1}.closing .eyebrow{font-size:9px}footer{gap:18px}footer .logo{font-size:30px}footer p{font-size:10px}footer button{font-size:10px!important}dialog{padding:35px 23px 25px}.modal-heading{font-size:30px}}
@media(max-width:430px){.hero-art{transform:scale(.66);margin-top:25px;margin-bottom:-103px}.track-art strong{font-size:34px}.band strong{font-size:40px}.track-arrow{width:33px;height:33px;font-size:20px;right:12px;bottom:12px}.track-index{font-size:7px;letter-spacing:.6px}.band strong i{left:66px;font-size:43px}.form-row{grid-template-columns:1fr;gap:0}.occasion-band .wrap{gap:9px;font-size:12px}.occasion-band i{font-size:16px}.header nav{font-size:12px}.hero-description br{display:none}.review-row{grid-template-columns:80px 1fr}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}.hero-art{margin-left:0;margin-right:0}.hero h1{font-size:clamp(46px,10.5vw,80px);letter-spacing:-2.4px;line-height:1.06}.faq h2 em:before{content:' '}}
@media(max-width:430px){.track-art strong{font-size:30px;margin-top:16px}.band strong{font-size:39px}.occasion-band .wrap{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:12px}.occasion-band i{display:none}}
.hero-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:25px 0 28px;margin:32px 0 0;border-top:1px solid var(--line)}
.hero-benefits li{display:flex;align-items:flex-start;gap:14px;min-width:0;transition:transform .35s var(--ease)}
.hero-benefits li:hover{transform:translateY(-3px)}
.benefit-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--brick);font-size:10px;letter-spacing:.5px}
.hero-benefits li:nth-child(2) .benefit-mark{color:var(--khaki)}
.hero-benefits li:nth-child(3) .benefit-mark{color:var(--burgundy)}
.hero-benefits strong{display:block;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 5px}
.hero-benefits div>span{display:block;color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:800px){.hero-benefits{grid-template-columns:1fr;gap:17px;padding:22px 0 25px;margin-top:24px}.hero-benefits strong{font-size:13px}.hero-benefits div>span{font-size:11px}.hero-benefits li{align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}