@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;0,9..40,800&family=Inconsolata:wght@400;500;700&display=swap');
.dn{--bg:#f6f1ea;--fg:#241f1b;--mut:#7a6f64;--acc:#b5543a;--card:#ebe3d8;--line:#d9cfc1;--dn-hero:"DM Sans",Helvetica,Arial,sans-serif;--dn-title:"DM Sans",Helvetica,Arial,sans-serif;--dn-body:"DM Sans",Helvetica,Arial,sans-serif;--dn-prod:Inconsolata,"Courier New",monospace;background:var(--bg);color:var(--fg);font-family:var(--dn-body);line-height:1.5}
.dn,.dn *{box-sizing:border-box}
.dn a{color:inherit;text-decoration:none}
.dn img{display:block;max-width:100%}
.dn h1,.dn h2,.dn h3{font-family:var(--dn-title);font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:1.05}
.dn .dn-btn{display:inline-block;background:var(--fg);color:var(--bg);padding:14px 26px;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700;border:1.5px solid var(--fg);cursor:pointer;font-family:inherit}
.dn .dn-btn.o{background:none;color:var(--fg)}
.dn-topbar{display:flex;align-items:center;gap:20px;padding:12px 5vw;border-bottom:1px solid var(--line);position:relative;z-index:20}
.dn-nav{display:flex;flex-wrap:wrap;flex:1 1 auto;min-width:0;gap:8px 22px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.dn-nav a{white-space:nowrap}
.dn-cart{margin-left:auto;font-size:13px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.dn-brand{text-align:center;padding:34px 5vw 30px;border-bottom:1px solid var(--line)}
.dn .dn-logo{margin:0 auto;height:clamp(38px,7vw,76px);width:auto;max-width:80vw}
.dn-logo-text{font-family:var(--dn-title);font-weight:700;font-size:34px;text-transform:uppercase}
.dn-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;min-height:70vh;padding:56px 5vw}
@media(max-width:820px){.dn-hero{grid-template-columns:1fr}.dn-hero h1{font-size:10vw!important}}
.dn-hero h1{font-size:clamp(28px,5.6vw,92px);font-family:var(--dn-hero);font-weight:700}
.dn-hero h1 span{display:block;white-space:nowrap}
.dn-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:64px}
.dn-slider{position:relative;aspect-ratio:4/5;background:var(--card);overflow:hidden}
.dn-sl{display:block;position:absolute;inset:0;opacity:0;transition:opacity .9s}
.dn-sl.on{opacity:1}
.dn-sl img,.dn-sl svg,.dn-ph img,.dn-ph svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dn-tag{position:absolute;top:12px;left:12px;z-index:2;background:var(--acc);color:#fff;padding:3px 9px;font-size:11px;letter-spacing:.1em;font-weight:700;text-transform:uppercase}
.dn-dots{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;z-index:2}
.dn-dots b{width:8px;height:8px;border-radius:50%;background:var(--fg);opacity:.3;cursor:pointer}
.dn-dots b.on{opacity:1}
.dn-sec{padding:56px 5vw}
.dn-alt{background:var(--card)}
.dn-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:26px}
.dn-head h2{font-size:clamp(26px,4vw,44px)}
.dn-head a{font-size:13px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1.5px solid var(--fg)}
.dn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.dn-grid{grid-template-columns:repeat(2,1fr)}}
.dn-ph{position:relative;aspect-ratio:3/4;background:var(--card);overflow:hidden}
.dn-ph.sq{aspect-ratio:1/1}
.dn-ph .f2{opacity:0;transition:opacity .35s}
@media(hover:hover){.dn-p:hover .f2{opacity:1}}
.dn-p b{display:block;margin-top:10px;font-size:14px}
.dn-p span.pr{color:var(--mut);font-size:13px}
.dn-looks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:820px){.dn-looks{grid-template-columns:1fr}}
.dn-lk{background:var(--bg);padding:14px}
.dn-lk h3{font-size:20px;margin:14px 0 6px}
.dn-lk p{margin:0 0 10px;color:var(--mut);font-size:13px}
.dn-lk ul{list-style:none;padding:0;margin:0 0 14px;font-size:13px;border-top:1px solid var(--line)}
.dn-lk li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.dn .dn-lk .dn-btn{display:block;width:100%;text-align:center;padding:12px}
.dn-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:700px){.dn-cats{grid-template-columns:repeat(2,1fr)}}
.dn-cat{border:1.5px solid var(--line);padding:22px 10px;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}
.dn-how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:820px){.dn-how{grid-template-columns:1fr}}
.dn-how div{border-top:3px solid var(--acc);padding-top:14px}
.dn-how h3{font-size:18px;margin-bottom:8px}
.dn-how p{margin:0;color:var(--mut);font-size:14px}
.dn-rev{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.dn-rv{flex:0 0 min(80vw,320px);scroll-snap-align:start;border:1px solid var(--line);padding:24px}
.dn-rv .st{color:var(--acc);letter-spacing:.2em;font-size:16px;margin-bottom:12px}
.dn-rv p{margin:0;font-size:14px}
.dn-full{padding:56px 0}
.dn-full .dn-head{padding:0 5vw}
.dn-strip{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dn-strip::-webkit-scrollbar{display:none}
.dn-track{display:flex;gap:4px;width:max-content}
.dn-strip .dn-p{flex:0 0 clamp(190px,24vw,340px)}
.dn-strip .dn-p b,.dn-strip .dn-p span.pr{display:block;padding:0 10px}
.dn-right{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:18px}
.dn-burger{display:none}
.dn-burger summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}
.dn-burger summary::-webkit-details-marker{display:none}
.dn-drop{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);display:flex;flex-direction:column;padding:6px 5vw 16px;z-index:30}
.dn-drop a{padding:12px 0;font-size:15px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}
@media(max-width:820px){.dn-nav{display:none}.dn-burger{display:block}}
.dn-lang select{background:transparent;border:0;color:var(--fg);font:inherit;font-size:13px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:2px 0}
.dn-p b,.dn-p span.pr,.dn-lk li{font-family:var(--dn-prod)}
.dn-p b{font-size:15px;font-weight:700;text-transform:uppercase}
.dn-p span.pr{font-size:14px}
.dn-lk li{font-size:14px}
.dn-lk li a{text-transform:uppercase}
.dn-dd{position:relative;padding:12px 0;margin:-12px 0}
.dn-ddb{background:none;border:0;padding:0;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}
.dn-sub{display:none;position:absolute;top:100%;left:-14px;min-width:230px;background:var(--bg);border:1px solid var(--line);padding:8px 16px;flex-direction:column;z-index:40}
.dn-dd:hover .dn-sub,.dn-dd:focus-within .dn-sub{display:flex}
.dn-sub a{padding:8px 0;white-space:nowrap}
.dn-dh{padding:14px 0 4px;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.dn-drop a.ind{padding-left:14px;font-size:14px}
.dn-sl{pointer-events:none}
.dn-sl.on{pointer-events:auto}
.dn.dn-hv{position:relative;min-height:var(--hv-h,80vh);overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 5vw 48px;color:#fff;background:#3a2a22}
.dn-hv-media{position:absolute;inset:0}
.dn-hv-media video,.dn-hv-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dn-hv-ph{position:absolute;inset:-20%;background:linear-gradient(120deg,#8a5a44,#d9b99b,#b5543a,#5b6b57,#d9b99b);background-size:300% 300%;animation:dnmv 14s ease-in-out infinite alternate}
@keyframes dnmv{to{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.dn-hv-ph{animation:none}}
.dn-hv-shade{position:absolute;inset:0;background:rgba(0,0,0,var(--shade,.35))}
.dn-hv-c,.dn-hv-cards{position:relative}
.dn-hv h1{font-size:clamp(32px,6vw,100px);color:#fff;font-family:var(--dn-hero);font-weight:700;line-height:1}
.dn-hv h1 span{display:block;white-space:nowrap}
.dn-hv .dn-cta{margin-top:34px}
.dn-hv .dn-btn{background:#fff;color:#241f1b;border-color:#fff}
.dn-hv .dn-btn.o{background:none;color:#fff}
.dn-hv-cards{display:flex;gap:10px}
.dn-hv-card{display:block;width:150px;background:rgba(246,241,234,.94);color:#241f1b;padding:8px;font-family:var(--dn-prod);font-size:13px;text-transform:uppercase}
.dn-hv-card .im{position:relative;aspect-ratio:3/4;background:#d9b99b;margin-bottom:8px;overflow:hidden}
.dn-hv-card .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dn-hv-card span{display:block;color:#7a6f64}
@media(max-width:820px){.dn.dn-hv{flex-direction:column;align-items:stretch;justify-content:flex-end;padding-bottom:28px}.dn-hv h1{font-size:10vw}.dn-hv-cards{overflow-x:auto}.dn-hv-card{flex:0 0 130px}}
.dn-hv-m{position:absolute;inset:0}
.dn-hv-mob{display:none}
@media(max-width:820px){.dn-hv-desk{display:none}.dn-hv-mob{display:block}}