:root{--ink:#271d18;--cream:#f7f3ec;--stone:#e9e2d8;--bronze:#a78b63;--muted:#75695e;--border:#dcd3c5;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}p{line-height:1.68}.topline{height:33px;background:var(--ink);color:#e3d8ca;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:2.5px;font-weight:600;text-align:center;padding:0 8px;gap:8px}.topline span{color:var(--bronze)}.header{position:relative;z-index:10;background:#f9f6f0;border-bottom:1px solid #eae3da}.header-inner{max-width:1500px;margin:auto;padding:21px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Georgia,'Times New Roman',serif;font-size:27px;letter-spacing:1.2px;white-space:nowrap;line-height:1}.brand span,.footer-brand span{color:var(--bronze)}.brand small{display:block;margin-top:7px;font:9px Arial,sans-serif;letter-spacing:4.1px;color:#8d7b67;text-align:center}.desktop-nav{display:flex;gap:36px;font-size:12px;letter-spacing:.8px}.desktop-nav a,.footer-links a{transition:color .2s}.desktop-nav a:hover,.footer-links a:hover{color:#a28762}.header-right{display:flex;align-items:center;gap:18px}.icon-btn,.menu-btn{border:0;background:transparent;color:var(--ink)}.icon-btn{font-size:11px;letter-spacing:.8px;white-space:nowrap}.icon-btn span{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;width:23px;height:23px;margin-left:5px;font-size:11px}.menu-btn{font-size:22px;display:none}.mobile-nav{display:none}.hero{max-width:1600px;min-height:665px;margin:auto;display:grid;grid-template-columns:49% 51%;background:#eee8df}.hero-copy{padding:85px 11% 35px 13%;display:flex;flex-direction:column;align-items:start}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:#9a7f5c;margin:0 0 27px;text-transform:uppercase}.hero h1,.section h2,.editorial h2,.contact h2,.faq h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(47px,5.6vw,86px);line-height:1.07;letter-spacing:-2.6px;font-weight:400;margin:0}.hero h1 em,h2 em{font-weight:400;color:#9d8160}.mini-line{width:50px;height:1px;background:#9f8465;margin:33px 0 16px}.hero-lead{font-size:14px;color:#62574d;max-width:370px;line-height:1.95;margin:0 0 35px}.btn{border:1px solid var(--ink);display:inline-flex;gap:44px;align-items:center;justify-content:space-between;padding:17px 22px;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:700;transition:background .2s,color .2s;max-width:100%;text-align:center}.btn span{font-size:17px;font-weight:400}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#594333}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{background:var(--ink);color:#fff}.hero-bottom{margin-top:auto;padding-top:60px;width:100%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#9a8c7d}.hero-art{position:relative;overflow:hidden;background:#cbbb9f;min-height:650px}.hero-art img{width:100%;height:100%;object-fit:cover}.photo-credit{position:absolute;right:22px;bottom:22px;color:#fff;background:rgba(39,29,24,.53);padding:9px 13px;font-size:9px;letter-spacing:1.3px}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fdfaf5;max-width:1600px;margin:auto;padding:33px 7%;border-bottom:1px solid var(--border)}.value-strip div{padding:0 10%;display:flex;flex-direction:column;border-right:1px solid var(--border)}.value-strip div:last-child{border-right:0}.value-strip span{font-size:11px;color:var(--bronze);margin-bottom:10px}.value-strip strong{font-size:14px;font-weight:500;margin-bottom:6px}.value-strip small{color:#8a7f73;font-size:11px}.section{max-width:1460px;margin:auto;padding:110px 7%}.section-intro{display:flex;gap:10%;align-items:end;justify-content:space-between}.section-intro h2,.editorial h2,.service h2,.contact h2,.faq h2{font-size:clamp(39px,4.4vw,64px)}.section-intro>p{max-width:365px;color:var(--muted);font-size:13px;line-height:1.9}.filters{display:flex;gap:27px;border-bottom:1px solid var(--border);margin-top:52px;margin-bottom:32px}.filter{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 14px;color:#85796e;letter-spacing:.5px;font-size:12px}.filter.active{color:var(--ink);border-bottom-color:var(--ink)}.filter span{font-size:10px;color:#ab9c8b;margin-left:6px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 23px}.product-card{min-width:0}.product-img-wrap{position:relative;overflow:hidden;background:#e8e0d6;cursor:pointer}.product-img-wrap img{aspect-ratio:4/4.8;object-fit:cover;width:100%;transition:transform .4s}.product-img-wrap:hover img{transform:scale(1.045)}.product-tag{position:absolute;top:15px;left:15px;background:rgba(248,245,239,.95);padding:9px 12px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase}.product-summary{padding:19px 0 0}.product-meta{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9d8566;margin:0 0 8px}.product-title{font-family:Georgia,serif;font-size:23px;line-height:1.23;font-weight:400;margin:0 0 8px}.product-desc{font-size:12px;color:#897c70;margin:0 0 13px}.product-link{font-size:10px;letter-spacing:1.3px;font-weight:700;text-transform:uppercase;padding:0;border:0;border-bottom:1px solid #b4a389;background:none;color:#4a382c}.product-link span{margin-left:10px;font-size:17px;font-weight:400}.collection-footnote{font-size:11px;color:#8a7b6b;margin-top:35px}.editorial{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:580px;background:#dfd3c5}.editorial-art{position:relative;overflow:hidden;min-height:570px;background:radial-gradient(circle at 56% 35%,#dbcbad,#a78b70 65%,#816e59);display:flex;align-items:end;padding:30px}.editorial-art span{position:relative;z-index:2;color:#fcf7ef;font-size:10px;letter-spacing:2px}.pattern{position:absolute;width:480px;height:330px;left:15%;top:18%;transform:rotate(-16deg);border-radius:57% 43% 53% 47%;background:repeating-radial-gradient(ellipse at 30% 50%,#eee2d0 0 10px,#e0cdb4 12px 18px,#efddc8 19px 28px);box-shadow:16px 18px 42px #3b2b2344}.editorial-copy{background:#e9dfd2;padding:100px 13%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.editorial-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:#6e5d50;max-width:430px;margin-top:32px}.text-link{margin-top:15px;font-size:11px;text-transform:uppercase;letter-spacing:2px;padding-bottom:10px;border-bottom:1px solid #b0997b}.text-link span{font-size:15px;margin-left:28px}.service{text-align:center}.service>p:not(.eyebrow){max-width:650px;font-size:13px;color:#7c6d60;margin:30px auto 48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left;margin:50px 0}.steps>div{border-top:1px solid #b8aa98;padding-top:20px}.steps strong{font-size:12px;color:#a48967;font-weight:400}.steps h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:25px 0 10px}.steps p{font-size:12px;color:#796f66;max-width:250px}.contact{max-width:1600px;margin:auto;background:#e9e1d6;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:100px 10%}.contact-intro>p:not(.eyebrow){color:#77695e;font-size:13px;max-width:340px}.contact-email{margin-top:40px;font-family:Georgia,serif;font-size:21px!important}.contact-email a{border-bottom:1px solid #b7a48c}.contact-note{font-size:11px!important;margin-top:32px}.contact-form{display:flex;flex-direction:column;gap:7px}.contact-form label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#53473d;margin-top:13px}.contact-form input,.contact-form select,.contact-form textarea{background:#f8f5f0;border:1px solid #d0c4b5;padding:15px;color:var(--ink);border-radius:0;outline-offset:2px}.contact-form textarea{resize:vertical}.contact-form .btn{margin-top:16px;align-self:flex-start}.form-hint{color:#786c60;font-size:10px;max-width:420px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.faq-items details{border-bottom:1px solid var(--border);padding:15px 0}.faq-items summary{font-family:Georgia,serif;font-size:17px;cursor:pointer;padding-right:20px}.faq-items details p{font-size:12px;color:#776d62}.footer{background:var(--ink);color:#f4eadc;padding:65px max(6%,calc((100% - 1350px)/2)) 30px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-brand{font:35px Georgia,serif;white-space:nowrap}.footer>div>p{font-size:12px;color:#bcb0a4}.footer-links{display:flex;flex-wrap:wrap;gap:22px;align-content:start;justify-content:end;font-size:12px;color:#e6d9c9}.footer-bottom{border-top:1px solid #54463c;padding-top:22px;grid-column:1/-1;display:flex;justify-content:space-between;gap:22px;font-size:10px;color:#a99b8d}.modal{border:0;border-radius:0;background:#f9f6f0;color:var(--ink);width:min(850px,94vw);max-height:90vh;padding:30px;box-shadow:0 20px 100px #0005}.modal::backdrop{background:#211915bf}.modal .close{position:absolute;right:18px;top:12px;background:none;border:0;font-size:30px;z-index:1}.modal-body{display:grid;grid-template-columns:44% 1fr;gap:30px}.modal-body img{width:100%;height:100%;max-height:480px;object-fit:cover}.modal-content{padding:24px 0}.modal-content h2{font:34px Georgia,serif;margin:5px 0 15px}.modal-content p{font-size:13px;color:#70645a}.modal-content dl{font-size:12px;margin:24px 0}.modal-content dt{font-weight:700;margin-top:13px}.modal-content dd{margin:5px 0;color:#7a7066}.modal-content .btn{margin-top:20px}.list-modal{width:min(600px,94vw)}.list-modal h2{font:37px Georgia,serif}.list-item{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--border);padding:16px 0}.list-item img{width:75px;height:90px;object-fit:cover}.list-item>div{flex:1}.list-item strong{font:17px Georgia,serif}.remove-item{border:0;background:none;color:#7d6a5b;text-decoration:underline;font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:13px 20px;font-size:12px;z-index:100;transition:.2s;max-width:90vw}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:980px){.desktop-nav{gap:15px}.header-inner{padding:18px 4%}.hero{grid-template-columns:53% 47%}.hero-copy{padding:70px 7% 35px}.value-strip{padding:30px 2%}.value-strip div{padding:0 6%}.section{padding:85px 5%}.contact{padding:70px 6%}}@media(max-width:700px){.topline{font-size:8px;letter-spacing:1px}.desktop-nav{display:none}.menu-btn{display:block}.header-inner{padding:17px 5%}.brand{font-size:21px}.brand small{font-size:7px;letter-spacing:3px}.header-right{gap:8px}.icon-btn{font-size:10px}.mobile-nav.open{display:flex;flex-direction:column;padding:15px 6% 25px;gap:18px;border-top:1px solid var(--border);font-size:14px}.hero{display:flex;flex-direction:column}.hero-copy{min-height:490px;padding:65px 7% 25px}.hero h1{font-size:56px}.hero-art{min-height:380px;height:440px}.hero-bottom{padding-top:40px}.value-strip{grid-template-columns:1fr;gap:20px;padding:28px 7%}.value-strip div{padding:0 0 18px;border-right:0;border-bottom:1px solid var(--border)}.value-strip div:last-child{border-bottom:0;padding-bottom:0}.section{padding:75px 6%}.section-intro{display:block}.section-intro>p{margin-top:22px}.filters{gap:18px;margin-top:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.product-title{font-size:19px}.product-tag{font-size:8px;padding:7px}.editorial{grid-template-columns:1fr}.editorial-art{min-height:370px}.editorial-copy{padding:70px 8%}.steps{grid-template-columns:1fr;gap:28px}.steps h3{margin:14px 0 6px}.contact{grid-template-columns:1fr;padding:70px 7%;gap:22px}.faq{grid-template-columns:1fr;gap:30px}.footer{padding:55px 7% 25px;grid-template-columns:1fr;gap:22px}.footer-links{justify-content:start}.footer-bottom{flex-direction:column}.modal-body{display:block}.modal-body img{height:220px}.modal-content{padding:20px 0}.modal-content h2{font-size:25px}}@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-img-wrap img{aspect-ratio:4/3.9}.hero h1{font-size:47px}}

/* Loden & Fell cinematic homepage hero – visual prototype. */
.hero-cinematic{position:relative;display:block;max-width:none;min-height:min(88vh,850px);height:clamp(620px,88vh,860px);isolation:isolate;background:#231912;color:#fbf4ea;overflow:hidden}
.hero-cinematic .hero-media,.hero-cinematic .hero-shade{position:absolute;inset:0;z-index:-2}
.hero-cinematic .hero-video{width:100%;height:100%;object-fit:cover;object-position:center 54%;background:url('/assets/fireplace-poster.webp') center 54%/cover no-repeat}
.hero-cinematic .hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(20,13,10,.87) 0%,rgba(24,15,10,.75) 24%,rgba(24,15,10,.27) 55%,rgba(24,15,10,.05) 88%),linear-gradient(0deg,rgba(20,13,10,.69),transparent 30%,transparent 72%,rgba(20,13,10,.18))}
.hero-cinematic .hero-copy{position:relative;z-index:1;min-height:100%;width:min(840px,76%);padding:clamp(100px,13vh,155px) 5% 116px clamp(32px,8vw,145px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-cinematic .eyebrow{color:#d7bc91;font-size:11px;letter-spacing:3.6px;margin:0 0 26px}
.hero-cinematic h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(52px,5.8vw,96px);letter-spacing:-2.6px;line-height:1.08;text-shadow:0 2px 22px #0005}
.hero-cinematic h1 em{color:#f1d9b9;font-style:italic}
.hero-cinematic .mini-line{background:#ddc098;margin:30px 0 18px}
.hero-cinematic .hero-lead{color:#f6e7d6;font-size:14px;max-width:420px;line-height:1.9;margin-bottom:30px;text-shadow:0 1px 12px #0007}
.btn-hero{color:#2d2119;background:#e6c79d;border-color:#e6c79d;box-shadow:0 10px 28px #0002}
.btn-hero:hover{background:#f2d7af;color:#2d2119}
.hero-footer{position:absolute;z-index:2;bottom:31px;left:clamp(32px,8vw,145px);right:clamp(32px,6vw,120px);display:flex;align-items:center;gap:30px;color:#f5e8d9;letter-spacing:2px;font-size:10px}
.hero-footer>span{margin-right:auto}
.motion-toggle{display:inline-flex;align-items:center;gap:11px;color:#f6e7d7;background:transparent;border:1px solid #e6d2b65c;padding:11px 13px;font-size:10px;letter-spacing:.8px}
.motion-toggle:hover,.motion-toggle:focus-visible{border-color:#fff;background:#ffffff15}
.scroll-link{font-size:20px;padding:8px 13px;border:1px solid #e6d2b65c}
.hero-visual-note{position:absolute;right:clamp(32px,6vw,120px);top:22px;font-size:8px;letter-spacing:1.8px;color:#f7eee6d9;text-shadow:0 1px 5px #000}
.header{z-index:10}
@media(max-width:980px){.hero-cinematic{height:740px;min-height:630px}.hero-cinematic .hero-copy{width:95%;padding-left:7%}.hero-cinematic .hero-shade{background:linear-gradient(90deg,#170f0bdf,#170f0b73 70%,#170f0b23),linear-gradient(0deg,#1b110ca8,transparent 42%)}}
@media(max-width:700px){.hero-cinematic{display:block;height:710px;min-height:660px}.hero-cinematic .hero-media{height:100%}.hero-cinematic .hero-video{object-position:58% center}.hero-cinematic .hero-copy{min-height:100%;width:100%;padding:94px 8% 150px;justify-content:center}.hero-cinematic .eyebrow{font-size:9px;letter-spacing:2.2px}.hero-cinematic h1{font-size:clamp(44px,10vw,68px);letter-spacing:-1.7px}.hero-cinematic .hero-lead{font-size:13px;max-width:350px}.hero-footer{left:8%;right:8%;bottom:25px;gap:10px}.hero-footer>span{font-size:8px;max-width:46%;line-height:1.7}.hero-visual-note{right:8%;top:13px;font-size:7px}.scroll-link{display:none}.motion-toggle{font-size:9px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.hero-cinematic .hero-video{display:none}.hero-cinematic .hero-media{background:url('/assets/fireplace-poster.webp') center/cover no-repeat}}

/* Premium release: film-first editorial navigation, without false Swiss-origin claims. */
.topline { position:relative; z-index:20; height:29px; background:#241a14; color:#e3d5c0; font-size:8px; letter-spacing:2.6px; }
.header { position:absolute; top:29px; left:0; right:0; z-index:30; color:#fff8ef; background:linear-gradient(180deg,rgba(19,12,9,.60),rgba(19,12,9,0)); border:0; }
.header-inner { max-width:1680px; padding:24px clamp(22px,5.5vw,112px) 16px; }
.brand { color:#fff7ec; font-size:clamp(24px,2.3vw,36px); letter-spacing:1.9px; text-align:center; text-shadow:0 1px 12px #0006; }
.brand small { color:#e0c49c; font-size:8px; letter-spacing:4.3px; margin-top:7px; }
.mountain-mark { display:block; width:112px; height:31px; margin:0 auto 4px; color:#e9d7bc; }
.mountain-mark svg { width:100%; height:100%; display:block; }
.header .desktop-nav a { color:#fff2e5; font-size:11px; text-transform:uppercase; letter-spacing:1.7px; text-shadow:0 1px 10px #0009; }
.header .desktop-nav a:hover { color:#dfbc8b; }
.header .icon-btn, .header .menu-btn { color:#fff7ef; text-shadow:0 1px 7px #0008; }
.header .icon-btn span { background:#ddbc8c; color:#23170e; }
.hero-cinematic { height:clamp(700px,94vh,1080px); min-height:730px; }
.hero-cinematic .hero-copy { padding-top:clamp(130px,18vh,200px); padding-bottom:110px; }
.hero-cinematic .hero-shade { background:linear-gradient(90deg,rgba(17,10,7,.85) 0%,rgba(19,11,8,.65) 29%,rgba(20,13,9,.14) 68%,rgba(20,13,9,.02) 100%),linear-gradient(0deg,rgba(16,11,9,.70) 0%,transparent 37%,rgba(20,12,9,.10) 75%,rgba(18,11,9,.35) 100%); }
.hero-cinematic .eyebrow { letter-spacing:4px; font-size:10px; }
.hero-cinematic h1 { font-size:clamp(55px,5.7vw,95px); line-height:1.04; }
.hero-cinematic .hero-lead { max-width:470px; }
.hero-cinematic .btn-hero { padding:20px 27px; font-size:11px; letter-spacing:1.6px; }
.hero-visual-note { top:auto; bottom:14px; right:16px; font-size:8px; opacity:.8; }
.hero-footer { bottom:47px; }
.hero-footer > span { max-width:290px; line-height:1.6; }
:focus-visible { outline:2px solid #d9b881; outline-offset:4px; }
@media (max-width:1000px) {
  .header-inner { padding:24px 4%; }
  .desktop-nav { gap:17px; }
  .header .desktop-nav a { font-size:10px; letter-spacing:.7px; }
  .brand { font-size:25px; }
  .mountain-mark { width:90px; height:25px; }
}
@media (max-width:700px) {
  .topline { font-size:7px; letter-spacing:1.25px; }
  .header-inner { padding:13px 6%; align-items:center; }
  .brand { text-align:left; font-size:23px; letter-spacing:1px; }
  .brand small { text-align:left; font-size:7px; letter-spacing:3px; }
  .mountain-mark { width:74px; height:20px; margin:0 0 3px 20px; }
  .header .mobile-nav.open { background:rgba(31,20,14,.98); border-top:1px solid #d2b99366; padding:22px 7% 30px; color:#f9f3e9; }
  .hero-cinematic { height:min(890px,100svh); min-height:670px; }
  .hero-cinematic .hero-copy { padding:175px 7% 135px; }
  .hero-cinematic h1 { font-size:clamp(43px,10.5vw,63px); }
  .hero-cinematic .hero-shade { background:linear-gradient(90deg,rgba(14,10,7,.78),rgba(16,10,8,.23)),linear-gradient(0deg,rgba(11,8,6,.83),transparent 50%,rgba(14,10,7,.39)); }
  .hero-cinematic .hero-video { object-position:61% center; }
  .hero-cinematic .hero-lead { max-width:300px; }
  .hero-visual-note { bottom:9px; right:7%; font-size:7px; }
  .hero-footer { bottom:37px; }
  .hero-footer > span { font-size:7px; max-width:40%; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .product-img-wrap img, .btn, .toast { transition:none !important; } }