:root{--blue:#073bb5;--ink:#132b4c;--paper:#f7f8fa;--line:#cbd4e0;--soft:#e9eef5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e6a63e;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}p,h1,h2,h3{margin:0}p+p{margin-top:20px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.wordmark{display:inline-flex;flex-direction:column;color:var(--blue);font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:39px;font-weight:900;letter-spacing:-2px;line-height:1}.wordmark span{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;margin-top:9px;line-height:1.3;font-weight:700}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.text-link:hover{color:var(--blue)}.header-contact{font-size:14px;border-bottom:1px solid var(--blue);padding:5px 0;color:var(--blue)}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:710px}.hero-copy{padding:65px 9% 24px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--blue);margin-bottom:30px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(68px,6.8vw,110px);font-weight:400;line-height:1.01;letter-spacing:-5px;color:var(--blue)}em{font-weight:400}h1 em{font-style:italic}.intro{margin-top:30px;font-size:18px;line-height:1.65}.actions{display:flex;align-items:center;gap:28px;margin:34px 0 48px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;padding:15px 24px;font-size:14px;border:1px solid var(--blue);transition:background .2s,color .2s;min-height:50px}.button:hover{background:#002976}.text-link{font-size:14px;border-bottom:1px solid;padding:8px 0}.hero-bottom{display:flex;justify-content:space-between;gap:18px;width:100%;font-size:10px;letter-spacing:1.1px;margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.hero-photo{position:relative;overflow:hidden;min-height:710px}.hero-photo img{position:absolute;object-position:50% 49%}.photo-label{position:absolute;bottom:25px;left:30px;font-size:10px;letter-spacing:2px;color:var(--blue);background:rgba(247,248,250,.9);padding:8px 14px}.section{padding:100px 7%}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.3vw,66px);font-weight:400;letter-spacing:-2px;line-height:1.1}h3{font-size:24px;font-weight:400;letter-spacing:-.4px;line-height:1.3}.product{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--line)}.lead{font-size:23px;line-height:1.5}.product-detail>p:not(.lead){color:var(--blue);margin-top:24px}.specs{display:flex;gap:45px;margin:38px 0 25px;padding:25px 0;border-block:1px solid var(--line)}.specs div{display:flex;flex-direction:column}.specs strong{font-family:Georgia,serif;font-weight:400;font-size:40px;color:var(--blue);line-height:1.2}.specs span{font-size:13px;margin-top:8px}.story{display:grid;grid-template-columns:1.05fr 1fr;background:var(--soft)}.sea{position:relative;min-height:600px}.sea img{position:absolute}.sea:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#06264c88)}.sea p{position:absolute;bottom:45px;left:10%;color:white;font-family:Georgia,serif;font-style:italic;font-size:48px;line-height:1.1;z-index:1}.story-copy{padding:75px 13%;display:flex;flex-direction:column;justify-content:center}.story-copy .lead{font-size:21px;margin-top:30px}.story-copy>p:not(.eyebrow):not(.lead){color:var(--blue);margin-top:20px}.small-wordmark{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:42px;font-weight:900;letter-spacing:-2px;color:var(--blue);margin-top:38px}.section-heading{display:flex;align-items:flex-end;gap:8%;justify-content:space-between}.section-heading>p{max-width:330px;color:var(--blue)}.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.channels article{border-top:1px solid var(--blue);padding-top:18px}.channels article>span{font-size:12px;color:var(--blue)}.channels h3{margin:28px 0 14px}.channels p{color:var(--blue)}.process{display:grid;grid-template-columns:1fr 1.6fr;gap:8%;padding:65px 0;margin-top:70px;border-top:1px solid var(--line)}.process .eyebrow{margin-bottom:20px}.process h3{font-family:Georgia,serif;font-size:32px;max-width:230px}.process ol{margin:0;padding-left:25px;display:grid;gap:24px}.process li{padding-left:15px}.process li::marker{color:var(--blue)}.process strong{font-weight:500;font-size:19px}.process p{font-size:15px;color:var(--blue);margin-top:5px}.formats{background:var(--soft);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.formats>p{font-size:11px;letter-spacing:1.5px;color:var(--blue)}.formats>div{display:flex;gap:30px;font-family:Georgia,serif;font-size:24px}.contact{background:var(--blue);color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:8%}.contact .eyebrow{color:#c3d6ff}.contact h2{font-size:clamp(38px,3.9vw,60px)}.contact p:not(.eyebrow){margin-top:25px;color:#dce7ff}.light{background:white;color:var(--blue);border-color:white;margin-top:30px}.light:hover{background:#dce7ff;color:var(--blue)}.contact-links{display:flex;flex-direction:column;justify-content:center}.contact-links a{display:flex;flex-direction:column;border-bottom:1px solid #ffffff50;padding:24px 0}.contact-links a:hover strong{text-decoration:underline;text-underline-offset:6px}.contact-links span{font-size:11px;letter-spacing:1.5px;color:#c3d6ff;margin-bottom:10px}.contact-links strong{font-size:clamp(21px,2.3vw,33px);font-weight:400;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;padding:45px 5%;gap:25px}footer p,footer>span{font-size:12px;color:var(--blue)}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:9}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){header{padding-inline:4%}nav{gap:20px}.hero{min-height:660px}.hero-copy{padding:50px 8% 24px}.hero-photo{min-height:660px}h1{font-size:78px}.actions{gap:20px}.hero-bottom{flex-wrap:wrap;font-size:9px}.section{padding:70px 6%}.story-copy{padding:55px 10%}.sea{min-height:570px}.section-heading{align-items:flex-start}.section-heading>p{max-width:260px}.channels{gap:25px}.contact{gap:6%}.specs{gap:25px}}@media(max-width:700px){html{scroll-padding-top:20px}header{height:85px;padding:0 6%}.wordmark{font-size:34px}nav{display:none}.header-contact{font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 7% 25px}.hero .eyebrow{margin-bottom:25px}h1{font-size:78px;letter-spacing:-4px}.intro{font-size:17px;margin-top:25px}.actions{margin:28px 0 35px;gap:22px}.hero-bottom{font-size:9px;flex-wrap:nowrap;gap:8px;padding-top:20px}.hero-photo{min-height:0;height:550px}.hero-photo img{object-position:50% 52%}.photo-label{left:7%;bottom:22px;font-size:9px}.section{padding:62px 7%}h2{font-size:43px;letter-spacing:-1.7px}.eyebrow{font-size:11px;margin-bottom:22px}.product,.story,.contact{grid-template-columns:1fr;gap:35px}.lead{font-size:21px}.specs{justify-content:space-between;gap:12px}.story{gap:0}.sea{min-height:360px}.sea p{font-size:39px;left:7%;bottom:35px}.story-copy{padding:58px 7%}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:25px}.channels{grid-template-columns:1fr;gap:30px;margin-top:38px}.channels h3{margin:15px 0 12px}.channels article>span{float:right}.channels article{padding-top:20px}.process{grid-template-columns:1fr;padding:40px 0;gap:30px;margin-top:40px}.process h3{max-width:none}.formats{padding:25px;gap:22px}.formats>div{font-size:21px;gap:20px;flex-wrap:wrap}.formats .button{width:100%}.contact{gap:25px}.contact h2{font-size:43px}.contact-links strong{font-size:27px}.contact-links a{padding:22px 0}footer{flex-wrap:wrap;padding:35px 7%}footer p{max-width:160px}footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Original SOUDA artwork, displayed without changing its proportions. */
.wordmark{display:block;line-height:0;flex-shrink:0}.wordmark .brand-logo,.brand-logo{display:block;position:relative;width:108px;aspect-ratio:3/2;overflow:hidden;margin:0;letter-spacing:normal}.brand-logo img{position:static;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.brand-logo{mix-blend-mode:multiply}.story-logo{margin-top:35px}.story-logo .brand-logo{width:170px}footer .brand-logo{width:120px}@media(max-width:700px){header .brand-logo{width:90px}}

/* Complete photographic opening and persistent brand navigation. */
header{position:sticky;top:0;z-index:50;height:88px;background:rgba(247,248,250,.97);backdrop-filter:blur(10px)}
html{scroll-padding-top:108px}
.hero.hero-full{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:calc(100svh - 160px);min-height:0;overflow:visible;background:#e8eef5}
.hero-full .cover-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.brand-slogan{display:flex;align-items:center;justify-content:center;min-height:72px;padding:20px 7%;background:var(--paper);color:var(--blue);text-align:center}
.brand-slogan p{font-size:clamp(16px,1.8vw,25px);font-weight:500;letter-spacing:.3em;line-height:1.4}
.brand-intro .hero-copy{padding:70px 7% 45px;align-items:center;text-align:center}.brand-intro h1{font-size:clamp(52px,5vw,78px);letter-spacing:-3px}.brand-intro .intro{margin-top:25px}.brand-intro .actions{justify-content:center;margin-bottom:35px}.brand-intro .hero-bottom{max-width:650px;justify-content:space-around}
@media(max-width:700px){header{height:76px}html{scroll-padding-top:96px}.hero.hero-full{height:auto;min-height:0;aspect-ratio:auto}.hero-full .cover-image{width:100%;height:auto;object-fit:contain}.brand-slogan{min-height:84px;padding:28px 7%}.brand-slogan p{letter-spacing:.22em}.brand-intro .hero-copy{padding:42px 7% 30px}.brand-intro h1{font-size:52px}.brand-intro h1 br{display:block}}

/* Natural image dimensions: full width, without cropping or side bands. */
body{max-width:none}
.hero.hero-full{display:block;height:auto;min-height:0;aspect-ratio:auto;overflow:visible;background:transparent;isolation:isolate}
.hero-full .cover-image{width:100%;height:auto;max-height:none;object-fit:contain}
.hero-full .hero-brand-overlay{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:43%;height:auto;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.58;pointer-events:none}
.primary-nav{display:flex;align-items:center;gap:34px;color:var(--blue);font-size:14px;letter-spacing:.1em}
.site-menu{position:relative}.site-menu summary{cursor:pointer;list-style:none;padding:12px 0}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary:focus-visible{outline:3px solid #e6a63e;outline-offset:5px}
.menu-panel{position:absolute;left:0;top:calc(100% + 12px);width:245px;padding:14px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 28px #132b4c18;letter-spacing:0}
.menu-panel a{display:block;padding:12px 14px;font-size:15px}.menu-panel a:hover{background:var(--soft)}
.carta-link{padding:12px 0}.header-contact{letter-spacing:.08em}
@media(max-width:700px){header{padding-inline:5%;gap:15px}.primary-nav{display:flex;gap:18px;font-size:12px}.header-contact{font-size:12px}header .brand-logo{width:75px}.menu-panel{left:auto;right:-65px;width:min(260px,85vw)}.hero-full .hero-brand-overlay{width:47%}}

/* Persistent translucent white navigation keeps links legible over every section. */
header{position:fixed;inset:0 0 auto;width:100%;background:rgba(255,255,255,.86);border:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(19,43,76,.08);z-index:50}
header .primary-nav,header .header-contact{color:var(--blue);text-shadow:none}
header .header-contact{border-color:currentColor}
header .wordmark{color:var(--blue);filter:none;mix-blend-mode:normal;opacity:.85}
header .primary-nav>a:hover,header summary:hover{color:var(--blue);text-decoration:underline;text-underline-offset:5px}
header .menu-panel{color:var(--ink);text-shadow:none}
.skip:focus{z-index:100}

/* The original logo supplies an alpha mask, so the photograph remains visible around it. */
header .brand-logo{mix-blend-mode:normal}
header .brand-logo svg{display:block;width:100%;height:100%}

/* Second section: uninterrupted photograph, preserving its complete framing. */
.brand-photo{width:100%;margin:0;padding:0;line-height:0}
.brand-photo>img{display:block;width:100%;height:auto;object-fit:contain}

/* Spacious editorial introduction inspired by the supplied reference. */
.project-intro{display:block;background:white;padding:110px 9% 100px}
.project-copy{max-width:1120px;margin:0 auto}
.project-intro .eyebrow{font-size:14px;letter-spacing:.22em;margin-bottom:38px}
.project-intro h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,5.8vw,86px);font-weight:300;line-height:1.12;letter-spacing:-.035em;color:var(--blue)}
.project-description{font-size:clamp(18px,2vw,26px);line-height:1.6;margin-top:34px;max-width:870px}
.project-actions{margin:36px 0 28px}
.project-form-link{border-radius:999px;padding:18px 32px;letter-spacing:.045em}
.project-phone{font-size:14px;line-height:1.8}
.project-phone a{display:inline-block;margin-left:10px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
@media(max-width:700px){.project-intro{padding:68px 7%}.project-intro .eyebrow{font-size:12px;margin-bottom:26px}.project-description br{display:none}.project-form-link{padding:17px 24px}.project-phone a{margin-left:0;display:block}}
.form-page{max-width:760px;margin:0 auto;padding:48px 24px 80px}.form-home{display:inline-block;color:var(--blue);font-size:26px;font-weight:800;margin-bottom:48px}.form-page h1{font-size:clamp(38px,6vw,64px);letter-spacing:-.035em;line-height:1.12;margin-bottom:24px}.form-page form{margin:32px 0}.form-page label{display:block;font-size:16px;margin-bottom:20px}.form-page input{display:block;width:100%;font:inherit;padding:13px 15px;margin-top:8px;border:1px solid #9aabc2;border-radius:4px;background:white;color:var(--ink)}.form-page input:focus{outline:2px solid var(--blue);outline-offset:2px}.form-page .button{margin-top:22px;cursor:pointer}.form-page .button:disabled{opacity:.65;cursor:wait}.form-note{font-size:14px;color:var(--blue)}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-status{margin-top:20px}.form-page>.project-phone{margin-top:30px}

/* The introduction sits over the photograph; the original full frame stays visible. */
.hero-full .cover-copy{position:absolute;inset:0;display:flex;align-items:center;padding:110px 7% 45px;background:linear-gradient(90deg,rgba(255,255,255,.84),rgba(255,255,255,.66) 42%,rgba(255,255,255,.08) 78%);z-index:1}
.cover-copy .project-copy{width:100%;max-width:none;margin:0}
.cover-copy h1{font-size:clamp(38px,5.3vw,80px);max-width:850px}
.cover-copy .eyebrow{margin-bottom:25px}
.cover-copy .project-description{font-size:clamp(18px,1.8vw,25px);max-width:720px;margin-top:26px}
.cover-copy .project-actions{margin:28px 0 20px}
@media(max-width:900px){.hero-full .cover-copy{padding-top:100px;padding-bottom:25px}.cover-copy h1{font-size:clamp(32px,5.3vw,48px)}.cover-copy .eyebrow{margin-bottom:16px}.cover-copy .project-description{font-size:18px;margin-top:18px}.cover-copy .project-actions{margin:18px 0 14px}}
@media(max-width:600px){.hero.hero-full{padding-top:76px;background:#f7f8fa}.hero-full .cover-copy{position:relative;inset:auto;margin-top:-25%;padding:32px 7% 45px;background:linear-gradient(180deg,rgba(255,255,255,.82),#fff 65%)}.cover-copy h1{font-size:clamp(34px,8vw,48px)}.cover-copy .project-phone a{display:inline-block;margin-left:6px}.cover-copy .project-description br{display:none}}

/* A quiet white page between the two photographs. */
.origin-section{background:#fff;padding:105px 9% 130px;min-height:65svh;display:flex;align-items:flex-start}
.origin-copy{max-width:1060px;width:100%;margin:0 auto}
.origin-copy h2{color:var(--blue);font-size:clamp(38px,4.8vw,70px);line-height:1.13;max-width:900px}
.origin-copy p{font-size:clamp(20px,2.2vw,30px);line-height:1.65;max-width:950px;margin-top:40px}
@media(max-width:700px){.origin-section{min-height:0;padding:70px 7% 85px}.origin-copy h2{font-size:40px}.origin-copy p{font-size:21px;margin-top:28px}}

/* Hospitality destinations on the right, clear of the glass. */
.brand-photo{position:relative;isolation:isolate}
.brand-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(6,23,43,.18) 57%,rgba(6,23,43,.65));pointer-events:none;z-index:0}
.places-copy{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:39%;color:#fff;line-height:1.3;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.places-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1.15vw,18px);font-weight:500;letter-spacing:.12em;line-height:1.6;margin:0 0 28px}
.places-copy ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.places-copy li{font-size:clamp(20px,3.4vw,54px);font-weight:400;letter-spacing:.025em;line-height:1.25}
@media(max-width:700px){.places-copy{right:4%;width:46%}.places-copy h2{font-size:11px;letter-spacing:.06em;margin-bottom:14px}.places-copy ul{gap:10px}.places-copy li{font-size:clamp(16px,4.1vw,28px);letter-spacing:0}.brand-photo::after{background:linear-gradient(90deg,transparent 32%,rgba(6,23,43,.68))}}

/* A restrained product composition: generous margins, clear hierarchy and one studio image. */
.showroom-section{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:3%;padding:100px max(7%,calc((100vw - 1400px)/2));background:#fff;min-height:780px;color:var(--blue)}
.showroom-copy{padding:0;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.showroom-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,5.1vw,82px);font-weight:400;letter-spacing:-.055em;line-height:1.06;margin:0 0 62px}
.showroom-copy h2 span{display:block}
.showroom-links{display:flex;flex-direction:column;gap:0;width:min(100%,370px);font-size:16px;letter-spacing:.12em}
.showroom-links a{display:block;padding:21px 2px;border-bottom:1px solid #cad5e6;transition:padding-left .2s,color .2s}
.showroom-links a:first-child{border-top:1px solid #cad5e6}
.showroom-links a:hover{padding-left:12px;color:#132b4c}
.showroom-address{font-size:15px;line-height:1.7;font-style:normal;color:var(--blue);margin-top:62px}
.showroom-address span{display:block;font-size:11px;letter-spacing:.19em;color:var(--blue);margin-bottom:10px}
.showroom-photo{margin:0;display:flex;justify-content:center;align-items:center;min-width:0;background:#fff}
.showroom-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:640px;object-fit:contain}
@media(min-width:1700px){.showroom-section{padding-top:130px;padding-bottom:130px}.showroom-photo img{max-height:730px}}
@media(max-width:900px){.showroom-section{padding:75px 7%;gap:4%;min-height:620px}.showroom-copy h2{font-size:clamp(35px,5vw,52px);margin-bottom:40px}.showroom-address{margin-top:40px}.showroom-photo img{max-height:520px}}
@media(max-width:600px){.showroom-section{grid-template-columns:1fr;padding:65px 8% 60px;gap:45px}.showroom-copy h2{font-size:clamp(38px,8.9vw,53px);margin-bottom:34px}.showroom-links{width:100%;font-size:15px}.showroom-links a{padding:18px 0}.showroom-address{margin-top:32px;font-size:14px}.showroom-photo img{max-height:510px;max-width:86%}}
@media(prefers-reduced-motion:reduce){.showroom-links a{transition:none}}
.editorial-link{display:inline-block;font-size:14px;letter-spacing:.1em;padding:10px 0;border-bottom:1px solid currentColor;color:var(--blue);margin-top:26px}.places-business-link{display:inline-block;font-size:13px;letter-spacing:.08em;border-bottom:1px solid white;padding-bottom:5px;margin-top:30px}.site-footer{display:grid;grid-template-columns:1fr 1fr 1.3fr;background:#0c2446;color:#fff;padding:65px 7% 25px;gap:40px}.footer-brand{font-size:36px;letter-spacing:-2px;font-weight:800}.site-footer nav,.site-footer>div{display:flex;flex-direction:column;gap:12px;font-size:14px}.site-footer small{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:22px;color:#c6d3e6;font-size:12px}.detail-main{background:#fff;padding-top:88px}.detail-intro{padding:100px 9%;max-width:1300px}.detail-main h1{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(44px,6.6vw,94px);letter-spacing:-.05em;line-height:1.07}.detail-lead{font-size:clamp(20px,2.1vw,29px);line-height:1.6;max-width:870px;margin:32px 0}.detail-main .button{margin-top:26px;border-radius:999px;padding:17px 28px}.detail-split{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;padding:85px 9%;align-items:center}.studio-can{width:100%;height:auto;max-height:640px;object-fit:contain}.detail-facts{display:flex;gap:25px;font-size:14px;border-block:1px solid var(--line);padding:20px 0;margin-top:30px}.detail-band{padding:85px 9%;background:#f1f5f9;display:grid;grid-template-columns:1fr 1fr;gap:10%}.detail-band h2{color:var(--blue);font-size:clamp(36px,4vw,58px)}.detail-band p{font-size:20px}.formats-list{display:flex;gap:25px;margin-top:26px;font-size:20px;color:var(--blue)}.detail-landscape{width:100%;height:auto}.trade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 7%;padding:30px 9% 100px}.trade-grid article{border-top:1px solid #b8c7dc;padding-top:20px}.trade-grid article>span{font-size:12px;letter-spacing:.1em;color:var(--blue)}.trade-grid h2{font-family:Arial,sans-serif;font-size:36px;letter-spacing:-1px;margin:25px 0 18px;color:var(--blue)}.trade-grid p{max-width:430px;font-size:18px}.contact-editorial{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:20px 9% 100px}.contact-editorial h2{font-size:28px;letter-spacing:-.5px;margin-bottom:24px}.contact-editorial a{display:block;margin:12px 0;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:700px){.site-footer{grid-template-columns:1fr;gap:30px;padding:48px 7% 25px}.site-footer small{grid-column:auto}.detail-main{padding-top:76px}.detail-intro{padding:64px 7%}.detail-split{grid-template-columns:1fr;padding:55px 7%;gap:40px}.studio-can{max-height:490px}.detail-band{grid-template-columns:1fr;padding:60px 7%;gap:30px}.trade-grid{grid-template-columns:1fr;padding:10px 7% 65px;gap:35px}.contact-editorial{grid-template-columns:1fr;padding:10px 7% 70px;gap:35px}.formats-list{flex-wrap:wrap}.places-business-link{font-size:10px;margin-top:16px}}

/* Editorial rhythm drawn from the supplied reference photographs. */
h2,.origin-copy h2,.detail-band h2,.contact-editorial h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.045em;line-height:1.12}
.origin-section{min-height:0;padding:110px 9%}.origin-copy{max-width:1280px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.origin-heading .eyebrow{font-size:12px;letter-spacing:.17em;margin:0 0 25px}.origin-copy h2{font-size:clamp(38px,4vw,64px)}.origin-description>p{font-size:clamp(19px,1.7vw,25px);line-height:1.65;margin:0}.origin-description .editorial-link{margin-top:25px}
.showroom-copy h2{margin-bottom:28px}.showroom-description{max-width:450px;font-size:19px;line-height:1.7;margin-bottom:35px}.showroom-copy .eyebrow{margin-bottom:25px}.showroom-address{margin-top:35px}
.brand-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0 9% 95px;background:white}.brand-facts>div{padding-top:25px;border-top:1px solid var(--line)}.brand-facts strong{display:block;font-weight:400;font-size:clamp(24px,2.65vw,42px);letter-spacing:-.045em;line-height:1.2;color:var(--blue)}.brand-facts p{font-size:15px;margin-top:12px;max-width:220px}
.hospitality-section{padding:100px 9%;background:#f4f6f9}.editorial-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:end;margin-bottom:65px}.editorial-heading h2{font-size:clamp(38px,4vw,64px);color:var(--blue)}.editorial-heading>p{font-size:21px;line-height:1.65;max-width:520px}.editorial-heading .eyebrow{margin-bottom:23px}.hospitality-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.hospitality-cards article{border-top:1px solid #9aabc2;padding-top:22px}.hospitality-cards article>span{font-size:12px;letter-spacing:.12em;color:var(--blue)}.hospitality-cards h3{font-size:28px;margin:30px 0 18px;color:var(--blue);letter-spacing:-.035em}.hospitality-cards p{font-size:17px;line-height:1.7}.hospitality-cards .editorial-link{font-size:12px;letter-spacing:.08em}
.showroom-editorial,.contact-band{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:110px 9%;background:#132b4c;color:#fff}.showroom-editorial .eyebrow,.contact-band .eyebrow{color:#c9d8eb}.showroom-editorial h2,.contact-band h2{font-size:clamp(36px,4.1vw,65px);color:white}.showroom-editorial>div>p:not(.eyebrow){font-size:22px;line-height:1.65}.editorial-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 22px}.showroom-editorial .button,.contact-band .button{border-radius:999px;background:white;color:#132b4c;border-color:white}.showroom-editorial .button:hover,.contact-band .button:hover{background:#dce8f8}.showroom-editorial .outline{background:transparent;color:#fff;border-color:#ffffff80}.showroom-editorial address{font-style:normal;font-size:15px;color:#d5dfec}.contact-band{background:#0c2446;border-bottom:1px solid #ffffff26;padding-block:80px}.contact-band .button{margin-top:30px}.contact-band dl{margin:0}.contact-band dl>div{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-bottom:1px solid #ffffff35;padding:21px 0}.contact-band dt{font-size:14px;color:#d5dfec}.contact-band dd{margin:0;text-align:right;font-size:19px;overflow-wrap:anywhere}.site-footer{padding-top:55px}.site-footer nav a:hover{color:#c9d8eb}.detail-main{padding-top:100px}.detail-band h2{font-size:clamp(36px,4vw,58px)}
@media(max-width:800px){.origin-copy,.editorial-heading,.showroom-editorial,.contact-band{grid-template-columns:1fr;gap:32px}.origin-section,.hospitality-section,.showroom-editorial{padding:65px 7%}.brand-facts{grid-template-columns:1fr 1fr;padding:0 7% 65px;gap:30px 20px}.brand-facts strong{font-size:27px}.hospitality-cards{grid-template-columns:1fr;gap:36px}.hospitality-cards h3{margin-top:22px}.editorial-heading{margin-bottom:40px}.showroom-editorial>div>p:not(.eyebrow){font-size:20px}.contact-band{padding:65px 7%}.contact-band dd{font-size:16px}.detail-main{padding-top:76px}.showroom-description{font-size:18px}.origin-copy h2{font-size:40px}}

/* Requested SOUDA copy refinement: existing composition and imagery retained. */
:root{--ink:#073bb5}
body{color:var(--blue)}
.showroom-description,.showroom-address,.origin-description,.brand-facts p,.editorial-heading>p,.hospitality-cards p,.detail-main,.project-description,.project-phone,.form-note{color:var(--blue)}
.showroom-editorial,.contact-band,.site-footer{color:#fff}
.showroom-editorial address,.contact-band dt,.site-footer small{color:#d5e3f6}
.origin-attributes{display:flex;flex-wrap:wrap;gap:24px 30px;list-style:none;padding:24px 0 0;margin:28px 0 0;border-top:1px solid var(--line);color:var(--blue)}
.origin-attributes li{display:flex;flex-direction:column;gap:7px;min-width:0}
.origin-attributes strong{font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.1;letter-spacing:-.04em}
.origin-attributes span{font-size:12px;letter-spacing:.08em;line-height:1.5}
.places-copy li{font-size:clamp(19px,3.05vw,49px)}
.places-copy ul{gap:14px}
.detail-facts{flex-wrap:wrap}
.origin-heading,.origin-description,.detail-split>div,.editorial-heading>div{min-width:0}
@media(max-width:700px){.places-copy{width:47%;right:4%}.places-copy li{font-size:clamp(15px,3.8vw,26px)}.places-copy ul{gap:7px}.places-copy h2{margin-bottom:10px}.places-business-link{margin-top:12px}.origin-attributes{gap:22px 26px}.origin-attributes strong{font-size:30px}.origin-attributes span{font-size:12px;letter-spacing:.04em}}
@media(max-width:380px){.places-copy ul{gap:4px}.places-copy h2{font-size:10px;margin-bottom:6px}.places-business-link{font-size:9px;margin-top:8px}.origin-attributes{gap:20px}.contact-band dl>div{flex-wrap:wrap;gap:6px 16px}.contact-band dd{text-align:left}}

/* Smaller outlined attributes and a higher, aligned story heading. */
.origin-copy{align-items:start}
.origin-heading{padding-top:0}
.origin-heading .eyebrow{text-transform:uppercase;margin-bottom:22px}
.origin-copy h2{font-size:clamp(34px,3.7vw,58px);text-transform:uppercase}
.origin-attributes{gap:10px;padding:0;margin-top:26px;border:0}
.origin-attributes li{flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid rgba(7,59,181,.3);border-radius:999px;max-width:100%}
.origin-attributes strong{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}
.origin-attributes span{font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.035em}
.cover-copy .project-phone{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.cover-copy .project-phone a{margin-left:0;display:inline-block;padding-block:5px}
@media(max-width:800px){.origin-section{padding-top:45px}.origin-copy{gap:28px}.origin-copy h2{font-size:clamp(32px,7.2vw,40px)}}
@media(max-width:700px){.origin-attributes{gap:9px}.origin-attributes li{padding:9px 12px}.origin-attributes strong{font-size:14px}.origin-attributes span{font-size:12px}.cover-copy .project-phone{gap:6px 16px}}

/* Compact presentation formats paired with the product section. */
.sales-formats{padding:0 9% 70px;background:#fff;color:var(--blue)}
.sales-formats ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:680px;margin:0 auto;padding:0}
.sales-formats li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 12px;border:1px solid rgba(7,59,181,.25);border-radius:12px;text-align:center}
.sales-formats strong{font-size:28px;font-weight:400;letter-spacing:-.025em;line-height:1.15}
.sales-formats span{font-size:12px;letter-spacing:.08em;line-height:1.5}
@media(max-width:600px){.sales-formats{padding:0 7% 50px}.sales-formats ul{gap:9px}.sales-formats li{padding:16px 6px}.sales-formats strong{font-size:24px}.sales-formats span{font-size:12px;letter-spacing:.025em}}

.showroom-proposals{display:grid;gap:22px;max-width:460px;margin:0 0 34px;color:var(--blue)}
.showroom-proposals h3{font-size:20px;font-weight:400;letter-spacing:-.025em;line-height:1.3;margin:0 0 7px}
.showroom-proposals p{font-size:16px;line-height:1.65;margin:0}
@media(max-width:600px){.showroom-proposals{gap:20px;margin-bottom:30px}.showroom-proposals h3{font-size:19px}}

/* Club photograph and consistent brand contact signature. */
.brand-photo::after{background:linear-gradient(180deg,transparent 65%,rgba(6,23,43,.32));}
.club-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:7%;z-index:1;pointer-events:none}
.club-copy p{font-family:"Apple Chancery","URW Chancery L","Palatino Linotype",Palatino,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(30px,5.4vw,82px);line-height:1.2;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 16px #132b4c88}
.site-footer .footer-brand{display:block;width:160px;height:107px;color:#fff;line-height:1}
.footer-brand svg{display:block;width:100%;height:100%}
.site-footer .footer-contacts{gap:22px;align-items:flex-start}
.footer-mail{display:flex;flex-direction:column;gap:7px}
.footer-mail>span{font-size:12px;line-height:1.5;letter-spacing:.12em;color:#d5e3f6}
.footer-contacts a{font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0}
.footer-instagram{display:inline-flex;align-items:center;gap:10px}
.instagram-icon{width:21px;height:21px;flex:0 0 21px}
@media(max-width:700px){.club-copy{padding:6%;align-items:flex-end;justify-content:center}.club-copy p{font-size:clamp(30px,7vw,48px)}.site-footer .footer-brand{width:140px;height:94px}.footer-contacts a{font-size:16px}}

/* Coctelería extends the existing SOUDA editorial layout. */
.cocktail-intro{padding:80px 9% 55px;max-width:1300px}.cocktail-intro h1{font-size:clamp(40px,5.5vw,80px)}
.cocktail-intro .detail-lead{font-size:clamp(19px,1.8vw,24px);max-width:790px;margin-bottom:0}
.cocktail-bar{margin:0}.cocktail-bar img{display:block;width:100%;height:auto;object-fit:contain}
.cocktail-collection{padding:90px 9%}.cocktail-heading{max-width:760px;margin-bottom:55px}.cocktail-heading h2{font-size:clamp(34px,4vw,56px);margin-bottom:24px}.cocktail-heading>p:last-child{font-size:18px;line-height:1.7}
.cocktail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 8%}.cocktail-card{border-top:1px solid var(--line);padding-top:24px;min-width:0}.cocktail-meta{font-size:12px;letter-spacing:.1em}.cocktail-card h2{font-size:clamp(28px,3vw,40px);margin:22px 0 12px}.cocktail-card .cocktail-profile{font-size:14px;margin:0 0 25px}.cocktail-card h3{font-size:14px;font-weight:600;margin:22px 0 9px;letter-spacing:.025em}.cocktail-card p{font-size:16px;line-height:1.7}.cocktail-card .cocktail-meta{font-size:12px}.cocktail-note{margin-top:55px;font-size:14px;line-height:1.7;border-top:1px solid var(--line);padding-top:24px;max-width:900px}
@media(max-width:700px){.cocktail-intro{padding:55px 7% 40px}.cocktail-intro h1{font-size:clamp(36px,8vw,52px)}.cocktail-collection{padding:55px 7%}.cocktail-grid{grid-template-columns:1fr;gap:38px}.cocktail-heading{margin-bottom:35px}.cocktail-card h2{font-size:32px}.cocktail-note{margin-top:35px}}

.cocktail-nav-link{padding:12px 0;white-space:nowrap}
@media(max-width:700px){header{padding-inline:4%;gap:10px}header .primary-nav{gap:14px;letter-spacing:.035em}header .brand-logo{width:64px}.header-contact{letter-spacing:.035em}}
@media(max-width:480px){header{height:104px;display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 44px;gap:0 12px}header .wordmark{grid-column:1;grid-row:1}header .header-contact{grid-column:2;grid-row:1}header .primary-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;font-size:12px}.site-menu .menu-panel{left:0;right:auto}html{scroll-padding-top:120px}.hero.hero-full{padding-top:104px}.detail-main{padding-top:104px}}

.club-beach::after{display:none}.club-beach>img{width:100%;height:auto;object-fit:contain}

.club-beach-link{display:block;line-height:0}.club-beach-link img{display:block;width:100%;height:auto;object-fit:contain}.club-beach-link:focus-visible{outline:3px solid var(--blue);outline-offset:-6px}

/* Warm film finish for the existing cover; contrast stays beside the copy. */
#inicio.hero-full{background:#efe6d7}
#inicio .cover-image{filter:sepia(.28) saturate(.76) brightness(.92) contrast(.94)}
#inicio .cover-copy{background:linear-gradient(90deg,rgba(35,32,25,.78) 0%,rgba(35,32,25,.64) 30%,rgba(35,32,25,.28) 49%,transparent 67%);color:#fff5e4}
#inicio .project-copy{max-width:640px}
#inicio h1{color:#fff5e4;font-size:clamp(38px,4.7vw,68px);text-shadow:0 2px 12px rgba(22,23,21,.24)}
#inicio .eyebrow,#inicio .project-description,#inicio .project-phone{color:#fff5e4;text-shadow:0 1px 5px rgba(22,23,21,.4)}
#inicio .project-description{font-size:clamp(18px,1.65vw,23px);max-width:560px}
#inicio .project-description br{display:none}
#inicio .button{background:#173c55;border-color:#e5d8bd;color:#fff5e4;text-shadow:none}
#inicio .button:hover{background:#244f68}
#inicio a:focus-visible{outline-color:#fff5e4}
@media(min-width:901px) and (max-width:1100px){
 #inicio .cover-copy{padding:105px 6% 30px}
 #inicio .project-copy{max-width:510px}
 #inicio .eyebrow{margin-bottom:18px}
 #inicio .project-description{margin-top:20px}
 #inicio .project-actions{margin:22px 0 16px}
}
@media(max-width:900px){
 #inicio.hero-full{padding-top:76px}
 #inicio .cover-image{width:100%;height:auto;object-fit:contain}
 #inicio .cover-copy{position:relative;inset:auto;margin-top:0;padding:38px 7% 44px;background:#efe6d7;color:#173c55}
 #inicio .project-copy{max-width:640px}
 #inicio h1{color:#173c55;font-size:clamp(34px,6.4vw,48px);text-shadow:none}
 #inicio .eyebrow,#inicio .project-description,#inicio .project-phone{color:#173c55;text-shadow:none}
 #inicio .project-description{font-size:18px;margin-top:20px}
 #inicio .eyebrow{margin-bottom:18px}
 #inicio a:focus-visible{outline-color:#173c55}
}
@media(max-width:480px){#inicio.hero-full{padding-top:104px}}

/* Production photograph keeps its complete portrait frame on every screen. */
.production-main .detail-intro{padding-bottom:42px}
.production-photo{margin:0 auto;padding:0 7% 80px;max-width:1040px}
.production-photo img{width:100%;height:auto;object-fit:contain}
.production-photo figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:20px;font-size:11px;letter-spacing:.09em}
@media(max-width:700px){.production-main .detail-intro{padding-bottom:30px}.production-main h1{font-size:clamp(32px,7.5vw,48px);letter-spacing:-.035em}.production-photo{padding:0 7% 55px}.production-photo figcaption{font-size:10px;gap:12px}}

/* Full-width production image, matching the site's photographic sections. */
.production-photo{width:100%;max-width:none;padding:0;margin:0}
.production-photo img{width:100%;height:auto;max-height:none;object-fit:contain}
.production-photo figcaption{padding:20px 7% 48px}
.production-process{max-width:740px;margin-top:24px;font-size:18px;line-height:1.75}
@media(max-width:700px){.production-photo{padding:0}.production-photo figcaption{padding:18px 7% 36px}.production-process{font-size:16px;margin-top:20px}}

/* Compact introductions for production and the cocktail bar. */
.production-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:7%;align-items:center;padding:38px 8%;min-height:calc(100svh - 88px)}
.production-layout .detail-intro{padding:0;max-width:none}
.production-main h1{font-size:clamp(32px,4.2vw,62px)}
.production-layout .detail-lead{font-size:25px;margin:22px 0}
.production-layout .production-process{font-size:17px;line-height:1.75;margin-top:0}
.production-layout .production-photo{width:100%;max-width:390px;padding:0;margin:0 auto}
.production-layout .production-photo img{width:auto;max-width:100%;height:auto;max-height:calc(100svh - 215px);min-height:0;object-fit:contain;margin:auto}
.production-layout .production-photo figcaption{padding:10px 0 0;font-size:9px;gap:8px}
.production-layout .production-photo .editorial-link{margin-top:0;font-size:10px;padding:5px 0}
.cocktail-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7%;padding:65px 8%}
.cocktail-opening .cocktail-intro{padding:0;max-width:none}
.cocktail-opening h1{font-size:clamp(35px,4.5vw,65px);letter-spacing:-.04em}
.cocktail-opening .cocktail-bar{margin:0}
.cocktail-opening .cocktail-bar img{max-height:480px;width:100%;height:auto;object-fit:contain}
.cocktail-main .cocktail-collection{background:#e7edf3;background-image:radial-gradient(ellipse at top left,#f0e8d8 0,transparent 65%)}
.cocktail-main .cocktail-card{background:rgba(255,255,255,.48);padding:26px 28px;border-top:2px solid #7c93a9}
@media(max-width:700px){
 .production-layout{grid-template-columns:1fr;gap:26px;padding:32px 7% 42px;min-height:0}
 .production-layout .production-photo{max-width:250px}
 .production-layout .production-photo img{max-height:320px}
 .production-layout .detail-lead{font-size:22px;margin:18px 0}
 .production-layout .production-process{font-size:16px}
 .cocktail-opening{grid-template-columns:1fr;gap:28px;padding:36px 7% 45px}
 .cocktail-opening .cocktail-bar img{max-height:300px;width:auto;max-width:100%;margin:auto}
 .cocktail-main .cocktail-card{padding:24px 22px}
}

/* Cleaner final blocks: contact details above a distinct pale blue footer. */
.editorial-contacts{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:30px;font-size:17px}
.editorial-contacts a,.editorial-contacts a:hover{border-bottom:0;text-decoration:none;padding-bottom:4px}
.site-footer{grid-template-columns:1fr 1.5fr;align-items:start;background:#dbe5ef;color:#173c55;gap:35px 10%;padding:55px 8% 25px}
.site-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 35px}
.site-footer small{color:#405c75;border-top-color:#173c5530}
@media(max-width:700px){.site-footer{grid-template-columns:1fr;gap:28px;padding:40px 7% 24px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.editorial-contacts{font-size:16px;gap:14px}.site-footer small{grid-column:1/-1}}

/* Brand navy footer on every page. */
.site-footer{background:#0c2446;color:#fff}
.site-footer small{color:#c6d3e6;border-top-color:#ffffff30}
.site-footer a:hover{color:#d3e3ff}

.merch-main .detail-intro{padding-bottom:40px}
.merch-collection{padding:0 8% 75px}
.merch-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6%}
.merch-products img{width:100%;height:auto;object-fit:contain}
.merch-products h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;margin:24px 0 10px}
.merch-products p{font-size:15px}
.merch-products .editorial-link{margin-top:16px}
.merch-look{margin:65px auto 0;max-width:900px}
.merch-look img{width:100%;height:auto;object-fit:contain}
.merch-look figcaption{margin-top:18px;font-size:15px}
@media(max-width:700px){.merch-collection{padding:0 7% 50px}.merch-products{grid-template-columns:1fr;gap:38px}.merch-look{margin-top:40px}}

/* Individual color cards and an isolated fashion model. */
.merch-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:50px 8% 0;gap:5%;background:#e5ecf3;overflow:hidden;min-height:620px}
.merch-hero .detail-intro{padding:30px 0 60px}
.merch-model-cutout{width:100%;height:620px;object-fit:contain;object-position:center bottom;align-self:end}
.merch-collection{padding-top:65px}
.merch-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}
.merch-single{position:relative;aspect-ratio:1;overflow:hidden;background:#eef0f3}
.merch-single img{position:absolute;width:200%;height:200%;max-width:none;object-fit:fill}
.merch-quadrant-0 img{left:0;top:0}
.merch-quadrant-1 img{left:-100%;top:0}
.merch-quadrant-2 img{left:0;top:-100%}
.merch-quadrant-3 img{left:-100%;top:-100%}
.merch-item h2{font-size:23px;margin-top:18px}
.merch-item .merch-size{margin-top:8px;font-size:13px}
.merch-item .merch-price{font-size:24px;font-weight:600;margin-top:15px;color:var(--blue)}
.merch-price span{font-size:11px;font-weight:400}
@media(max-width:850px){.merch-products{grid-template-columns:repeat(2,minmax(0,1fr))}.merch-hero{min-height:0}.merch-model-cutout{height:480px}}
@media(max-width:600px){.merch-hero{grid-template-columns:1fr;padding:35px 7% 0;gap:0}.merch-hero .detail-intro{padding:10px 0 25px}.merch-model-cutout{height:440px}.merch-products{gap:30px 16px}.merch-item h2{font-size:18px}.merch-item .merch-price{font-size:21px}.merch-item p{font-size:13px}.merch-collection{padding-top:40px}}

/* Each category occupies one column with four color variants. */
.merch-category-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start}
.merch-category-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;margin:0 0 28px;color:var(--blue)}
.merch-category-items{display:grid;grid-template-columns:1fr;gap:38px}
@media(max-width:700px){.merch-category-columns{grid-template-columns:1fr;gap:50px}.merch-category-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.merch-category-title{margin-bottom:22px}}

.merch-cart-status{padding:28px 8% 0;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.merch-cart-status p{font-size:14px}.merch-item .merch-buy{font:inherit;font-size:12px;margin-top:18px;padding:12px 20px;cursor:pointer}.cart-main .detail-intro{max-width:1200px;margin:auto}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.cart-row h2{font:inherit;font-size:23px;letter-spacing:0;margin-bottom:10px}.cart-row p{font-size:14px}.cart-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cart-controls input{width:70px;padding:10px;font:inherit;border:1px solid #9aabc2}.cart-remove{border:0;background:none;text-decoration:underline;color:var(--blue);font:inherit;cursor:pointer}.cart-total{font-size:24px;margin:32px 0 12px}.cart-empty{padding:36px 0}#cart-feedback{margin-top:15px}@media(max-width:700px){.cart-row{align-items:flex-start;flex-direction:column;gap:18px}.cart-total{font-size:21px}.merch-cart-status{padding-inline:7%}}

/* Enlarged original production photo softly merges into the introduction. */
.production-layout{position:relative;isolation:isolate;grid-template-columns:1fr 1.1fr;gap:0;padding:40px 8%;overflow:hidden;min-height:650px;background:#fff}
.production-layout .detail-intro{position:relative;z-index:2;max-width:570px;padding:30px 30px 30px 0}
.production-layout .production-photo{max-width:650px;width:calc(100% + 120px);margin-left:-100px;position:relative;z-index:1}
.production-layout .production-photo img{width:100%;height:570px;max-height:none;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(to right,transparent,#000 28%,#000);mask-image:linear-gradient(to right,transparent,#000 28%,#000)}
.production-layout .production-photo figcaption{padding-left:110px}
.production-stages{padding:70px 8% 80px;background:#edf1f5}
.production-stage{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;margin-bottom:65px}
.production-stage img{width:100%;height:auto;object-fit:contain}
.production-stage h2{font-size:clamp(30px,3.4vw,48px);margin-bottom:24px}
.production-stage p:not(.eyebrow){font-size:17px;line-height:1.75}
.production-stage-reverse img{grid-column:2;grid-row:1}
.production-stage-reverse>div{grid-column:1;grid-row:1}
.production-image-note{font-size:12px;color:#52677d}
@media(max-width:700px){.production-layout{grid-template-columns:1fr;padding:30px 7% 35px;min-height:0}.production-layout .detail-intro{padding:0;max-width:none}.production-layout .production-photo{width:100%;max-width:420px;margin:10px auto 0}.production-layout .production-photo img{height:420px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000)}.production-layout .production-photo figcaption{padding-left:0}.production-stages{padding:50px 7%}.production-stage{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.production-stage-reverse img,.production-stage-reverse>div{grid-column:auto;grid-row:auto}}

/* Equal frames for the two manufacturing-stage images. */
.production-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
.production-stage img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
@media(max-width:700px){.production-stage{grid-template-columns:1fr}}

/* Full-bleed bar opening and editorial recipe sheets. */
.cocktail-opening{position:relative;display:flex;align-items:center;min-height:620px;height:min(780px,82svh);padding:75px 8%;overflow:hidden;isolation:isolate;background:#16212c}
.cocktail-opening .cocktail-bar{position:absolute;inset:0;z-index:-2;margin:0}
.cocktail-opening .cocktail-bar img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
.cocktail-opening::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.79),rgba(0,0,0,.57) 40%,rgba(0,0,0,.12) 80%)}
.cocktail-opening .cocktail-intro{max-width:670px;padding:0}
.cocktail-opening h1,.cocktail-opening .eyebrow,.cocktail-opening .detail-lead{color:#fff}
.cocktail-opening h1{font-size:clamp(42px,5.5vw,78px);text-shadow:0 2px 15px #0003}
.cocktail-opening .detail-lead{font-size:clamp(18px,1.9vw,25px);margin-top:28px}
.cocktail-main .cocktail-collection{background:#f7f8fa;background-image:none;padding:75px 8%}
.cocktail-grid{grid-template-columns:1fr;gap:40px;max-width:1150px;margin:auto}
.cocktail-heading{max-width:1150px;margin:0 auto 45px}
.cocktail-main .cocktail-card{border:0;padding:0;background:#eaf1f8;color:var(--blue);overflow:hidden}
.cocktail-card.recipe-spritz{background:#f4ede1}.cocktail-card.recipe-jardin{background:#eaf0e9}.cocktail-card.recipe-rosa{background:#f7eaf0}
.recipe-top{position:relative;min-height:340px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center}
.recipe-title{padding:36px 0 36px 42px;z-index:1}
.cocktail-card .recipe-title h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,4.3vw,62px);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:28px 0 16px}
.cocktail-card .cocktail-profile{font-size:20px;margin:0}
.recipe-photo{width:100%;height:340px;object-fit:cover;object-position:70% center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.recipe-ingredients,.recipe-preparation{margin:0 42px;padding:24px 0;border-top:1px solid #073bb530}
.cocktail-card h3{text-transform:uppercase;letter-spacing:.15em;font-size:12px;margin:0 0 22px}
.recipe-ingredients ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:20px}
.recipe-ingredients li{display:flex;flex-direction:column;gap:9px;padding-right:15px;border-right:1px solid #073bb525;font-size:16px}.recipe-ingredients li:last-child{border:0}
.ingredient-number{font-size:11px;letter-spacing:.13em;opacity:.65}
.recipe-preparation ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;counter-reset:step}
.recipe-preparation li{counter-increment:step;font-size:16px;line-height:1.6}
.recipe-preparation li:before{content:counter(step);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #073bb570;border-radius:50%;margin-bottom:14px}
@media(max-width:700px){.cocktail-opening{min-height:540px;height:auto;padding:80px 7%}.cocktail-opening .cocktail-bar img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:60% center}.cocktail-opening::after{background:linear-gradient(90deg,#000b,#0007 65%,#0003)}.cocktail-opening h1{font-size:42px}.cocktail-main .cocktail-collection{padding:50px 5%}.recipe-top{grid-template-columns:1fr;min-height:0}.recipe-title{padding:28px 25px 10px}.recipe-photo{height:250px;object-position:70% center;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%);mask-image:linear-gradient(to bottom,transparent,#000 20%)}.recipe-ingredients,.recipe-preparation{margin:0 25px;padding:22px 0}.recipe-ingredients ul{grid-template-columns:1fr 1fr;gap:20px}.recipe-preparation ol{grid-template-columns:1fr;gap:22px}.recipe-preparation li:before{float:left;margin:0 14px 0 0}.cocktail-card .recipe-title h2{font-size:39px}}

/* White editorial canvas; cocktail colors stay inside the photographs. */
.cocktail-main .cocktail-collection{background:#fff;background-image:none}
.cocktail-main .cocktail-card,.cocktail-card.recipe-spritz,.cocktail-card.recipe-jardin,.cocktail-card.recipe-rosa{background:#fff}
.cocktail-main .cocktail-card{border-bottom:1px solid #d7e0e9;padding-bottom:22px}
.cocktail-main .cocktail-grid{gap:55px}
.recipe-ingredients,.recipe-preparation{border-top-color:#d7e0e9}
.recipe-photo{-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
@media(max-width:700px){.recipe-photo{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%);mask-image:linear-gradient(to bottom,transparent,#000 25%)}}

/* S27: keep the complete logo inside the navigation row, including mobile Safari. */
header .wordmark .brand-logo{width:108px;height:72px;aspect-ratio:auto;margin:0;overflow:visible}
@media(max-width:700px){header .wordmark .brand-logo{width:72px;height:48px}}
@media(max-width:480px){header .wordmark{align-self:center}header .wordmark .brand-logo{width:66px;height:44px}header{padding-top:4px;grid-template-rows:52px 44px}}
/* Consistent, unstretched product quadrants on desktop and mobile. */
.merch-category,.merch-item{min-width:0}
.merch-products .merch-single{width:100%;height:0;padding-bottom:100%;aspect-ratio:auto;position:relative;overflow:hidden}
.merch-products .merch-single img{display:block;position:absolute;width:200%;height:200%;max-width:none;object-fit:fill;margin:0}
.merch-hero .detail-intro h1{font-size:clamp(42px,5.7vw,80px);letter-spacing:-.045em;line-height:1.08;overflow-wrap:normal}
.merch-hero .detail-lead{max-width:34em;font-size:clamp(18px,1.8vw,23px);line-height:1.65;margin-top:26px}
@media(max-width:600px){.merch-hero .detail-intro{padding:10px 0 28px}.merch-model-cutout{height:auto;max-height:440px;object-fit:contain}.merch-item .merch-buy{max-width:100%;padding-inline:12px}.merch-products .merch-item h2{font-size:18px;line-height:1.25;letter-spacing:-.02em}}

/* Collection label and cart share the top line; navy tote replaces the model. */
.merch-hero{row-gap:32px;padding-bottom:45px;min-height:0}
.merch-hero-topline{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.merch-hero-topline .eyebrow{margin:0;white-space:nowrap}
.merch-hero-cart{font-size:12px;padding:10px 18px;min-height:44px;white-space:nowrap;flex-shrink:0}
.merch-hero .detail-intro{min-width:0;padding:20px 0}
.merch-hero-tote{position:relative;width:100%;aspect-ratio:1;overflow:hidden;align-self:center;background:#e5ecf3}
.merch-hero-tote img{position:absolute;width:200%;height:200%;max-width:none;left:-100%;top:-100%;object-fit:fill}
.merch-cart-status{padding:0 8%}
.merch-cart-status #cart-feedback:empty{display:none}
@media(max-width:600px){.merch-hero{row-gap:24px;padding-bottom:30px}.merch-hero .detail-intro{padding:0}.merch-hero-topline .eyebrow{font-size:10px;letter-spacing:.12em}.merch-hero-cart{font-size:10px;padding:10px 12px}.merch-hero-tote{max-width:480px;margin:auto}.merch-hero .detail-lead{margin-top:20px}}

/* Crudo tote: inset the lower-left photo to exclude collage divider lines. */
.merch-hero-tote{border:0;outline:0;box-shadow:none}
.merch-hero-tote img{width:204%;height:204%;left:-1%;top:-103%;border:0;outline:0}

/* Beverage shopping and shared cart navigation */
header .header-cart{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-height:44px}.header-cart svg{flex:none}header .cocktail-nav-link{text-transform:uppercase}
.drink-shop{padding:80px 8%;background:#edf2f7}.drink-shop-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:40px}.drink-shop-heading>p{max-width:420px}.drink-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.drink-format{padding:32px;background:transparent;border:0;display:flex;flex-direction:column;align-items:flex-start}.drink-format .eyebrow{margin-bottom:20px}.drink-format h3{font-size:28px}.drink-format .drink-price{font-size:36px;line-height:1.2;margin-top:24px;color:#0c2446}.drink-format .drink-saving{font-size:14px;margin:16px 0 26px}.drink-format .button{margin-top:auto;cursor:pointer;width:100%}.drink-shop-note{font-size:13px;margin-top:24px}.cart-shopping-links{display:flex;gap:24px;flex-wrap:wrap}button:focus-visible{outline:3px solid #e6a63e;outline-offset:4px}
@media(max-width:800px){.drink-shop{padding:50px 6%}.drink-shop-heading{display:block}.drink-shop-heading>p{margin-top:24px}.drink-formats{grid-template-columns:1fr}.drink-format{padding:26px}.drink-format .drink-price{font-size:32px}}

/* Streetwear: beige hero only, transparent tote with retained contact shadow. */
.merch-main{background:#fff}
.merch-main .merch-hero{background:#dfddda}
.merch-main .merch-collection,.merch-main .merch-cart-status,.merch-main .detail-band{background:#fff}
.merch-main .merch-hero-tote{background:transparent;border:0;outline:0;box-shadow:none;-webkit-mask-image:none;mask-image:none}
.merch-main .merch-hero-tote img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;left:auto;top:auto}

/* Equal product-card rhythm keeps each photo row aligned across categories. */
.merch-category-items .merch-item{display:flex;flex-direction:column;min-width:0}
.merch-category-items .merch-single{width:100%;aspect-ratio:1;flex:none}
.merch-category-items .merch-item h2{height:2.6em;line-height:1.3;margin:18px 0 10px;font-size:23px}
.merch-category-items .merch-item>p{margin-top:0;line-height:1.6}
.merch-category-items .merch-item .merch-price{margin-top:15px}
.merch-category-items .merch-buy{align-self:flex-start;margin-top:18px}
@media(max-width:600px){.merch-category-items .merch-item h2{font-size:18px;line-height:1.3;height:2.6em}}

/* Club Souda: softer light and warmer tones alongside the Vespa cover. */
.club-beach-link img{filter:sepia(.18) saturate(.82) brightness(.90) contrast(.96)}

/* Give the original production photo more space toward the right edge. */
@media(min-width:701px){.production-layout .production-photo{width:calc(100% + 160px);max-width:730px;margin-left:-100px;margin-right:0}}

/* Full photographs, proportional rows, no colored frame or gutters. */
.history-collage{display:block;width:100%;height:auto;padding:0;margin:0;background:transparent;line-height:0}
.history-collage-row{display:flex;gap:0;align-items:flex-start}
.history-collage .history-tile{flex:var(--photo-ratio) 1 0%;min-width:0;margin:0;padding:0;border:0;overflow:visible}
.history-collage .history-tile img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:sepia(.12) saturate(.86) brightness(.96)}
@media(max-width:700px){.history-collage{columns:2;column-gap:0}.history-collage-row{display:contents}.history-collage .history-tile{display:inline-block;width:100%;break-inside:avoid;vertical-align:top}}

/* Navigation and the combined history composition. */
header .header-cart,header .header-cart:hover{border:0;text-decoration:none;justify-content:center;width:44px;padding:0;box-shadow:none}
header .header-cart svg{width:23px;height:23px}
.history-scene{display:grid;isolation:isolate;position:relative;background:#18334c}
.history-scene>.history-collage,.history-scene>.history-overlay{grid-area:1/1;min-width:0}
.history-scene>.history-collage{align-self:center;z-index:0}
.history-scene:after{content:'';grid-area:1/1;z-index:1;background:linear-gradient(90deg,rgba(8,25,40,.88),rgba(8,25,40,.73) 52%,rgba(8,25,40,.35));pointer-events:none}
.history-scene .history-overlay{z-index:2;align-self:center;max-width:1050px;padding:65px 8%;color:#fff}
.history-overlay h1,.history-overlay h2,.history-overlay .eyebrow,.history-overlay .editorial-link{color:#fff}
.history-overlay h1{font-size:clamp(36px,5vw,68px)}
.history-overlay .detail-lead{font-size:clamp(18px,1.8vw,24px);margin:25px 0;max-width:720px}
.history-overlay .origin-attributes{color:#fff;justify-content:flex-start}
.history-overlay .origin-attributes li{border-color:#ffffff80;color:#fff}
.history-overlay .origin-attributes strong,.history-overlay .origin-attributes span{color:#fff}
.history-essence{margin-top:32px}.history-essence h2{font-size:clamp(28px,3vw,43px);letter-spacing:-.03em}.history-essence .editorial-link{margin-top:14px}
.trade-main>.detail-intro{padding-bottom:55px}.trade-main h1{font-size:clamp(38px,5.6vw,76px)}
.trade-places>h2{padding:0 9%;font:500 clamp(15px,1.7vw,21px)/1.3 Arial,sans-serif;letter-spacing:.12em;color:var(--blue)}
.trade-places .trade-grid{padding-top:32px}.trade-places article{border:0;padding:0;min-width:0}
.trade-places article>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.trade-contact{gap:7%;align-items:start}.trade-contact>div>p{margin-top:24px}
.trade-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.trade-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.1em}
.trade-form input{width:100%;min-width:0;padding:13px 12px;border:1px solid #b3c3d6;border-radius:0;background:#fff;color:var(--blue);font:16px Arial,sans-serif}
.trade-form input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.trade-form .form-note,.trade-form #form-status{grid-column:1/-1;font-size:13px;letter-spacing:0;margin:0}
.trade-form .button{margin:0;cursor:pointer;justify-self:start}.trade-form .button:disabled{opacity:.6;cursor:wait}
@media(max-width:700px){.history-scene .history-overlay{padding:45px 7%}.history-scene>.history-collage{align-self:stretch;columns:2}.history-scene:after{background:rgba(8,25,40,.76)}.history-overlay .origin-attributes{flex-wrap:wrap}.trade-places>h2{padding-inline:7%}.trade-contact{grid-template-columns:1fr;gap:35px}.trade-main>.detail-intro{padding-bottom:40px}}
@media(max-width:380px){.trade-form{grid-template-columns:1fr}.history-overlay h1{font-size:32px}}

/* October update: existing photographs and purchase actions preserved. */
#inicio .project-phone .button{display:inline-flex;margin:0;padding:18px 32px;white-space:normal;text-decoration:none;text-shadow:none;color:#fff;line-height:1.6;text-align:center}
.showroom-editorial-copy{min-width:0}.showroom-editorial-copy>p{margin-top:28px;max-width:34em}
.showroom-editorial .editorial-contacts{flex-direction:column;align-items:flex-start;gap:18px;margin-top:30px}
.showroom-editorial .editorial-contacts a{display:inline-flex;align-items:center;gap:13px;border:0;text-decoration:none;padding:0;max-width:100%;overflow-wrap:anywhere}
.editorial-contacts svg{width:22px;height:22px;flex:none}.editorial-contacts span{min-width:0}
.trade-photo{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/3}
.trade-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.trade-photo:after{content:'';position:absolute;inset:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(to bottom,transparent 45%,rgba(247,248,250,.08) 65%,rgba(247,248,250,.55));-webkit-mask-image:linear-gradient(to bottom,transparent 45%,#000 100%);mask-image:linear-gradient(to bottom,transparent 45%,#000 100%)}
.merch-category-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.merch-products .merch-category-items .merch-single{width:100%;height:auto;padding:0;aspect-ratio:1/1;flex:0 0 auto}
.merch-products .merch-single img{width:200%;height:200%;object-fit:fill}
@media(max-width:800px){.showroom-editorial-space{display:none}}
@media(max-width:700px){.merch-category-columns{grid-template-columns:1fr}.merch-category-items{grid-template-columns:repeat(2,minmax(0,1fr))}#inicio .project-phone .button{padding:17px 24px}.showroom-editorial .editorial-contacts{gap:16px}}

/* Club Souda: translucent event link and dedicated announcement page. */
.club-beach{position:relative}
.club-events-link{position:absolute;top:56%;left:50%;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:86%;padding:13px 28px;border:1px solid rgba(7,59,181,.75);border-radius:999px;background:rgba(247,248,250,.18);color:var(--blue);font-size:13px;font-weight:500;letter-spacing:.09em;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;transition:background .2s}
.club-events-link:hover{background:rgba(247,248,250,.38)}
.events-main{min-height:80vh;display:grid;place-items:center;background:var(--paper)}
.events-coming{padding:100px 7%;text-align:center;width:100%;max-width:1000px}
.events-coming .eyebrow{margin-bottom:26px;font-size:12px}
.events-coming h1{font-family:Georgia,serif;font-style:italic;font-size:clamp(56px,9vw,116px);letter-spacing:-.045em;line-height:1.12}
.events-coming>p:not(.eyebrow){margin:30px auto 0;max-width:440px;font-size:18px;line-height:1.65}
.events-coming .editorial-link{display:inline-block;margin-top:36px}
@media(max-width:600px){.club-events-link{padding:11px 20px;min-height:44px;font-size:11px;letter-spacing:.07em}.events-coming{padding:70px 7%}.events-coming .eyebrow{font-size:10px}.events-coming>p:not(.eyebrow){font-size:16px}}
@media(prefers-reduced-motion:reduce){.club-events-link{transition:none}}

/* Streetwear contact rows. */
.streetwear-contacts{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:60px 8% 75px;background:#fff;color:var(--blue)}
.streetwear-contacts a{display:inline-flex;align-items:center;gap:14px;min-height:44px;max-width:100%;color:var(--blue);font-size:17px;line-height:1.5;text-decoration:none;border:0}
.streetwear-contacts svg{width:23px;height:23px;flex:none}.streetwear-contacts span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.streetwear-contacts{padding:40px 7% 50px;gap:12px}.streetwear-contacts a{font-size:16px}}

.trade-photo.trade-photo-clear:after{display:none}

.trade-photo.trade-photo-contain{display:flex;align-items:center;justify-content:center;background:var(--paper)}
.trade-photo.trade-photo-contain>img{width:100%;height:100%;object-fit:contain;object-position:center}

/* Cocktail introduction with text left and the original portrait right. */
.cocktail-main .cocktail-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7%;min-height:0;height:auto;padding:65px 8%;background:var(--paper);overflow:visible}
.cocktail-main .cocktail-opening:after{display:none}
.cocktail-main .cocktail-opening .cocktail-intro{max-width:none;min-width:0;padding:0}
.cocktail-main .cocktail-opening h1,.cocktail-main .cocktail-opening .eyebrow,.cocktail-main .cocktail-opening .detail-lead{color:var(--blue);text-shadow:none}
.cocktail-main .cocktail-opening h1{font-size:clamp(36px,4.5vw,65px);letter-spacing:-.04em;overflow-wrap:normal}
.cocktail-main .cocktail-opening .cocktail-bar{position:static;inset:auto;z-index:auto;margin:0;min-width:0}
.cocktail-main .cocktail-opening .cocktail-bar img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;object-position:center;margin:0}
@media(max-width:700px){.cocktail-main .cocktail-opening{grid-template-columns:1fr;gap:32px;padding:40px 7% 50px}.cocktail-main .cocktail-opening h1{font-size:clamp(34px,8vw,52px)}.cocktail-main .cocktail-opening .detail-lead{font-size:18px;margin-top:24px}}

/* Align the cocktail introduction with the top of its photograph. */
.cocktail-main .cocktail-opening{align-items:start;background:#e3eaf0}
.cocktail-main .cocktail-opening .cocktail-intro{align-self:start}

/* Match the header clearance so no differently colored strip is exposed. */
.cocktail-main{padding-top:88px;background:linear-gradient(to bottom,#e3eaf0 0 160px,#fff 160px)}
@media(max-width:700px){.cocktail-main{padding-top:76px}}
@media(max-width:480px){.cocktail-main{padding-top:104px}}

/* A photo beneath the introduction, with both columns sharing their edges. */
.cocktail-main .cocktail-opening{align-items:stretch}
.cocktail-secondary{margin:32px 0 0;width:100%}
.cocktail-secondary img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.cocktail-main .cocktail-opening .cocktail-bar{position:relative;align-self:stretch}
.cocktail-main .cocktail-opening .cocktail-bar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:700px){.cocktail-secondary{margin-top:28px}.cocktail-main .cocktail-opening .cocktail-bar{position:static}.cocktail-main .cocktail-opening .cocktail-bar img{position:static;width:100%;height:auto;object-fit:contain}}

/* A discreet translucent phone action on the home photograph. */
#inicio .project-phone .button{min-height:44px;padding:10px 20px;font-size:12px;letter-spacing:.035em;background:rgba(23,60,85,.16);border:1px solid rgba(255,245,228,.65);color:#fff5e4}
#inicio .project-phone .button:hover{background:rgba(23,60,85,.30)}
@media(max-width:600px){#inicio .project-phone .button{padding:10px 18px;font-size:12px;color:#173c55;border-color:rgba(23,60,85,.55);background:rgba(247,248,250,.12)}#inicio .project-phone .button:hover{background:rgba(23,60,85,.12)}}

/* Complete horizontal Capri cover, with a restrained warm finish. */
#inicio.hero-full{height:auto;min-height:0;aspect-ratio:auto;background:#e3eaf0}
#inicio .cover-image{display:block;position:static;width:100%;height:auto;max-height:none;object-fit:contain;filter:brightness(.90) saturate(.92) contrast(.97)}
#inicio .cover-copy{background:linear-gradient(90deg,rgba(15,37,47,.57),rgba(15,37,47,.29) 40%,transparent 72%)}
@media(max-width:900px){#inicio .cover-copy{background:#e3eaf0}}

/* Balanced exposure for the alternative boat photograph. */
#inicio .cover-image{filter:brightness(.96) saturate(.94) contrast(.98)}

/* Club Souda: centered signature and understated event link. */
.club-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;line-height:1.2;color:var(--blue)}
.club-caption .club-title{display:flex;flex-direction:column;align-items:center;margin:0;font-weight:400;text-align:center;text-shadow:0 1px 12px rgba(255,255,255,.2)}
.club-title span{font-family:Georgia,serif;font-size:clamp(16px,2.3vw,34px);letter-spacing:.3em;padding-left:.3em;line-height:1.1}
.club-title em{font-family:"Snell Roundhand","Apple Chancery","URW Chancery L",cursive;font-size:clamp(58px,9vw,138px);font-weight:400;line-height:.95;letter-spacing:-.06em;margin-top:-.04em}
.club-caption .club-events-link{position:static;transform:none;min-height:44px;margin:8px 0 0;padding:10px 6px;max-width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:11px;letter-spacing:.1em;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.club-caption .club-events-link:hover{background:transparent;text-decoration-thickness:2px}
.club-beach-link img{filter:none}
@media(max-width:600px){.club-caption .club-events-link{font-size:10px;margin-top:2px;padding:10px 5px}.club-title em{font-size:clamp(58px,14vw,84px)}}

/* Preserve the original interlocking Club Souda signature. */
#club-souda{width:100%;max-width:none;margin:0;overflow:hidden}
#club-souda .club-beach-link img{width:100%;height:auto;object-fit:contain}
#club-souda .club-caption{justify-content:flex-start;padding-top:19%;pointer-events:none}
#club-souda .club-title{width:38%;line-height:0}
#club-souda .club-original-wordmark{display:block;width:100%;height:auto;object-fit:contain}
#club-souda .club-events-link{pointer-events:auto;margin-top:4px}
@media(max-width:600px){#club-souda .club-title{width:44%}#club-souda .club-caption{padding-top:15%}#club-souda .club-events-link{font-size:9px;margin-top:0}}

/* White Club Souda signature and event link; photo spans the full section. */
#club-souda .club-original-wordmark{filter:brightness(0) invert(1)}
#club-souda .club-events-link{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35)}

/* Club Souda: transparent events button, with the photo visible through it. */
#club-souda .club-events-link{min-height:32px;padding:6px 16px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:transparent;color:#fff;text-decoration:none;font-size:10px;letter-spacing:.06em;margin-top:8px}
#club-souda .club-events-link:hover{background:rgba(255,255,255,.12);text-decoration:none}
#club-souda .club-events-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:600px){#club-souda .club-events-link{min-height:29px;font-size:9px;padding:5px 13px;margin-top:4px}}

/* Sparkling Drinks: a single panoramic photograph, without cropping. */
.cocktail-main .cocktail-opening{display:block;padding:48px 0 0;background:#e3eaf0}
.cocktail-main .cocktail-opening .cocktail-intro{padding:0 8% 40px;max-width:none}
.cocktail-main .cocktail-opening .cocktail-intro .detail-lead{max-width:790px}
.cocktail-main .cocktail-opening .cocktail-bar{position:static;margin:0;width:100%}
.cocktail-main .cocktail-opening .cocktail-bar img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:700px){.cocktail-main .cocktail-opening{padding:32px 0 0}.cocktail-main .cocktail-opening .cocktail-intro{padding:0 7% 30px}}

/* Coctelería copy sits within the panoramic bar photograph. */
.cocktail-main .cocktail-opening{position:relative;display:grid;grid-template-columns:1fr;padding:0;overflow:hidden;isolation:isolate}
.cocktail-main .cocktail-opening .cocktail-bar{grid-area:1/1;position:static;z-index:0}
.cocktail-main .cocktail-opening .cocktail-bar img{width:100%;height:auto;min-height:460px;object-fit:cover}
.cocktail-main .cocktail-opening::after{display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,12,16,.58),rgba(8,12,16,.2) 55%,transparent 85%)}
.cocktail-main .cocktail-opening .cocktail-intro{grid-area:1/1;position:relative;z-index:2;align-self:center;width:100%;max-width:800px;padding:50px 0 50px 8vw}
.cocktail-main .cocktail-opening h1,.cocktail-main .cocktail-opening .eyebrow,.cocktail-main .cocktail-opening .detail-lead{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.cocktail-main .cocktail-opening .detail-lead{max-width:560px}
@media(max-width:700px){.cocktail-main .cocktail-opening{padding:0}.cocktail-main .cocktail-opening .cocktail-intro{padding:40px 7%;max-width:100%}.cocktail-main .cocktail-opening .cocktail-bar img{height:560px;min-height:0;object-fit:cover;object-position:55% center}.cocktail-main .cocktail-opening .detail-lead{max-width:420px;font-size:18px}.cocktail-main .cocktail-opening::after{background:linear-gradient(90deg,rgba(8,12,16,.65),rgba(8,12,16,.2))}}

/* Capri cover: gently soften the light while preserving the original colors. */
#inicio .cover-image{filter:brightness(.96)}

/* Orient the supplied sideways photo horizontally and fill the opening screen. */
#inicio.hero-full{--cover-height:calc(100svh - 88px);position:relative;display:block;height:var(--cover-height);min-height:560px;padding:0;overflow:hidden}
#inicio .cover-image{position:absolute;left:50%;top:50%;width:max(var(--cover-height),560px);height:100vw;max-width:none;max-height:none;transform:translate(-50%,-50%) rotate(-90deg);object-fit:cover;filter:brightness(.96)}
#inicio .cover-copy{position:absolute;inset:0;margin:0;padding:65px 7%;display:flex;align-items:center;background:linear-gradient(90deg,rgba(15,37,47,.58),rgba(15,37,47,.25) 45%,transparent 80%);color:#fff5e4}
#inicio .cover-copy h1,#inicio .cover-copy .eyebrow,#inicio .cover-copy .project-description{color:#fff5e4}
@media(max-width:700px){#inicio.hero-full{--cover-height:calc(100svh - 76px);min-height:560px;padding:0}#inicio .cover-copy{padding:40px 7%;background:linear-gradient(90deg,rgba(15,37,47,.58),rgba(15,37,47,.2))}}
@media(max-width:480px){#inicio.hero-full{--cover-height:calc(100svh - 104px)}}

/* New landscape cover: natural orientation and full-screen framing. */
#inicio .cover-image{width:100%;height:100%;left:0;top:0;transform:none;object-fit:cover;object-position:center;filter:brightness(.96)}
/* Scroll-driven bubble reveal, progressively enhanced and motion-aware. */
.bubble-scroll{height:190svh;position:relative}
.bubble-scroll #inicio.hero-full{position:sticky;top:88px;height:calc(100svh - 88px);min-height:0;isolation:isolate}
#inicio .hero-bubble-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
#inicio.bubble-enhanced .cover-copy{z-index:3}
.bubble-scroll-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:4;margin:0;color:white;font-size:10px;letter-spacing:.16em;text-align:center;pointer-events:none;text-shadow:0 1px 6px #17344255;white-space:nowrap}
.bubble-scroll.bubble-disabled{height:auto}.bubble-disabled .hero-bubble-canvas,.bubble-disabled .bubble-scroll-hint{display:none}
@media(max-width:700px){.bubble-scroll{height:175svh}.bubble-scroll #inicio.hero-full{top:76px;height:calc(100svh - 76px)}.bubble-scroll-hint{font-size:8px;bottom:18px}}
@media(max-width:480px){.bubble-scroll #inicio.hero-full{top:104px;height:calc(100svh - 104px)}}
@media(prefers-reduced-motion:reduce){.bubble-scroll{height:auto}.hero-bubble-canvas,.bubble-scroll-hint{display:none}}
/* Editorial aperture: one expanding photographic window with fine effervescence. */
.editorial-reveal-scroll{height:170svh}
#inicio.hero-full.editorial-reveal{background:#dce8ec;--reveal-ink:#073bb5;--reveal-shade:0}
#inicio.editorial-reveal .cover-image{clip-path:ellipse(24% 43% at 70% 50%);transform:scale(1.045);will-change:clip-path,transform}
#inicio.editorial-reveal .cover-copy{z-index:3;background:linear-gradient(90deg,rgba(15,37,47,var(--reveal-shade)),transparent 85%);color:var(--reveal-ink)}
#inicio.editorial-reveal .cover-copy h1,#inicio.editorial-reveal .cover-copy .eyebrow,#inicio.editorial-reveal .cover-copy .project-description{color:var(--reveal-ink);text-shadow:none}
#inicio.editorial-reveal .project-phone a{background:rgba(255,255,255,.09);border:1px solid currentColor;color:var(--reveal-ink)}
.editorial-effervescence{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.editorial-effervescence i{position:absolute;display:block;border:1px solid rgba(7,59,181,.38);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffb0,transparent 50%);box-shadow:inset 0 -1px 2px #ffffff80}
#inicio.editorial-reveal .bubble-scroll-hint{color:var(--reveal-ink);font-size:9px;letter-spacing:.24em;text-shadow:none}
.bubble-disabled .editorial-effervescence{display:none}
@media(max-width:700px){.editorial-reveal-scroll{height:165svh}#inicio.editorial-reveal .cover-image{clip-path:ellipse(39% 43% at 70% 50%)}#inicio.editorial-reveal .cover-copy{background:linear-gradient(90deg,rgba(15,37,47,var(--reveal-shade)),transparent)}#inicio.editorial-reveal .bubble-scroll-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){#inicio .cover-image{will-change:auto}.editorial-effervescence{display:none}}

/* The existing history photographs form the opening collage. */
#inicio .cover-history-collage{display:flex;flex-direction:column;columns:auto;line-height:0;padding:0;margin:0;overflow:hidden;background:#dce8ec}
#inicio .cover-history-collage .history-collage-row{display:flex;flex:1;min-height:0;gap:0;align-items:stretch}
#inicio .cover-history-collage .history-tile{display:block;flex:var(--photo-ratio) 1 0%;width:auto;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}
#inicio .cover-history-collage .history-tile img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.12) saturate(.86) brightness(.96)}
@media(max-width:700px){#inicio .cover-history-collage .history-collage-row{display:flex}#inicio .cover-history-collage .history-tile{display:block;width:auto}}

/* The lemon-tree scroll reveal now belongs to Our Story. */
#history-reveal{position:relative;display:block;height:calc(100svh - 88px);min-height:650px;overflow:hidden;isolation:isolate;background:#18334c}
#history-reveal>.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.96)}
#history-reveal:after{display:none}
#history-reveal .history-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1050px;padding:45px 8%;background:linear-gradient(90deg,#081928b3,transparent);z-index:3}
.editorial-reveal-scroll #history-reveal{position:sticky;top:88px;height:calc(100svh - 88px);min-height:0}
#history-reveal.editorial-reveal{background:#dce8ec;--reveal-ink:#073bb5;--reveal-shade:0}
#history-reveal.editorial-reveal>.cover-image{clip-path:ellipse(24% 43% at 70% 50%);transform:scale(1.045);will-change:clip-path,transform}
#history-reveal.editorial-reveal .history-overlay{background:linear-gradient(90deg,rgba(15,37,47,var(--reveal-shade)),transparent 85%);color:var(--reveal-ink)}
#history-reveal.editorial-reveal .history-overlay h1,#history-reveal.editorial-reveal .history-overlay .eyebrow,#history-reveal.editorial-reveal .history-overlay .detail-lead,#history-reveal.editorial-reveal .origin-attributes li,#history-reveal.editorial-reveal .origin-attributes strong,#history-reveal.editorial-reveal .origin-attributes span,#history-reveal.editorial-reveal .editorial-link{color:var(--reveal-ink)}
#history-reveal.editorial-reveal .origin-attributes li{border-color:currentColor}
#history-reveal.editorial-reveal .bubble-scroll-hint{color:var(--reveal-ink);text-shadow:none;font-size:9px;letter-spacing:.2em}
@media(max-width:700px){#history-reveal,.editorial-reveal-scroll #history-reveal{top:76px;height:calc(100svh - 76px);min-height:0}#history-reveal .history-overlay{padding:30px 7% 60px}#history-reveal .history-overlay h1{font-size:clamp(30px,7.5vw,45px)}#history-reveal .detail-lead{font-size:17px;line-height:1.5;margin:20px 0}#history-reveal .eyebrow{margin-bottom:20px}#history-reveal .origin-attributes{margin:10px 0 20px;gap:8px}#history-reveal .origin-attributes li{padding:8px 10px}#history-reveal .history-essence{margin:0}}
@media(max-width:480px){#history-reveal,.editorial-reveal-scroll #history-reveal{top:104px;height:calc(100svh - 104px)}}
@media(prefers-reduced-motion:reduce){#history-reveal .cover-image{will-change:auto}}

/* Full photographs: let the opening collage determine the page height. */
#inicio.hero-full{height:auto;min-height:0;overflow:hidden}
#inicio .cover-history-collage{position:relative;inset:auto;display:block;width:100%;height:auto;max-height:none;transform:none;columns:auto;filter:none}
#inicio .cover-history-collage .history-collage-row{display:flex;flex:none;align-items:flex-start;height:auto;gap:0}
#inicio .cover-history-collage .history-tile{flex:var(--photo-ratio) 1 0%;height:auto;overflow:visible}
#inicio .cover-history-collage .history-tile img{width:100%;height:auto;max-height:none;object-fit:contain}
#inicio .cover-copy{align-items:flex-start;padding-top:65px;background:linear-gradient(90deg,rgba(15,37,47,.58),rgba(15,37,47,.18) 48%,transparent 80%)}
/* Our Story is a static image and text section, without a scroll reveal. */
#history-reveal{position:relative;top:auto}
@media(max-width:700px){#inicio .cover-history-collage{columns:2;column-gap:0}#inicio .cover-history-collage .history-collage-row{display:contents}#inicio .cover-history-collage .history-tile{display:inline-block;width:100%;break-inside:avoid;vertical-align:top}#inicio .cover-copy{padding:40px 7%;align-items:flex-start}#history-reveal{position:relative;top:auto}}
@media(max-width:480px){#history-reveal{top:auto}}

/* Center the opening copy vertically within the first screen, aligned left. */
#inicio .cover-copy{inset:0 0 auto;height:min(100%,calc(100svh - 88px));min-height:0;align-items:center;justify-content:flex-start;padding:45px 7%;text-align:left}
@media(max-width:700px){#inicio .cover-copy{height:min(100%,calc(100svh - 76px));align-items:center;padding:35px 7%}}
@media(max-width:480px){#inicio .cover-copy{height:min(100%,calc(100svh - 104px))}}

/* Keep the opening photographs clear; contrast belongs only to the lettering. */
#inicio .cover-copy{background:transparent}
#inicio .cover-copy h1,#inicio .cover-copy .eyebrow,#inicio .cover-copy .project-description{text-shadow:0 1px 5px rgba(15,37,47,.4)}

/* Contact: existing brand palette, with a clear mobile-first reading order. */
.contact-page{background:#fff;padding-bottom:90px}
.contact-page-heading{padding:65px 9% 55px}
.contact-page-heading h1{font-size:clamp(42px,6vw,82px)}
.contact-page-heading>p{font-size:clamp(24px,3vw,38px);margin-top:25px;line-height:1.25}
.contact-page-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:0 9%}
.contact-page-sections h2{font-size:12px;letter-spacing:.14em;font-weight:700;margin-bottom:22px}
.contact-page-sections a{display:block;width:fit-content;font-size:clamp(17px,1.6vw,23px);line-height:1.6;margin:9px 0;text-decoration:none}
.contact-page-sections a:hover{opacity:.75}
.contact-page-sections #telefonos{scroll-margin-top:140px}
/* Bold condensed lettering follows the SOUDA wordmark's typographic character. */
.events-coming h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-style:italic;font-weight:900;font-stretch:condensed;font-size:clamp(40px,9vw,106px);letter-spacing:-.035em;line-height:1.1}
.drink-page .detail-split{align-items:start}
.drink-page .detail-split>div{position:relative;padding-top:18px}
.drink-page .detail-split .eyebrow{position:absolute;bottom:100%;margin-bottom:10px}
.drink-page .drink-subtitle{font-size:clamp(19px,2vw,27px);line-height:1.4;margin-top:24px}
@media(max-width:700px){
 .contact-page{padding-bottom:60px}
 .contact-page-heading{padding:42px 7% 45px}
 .contact-page-sections{grid-template-columns:1fr;gap:34px;padding:0 7%}
 .contact-page-sections h2{margin-bottom:14px}
 .contact-page-sections a{min-height:44px;display:flex;align-items:center}
 .drink-page .detail-split>div{padding-top:0}
 .drink-page .detail-split .eyebrow{position:static;margin-bottom:18px}
}

/* Translucent navigation: soften the scenery, keep the lettering crisp. */
header{background:rgba(247,250,253,.58);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(7,59,181,.08)}
header .menu-panel{background:rgba(247,250,253,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(7,59,181,.12)}

/* Center the whole text block against the full collage at every viewport width. */
#inicio .cover-copy{position:absolute;inset:0;height:100%;min-height:0;display:flex;align-items:center;justify-content:flex-start;padding:0 7%;margin:0;transform:none}

/* Local lettering contrast, without placing a veil over the photographs. */
#inicio .cover-copy h1,#inicio .cover-copy .eyebrow,#inicio .cover-copy .project-description{text-shadow:0 1px 2px rgba(12,29,40,.75),0 3px 10px rgba(12,29,40,.55),0 0 22px rgba(12,29,40,.3)}

.drink-page .drink-story{font-size:clamp(16px,1.35vw,19px);line-height:1.75;max-width:540px;margin-top:28px;text-wrap:pretty}
@media(max-width:700px){.drink-page .drink-story{margin-top:22px;font-size:16px}}

/* Let the expanded origin story determine its height, including on small screens. */
#history-reveal{height:auto;min-height:max(650px,calc(100svh - 88px))}
#history-reveal .history-overlay{position:relative;inset:auto;width:100%;min-height:inherit}
#history-reveal .history-story{max-width:720px}
#history-reveal .history-story .detail-lead{font-size:clamp(17px,1.5vw,21px);line-height:1.6;margin:0 0 18px}
#history-reveal .history-story .detail-lead:last-child{margin-bottom:25px}
@media(max-width:700px){#history-reveal{min-height:calc(100svh - 76px)}#history-reveal .history-story .detail-lead{font-size:17px;line-height:1.5;margin-bottom:16px}}

/* Targeted contrast for the origin story, preserving its photographic background. */
#history-reveal .history-overlay h1{text-shadow:0 2px 3px rgba(8,25,40,.65),0 4px 16px rgba(8,25,40,.45)}
#history-reveal .history-story .detail-lead{text-shadow:0 1px 2px rgba(8,25,40,.8),0 3px 9px rgba(8,25,40,.5)}

/* Vintage treatment for the original Vespa photograph within the opening collage. */
#inicio .cover-history-collage .history-tile-vespa img{filter:sepia(.2) saturate(.72) brightness(.93) contrast(.92)}

/* Align the Streetwear introduction with the top of the tote silhouette. */
@media(min-width:601px){.merch-main .merch-hero .detail-intro{align-self:start;padding:0}}

/* Mobile collage: explicit columns avoid fragmented figures in mobile browsers. */
@media(max-width:700px){
#inicio .cover-history-collage{display:flex;flex-direction:row;align-items:flex-start;columns:auto;gap:0;overflow:visible}
#inicio .cover-history-collage .history-collage-row{display:flex;flex-direction:column;flex:1 1 50%;width:50%;min-width:0;gap:0}
#inicio .cover-history-collage .history-tile{display:block;flex:none;width:100%;height:auto;break-inside:auto}
#inicio .cover-history-collage .history-tile img{display:block;width:100%;height:auto;object-fit:contain}
}
/* White outlined contact button over the opening collage. */
#inicio .project-phone .project-form-link{color:#fff;border-color:#fff;background:transparent;text-shadow:0 1px 4px #0c1d2866}
#inicio .project-phone .project-form-link:hover{color:#fff;border-color:#fff;background:#ffffff18}

.mobile-cover-mosaic{display:none}
@media(max-width:700px){
#inicio .cover-history-collage{display:none}
#inicio .mobile-cover-mosaic{display:block;position:relative;width:100%;height:auto;line-height:0;margin:0;padding:0}
#inicio .mobile-mosaic-row{display:flex;width:100%;gap:0;align-items:flex-start;margin:0;padding:0}
#inicio .mobile-cover-mosaic .history-tile{display:block;flex:var(--photo-ratio) 1 0%;min-width:0;margin:0;padding:0;border:0;overflow:hidden}
#inicio .mobile-cover-mosaic img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:sepia(.12) saturate(.86) brightness(.96)}
#inicio .mobile-cover-mosaic .history-tile-vespa img{filter:sepia(.2) saturate(.72) brightness(.93) contrast(.92)}
#inicio .cover-copy,#inicio .project-copy{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
#inicio .cover-copy h1{font-size:clamp(30px,7.8vw,52px);max-width:100%;letter-spacing:-.045em}
#inicio .cover-copy .project-description{font-size:clamp(16px,4.4vw,22px);line-height:1.5;max-width:100%}
header .primary-nav{justify-content:center;gap:24px;flex:1;white-space:nowrap}
}
@media(max-width:480px){header .primary-nav{justify-content:center;gap:28px;font-size:12px}.site-menu .menu-panel{left:50%;transform:translateX(-20%);right:auto;max-width:calc(100vw - 32px)}}
/* Compact single-line smartphone navigation. */
@media(max-width:700px){
header{height:60px;min-height:60px;display:flex;align-items:center;flex-wrap:nowrap;padding:0 12px;gap:8px}
header .wordmark{flex:0 0 auto;align-self:center;grid-area:auto}
header .wordmark .brand-logo{width:60px;height:40px;margin:0}
header .primary-nav{display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:center;gap:clamp(12px,4vw,24px);font-size:clamp(10px,2.7vw,12px);letter-spacing:0;grid-area:auto;white-space:nowrap}
header .site-menu summary,header .cocktail-nav-link{display:flex;align-items:center;min-height:44px;padding:0;line-height:1.2}
header .header-cart{flex:0 0 32px;justify-content:center;min-height:44px;padding:0;grid-area:auto}
header .header-cart svg{width:21px;height:21px}
header .site-menu .menu-panel{left:0;right:auto;transform:none;width:min(245px,calc(100vw - 32px));max-width:calc(100vw - 32px);top:100%}
html{scroll-padding-top:72px}
.hero.hero-full,#inicio.hero-full,.detail-main,.cocktail-main{padding-top:60px}
}
/* Glass contact button matching the main navigation. */
#inicio .project-phone .project-form-link{background:rgba(247,250,253,.58);color:var(--blue);border-color:rgba(247,250,253,.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-shadow:none}
#inicio .project-phone .project-form-link:hover{background:rgba(247,250,253,.76);color:var(--blue);border-color:rgba(247,250,253,.8)}