/* Orologiai.it · Homepage 16C — Editorial Heritage
   All imagery is decorative and never presented as a photograph of a listed business.
   The homepage uses its own visual components; the existing directory/search remain unchanged. */
:root{
  --editorial-ink:#182c24;
  --editorial-dark:#0e3027;
  --editorial-darker:#0b251f;
  --editorial-cream:#f8f5ed;
  --editorial-gold:#b8905c;
  --editorial-rule:#dcd9cd;
  --editorial-muted:#647269;
}
html{scroll-behavior:smooth}
body{background:var(--editorial-cream);color:var(--editorial-ink)}
.site-header{position:relative;z-index:30;background:#fdfbf6;border-bottom:1px solid #e8e5db}
.site-header .container{width:min(1270px,calc(100% - 52px))}
.site-header .bar{min-height:81px;gap:32px;flex-wrap:nowrap;padding-block:10px}
.site-header .brand{position:relative;display:inline-flex;align-items:center;font-size:1.82rem;line-height:1;letter-spacing:-.055em;padding:0 0 11px;font-family:Georgia,'Times New Roman',serif}
.site-header .brand:after{content:'L\2019 ATLANTE DELLE BOTTEGHE ITALIANE';position:absolute;bottom:-3px;left:55px;white-space:nowrap;font:650 .49rem/1.2 system-ui,sans-serif;letter-spacing:.19em;color:#8d744d}
.site-header .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.38rem;border:1px solid #b69b69;border-radius:50%;margin-right:12px;line-height:1}
.site-header .desktop-nav{gap:12px 23px;flex-wrap:nowrap}
.site-header .desktop-nav>a{font-size:.80rem;color:#253c33;white-space:nowrap;font-weight:600}
.site-header .desktop-nav .nav-cta{padding:11px 15px;border-radius:3px;background:#17392e;color:#fbf8f0;border:1px solid #17392e}
.site-header .desktop-nav .nav-cta:hover{background:#2c5144}
.editorial-hero{background:radial-gradient(circle at 80% 15%,#2f4c3b 0%,#11392d 37%,#0b281f 88%);color:#fbf7ec;position:relative}
.editorial-hero:after{content:'';position:absolute;pointer-events:none;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 103px,#fff2 104px,transparent 105px);opacity:.13}
.editorial-hero .container{width:min(1270px,calc(100% - 52px))}
.hero-composition{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,5vw,90px);padding-block:clamp(56px,6vw,93px) clamp(48px,5vw,70px)}
.editorial-hero .home-kicker{color:#d3b17b;letter-spacing:.24em;font-size:.68rem;margin-bottom:26px}
.editorial-hero h1{font-size:clamp(3.85rem,6.6vw,7rem);letter-spacing:-.065em;line-height:1.025;max-width:10ch;margin:0 0 27px;font-weight:400}
.editorial-hero h1 em{color:#d0ac73;font-style:italic;letter-spacing:-.075em}
.hero-intro{font-size:clamp(1.03rem,1.4vw,1.2rem);line-height:1.7;color:#e5e4d9;max-width:39ch;margin:0 0 29px}
.home-search{display:grid;grid-template-columns:minmax(0,1fr) 176px;align-items:end;gap:12px;background:#fffdf8;color:#16342b;padding:13px 13px 13px 21px;max-width:630px;border-radius:6px;box-shadow:0 22px 60px #06191045}
.home-search .primary-search-fields{display:block;min-width:0}
.home-search .locality-picker>label{font-size:.70rem;letter-spacing:.1em;text-transform:uppercase;color:#385348;font-weight:750;margin:0 0 3px}
.home-search .locality-picker input{border:0;border-bottom:1px solid #d2d3c8;background:transparent;padding:8px 0 5px;font-size:.96rem;min-height:40px}
.home-search .locality-picker input:focus{outline-offset:2px}
.home-search .locality-hint{font-size:.67rem;margin:3px 0 0;color:#68776c}
.home-search .hero-service{margin-top:2px}
.home-search .hero-service summary{font-size:.71rem;padding:4px 0;min-height:26px;color:#4f695c;font-weight:650}
.home-search .hero-service label{display:block}
.home-search .hero-service select{padding:8px 0}
.home-search-button{height:58px;min-height:58px;border-radius:4px;background:#aa8250;color:#fff;align-self:end;padding:10px 15px;font-size:.78rem;letter-spacing:.01em;font-weight:750}
.home-search-button:hover{background:#8c693f}
.hero-visual{margin:0;position:relative;min-width:0;filter:drop-shadow(0 28px 48px #051a1733)}
.hero-visual:before{content:'';position:absolute;inset:16px -14px 24px 16px;border:1px solid #d4b57e78;z-index:2;pointer-events:none}
.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1.02;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.06);border-radius:3px}
.hero-visual figcaption{max-width:52ch;font-size:.65rem;color:#d5d7c8;line-height:1.45;margin-top:13px}
.hero-visual figcaption a{color:#dbc79f}
.home-section{padding-block:clamp(66px,7vw,107px)}
.home-section .home-kicker{color:#8d6b41;letter-spacing:.20em;font-size:.65rem;margin-bottom:12px}
.editorial-heading{align-items:end;gap:30px;margin-bottom:35px}
.editorial-heading h2,.journal-copy h2{font-size:clamp(2.5rem,4.2vw,4.25rem);line-height:1.08;letter-spacing:-.055em;color:#1b352c}
.editorial-heading h2 em,.journal-copy h2 em{color:#9e7747}
.editorial-heading>p{max-width:34ch;color:#68746b;font-size:.91rem;line-height:1.65}
#botteghe{position:relative}
#botteghe:after{content:'';position:absolute;top:36px;right:max(0px,calc((100vw - 1250px)/2));width:175px;height:1px;background:#d7c4a6;pointer-events:none}
.featured-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.featured-story{background:#fffdf8;border:1px solid #e4e0d6;box-shadow:0 6px 23px #162b1f0b;display:flex;flex-direction:column;min-width:0;border-radius:5px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.featured-story:hover{transform:translateY(-4px);box-shadow:0 18px 44px #162b1f16}
.featured-story:nth-child(2),.featured-story:nth-child(3){padding-top:0}
.featured-art{height:235px;position:relative;overflow:hidden;background:#173d32;color:#d8c09a;padding:20px;display:flex;align-items:flex-start;justify-content:space-between}
.featured-art:before{content:'';position:absolute;inset:-35% -16% auto auto;width:80%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.24;box-shadow:0 0 0 36px #ffffff03,0 0 0 37px currentColor,0 0 0 83px #ffffff04,0 0 0 84px currentColor}
.featured-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#050e0c40,transparent 55%)}
.featured-story-2 .featured-art{color:#4e4534;background:#c8b493}
.featured-story-3 .featured-art{color:#f7ead5;background:#4a5247}
.featured-art .art-index,.featured-art .art-city{z-index:2;font-family:system-ui,sans-serif;font-size:.65rem;letter-spacing:.16em;font-weight:750}
.featured-art .art-index{color:inherit}
.featured-art .art-city{align-self:flex-end}
.featured-art .art-year{position:absolute;z-index:1;left:18px;bottom:12px;font-family:'Heritage Serif',Georgia,serif;font-size:clamp(5.2rem,7.3vw,8.5rem);letter-spacing:-.1em;line-height:.92;font-weight:400;opacity:.84}
.featured-copy{padding:22px 24px 25px;display:flex;flex:1;flex-direction:column}
.featured-copy .home-kicker{margin-bottom:9px;font-size:.62rem}
.featured-copy h3{font-size:clamp(1.55rem,2.15vw,2.15rem);line-height:1.15;letter-spacing:-.04em;margin:0 0 10px;overflow-wrap:break-word}
.featured-copy>p:not(.home-kicker){font-size:.87rem;line-height:1.56;color:#647069;margin-bottom:17px;max-width:42ch}
.featured-copy .editorial-link{margin-top:auto;align-self:flex-start;font-size:.79rem}
.editorial-link{gap:13px;border-bottom:1px solid #b49a72;color:#17392e;padding:9px 0;font-weight:750;text-decoration:none}
.paths-section{background:#13362d;color:#fff6e8}
.paths-section .editorial-heading h2{color:#fff6e8}
.paths-section .editorial-heading h2 em{color:#d5b788}
.paths-section .editorial-heading>p{color:#cbd4c7}
.paths-section .home-kicker{color:#d3b27e}
.editorial-paths{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.editorial-path{min-height:205px;background:#284a3b;color:#fff9eb;padding:19px 20px;border-radius:4px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;text-decoration:none;transition:transform .23s ease}
.editorial-path:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;background:linear-gradient(140deg,transparent 35%,#06140cbb)}
.editorial-path:hover{transform:translateY(-3px)}
.path-repair{background:linear-gradient(90deg,#102a22e6,#15322977),url('/images/editorial-movement-ai.webp') center/cover;color:#fff9ed}
.path-restore{background:linear-gradient(90deg,#23392fdb,#243a2988),url('/images/strumento-spirale.jpg') center 47%/cover;color:#fff9ed}
.path-history{background:linear-gradient(155deg,#cdbb9e,#a48a65);color:#142e25}
.path-trade{background:linear-gradient(155deg,#27372f,#52614a);color:#fff9ed}
.path-symbol{position:absolute;top:22px;right:22px;font-family:Georgia,serif;font-size:4.6rem;line-height:1;opacity:.2;transition:transform .23s ease}
.path-number{font-size:.66rem;letter-spacing:.19em;font-weight:800}
.path-title{font-size:clamp(1.37rem,1.75vw,1.75rem);line-height:1.19;max-width:12ch;margin-top:auto;font-weight:400;position:relative}
.path-desc{font-size:.73rem;margin-top:7px;opacity:.87;line-height:1.35;max-width:18ch;padding-bottom:3px}
.path-arrow{font-size:1.25rem;right:18px;bottom:16px}
.mobile-scroll-cue{display:none}
.selected-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;border:0}
.selected-row{display:flex;flex-direction:column;position:relative;align-items:stretch;gap:8px;min-width:0;padding:20px 17px 21px;border:1px solid #e0ded5;border-radius:5px;background:#fffefa;box-shadow:0 4px 14px #152b2110;min-height:225px}
.selected-row .selected-number{font-size:.68rem;font-family:system-ui,sans-serif;color:#a17b4b;letter-spacing:.17em;font-weight:750}
.selected-row>div{margin-top:4px;min-width:0}
.selected-row .home-kicker{font-size:.59rem;letter-spacing:.12em;margin-bottom:7px}
.selected-row h3{font-size:clamp(1.2rem,1.65vw,1.52rem);line-height:1.24;letter-spacing:-.045em;margin:0;overflow-wrap:break-word}
.selected-row>p{font-size:.76rem;line-height:1.47;color:#69766c;margin:0 17px 20px 0;max-width:none}
.selected-row>.selected-arrow{position:absolute;right:16px;bottom:12px;align-self:flex-end;justify-self:auto;font-size:1.4rem;line-height:1;padding:5px;color:#355347}
.selection-note{margin-top:21px;font-size:.75rem}
.cities-section{background:#eeede5}
.city-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;margin-bottom:24px}
.city-list a{font-size:clamp(1.3rem,1.7vw,1.68rem);padding:16px 0;border-color:#c9cbbd}
.journal-section{gap:clamp(34px,7vw,120px)}
.journal-image img{border-radius:4px;height:470px;object-position:center 44%}
.journal-copy>p:not(.home-kicker){line-height:1.75;color:#657168;max-width:42ch}
.assistant-strip{background:#102d25;color:#f9f4e9;padding-block:45px}
.assistant-strip .home-kicker{color:#ddbd8f}
.assistant-strip h2{color:#f9f4e9}
.assistant-strip a{display:inline-flex;align-items:center;min-height:48px;padding:11px 17px;border:1px solid #ceb588;color:#f8f1e5;text-decoration:none;border-radius:3px}
.site-footer{background:#eae9e0;border-top:1px solid #d8d5c9}
.site-footer .brand{font-family:'Heritage Serif',Georgia,serif;font-weight:400}
/* Narrow desktop / tablet: preserve hierarchy without stacking everything. */
@media(max-width:1120px){
  .site-header .desktop-nav{gap:9px 12px}
  .site-header .desktop-nav>a{font-size:.72rem}
  .hero-composition{gap:30px}
  .home-search{grid-template-columns:minmax(0,1fr) 150px}
  .featured-list{gap:12px}
  .featured-copy{padding:21px 18px}
  .selected-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .selected-row{min-height:195px}
  .editorial-paths{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .site-header .container{width:calc(100% - 34px)}
  .site-header .bar{min-height:63px;gap:8px;padding:7px 0;flex-wrap:nowrap;justify-content:space-between}
  .site-header .desktop-nav{display:none}
  .site-header .brand{padding:0;font-size:1.51rem}
  .site-header .brand:after{display:none}
  .site-header .brand-mark{width:30px;height:30px;font-size:1.06rem;margin-right:7px}
  .site-header .mobile-nav{display:block}
  .site-header .mobile-nav summary{font-size:.77rem;gap:8px}
  .site-header .mobile-nav nav{background:#fffefa;border-color:#dfdacd}
  .editorial-hero .container{width:calc(100% - 34px)}
  .hero-composition{display:grid;grid-template-columns:1fr;gap:27px;padding-block:40px 35px}
  .editorial-hero .home-kicker{font-size:.60rem;letter-spacing:.18em;margin-bottom:16px}
  .editorial-hero h1{font-size:clamp(3.45rem,13vw,5.2rem);line-height:1.02;letter-spacing:-.067em;max-width:11ch;margin:0 0 17px}
  .hero-intro{font-size:1rem;line-height:1.6;max-width:35ch;margin-bottom:19px}
  .home-search{display:block;max-width:none;padding:13px 14px 14px;box-shadow:0 9px 30px #03191122}
  .home-search .locality-picker input{min-height:43px;font-size:.92rem}
  .home-search .locality-hint{font-size:.63rem}
  .home-search .hero-service summary{font-size:.72rem;min-height:30px}
  .home-search-button{margin-top:8px;height:46px;min-height:46px;width:100%;font-size:.78rem}
  .hero-visual:before{inset:10px -7px 26px 10px}
  .hero-visual img{aspect-ratio:1.62;object-fit:cover;object-position:center 48%}
  .hero-visual figcaption{margin:8px 0 0;font-size:.60rem}
  .home-section{padding-block:59px}
  .editorial-heading{margin-bottom:24px;display:block}
  .editorial-heading h2,.journal-copy h2{font-size:clamp(2.42rem,10.5vw,3.4rem);line-height:1.08}
  .editorial-heading>p{margin:15px 0 0;font-size:.85rem}
  #botteghe:after{display:none}
  .featured-list{display:grid;grid-template-columns:1fr;gap:13px}
  .featured-story{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:0}
  .featured-story:first-child .featured-art{height:192px}
  .featured-story:not(:first-child){display:grid;grid-template-columns:114px minmax(0,1fr);align-items:stretch;min-height:144px}
  .featured-story:not(:first-child) .featured-art{height:auto;min-height:164px;padding:12px}
  .featured-art{height:192px;padding:16px}
  .featured-art .art-year{font-size:6.2rem;left:14px;bottom:11px}
  .featured-art .art-index,.featured-art .art-city{font-size:.59rem}
  .featured-story:not(:first-child) .art-index{font-size:.49rem;letter-spacing:.07em;white-space:nowrap}
  .featured-story:not(:first-child) .art-city{font-size:.49rem;align-self:end;max-width:95px;overflow-wrap:anywhere}
  .featured-story:not(:first-child) .art-year{font-size:2.7rem;bottom:40px;left:10px;letter-spacing:-.07em}
  .featured-copy{padding:19px 18px 20px}
  .featured-copy h3{font-size:1.65rem;line-height:1.16;margin-bottom:8px}
  .featured-copy>p:not(.home-kicker){font-size:.8rem;line-height:1.48;margin-bottom:11px}
  .featured-story:not(:first-child) .featured-copy{padding:14px 12px}
  .featured-story:not(:first-child) .featured-copy .home-kicker{font-size:.56rem;margin-bottom:6px}
  .featured-story:not(:first-child) .featured-copy h3{font-size:1.22rem;line-height:1.2}
  .featured-story:not(:first-child) .featured-copy>p:not(.home-kicker){font-size:.68rem;line-height:1.35;margin-bottom:5px}
  .featured-story:not(:first-child) .featured-copy .editorial-link{font-size:.67rem;padding:2px 0}
  .paths-section .home-section{padding-block:56px}
  .editorial-paths{display:grid;grid-template-columns:1fr;gap:9px}
  .editorial-path{min-height:115px;padding:15px 18px;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;grid-template-rows:1fr auto;align-items:end;gap:0 9px}
  .path-number{grid-column:1;grid-row:1;align-self:start}
  .path-title{grid-column:2;grid-row:1;align-self:end;max-width:none;font-size:1.65rem;margin-top:0}
  .path-desc{grid-column:2;grid-row:2;max-width:none;font-size:.69rem;margin-top:5px}
  .path-arrow{grid-column:3;grid-row:1/3;position:static;font-size:1.32rem;align-self:center;justify-self:end}
  .path-symbol{right:50px;top:10px;font-size:4rem;opacity:.18}
  .selected-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(215px,78vw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:11px;border:0;padding:5px 4px 15px;margin-inline:-4px;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .selected-row{scroll-snap-align:start;min-height:192px;padding:18px 16px 20px}
  .selected-row h3{font-size:1.41rem}
  .selected-row .selected-number{font-size:.63rem}
  .selected-row>p{font-size:.78rem;line-height:1.52}
  .mobile-scroll-cue{display:flex;justify-content:space-between;font-size:.75rem;color:#758076;margin:-11px 0 14px}
  .city-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .city-list a{font-size:1.24rem;padding:14px 0;line-height:1.25}
  .journal-section{grid-template-columns:1fr;gap:24px}
  .journal-image img{height:295px}
  .journal-copy>p:not(.home-kicker){font-size:.92rem;margin:20px 0 13px}
  .assistant-strip{padding-block:36px}
  .assistant-strip .container{display:block}
  .assistant-strip a{margin-top:20px}
  .site-footer .container{width:calc(100% - 34px)}
}
@media(max-width:370px){
  .editorial-hero h1{font-size:3.35rem}
  .featured-story:not(:first-child){grid-template-columns:99px minmax(0,1fr)}
  .featured-story:not(:first-child) .featured-copy h3{font-size:1.13rem}
  .home-search .hero-service summary{font-size:.68rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.featured-story,.editorial-path{transition:none}}