:root{--ink:#252422;--muted:#6f6b65;--sand:#c9a063;--cream:#f5f1ea;--line:#e9e4dc;--white:#fff;--sage:#8c947f;--radius:22px}
.craft-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:none;z-index:1;transition:filter .3s,transform .6s;cursor:pointer}.craft-video:hover video{transform:scale(1.015)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fdfdfc;color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.93;font-weight:500}h2{font-size:clamp(2.15rem,4.4vw,4.15rem);line-height:1.02;font-weight:500}h3{font-size:1.35rem}.announcement{height:32px;background:var(--ink);color:#fff;text-align:center;font-size:10px;letter-spacing:.18em;padding:9px}.announcement span{margin:0 12px;color:#d6bd91}.announcement .spark{margin:0 7px}header{height:86px;display:flex;align-items:center;gap:28px;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(253,253,252,.92);backdrop-filter:blur(18px);z-index:20}.brand img{width:76px;height:58px;object-fit:contain}.brand{margin-right:auto}nav{display:flex;gap:24px;font-size:13px}nav a{padding:10px 0;position:relative}nav a.active:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:var(--ink)}.btn{border:0;border-radius:999px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;font-weight:600;font-size:13px;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-ghost{border:1px solid #bcb7ae;background:transparent}.menu-btn{display:none;border:0;background:transparent;width:38px}.menu-btn span{display:block;height:1px;background:#222;margin:7px 0}.page{animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(6px)}}.hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:720px;max-width:1500px;margin:auto}.hero-copy{padding:8vw 4vw 5vw 7vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:#8d714a;margin-bottom:24px}.hero h1 em{font-style:italic;color:#8b7353}.hero-copy>p:not(.eyebrow){max-width:530px;color:var(--muted);font-size:17px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.hero-visual{margin:28px 28px 28px 0;border-radius:28px;overflow:hidden;position:relative;min-height:600px}.hero-visual img{width:100%;height:100%;object-fit:cover}.float-note{position:absolute;left:24px;bottom:24px;background:rgba(255,255,255,.87);backdrop-filter:blur(12px);border-radius:16px;padding:16px 18px;font-size:12px;max-width:220px}.float-note strong{display:block;font-family:Manrope;font-size:15px;margin-bottom:3px}.section{padding:100px 6vw;max-width:1500px;margin:auto}.section.tint{max-width:none;background:var(--cream)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:44px}.section-head h2{max-width:760px;margin-bottom:0}.section-head>p{max-width:420px;color:var(--muted);line-height:1.65}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.74);overflow:hidden;transition:.3s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(44,38,30,.08)}.card-media{height:280px;overflow:hidden;background:#eee}.card-media img{height:100%;width:100%;object-fit:cover;transition:.6s}.card:hover img{transform:scale(1.04)}.crop-clock{object-position:5% 70%}.crop-mug{object-position:37% 70%}.crop-leather{object-position:70% 65%}.crop-canvas{object-position:92% 45%}.crop-box{object-position:90% 90%}.crop-flask{object-position:51% 50%}.card-body{padding:23px}.card-body p{color:var(--muted);line-height:1.6;font-size:14px}.card-kicker{font-size:9px;letter-spacing:.17em;color:#9a7950;font-weight:700}.price{font-size:11px;background:var(--cream);padding:7px 10px;border-radius:999px;display:inline-block}.card-link{margin-top:18px;background:none;border:0;padding:0;font-weight:600;cursor:pointer}.category-card{min-height:230px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:#f7f5f1}.category-card:nth-child(2){background:#ece7df}.category-card:nth-child(3){background:#373633;color:#fff}.category-card:nth-child(3) p{color:#ccc}.category-card:nth-child(4){background:#ded6c7}.number{font-size:11px;opacity:.65}.steps{counter-reset:steps}.step{padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:55px 1fr}.step:before{counter-increment:steps;content:'0' counter(steps);font-size:11px;color:#9c815b}.step h3{margin-bottom:8px}.step p{color:var(--muted)}.process{display:grid;grid-template-columns:1fr 1fr;gap:60px}.craft-video{border-radius:26px;min-height:570px;background:linear-gradient(155deg,#302d29,#181716);position:relative;overflow:hidden;color:white;display:flex;align-items:flex-end;padding:32px}.craft-video:before{content:'';position:absolute;inset:0;background:url('public/choose-joy-hero.png') center/cover;opacity:.38;filter:saturate(.4)}.craft-video:after{content:'';position:absolute;width:5px;height:80%;left:52%;top:10%;background:linear-gradient(transparent,#f2bf68,transparent);filter:blur(2px);animation:laser 3s ease-in-out infinite}.video-label{position:relative;z-index:1}.video-label span{display:inline-flex;width:42px;height:42px;border:1px solid #fff;border-radius:50%;align-items:center;justify-content:center;margin-bottom:15px}.gallery-grid{grid-template-columns:repeat(12,1fr)}.gallery-item{grid-column:span 4;height:360px;border-radius:20px;overflow:hidden;position:relative}.gallery-item.wide{grid-column:span 8}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item span{position:absolute;bottom:15px;left:15px;background:#fff;border-radius:999px;padding:8px 12px;font-size:11px}.why-card{padding:28px}.why-card .icon{font-size:25px;color:#a6804d;margin-bottom:38px}.banner{margin:40px 4vw 100px;background:#262522;color:#fff;border-radius:28px;padding:75px 6vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.banner h2{max-width:780px;margin:0}.banner .btn{background:#d1ac74;color:#1f1e1c}.subhero{padding:110px 6vw 75px;background:linear-gradient(135deg,#f7f3ec,#fff);text-align:center}.subhero p{max-width:660px;margin:20px auto;color:var(--muted);line-height:1.7}.split-row{display:grid;grid-template-columns:1fr 1fr;min-height:500px;margin-bottom:28px;border-radius:26px;overflow:hidden;background:var(--cream)}.split-row:nth-child(even) .split-media{order:2}.split-media img{width:100%;height:100%;object-fit:cover}.split-copy{padding:60px;display:flex;justify-content:center;flex-direction:column;align-items:flex-start}.split-copy p{color:var(--muted);line-height:1.7}.filters{display:flex;gap:8px;overflow:auto;margin-bottom:35px}.filter{border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 15px;white-space:nowrap;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.note{padding:18px;border-radius:12px;background:var(--cream);font-size:12px;color:var(--muted);margin-top:30px}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.about-photo{height:620px;border-radius:26px;overflow:hidden}.about-photo img{height:100%;width:100%;object-fit:cover}.value{border-top:1px solid var(--line);padding:22px 0}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.contact-side p{color:var(--muted);line-height:1.7}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;letter-spacing:.08em}.field input,.field textarea,.field select{border:1px solid #ddd7cf;background:#fff;border-radius:12px;padding:14px;outline:none}.field textarea{min-height:115px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a88659}.upload{border:1px dashed #bdb5a8;padding:24px;text-align:center;border-radius:12px;cursor:pointer;background:#faf8f4}.upload input{display:none}.modal{border:0;padding:0;border-radius:24px;max-width:760px;width:calc(100% - 30px);box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal::backdrop{background:rgba(18,17,15,.62);backdrop-filter:blur(5px)}.modal-close{position:absolute;z-index:2;right:17px;top:17px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;font-size:23px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1fr}.modal-grid img{height:100%;min-height:450px;object-fit:cover}.modal-copy{padding:50px 35px}.modal-copy p{color:var(--muted);line-height:1.7}.success{text-align:center;padding:60px;max-width:520px}.success-mark{width:60px;height:60px;margin:0 auto 25px;border-radius:50%;display:grid;place-items:center;background:#efe6d8;color:#957247;font-size:25px}.success h2{font-size:2.1rem}.success>p:not(.eyebrow){color:var(--muted);line-height:1.6}footer{background:#1e1e1c;color:#d8d7d2;padding:70px 6vw 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:50px;padding-bottom:60px}.footer-logo img{width:105px;height:70px}.footer-top h4{color:#fff;font-size:11px;letter-spacing:.14em}.footer-top a,.footer-top p{display:block;margin:9px 0;color:#aaa9a5;font-size:13px}.footer-bottom{border-top:1px solid #3d3d39;padding-top:22px;display:flex;justify-content:space-between;font-size:11px;color:#777}.footer-bottom b{color:#c9a063}@keyframes laser{50%{left:62%;opacity:.65}}
.category-slider{position:relative;height:100%;overflow:hidden;background:#ddd;border-radius:calc(var(--radius) - 8px);outline:none}.category-slider:focus-visible{box-shadow:inset 0 0 0 3px var(--sand)}.category-slider-track{display:flex;height:100%;width:100%;transition:transform .55s cubic-bezier(.22,.72,.18,1)}.category-slide{min-width:100%;height:100%}.category-slide img{width:100%;height:100%;object-fit:cover}.slider-hint{display:none}.slider-ui{position:absolute;left:18px;bottom:18px;z-index:3;display:flex;align-items:center;gap:5px;background:rgba(29,28,26,.86);color:#fff;border-radius:999px;padding:5px;backdrop-filter:blur(10px)}.slider-arrow{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:17px}.slider-arrow:hover{background:#ffffff1f}.slider-count{font-size:10px;letter-spacing:.12em;min-width:57px;text-align:center}.slider-dots{position:absolute;right:20px;bottom:34px;z-index:3;display:flex;gap:6px}.slider-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#ffffff80;cursor:pointer;transition:.25s}.slider-dot.active{width:22px;border-radius:5px;background:#fff}.collection-note{font-size:11px!important;text-transform:uppercase;letter-spacing:.11em;color:#99764b!important}
.work-showcase{overflow:hidden}.reel-slider{outline:none}.reel-track{display:flex;gap:18px;transition:transform .6s cubic-bezier(.22,.72,.18,1);width:max-content}.reel-card{width:clamp(245px,25vw,350px);opacity:.55;transform:scale(.94);transform-origin:center bottom;transition:.45s}.reel-card.active{opacity:1;transform:scale(1)}.reel-frame{aspect-ratio:9/16;border-radius:24px;overflow:hidden;position:relative;background:#222}.reel-frame video{width:100%;height:100%;object-fit:cover}.reel-frame:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}.reel-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:2;width:58px;height:58px;border-radius:50%;border:1px solid #ffffffb8;background:#ffffffdd;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:.25s}.reel-play span{margin-left:3px}.playing .reel-play{opacity:0}.playing .reel-frame:hover .reel-play{opacity:1}.reel-number{position:absolute;right:17px;bottom:16px;z-index:2;color:#fff;font-size:11px;letter-spacing:.15em}.reel-copy{padding:22px 6px}.reel-copy .eyebrow{margin-bottom:10px}.reel-copy h3{margin-bottom:7px}.reel-copy p:last-child,.work-intro,.work-details p{color:var(--muted);line-height:1.6}.reel-controls{display:flex;align-items:center;gap:14px;margin-top:22px}.reel-controls button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:18px}.reel-controls span{font-size:11px;letter-spacing:.13em}.work-details .value{display:grid;grid-template-columns:45px 1fr}.work-details .value>span{font-size:10px;color:#9c815b}.work-details h3{margin-bottom:6px}
.contact-page .subhero{background:radial-gradient(circle at 80% 15%,#e8ddcb 0,transparent 28%),linear-gradient(135deg,#f6f0e7,#fff);padding-bottom:95px}.contact-social-section{padding-top:80px}.quick-contact-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.quick-contact-head h2{margin-bottom:0}.reply-pill{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:999px;padding:11px 18px;background:#fff;box-shadow:0 12px 35px #302a2110}.reply-pill>span{width:9px;height:9px;background:#5d9d6f;border-radius:50%;box-shadow:0 0 0 5px #5d9d6f1c}.reply-pill strong,.reply-pill small{display:block}.reply-pill strong{font-size:12px}.reply-pill small{font-size:10px;color:var(--muted);margin-top:2px}.social-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.social-contact-card{min-height:360px;border-radius:28px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.social-contact-card:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff30;border-radius:50%;right:-70px;top:-85px}.social-contact-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px #302a2126}.social-contact-card.messenger{background:linear-gradient(145deg,#1674ea,#7856ff);color:#fff}.social-contact-card.instagram{background:linear-gradient(145deg,#3d285e 5%,#a63384 52%,#e88348);color:#fff}.social-icon{width:58px;height:58px;border-radius:18px;background:#ffffff20;display:grid;place-items:center;backdrop-filter:blur(8px)}.social-icon svg{width:30px;height:30px;fill:#fff}.social-icon .fill{fill:#fff;stroke:none}.instagram .social-icon svg{fill:none;stroke:#fff;stroke-width:1.8}.social-card-copy{position:relative;z-index:1}.social-card-copy>span{font-size:9px;font-weight:700;letter-spacing:.17em;opacity:.74}.social-card-copy h3{font-size:clamp(1.7rem,3vw,2.65rem);margin:13px 0 10px}.social-card-copy p{max-width:440px;line-height:1.65;opacity:.82}.social-card-copy strong{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff42;padding-top:20px;margin-top:25px;font-size:13px}.social-card-copy strong b{font-size:20px}.contact-prep{margin-top:90px;border-top:1px solid var(--line);padding-top:55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-prep h2{font-size:clamp(2rem,4vw,3.6rem)}.prep-list{display:grid;grid-template-columns:1fr 1fr}.prep-list>div{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:45px 1fr}.prep-list>div:nth-child(odd){margin-right:25px}.prep-list span{font-size:10px;color:#9c815b}.prep-list p{margin:0;font-weight:600}.contact-info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.contact-info-strip>div{padding-right:35px;border-right:1px solid #ddd5c8}.contact-info-strip>div:last-child{border:0}.contact-info-strip .eyebrow{margin-bottom:13px}.contact-info-strip h3{margin-bottom:10px}.contact-info-strip p,.contact-info-strip a{color:var(--muted);line-height:1.6;font-size:13px}.contact-info-strip a{font-weight:600;color:var(--ink)}
@media(max-width:980px){nav{position:fixed;inset:118px 0 auto;background:#fff;padding:30px;flex-direction:column;transform:translateY(-150%);transition:.35s;box-shadow:0 20px 40px #0001}nav.open{transform:translateY(0)}.menu-btn{display:block}.desktop-cta{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 6vw 45px}.hero-visual{margin:0 4vw 40px;min-height:530px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.process,.about-grid,.contact-grid{grid-template-columns:1fr}.gallery-item{grid-column:span 6}.gallery-item.wide{grid-column:span 6}.footer-top{grid-template-columns:1fr 1fr}.split-copy{padding:40px}.reel-card{width:min(68vw,330px)}.social-contact-grid{grid-template-columns:1fr}.contact-prep{grid-template-columns:1fr;gap:25px}.contact-info-strip{grid-template-columns:1fr}.contact-info-strip>div{border-right:0;border-bottom:1px solid #ddd5c8;padding:0 0 25px}}
@media(max-width:620px){header{height:72px;padding:0 20px}.announcement{font-size:8px}.hero-copy{padding-top:65px}.hero h1{font-size:3.25rem}.hero-visual{min-height:420px}.section{padding:72px 20px}.section-head{display:block}.grid-4,.grid-3{grid-template-columns:1fr}.card-media{height:320px}.process{gap:30px}.craft-video{min-height:450px}.gallery-item,.gallery-item.wide{grid-column:span 12;height:330px}.banner{margin:20px 14px 70px;padding:48px 25px;display:block}.banner .btn{margin-top:22px}.subhero{padding:75px 22px 55px}.split-row{grid-template-columns:1fr;min-height:0}.split-row:nth-child(even) .split-media{order:0}.split-media{height:340px}.split-copy{padding:35px 25px}.about-photo{height:440px}.form{grid-template-columns:1fr}.field{grid-column:1/-1}.modal-grid{grid-template-columns:1fr}.modal-grid img{height:260px;min-height:0}.modal-copy{padding:35px 25px}.success{padding:50px 25px}.footer-top{grid-template-columns:1fr}.footer-bottom{gap:15px;flex-direction:column}.quick-contact-head{display:block}.reply-pill{margin-top:22px;width:max-content}.social-contact-card{min-height:390px;padding:26px}.contact-prep{margin-top:65px}.prep-list{grid-template-columns:1fr}.prep-list>div:nth-child(odd){margin-right:0}.contact-page .subhero{padding-bottom:65px}}
.craft-video{cursor:pointer;box-shadow:0 24px 60px #2f29201c}.craft-video:before{inset:45% 0 0;background:linear-gradient(transparent,rgba(17,16,14,.82));opacity:1;filter:none;z-index:2;pointer-events:none}.craft-video:after{content:'PAUSED';width:auto;height:auto;left:auto;top:22px;right:22px;background:#ffffffdf;color:var(--ink);filter:none;animation:none;z-index:3;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:700;letter-spacing:.16em;opacity:0;transform:translateY(-5px);transition:.25s;pointer-events:none}.craft-video.is-paused:after{opacity:1;transform:none}.video-label{z-index:3;pointer-events:none;text-shadow:0 1px 12px #0008}.video-label span{transition:.25s}.craft-video:not(.is-paused) .video-label span{opacity:.65}.video-label p{margin-bottom:0;color:#ffffffc7}