@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');

:root{--paper:#f3f0e8;--ink:#171b19;--sage:#d7e0d9;--green:#23443c;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
.top{height:90px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}
.logo{font-size:24px;font-weight:700;letter-spacing:-.09em;white-space:nowrap}
.logo span{font:10px var(--mono);vertical-align:top;letter-spacing:0}
.top nav{display:flex;gap:36px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.1em}
.top nav a,.nav-cta,footer a{transition:opacity .2s}
.top nav a:hover,.nav-cta:hover,footer a:hover{opacity:.62}
.nav-cta{border-bottom:1px solid;padding:9px 0;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.mobile-nav{display:none}
.eyebrow{margin:0;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.home-hero{height:min(690px,75vw);min-height:510px;position:relative;overflow:hidden;background:#85978b}
.home-hero>img{width:100%;height:100%;object-fit:cover;object-position:center top}
.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#121b17a6,transparent 75%)}
.hero-copy{position:absolute;z-index:1;left:10%;top:50%;transform:translateY(-50%);color:#fff;max-width:560px}
.hero-copy h1{font-size:clamp(58px,8vw,110px);line-height:.84;letter-spacing:-.075em;margin:25px 0;font-weight:600}
.hero-copy h1 i,.home-intro h2 i,.home-film h2 i,.subhero h1 i{font-family:var(--serif);font-weight:500}
.hero-copy>p:not(.eyebrow){font-size:15px;max-width:350px;line-height:1.6}
.button{display:inline-flex;gap:30px;align-items:center;border:1px solid currentColor;padding:14px 17px;margin-top:20px;font:11px var(--mono);letter-spacing:.04em;transition:background .2s,color .2s}
.button:hover{background:#fff;color:var(--ink)}
.button b{font-size:17px;font-weight:400}
.hero-label{position:absolute;z-index:1;bottom:26px;right:5vw;color:#fff;font:10px var(--mono);letter-spacing:.12em}
.home-intro{text-align:center;padding:100px 20px 80px}
.home-intro h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.06em;line-height:.98;margin:20px 0}
.home-intro>p:last-child{font-size:14px;color:#606963}
.home-tiles{width:min(1040px,88%);margin:0 auto 100px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.home-tiles a{height:420px;position:relative;overflow:hidden;background:var(--sage)}
.home-tiles img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s}
.home-tiles a:hover img{transform:scale(1.025)}
.home-tiles a span{position:absolute;left:20px;bottom:20px;background:var(--paper);padding:12px 15px;font:10px var(--mono);letter-spacing:.12em}
.home-film{background:var(--sage);padding:70px 7vw;display:grid;grid-template-columns:.8fr 1.5fr;gap:6vw;align-items:center}
.home-film h2{font-size:clamp(36px,5vw,66px);line-height:.95;letter-spacing:-.06em;margin:20px 0}
.home-film video{width:auto;height:min(92vh,760px);max-width:100%;object-fit:contain;background:#111;justify-self:center}
footer{padding:28px 6vw;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
footer .logo{font:700 20px var(--sans);letter-spacing:-.09em}
.subhero{min-height:330px;background:var(--sage);padding:65px 10vw;display:flex;align-items:center;justify-content:space-between;gap:8vw}
.subhero>div{max-width:760px}
.subhero h1{font-family:var(--sans);font-size:clamp(56px,8vw,104px);font-weight:600;line-height:.88;letter-spacing:-.075em;margin:18px 0}
.subhero>p{max-width:360px;line-height:1.6;font-size:17px;margin:45px 0 0}
.content-grid{width:min(1060px,88%);margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.content-grid img{width:100%;height:460px;object-fit:cover;object-position:center top;background:var(--sage)}
.collection-looks .gallery-image{height:460px}
.collection-products{width:min(1060px,88%);margin:0 auto 70px}
.collection-products__title{margin:0 0 16px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery-image{display:block;position:relative;overflow:hidden;background:var(--sage);cursor:zoom-in}
.gallery-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s}
.collection-products .gallery-image{height:300px;padding:12px;background:#fff}
.collection-products .gallery-image img{object-fit:contain;object-position:center;background:#fff}
.gallery-image:hover img{transform:scale(1.025)}
.gallery-image:focus-visible{outline-offset:4px}
.catalog-card{width:min(1060px,88%);margin:0 auto 90px;background:var(--sage);padding:35px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.catalog-card h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.05em;margin:12px 0 0}
.catalog-link{display:inline-flex;align-items:center;gap:18px;padding:15px 18px;background:var(--green);color:#fff;font:11px var(--mono);letter-spacing:.08em;white-space:nowrap;transition:opacity .2s}
.catalog-link:hover{opacity:.82}
.campaign-video{width:auto;height:min(92vh,760px);max-width:min(88%,428px);object-fit:contain;margin:65px auto;background:#111}
.campaign-gallery{margin-top:0}
.contact-layout{width:min(1320px,100%);margin:0 auto;padding:42px 5vw 108px;display:grid;grid-template-columns:1fr .8fr;gap:clamp(40px,9vw,140px);align-items:start}
.contact-form{display:grid;gap:22px}
.contact-form label{display:grid;gap:9px;font:400 10px var(--sans);letter-spacing:.16em;text-transform:uppercase}
.contact-form .form-status{margin:0;padding:14px 16px;background:var(--sage);font-size:14px;line-height:1.5;letter-spacing:0;text-transform:none}
.contact-form .form-status[hidden]{display:none}
.contact-form .form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form label span{font-size:9px;letter-spacing:.05em;color:#737b77}
.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #aeb4b9;border-radius:0;background:transparent;padding:12px 0;color:#17304d;font:15px Arial,Helvetica,sans-serif;resize:vertical;outline:none;letter-spacing:0;text-transform:none}
.contact-form textarea{min-height:100px;line-height:1.5}
.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:var(--green)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#737b77;opacity:1}
.contact-submit{justify-self:start;margin-top:0;background:#10203a;color:#fff;border:0;padding:15px 20px;text-transform:uppercase;cursor:pointer;font:400 10px var(--sans);letter-spacing:.16em}
.contact-submit:hover{background:#1a372f;color:#fff}
.contact-submit:disabled{opacity:.62;cursor:not-allowed}
.contact-submit:disabled:hover{background:var(--green);color:#fff}
.contact-details{padding:28px 0}
.contact-details>.eyebrow{font-size:10px;letter-spacing:.2em;color:#64728a}
.contact-wordmark{display:block;width:170px;height:42px;overflow:hidden;margin:24px 0 32px}
.contact-wordmark img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.contact-lines{display:grid;gap:15px}
.contact-lines p{margin:0;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:14px;line-height:1.6;font-size:13px}
.contact-lines svg{width:20px;height:20px;fill:none;stroke:#142746;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-lines a{text-decoration:underline;text-underline-offset:4px}
:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:700px){
 .top{height:72px;padding:0 5vw}.top nav,.top>.nav-cta{display:none}.logo{font-size:21px}.mobile-nav{display:block;position:relative;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.mobile-nav summary{list-style:none;cursor:pointer;border-bottom:1px solid;padding:9px 0}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:34px;z-index:5;min-width:170px;background:var(--paper);padding:18px;box-shadow:0 10px 30px #0002;display:grid;gap:17px}
 .home-hero{height:78vh;min-height:520px}.home-hero>img{object-position:58% top}.home-hero:after{background:linear-gradient(90deg,#121b17a6,transparent 100%)}.hero-copy{left:7%;right:6%}.hero-copy h1{font-size:clamp(58px,15vw,90px)}.home-intro{padding:65px 8%}.home-tiles{grid-template-columns:1fr;gap:12px;margin-bottom:65px}.home-tiles a{height:400px}.home-film{grid-template-columns:1fr;padding:45px 7%;gap:5px}.home-film video{height:min(80vh,520px);max-width:100%}.hero-label{left:7%;right:auto;font-size:9px}
 .subhero{padding:50px 7%;min-height:280px;display:block}.subhero h1{font-size:clamp(54px,13vw,78px)}.subhero>p{margin:24px 0 0;font-size:16px}.content-grid{grid-template-columns:1fr;width:86%;margin:38px auto}.content-grid img{height:min(120vw,480px)}.collection-looks .gallery-image{height:min(120vw,480px)}.collection-products{width:86%;margin:0 auto 40px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-products .gallery-image{height:clamp(210px,65vw,280px);padding:8px}.catalog-card{width:86%;margin:0 auto 55px;display:block;padding:26px}.catalog-link{margin-top:24px}.campaign-video{height:min(82vh,640px);max-width:86%;margin:38px auto}.contact-layout{grid-template-columns:1fr;padding:24px 16px 72px;gap:35px}.contact-details{border-top:1px solid #aeb7ae;padding:24px 0 0}.contact-details>.eyebrow{font-size:10px}.contact-wordmark{width:155px;height:42px;margin:24px 0 32px}.contact-lines{gap:15px}.contact-lines p{font-size:13px;gap:14px}.contact-lines svg{width:20px;height:20px}footer{padding:24px 5%;gap:14px;flex-wrap:wrap}footer .logo{width:100%}
}

.brand-lockup{display:flex;align-items:center;gap:9px;flex:0 0 auto}.brand-seal{display:block;width:34px;height:34px;object-fit:contain}.brand-lockup .logo{white-space:nowrap}footer .brand-seal{width:29px;height:29px}@media(max-width:700px){.brand-lockup{gap:7px}.brand-seal{width:30px;height:30px}footer .brand-seal{width:26px;height:26px}}

@media(max-width:700px){footer .brand-lockup .logo{width:auto}}

/* Emblema ampliado; el wordmark conserva su tamaño. */
.brand-lockup>.brand-seal{width:56px;height:56px}footer .brand-lockup>.brand-seal{width:44px;height:44px}@media(max-width:700px){.brand-lockup>.brand-seal{width:48px;height:48px}footer .brand-lockup>.brand-seal{width:40px;height:40px}}

.photo-viewer{position:fixed;border:0;padding:0;margin:auto;width:min(1100px,96vw);height:min(92vh,900px);max-width:none;max-height:none;background:transparent;color:#fff;overflow:visible}
.photo-viewer::backdrop{background:rgba(10,14,12,.92);backdrop-filter:blur(3px)}
.photo-viewer__image{position:absolute;inset:42px 76px 72px;margin:0;display:grid;place-items:center}
.photo-viewer__image img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 170px);object-fit:contain;background:transparent}
.photo-viewer__caption{position:absolute;bottom:22px;left:76px;right:76px;margin:0;text-align:center;font-size:13px;line-height:1.45;color:#f3f0e8}
.photo-viewer__button{position:absolute;z-index:1;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#17201ed9;color:#fff;width:44px;height:44px;font:24px/1 var(--sans);cursor:pointer}
.photo-viewer__button:hover{background:#fff;color:#171b19}
.photo-viewer__close{top:0;right:0}
.photo-viewer__previous,.photo-viewer__next{top:50%;transform:translateY(-50%)}
.photo-viewer__previous{left:8px}.photo-viewer__next{right:8px}
@media(max-width:700px){.photo-viewer{width:100vw;height:100dvh}.photo-viewer__image{inset:70px 18px 100px}.photo-viewer__caption{left:24px;right:24px;bottom:30px}.photo-viewer__button{width:42px;height:42px}.photo-viewer__close{top:14px;right:14px}.photo-viewer__previous{left:8px}.photo-viewer__next{right:8px}}

/* Marca Duck Head: emblema y palabra en recursos transparentes */
.brand-lockup .brand-seal{width:42px;height:34px;object-fit:contain}
.brand-lockup .brand-name{display:block;width:168px;line-height:0;flex:0 0 auto}
.brand-lockup .brand-name img{width:100%;height:auto}
footer .brand-lockup .brand-seal{width:34px;height:28px}
footer .brand-lockup .brand-name{width:142px}
@media(max-width:700px){.top .brand-lockup .brand-seal{width:36px;height:30px}.top .brand-lockup .brand-name{width:138px}footer .brand-lockup .brand-seal{width:30px;height:25px}footer .brand-lockup .brand-name{width:122px}}

/* Ícono de WhatsApp, igual y reconocible en ambos teléfonos. */
.contact-lines svg.whatsapp-icon{fill:#25D366;stroke:none}
.contact-lines svg.whatsapp-icon path:first-child{fill:#25D366;stroke:none}
.contact-lines svg.whatsapp-icon path:last-child{fill:none;stroke:#fff;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}