:root{--ink:#25211e;--brown:#4e291f;--cream:#f4f0e9;--gold:#ac8a5d;--muted:#777066}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8f6f2;font-family:Jost,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}header{position:relative;z-index:3;background:#f8f6f2}.announcement{text-align:center;background:#28231f;color:#ded4c5;padding:9px 12px;font-size:10px;letter-spacing:2px;text-transform:uppercase}.header-main{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1460px;margin:auto;padding:0 5vw}.logo{text-align:center;line-height:1}.logo b{display:block;font:normal 43px 'DM Serif Display',Georgia,serif;letter-spacing:.02em;color:var(--brown)}.logo small{display:block;font-size:9px;letter-spacing:4px;text-transform:uppercase;margin-top:8px;color:#5c4f43}.minimal{display:flex;gap:25px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.minimal a:hover,nav a:hover{color:#9a724f}nav{height:49px;border-top:1px solid #e4ded6;display:flex;align-items:center;justify-content:center;gap:43px;text-transform:uppercase;letter-spacing:1.8px;font-size:11px}nav a{white-space:nowrap}.hero{min-height:520px;height:54vw;max-height:630px;background:linear-gradient(90deg,rgba(14,12,12,.78),rgba(16,14,13,.28) 58%,rgba(15,13,11,.03)),url('../img/background-1ddff3af7.webp') center 53%/cover;display:flex;align-items:center}.hero-copy{color:#fff;max-width:650px;margin-left:9vw}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:11px;font-weight:500}.hero h1{font:normal clamp(52px,6.3vw,97px)/1.04 'DM Serif Display',Georgia,serif;margin:24px 0}.hero h1 em{font-weight:normal;color:#e8d0ac}.hero p{font-size:17px;line-height:1.75;font-weight:300;max-width:440px;color:#ede6df}.btn{border:1px solid #fff;color:#fff;display:inline-block;padding:16px 30px;margin-top:22px;text-transform:uppercase;font-size:11px;letter-spacing:2px;transition:all .2s;background:transparent;cursor:pointer}.btn:hover{background:#fff;color:#24201b}.btn.dark{border-color:#3a302a;color:#3a302a}.btn.dark:hover{background:#3a302a;color:#fff}.intro{padding:95px 20px 80px;text-align:center;max-width:900px;margin:auto}.intro h2,.section-title,.editorial-copy h2,.brand-story h2,.newsletter h2{font:normal clamp(34px,4.1vw,55px)/1.13 'DM Serif Display',Georgia,serif}.intro h2{margin:15px 0 24px}.intro p{max-width:660px;margin:auto;color:#766e64;font-size:16px;line-height:1.8}.categories,.selection,.editorial,.story-inner{max-width:1410px;margin:0 auto}.section-head{text-align:center;padding:10px 16px 35px}.section-title{margin:15px 0}.category-grid{padding:0 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category{position:relative;min-height:410px;overflow:hidden;color:white;background:#352b24}.category img,.product img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.category:hover img,.product:hover img{transform:scale(1.06)}.category:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 60%)}.category-info{position:absolute;z-index:1;bottom:27px;left:27px}.category-info h3{font:normal 32px 'DM Serif Display',Georgia,serif;margin:0 0 10px}.category-info span{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:5px}.note{max-width:900px;margin:18px auto;text-align:center;font-size:12px;color:#8a8076;padding:0 14px}.editorial{display:grid;grid-template-columns:1.12fr .88fr;margin-top:125px;background:#24211f;min-height:540px}.editorial>img{width:100%;height:100%;max-height:670px;object-fit:cover}.editorial-copy{color:#fff;padding:80px 9%;display:flex;flex-direction:column;justify-content:center}.editorial-copy h2{margin:22px 0}.editorial-copy p{font-weight:300;font-size:16px;line-height:1.9;color:#dbd2c7}.editorial-copy .btn{align-self:flex-start}.selection{padding:112px 34px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product .photo{height:380px;background:#e4ded6;overflow:hidden}.product h3{font:normal 27px 'DM Serif Display',Georgia,serif;margin:17px 0 4px}.product p{font-size:13px;color:#887f73;margin:0}.brand-story{background:#e9e3da;padding:90px 30px}.story-inner{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.story-inner img{width:100%;height:500px;object-fit:cover}.brand-story h2{margin:20px 0}.brand-story p{color:#6f665b;font-size:16px;line-height:1.85}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1150px;margin:0 auto;padding:80px 20px;text-align:center}.values strong{display:block;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:500}.values p{color:#847a70;font-size:13px;line-height:1.7}.newsletter{text-align:center;padding:80px 20px;background:#312822;color:white}.newsletter h2{margin:17px 0}.newsletter p{color:#d2c8bd}.newsletter form{display:flex;max-width:470px;margin:30px auto 0;border-bottom:1px solid #a9a094}.newsletter input{flex:1;background:none;border:0;padding:15px;color:white;min-width:0;outline:none}.newsletter button{background:none;color:#fff;border:0;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;cursor:pointer}footer{padding:60px 7vw;background:#1f1c1a;color:#ddd6cf;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer h4{font:normal 30px 'DM Serif Display',Georgia,serif;margin:0 0 10px}footer p,footer a{font-size:12px;color:#9f948b;display:block;line-height:2.2}footer strong{font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.prototype-label{position:fixed;bottom:18px;right:18px;background:#fbf7ed;color:#4e291f;padding:10px 17px;border:1px solid #d7c5a8;font-size:11px;letter-spacing:1px;z-index:30;box-shadow:0 5px 15px #0002}#mobileMenu{display:none}@media(max-width:900px){.category-grid{grid-template-columns:1fr 1fr}.category{min-height:360px}.editorial{grid-template-columns:1fr}.editorial>img{height:480px}.story-inner{gap:30px}.minimal{gap:10px}}@media(max-width:600px){.header-main{height:74px;padding:0 18px}.logo b{font-size:31px}.logo small{letter-spacing:2px;font-size:7px}.minimal{font-size:10px}.minimal a:nth-child(1){display:none}nav{justify-content:flex-start;overflow:auto;gap:22px;padding:0 18px}.hero{height:490px;min-height:0;background-position:59% center}.hero-copy{margin-left:25px;margin-right:25px}.hero h1{font-size:55px}.hero p{font-size:15px}.intro{padding:70px 22px}.category-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 12px}.category{min-height:270px}.category-info{left:13px;bottom:18px}.category-info h3{font-size:24px}.category-info span{font-size:9px}.editorial{margin-top:70px}.editorial>img{height:300px}.editorial-copy{padding:60px 25px}.selection{padding:75px 15px}.product-grid{grid-template-columns:1fr}.product .photo{height:390px}.story-inner{grid-template-columns:1fr}.story-inner img{height:340px}.values{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:span 2}.prototype-label{font-size:9px;bottom:8px;right:8px;padding:8px}}

/* Identidad Dorian Loft · ampliación de home */
.header-main .logo{display:block;width:min(370px,40vw);line-height:0}
.header-main .logo img{width:100%;height:82px;object-fit:contain;display:block}
.footer-brand-logo{width:min(245px,100%);height:auto;background:#f4f0e9;border-radius:2px;padding:5px 9px;display:block;mix-blend-mode:normal}
.craftsmanship{background:#eee8df;padding:95px 6vw;border-top:1px solid #e1d5c8;border-bottom:1px solid #e1d5c8}
.craft-inner{max-width:1070px;margin:auto;display:grid;grid-template-columns:260px 1fr;gap:8vw;align-items:center}
.craft-symbol{width:245px;height:245px;display:flex;align-items:center;justify-content:center;border:1px solid #d5c9bc;border-radius:50%;background:#f8f6f2}
.craft-symbol img{width:78%;height:78%;object-fit:contain}
.craft-copy .eyebrow,.showcase-top .eyebrow{color:#8c6e53}
.craft-copy h2{font:normal clamp(34px,4vw,58px)/1.1 'DM Serif Display',Georgia,serif;color:#392a22;margin:16px 0 19px}
.craft-copy h2 em{font-weight:normal;color:#754630}
.craft-copy p{max-width:590px;font-size:16px;line-height:1.9;color:#706559;margin-bottom:23px}
.text-link{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;border-bottom:1px solid #76513c;padding-bottom:8px;color:#4e291f}
.product-showcase{padding:85px 5vw 95px;background:#f8f6f2}
.showcase-top{max-width:1450px;margin:0 auto 31px;display:flex;align-items:end;justify-content:space-between;gap:24px}
.showcase-top h2{font:normal clamp(30px,3.4vw,46px) 'DM Serif Display',Georgia,serif;margin:10px 0 0;color:#352922}
.showcase-top p{font-size:13px;color:#84796f}
.showcase-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.showcase-item{display:block;min-width:0}.showcase-item>img{width:100%;height:clamp(190px,24vw,350px);object-fit:cover;display:block;filter:saturate(.83);transition:transform .35s,filter .35s}
.showcase-item:hover>img{filter:saturate(1);transform:translateY(-3px)}
.showcase-info{padding:15px 1px}.showcase-info h3{font:normal 23px 'DM Serif Display',Georgia,serif;margin:0 0 4px;color:#3c2a22}.showcase-info p{margin:0;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#847569}
.showcase-note{max-width:1450px;margin:13px auto 0;color:#9a9188;font-size:11px;font-style:italic}
@media(max-width:900px){.craft-inner{grid-template-columns:180px 1fr;gap:5vw}.craft-symbol{width:180px;height:180px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-item>img{height:38vw}}
@media(max-width:600px){.header-main .logo{width:175px}.header-main .logo img{height:52px}.craftsmanship{padding:65px 22px}.craft-inner{grid-template-columns:1fr;text-align:center;gap:20px}.craft-symbol{width:145px;height:145px;margin:auto}.craft-copy p{font-size:14px}.product-showcase{padding:67px 16px}.showcase-top{display:block}.showcase-top p{margin-top:8px}.showcase-grid{gap:12px}.showcase-item>img{height:51vw}.showcase-info h3{font-size:20px}.showcase-info p{font-size:9px}}

/* V3: logotipo oficial más protagonista, sin alterar el diseño */
.header-main{height:110px}
.header-main .logo{width:min(405px,43vw)}
.header-main .logo img{height:90px;width:100%;object-fit:contain}
@media(max-width:600px){.header-main{height:94px}.header-main .logo{width:245px;max-width:62vw}.header-main .logo img{height:80px}}