:root{--ink:#261a12;--paper:#fffaf2;--sand:#f3e9da;--gold:#d89b3d;--orange:#df6932}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}header{height:82px;position:sticky;top:0;z-index:10;background:#fffaf2ed;backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 6vw;border-bottom:1px solid #5a402016}.brand{text-decoration:none;color:var(--ink);font:600 13px Manrope;letter-spacing:.2em}.brand span{font-weight:400}nav{margin-left:auto;display:flex;gap:30px;align-items:center}nav a{font-size:11px;color:var(--ink);text-decoration:none}.cta{border:1px solid;padding:10px 18px;border-radius:50px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:60px 8vw;overflow:hidden;background:radial-gradient(circle at 75% 50%,#f5d69555,transparent 28%)}.eyebrow{font:600 10px Manrope;letter-spacing:.19em;color:#b87821}.hero h1{font:400 clamp(64px,8.6vw,126px)/.88 Manrope;letter-spacing:-.07em;margin:0}.hero h1 i{font-family:Georgia,serif;color:#cc7d26;font-weight:400}.hero-copy>p:not(.eyebrow){font-size:17px;color:#746658;margin:30px 0}.primary{display:inline-flex;background:var(--orange);color:#fff;padding:17px 22px;text-decoration:none;font-size:12px;font-weight:600}.hero-visual{position:relative;display:grid;place-items:center}.sun{width:min(40vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffeaa9,#e7aa48 45%,#c76b29 90%);display:grid;place-content:center;text-align:center;box-shadow:0 25px 90px #a25a2229}.sun b{font:500 clamp(70px,9vw,132px)/.9 Manrope;letter-spacing:-.08em}.sun span{font-size:9px;letter-spacing:.24em;line-height:1.8;margin-top:28px}.spark{position:absolute;color:#d89935}.spark.a{left:2%;top:18%;font-size:28px}.spark.b{right:1%;bottom:15%;font-size:18px}.intro,.section,.making,.contact{padding:110px 6vw}.intro{background:var(--sand)}.intro h2,.section-title h2,.making h2,.contact h2{font:400 clamp(44px,5.5vw,78px)/1 Manrope;letter-spacing:-.05em;margin:0}.stats{display:flex;gap:8vw;margin-top:65px;border-top:1px solid #50361d30;padding-top:25px}.stats span{font-size:12px}.stats b{font-size:30px;margin-right:9px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-title>p:not(.eyebrow){max-width:450px;color:#776a5e;font-size:13px;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}.card{grid-column:span 3;background:#fff;border:1px solid #6e4b2414;opacity:0;transform:translateY(16px);transition:.5s}.card.show{opacity:1;transform:none}.card.large{grid-column:span 6}.photo{height:300px;overflow:hidden;display:grid;place-items:center;background:#fff}.large .photo{height:500px}.photo img{width:100%;height:100%;object-fit:contain;transition:.5s}.card:hover img{transform:scale(1.025)}.copy{padding:18px}.copy small{font-size:8px;letter-spacing:.13em;color:#a17234}.copy h3{font:500 17px Manrope;margin:9px 0 18px}.copy b{font-size:12px}.tint{background:#f2eadf}.compact .card{grid-column:span 2}.compact .photo{height:245px}.compact .copy{padding:12px}.compact .copy h3{font-size:13px;margin:7px 0 10px}.compact .copy b{font-size:10px}.filter{display:flex;gap:8px;margin:-20px 0 35px;overflow:auto}.filter button{background:none;border:1px solid #b9aa98;border-radius:30px;padding:9px 16px;font:500 10px DM Sans;white-space:nowrap}.filter .active{background:var(--ink);color:#fff}.making{background:#f1d69e;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.steps p{border-top:1px solid #6e4a2433;margin:0;padding:25px 0;font-size:20px}.steps b{display:inline-block;width:75px;color:#9b6422;font-size:10px}.contact{text-align:center}.contact h2{margin-bottom:35px}.contact footer{margin-top:100px;padding-top:25px;border-top:1px solid #4d382026;display:flex;font-size:9px;letter-spacing:.12em;color:#786a5d}.contact footer b{margin-right:auto}.contact footer span+span{margin-left:35px}@media(max-width:900px){nav a:not(.cta){display:none}.hero{grid-template-columns:1fr}.hero-visual{margin-top:70px}.sun{width:76vw}.section-title{display:block}.section-title>p{margin-top:20px}.card,.card.large{grid-column:span 6}.compact .card{grid-column:span 4}.photo,.large .photo{height:300px}.making{grid-template-columns:1fr}}@media(max-width:560px){.hero h1{font-size:60px}.card,.card.large,.compact .card{grid-column:span 6}.compact .photo,.photo,.large .photo{height:210px}.copy h3{font-size:13px}.stats{gap:25px}.stats b{display:block}.contact footer{flex-wrap:wrap;gap:12px}.contact footer span+span{margin-left:0}}