@charset "UTF-8";
:root{--wine:#611c32;--ink:#262322;--paper:#fffdfa;--soft:#f2eee9;--line:#ded8d1;--muted:#65605c;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b56236;outline-offset:5px}button{font:inherit}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-weight:400}h1,h2{font-family:var(--serif);line-height:1.08;letter-spacing:-.04em}h2{font-size:clamp(2.3rem,4vw,4rem)}.skip{position:fixed;left:15px;top:-70px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.announcement{text-align:center;background:var(--wine);color:white;font-size:.8rem;letter-spacing:.075em;padding:9px 18px}.header{height:114px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;background:var(--paper);border-bottom:1px solid var(--line)}.wordmark{display:flex;flex-direction:column;align-items:center;line-height:1}.wordmark span{font-size:.7rem;letter-spacing:.33em;margin-bottom:5px}.wordmark strong{font:italic 2.3rem var(--serif);letter-spacing:-.055em;color:var(--wine)}.wordmark small{font-size:.65rem;letter-spacing:.4em;margin-top:6px}.header nav{display:flex;gap:34px;font-size:.9rem}.header nav a{border-bottom:1px solid transparent;padding:9px 0}.header nav a:hover{border-bottom-color:var(--wine)}.header-contact{font-size:.9rem;border:1px solid var(--line);padding:10px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:635px}.hero-copy{padding:90px 10% 35px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.17em;margin-bottom:25px;color:var(--wine)}h1{font-size:clamp(3rem,4.5vw,5.2rem)}h1 em{color:var(--wine)}.hero-copy>p:not(.eyebrow){max-width:440px;color:var(--muted);margin:28px 0 32px;line-height:1.8}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:13px 25px;background:var(--wine);color:white;font-size:.88rem;border:1px solid var(--wine);transition:background .2s}.button:hover{background:#411222}.text-link{font-size:.88rem;text-decoration:underline;text-underline-offset:7px}.hero-note{margin-top:70px;padding-top:21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.hero-editorial{background:var(--wine);color:white;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.editorial-number{font:7rem var(--serif);opacity:.5}.hero-editorial p{font:clamp(3rem,5vw,5rem)/1.1 var(--serif)}.hero-editorial>span:last-child{font-size:.75rem;letter-spacing:.15em}.brand-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:25px;justify-content:space-around;align-items:center;padding:35px 5%;flex-wrap:wrap}.brand-ribbon span{font-size:1.3rem;font-weight:600;letter-spacing:.07em}.section{padding:90px 6%}.intro{text-align:center;max-width:850px;margin:auto}.intro>p:last-child{max-width:650px;margin:25px auto 0;color:var(--muted)}.visit{background:var(--soft)}.visit h2{margin-bottom:25px}.visit .button{margin-top:30px}footer{padding:50px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:.9rem}footer>small{font-size:.75rem;color:var(--muted)}
@media(max-width:900px){.header{height:auto;min-height:100px;padding:22px 5%;flex-wrap:wrap}.header nav{gap:20px;order:3;width:100%;justify-content:center}.hero-copy{padding:65px 9% 30px}.hero-note{margin-top:45px}.hero-editorial{padding:40px}.section{padding:65px 6%}.header-contact{font-size:.8rem}}
@media(max-width:620px){.hero{grid-template-columns:1fr}.hero-copy{padding:55px 6% 30px}.hero-editorial{min-height:350px}.hero-note{font-size:.7rem}.brand-ribbon{gap:24px;padding:30px 6%}.brand-ribbon span{font-size:1rem}.header nav{font-size:.85rem;gap:24px}.wordmark strong{font-size:2rem}.header-contact{padding:8px 12px}.section{padding:55px 6%}footer{flex-direction:column;text-align:center}.actions{gap:22px}h1{font-size:3.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Editorial collections and brand directory */
figure{margin:0}.hero{grid-template-columns:1.04fr 1fr;min-height:650px}.hero-copy{padding-top:80px}.hero-photo{position:relative;min-height:100%;overflow:hidden;background:#d4c0a4}.hero-photo>img{height:100%;max-height:730px;object-fit:cover;object-position:center 53%}.hero-photo figcaption{position:absolute;bottom:24px;left:6%;right:6%;background:rgba(255,253,250,.94);padding:16px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.8rem}.hero-photo figcaption>span{font-size:.7rem;letter-spacing:.1em}.hero-photo figcaption>a{text-decoration:underline;text-underline-offset:4px}.brand-ribbon>a{font-size:1.2rem;font-weight:600;letter-spacing:.06em}.brand-ribbon>a:hover{color:var(--wine)}.fluchos{font-family:var(--serif);font-style:italic;font-weight:bold!important;font-size:1.6rem!important;letter-spacing:-.06em!important}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:48px}.section-heading>p{max-width:345px;color:var(--muted);font-size:1rem}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2 em{color:var(--wine)}.campaign{position:relative;background:#d6c6bd;overflow:hidden}.campaign>img{width:100%;aspect-ratio:1.84;object-fit:cover;object-position:center 54%}.campaign figcaption{background:linear-gradient(transparent,rgba(25,18,19,.68));position:absolute;bottom:0;left:0;right:0;padding:75px 42px 32px;color:white;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.campaign figcaption span{font-size:.75rem;letter-spacing:.14em}.campaign h3{font:2.6rem var(--serif);margin-top:7px}.light{color:var(--ink);background:var(--paper);border-color:var(--paper)}.light:hover{background:#eee6dd}.caption-note{font-size:.8rem;color:var(--muted);margin-top:13px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:58px}.values article{border-top:1px solid var(--line);padding-top:24px}.values article>span{font-size:.75rem;letter-spacing:.1em;color:var(--wine)}.values h3{font:1.8rem var(--serif);margin:14px 0}.values p{font-size:.95rem;line-height:1.8;color:var(--muted)}.brands-section{background:var(--soft)}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-grid>a{min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:25px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s,color .2s;text-align:center}.brand-grid>a:hover{background:var(--paper);color:var(--wine)}.brand-grid strong{font-size:1.35rem;letter-spacing:.035em;line-height:1.2}.brand-grid span{font-size:.75rem;color:var(--muted)}.brand-grid .serif{font-family:var(--serif);font-size:1.7rem;font-weight:500}.brand-grid .natural{letter-spacing:-.04em;font-size:1.4rem}.brand-help{margin-top:25px;font-size:.9rem;color:var(--muted)}.brand-help a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.eyewear{display:grid;grid-template-columns:1.1fr 1fr;background:#263f3d;color:white}.eyewear-photo{position:relative;overflow:hidden;min-height:460px}.eyewear-photo img{height:100%;object-fit:cover;object-position:40% center}.eyewear-photo>span{position:absolute;bottom:22px;left:6%;font-size:.7rem;letter-spacing:.1em;text-shadow:0 1px 4px #000}.eyewear-copy{padding:65px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyewear-copy .eyebrow{color:#d0dedb}.eyewear-copy>p:not(.eyebrow){margin:25px 0 30px;color:#dce5e2;line-height:1.8}.eyewear-copy h2{font-size:clamp(2.3rem,3.5vw,3.8rem)}.story{text-align:center;max-width:1000px;margin:auto}.story>p:not(.eyebrow){max-width:700px;margin:30px auto;color:var(--muted);line-height:1.9}.story h2 em{color:var(--wine)}.visit{display:grid;grid-template-columns:1fr 1fr;padding:0}.visit-art{min-height:585px;background:var(--wine);color:var(--paper);padding:50px 12%;display:flex;flex-direction:column;justify-content:space-between}.visit-art>.eyebrow{color:#f4dce4}.address-art{font:6rem/.93 var(--serif);letter-spacing:-.06em;position:relative}.address-art>span{display:block;font:italic 5.8rem/1 var(--serif);text-align:right;letter-spacing:-.05em}.visit-art-bottom{border-top:1px solid #a46678;padding-top:24px;display:flex;gap:20px;flex-direction:column;font-size:.75rem;letter-spacing:.06em}.visit-art-bottom>a{text-decoration:underline;text-underline-offset:5px;font-size:.85rem;letter-spacing:0}.visit-copy{padding:65px 12%}.visit-copy>p:not(.eyebrow){color:var(--muted);margin-top:25px;line-height:1.8}.visit h2{font-size:clamp(2.3rem,3.7vw,3.8rem)}.visit-copy dl{margin:34px 0}.visit-copy dl>div{margin-top:22px}.visit dt{font-size:.7rem;letter-spacing:.13em;color:var(--wine);font-weight:600}.visit dd{margin:5px 0 0;font-size:1rem}.visit dd small{display:block;color:var(--muted);font-size:.8rem;margin-top:5px}.visit-copy .button{margin-top:0}footer{display:block;padding:55px 6% 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-main>p{font:1.2rem/1.5 var(--serif);color:var(--muted)}.footer-main nav{display:flex;flex-direction:column;gap:7px;font-size:.85rem}.footer-main nav a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;color:var(--muted);font-size:.75rem}.footer-bottom>small{font-size:.75rem}.footer-bottom details{max-width:440px;text-align:right}.footer-bottom summary{cursor:pointer;list-style-position:inside}.footer-bottom details p{margin-top:12px;font-size:.8rem;line-height:1.65}.footer-bottom details a{text-decoration:underline}
@media(min-width:1550px){body{max-width:1920px;margin:auto}.hero-photo>img{max-height:820px}}
@media(max-width:1100px){.header nav{gap:22px}.hero-copy{padding:55px 9% 30px}.hero-photo figcaption{align-items:flex-start;flex-direction:column;gap:6px}.section-heading{gap:35px}.section-heading>p{max-width:300px}.eyewear-copy{padding:45px 9%}}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 6% 35px}.hero-note{margin-top:40px}.hero-photo{min-height:0;max-height:530px}.hero-photo>img{height:auto;max-height:530px;aspect-ratio:1.1;object-position:center 65%}.hero-photo figcaption{flex-direction:row;align-items:center}.brand-ribbon>a{font-size:1rem}.section-heading{display:block}.section-heading>p{margin-top:24px;max-width:500px}.section-heading h2{font-size:2.65rem}.values{grid-template-columns:1fr;gap:25px;padding-top:38px}.values article{padding-top:20px}.values h3{margin-top:10px}.campaign figcaption{padding:55px 20px 20px}.campaign h3{font-size:2rem}.campaign>img{aspect-ratio:1.25;object-position:center}.campaign figcaption .button{font-size:.75rem;padding:10px 14px;min-height:44px}.campaign figcaption span{font-size:.65rem}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-grid>a{min-height:125px}.brand-grid strong{font-size:1.15rem}.eyewear{grid-template-columns:1fr}.eyewear-photo{min-height:0;height:330px}.eyewear-copy{padding:45px 6% 55px}.story h2{font-size:2.65rem}.story h2 br{display:none}.visit{grid-template-columns:1fr}.visit-art{min-height:470px;padding:45px 8%}.visit-copy{padding:55px 6%}.address-art{font-size:5.6rem;max-width:390px}.visit h2{font-size:2.8rem}.footer-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.footer-main>p{display:none}.footer-bottom{flex-direction:column;text-align:left}.footer-bottom details{text-align:left}.header-contact{display:none}.header{justify-content:center}.header nav{gap:18px;flex-wrap:wrap}.header nav a{font-size:.8rem}.hero h1{font-size:clamp(2.7rem,9vw,4rem)}}
@media(max-width:360px){.brand-grid strong{font-size:1rem}.brand-grid .serif{font-size:1.3rem}.brand-grid span{font-size:.7rem}.campaign figcaption{align-items:flex-start;flex-direction:column}.hero-photo figcaption{flex-direction:column;align-items:flex-start}.header nav{gap:14px}}
@media(max-width:760px){.hero-photo{order:-1;height:390px;max-height:none}.hero-photo>img{height:100%;width:100%;aspect-ratio:auto;object-position:center 70%}.hero-copy{padding-top:38px}.hero-photo figcaption{bottom:18px}} @media(max-width:420px){.hero-photo{height:320px}}

/* Photographs of the Segovia store, with responsive sources and full-size viewing. */
.brand-grid .brand-logo{display:block;width:min(190px,100%);height:64px;object-fit:contain}
.brand-grid>a{min-height:164px;gap:20px}
.brand-ribbon>a{display:flex;align-items:center;justify-content:center;min-width:95px}
.brand-ribbon img{width:130px;height:42px;object-fit:contain}
.brand-logo-okkia,.brand-logo-ecoalf,.brand-logo-hoff,.brand-logo-cetti{filter:brightness(0)}
@media(max-width:760px){.brand-grid .brand-logo{width:min(145px,100%);height:52px}.brand-grid>a{min-height:145px;gap:18px}.brand-ribbon img{width:95px;height:32px}.brand-ribbon{gap:24px 20px}}
.store-video{padding-top:10px}
.video-player{aspect-ratio:16/9;background:#262322;overflow:hidden}
.video-player iframe{display:block;border:0;width:100%;height:100%}
.video-preview{display:block;position:relative;height:100%;color:white}
.video-preview picture,.video-preview img{width:100%;height:100%;object-fit:cover}
.video-preview::after{content:"";position:absolute;inset:0;background:#120a0733;transition:background .2s}
.video-preview:hover::after{background:#120a0755}
.video-preview:focus-visible{outline-offset:-5px}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;gap:15px;background:var(--paper);color:var(--wine);padding:18px 26px;white-space:nowrap;font-size:.95rem;box-shadow:0 5px 30px #0003}
.video-play>span{font-size:1.25rem}
.store-video figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding-top:16px;font-size:.85rem;color:var(--muted)}
.store-video figcaption a{text-decoration:underline;text-underline-offset:4px;color:var(--wine)}
@media(max-width:760px){.store-video{padding-top:5px}.video-play{padding:12px 18px;font-size:.85rem}.store-video figcaption{font-size:.8rem}}
picture{display:block}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
.brand-logo-salvi,.brand-logo-la-carrie,.brand-logo-valentino{mix-blend-mode:multiply}
.campaign>picture>img{width:100%;height:auto;aspect-ratio:1920/1092;object-fit:cover}
@media(max-width:760px){.campaign>picture>img{aspect-ratio:1.18;object-position:56% center}.campaign figcaption{position:static;background:var(--wine);padding:20px;align-items:center;flex-wrap:wrap}.campaign figcaption span{display:block;font-size:.65rem;letter-spacing:.1em}.campaign figcaption .button{flex-shrink:0}.campaign h3{font-size:1.9rem;margin-top:5px}}
.campaign>img{height:auto}
.hero-store{background:#776754}
.hero-store>picture{position:absolute;inset:0}
.hero-store>picture>img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.hero-store figcaption{z-index:1}
.store-selection,.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.store-selection{margin-top:42px}
.store-card{min-width:0}
.photo-link{position:relative;display:block;background:var(--soft)}
.photo-link picture{overflow:hidden}
.store-card img{aspect-ratio:4/3;height:auto;object-fit:cover;transition:transform .3s ease}
.photo-link:hover img{transform:scale(1.025)}
.photo-link:focus-visible{outline-offset:4px}
.photo-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--wine);background:var(--paper);font-size:1.4rem;line-height:1;box-shadow:0 2px 14px #0002}
.store-card figcaption{font:1.3rem/1.4 var(--serif);padding-top:16px}
.eyewear-store{min-width:0}
.eyewear-store .photo-link,.eyewear-store picture{height:100%}
.eyewear-store img{width:100%;height:100%;object-fit:cover;object-position:45% center;transition:transform .3s ease}
.eyewear-store>span{background:#1c302ee8;padding:7px 12px;left:20px;bottom:20px;text-shadow:none;pointer-events:none}
.eyewear-store .photo-zoom{bottom:23px;right:20px}
.store-gallery{background:var(--soft);border-top:1px solid var(--line)}
.gallery-more{margin-top:35px;border-top:1px solid var(--line)}
.gallery-more summary{cursor:pointer;padding:20px 0;color:var(--wine);font-size:.9rem;list-style-position:inside}
.gallery-more summary>span{float:right;font-size:1.25rem}
.gallery-more[open] summary>span{transform:rotate(45deg)}
.gallery-more .gallery-grid{padding-top:5px}
.visit-photo{position:relative;min-height:585px;background:#776754;overflow:hidden}
.visit-photo>picture{position:absolute;inset:0}
.visit-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center}
.visit-photo figcaption{position:absolute;inset:auto 0 0;padding:90px 8% 35px;color:white;background:linear-gradient(transparent,#15100dc9)}
.visit-photo figcaption>span{font-size:.7rem;letter-spacing:.16em}
.visit-photo figcaption>strong{display:block;font:2.6rem var(--serif);margin-top:10px}
.photo-dialog{width:min(1100px,94vw);max-width:94vw;max-height:94vh;max-height:94dvh;border:0;padding:18px 24px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 20px 90px #0005}
.photo-dialog::backdrop{background:rgba(20,16,15,.88)}
.photo-dialog-toolbar,.photo-dialog-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.photo-dialog-toolbar{padding-bottom:12px;font-size:.8rem;color:var(--muted)}
.photo-dialog button{min-height:44px;border:1px solid var(--line);background:var(--paper);color:var(--wine);cursor:pointer;padding:8px 15px;font-size:.85rem}
.photo-dialog button:hover{background:var(--soft)}
.photo-close span{font-size:1.3rem;margin-left:10px}
.photo-dialog figure>img{width:100%;height:calc(90vh - 195px);height:calc(90dvh - 195px);min-height:100px;object-fit:contain;background:#eee9e3}
.photo-dialog figcaption{font:1.15rem/1.4 var(--serif);padding:13px 0;text-align:center}
.photo-dialog-nav{padding-top:5px}
@media(max-width:1000px) and (min-width:761px){.hero h1{font-size:clamp(2.7rem,4.5vw,3.5rem)}.store-selection,.gallery-grid{gap:18px}.store-card figcaption{font-size:1.15rem}}
@media(max-width:760px){.hero-store>picture>img{object-position:center 58%}.store-selection,.gallery-grid{grid-template-columns:1fr;gap:28px}.store-selection{margin-top:30px}.store-card img{aspect-ratio:4/3}.store-card figcaption{padding-top:12px}.eyewear-store{height:auto;aspect-ratio:4/3}.visit-photo{min-height:0;aspect-ratio:4/3}.visit-photo img{object-position:center}.visit-photo figcaption{padding:70px 6% 25px}.photo-dialog{padding:12px}.photo-dialog figcaption{font-size:1rem}.gallery-more{margin-top:28px}}

/* Historic and current storefronts: preserve the complete photographs. */
.facades{background:var(--soft);border-top:1px solid var(--line)}
.facades-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.facade-card img{object-fit:contain}
.facade-card .photo-link:hover img,.visit-facade .photo-link:hover img{transform:none}
.visit-photo.visit-facade{min-height:0;aspect-ratio:auto;align-self:center;background:var(--wine)}
.visit-facade .photo-link img{height:auto;object-fit:contain;aspect-ratio:4/3}
.visit-photo.visit-facade figcaption{position:static;background:var(--wine);padding:25px 8% 30px}
@media(max-width:760px){.facades-grid{grid-template-columns:1fr;gap:30px}.visit-photo.visit-facade figcaption{padding:22px 6% 26px}}

/* Keep the full store photograph visible on narrow screens. */
@media(max-width:760px){
 .hero-photo.hero-store{height:auto;max-height:none;min-height:0}
 .hero-store>picture{position:static}
 .hero-store>picture>img{height:auto;aspect-ratio:4/3;object-fit:contain}
 .hero-store figcaption{position:static;margin:0;padding:16px 6%;background:var(--soft);flex-wrap:wrap;gap:8px 18px}
}
