*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;background:#fff;color:#151515;font-family:Arial,Helvetica,sans-serif}body{font-size:13px}a{color:inherit}img{max-width:100%}.site-header{min-height:72px;display:grid;grid-template-columns:280px 1fr 105px;align-items:center;gap:18px;padding:0 4.5% 0 11%;border-bottom:1px solid #e8e8e8}.brand,.footer-brand a{display:flex;flex-direction:column;text-decoration:none}.brand strong{font-size:17px;font-weight:500}.brand span{font-size:9px;color:#777;margin-top:4px}.site-header nav{display:flex;justify-content:center;gap:26px;flex-wrap:wrap}.site-header nav a,.header-tools{font-size:10px;text-decoration:none}.header-tools{display:flex;justify-content:space-between;gap:10px}.project-row{display:grid;grid-template-columns:7.5% 20% minmax(0,1fr);border-bottom:1px solid #e5e5e5;min-height:180px;scroll-margin-top:10px}.phase{border-right:1px solid #e5e5e5;padding:24px 10px 18px 24%;font-size:10px;line-height:1.55}.phase b,.phase span{display:block;font-weight:400}.copy{padding:22px 24px 18px 28px}.copy h1,.copy h2{font-weight:300;letter-spacing:-.055em;line-height:.99;margin:0}.copy h1{font-size:clamp(38px,4vw,64px);margin:10px 0}.copy h2{font-size:clamp(22px,2.15vw,34px)}.copy h3{font-size:clamp(17px,1.6vw,24px);font-weight:400;line-height:1.1;margin:20px 0 10px}.copy i,.quote i{display:block;width:26px;border-top:1px solid #888;margin:13px 0}.copy p{font-size:12px;line-height:1.32;color:#777;max-width:290px;margin:8px 0 16px}.back,.explore,.section-next{display:inline-block;text-decoration:none;font-size:10px;margin-top:15px}.back{margin:8px 0 0}.explore{margin-top:22px}.section-next:hover,.explore:hover,.back:hover{text-decoration:underline}.visual{margin:0;min-width:0;position:relative;overflow:hidden}.hero-row{min-height:430px}.hero-visual img{width:100%;height:100%;display:block;object-fit:cover}.hero-visual figcaption{position:absolute;right:6%;top:11%;font-size:10px;line-height:1.4;color:#fff;letter-spacing:.02em;text-shadow:0 1px 5px #444}.editorial-visual{display:grid;grid-template-columns:4fr 1fr;gap:15px;padding:12px 18px 12px 0}.editorial-visual>img{width:100%;height:100%;object-fit:cover;min-height:150px}.quote{display:flex;flex-direction:column;justify-content:center;padding:10px}.mathmos-mark{display:block;background:#ed008c;color:white;border-radius:100%;width:94px;height:94px;display:grid;place-items:center;font-weight:700;font-size:13px;letter-spacing:-.03em}.quote p{font-size:16px;line-height:1.25;font-style:italic}.image-visual img{display:block;width:100%;height:100%;object-fit:cover}.tile-visual{padding:10px 18px 12px 0}.tile-visual>img{display:block;width:100%;height:auto;object-fit:cover}.tile-captions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-top:6px;font-size:11px}.tile-captions.five{grid-template-columns:repeat(5,minmax(0,1fr))}.tile-captions small{display:block;font-size:10px;color:#777;margin-top:2px}.result-visual{max-height:330px}.related-row{min-height:105px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center;padding:14px 24px}.related-grid a{display:grid;grid-template-columns:1fr auto;text-decoration:none;gap:3px 10px;padding:16px 10px;border-left:1px solid #eee;font-size:11px}.related-grid a small{grid-column:1;font-size:10px;color:#777}.related-grid a b{grid-column:2;grid-row:1 / span 2;font-weight:400;align-self:center}.site-footer{min-height:105px;display:grid;grid-template-columns:1fr auto 32px;align-items:center;gap:35px;padding:22px 4.5% 22px 11%;border-top:1px solid #eee}.footer-brand strong{font-size:12px;font-weight:500}.footer-brand span,.footer-brand small{font-size:10px;color:#777;margin-top:5px}.site-footer nav{display:flex;gap:34px}.site-footer nav a{font-size:10px;text-decoration:none}.back-top{font-size:26px;text-decoration:none}#section-02{min-height:210px}#section-03{min-height:185px}#section-04{min-height:195px}#section-05{min-height:280px}#section-06{min-height:170px}#section-07{min-height:160px}#section-08 .copy{padding-top:25px}@media(max-width:1050px){.site-header{grid-template-columns:190px 1fr 65px;padding-left:7.5%}.site-header nav{gap:13px}.project-row{grid-template-columns:7.5% 22% minmax(0,1fr)}.copy{padding:18px}.copy p{font-size:11px}.quote{padding:4px}.mathmos-mark{width:65px;height:65px;font-size:10px}.quote p{font-size:13px}}@media(max-width:700px){.site-header{padding:14px 20px;grid-template-columns:1fr auto;gap:14px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:15px}.header-tools{grid-column:2;grid-row:1}.project-row{grid-template-columns:62px minmax(0,1fr)}.phase{grid-row:1 / span 2;padding:18px 7px;font-size:9px}.copy{grid-column:2;padding:24px 18px}.copy h1{font-size:46px}.copy h2{font-size:27px}.copy p{font-size:13px;max-width:440px;line-height:1.45}.visual{grid-column:2;min-height:0}.hero-row{min-height:0}.hero-visual{aspect-ratio:1.5}.hero-visual figcaption{font-size:8px}.editorial-visual{grid-template-columns:1fr;padding:0 12px 16px 0}.quote{display:none}.tile-visual{padding:0 12px 18px 0}.tile-captions,.tile-captions.five{grid-template-columns:repeat(2,1fr);row-gap:10px}.image-visual img{height:auto}.result-visual{max-height:none}.related-grid{grid-template-columns:1fr;padding:5px 16px 22px}.site-footer{grid-template-columns:1fr 30px;padding:25px 20px;gap:20px}.site-footer nav{grid-row:2;grid-column:1/-1;flex-wrap:wrap;gap:18px}.back-top{grid-column:2;grid-row:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Individual, replaceable image slots — Mathmos galleries */
.inspiration-gallery{display:grid;grid-template-columns:1fr .8fr 1.05fr 1.8fr .85fr;gap:6px;padding:12px 14px 12px 0;align-items:stretch}
.inspiration-gallery figure,.separate-gallery figure{margin:0;min-width:0;overflow:hidden}
.inspiration-gallery figure{min-height:175px;background:#f4f4f4}
.inspiration-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.inspiration-gallery .inspiration-landscape img{object-fit:cover}
.inspiration-gallery figure:last-child img{object-fit:cover;background:#f4f4f4}
.separate-gallery{display:grid;gap:8px;padding:10px 16px 12px 0}
.four-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.separate-gallery figure img{display:block;width:100%;height:125px;object-fit:cover;background:#f1f1f1}
.separate-gallery figcaption{font-size:11px;padding-top:5px;line-height:1.2}
.separate-gallery figcaption small{display:block;font-size:10px;color:#777;margin-top:2px}
.context-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.context-gallery figure img{height:160px}
@media(max-width:1050px){.inspiration-gallery{grid-template-columns:1fr 1fr 1fr 1.65fr .9fr}.inspiration-gallery figure{min-height:145px}.separate-gallery figure img{height:110px}}
@media(max-width:700px){.inspiration-gallery{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px 16px 0}.inspiration-gallery figure{min-height:125px}.inspiration-gallery .inspiration-landscape{grid-column:span 2}.four-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.context-gallery{grid-template-columns:1fr}.context-gallery figure img{height:auto;aspect-ratio:16/9}.separate-gallery{padding:0 12px 18px 0}.separate-gallery figure img{height:auto;aspect-ratio:4/3}}

/* Section 05: fixed crop anchored at top, to reveal the eyes */
@media (min-width:701px) {
  .result-visual { height:330px; max-height:330px; }
  .result-visual img { display:block; width:100%; height:330px; object-fit:cover; object-position:center top; }
}

/* SECTION 05 — abbassa la fotografia nel riquadro per mostrare il sopracciglio */
@media (min-width:701px) {
  #section-05 .result-visual {
    height: 415px;
    max-height: none;
    overflow: hidden;
  }
  #section-05 .result-visual > img,
  #section-05 .result-visual picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 4%;
  }
}

/* Sketches: mostra ogni schizzo per intero senza ritagliarlo */
.four-gallery figure img { object-fit: contain; object-position: center center; }

/* Sketches — forza il contenimento anche se altri stili impostano cover */
.four-gallery figure,
.four-gallery figure picture { min-width: 0; max-width: 100%; }
.four-gallery figure img,
.four-gallery figure picture img,
.separate-gallery.four-gallery img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 125px !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width: 1050px) {
  .four-gallery figure img, .four-gallery figure picture img, .separate-gallery.four-gallery img { height: 110px !important; }
}
@media (max-width: 700px) {
  .four-gallery figure img, .four-gallery figure picture img, .separate-gallery.four-gallery img { height: auto !important; aspect-ratio: 4 / 3; }
}

/* SECTION 03 — SKETCHES: immagine panoramica intera, senza ritaglio */
#section-03 .image-visual,
#section-03 .visual.image-visual {
  height: auto;
  min-height: 0;
  overflow: visible;
}
#section-03 .image-visual > img,
#section-03 .image-visual picture > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  object-fit: contain;
  object-position: center center;
}

/* SECTION 04 — DEVELOPMENT: riempi i quattro placeholder senza margini */
#section-04 .four-gallery figure img,
#section-04 .four-gallery figure picture img,
#section-04 .separate-gallery.four-gallery img {
  width: 100% !important;
  height: 125px !important;
  object-fit: cover !important;
  object-position: center center !important;
}
@media (max-width: 1050px) {
  #section-04 .four-gallery figure img,
  #section-04 .four-gallery figure picture img,
  #section-04 .separate-gallery.four-gallery img { height: 110px !important; }
}
@media (max-width: 700px) {
  #section-04 .four-gallery figure img,
  #section-04 .four-gallery figure picture img,
  #section-04 .separate-gallery.four-gallery img { height: auto !important; aspect-ratio: 4 / 3; }
}

/* HERO — spazio sufficiente per il titolo MATHMOS LAMP, senza sovrapposizione */
@media (min-width: 701px) {
  #section-01.project-row {
    grid-template-columns: 7.5% 25% minmax(0, 1fr);
  }
  #section-01 .hero-copy h1 {
    font-size: clamp(38px, 3.5vw, 60px);
    overflow-wrap: normal;
  }
}
@media (min-width: 701px) and (max-width: 1050px) {
  #section-01.project-row {
    grid-template-columns: 7.5% 29% minmax(0, 1fr);
  }
  #section-01 .hero-copy h1 { font-size: clamp(34px, 4vw, 44px); }
}


/* SECTION 06 — Base and colour: immagine a pieno riquadro, senza bande grigie.
   Solo quarta card: le altre sezioni e immagini restano inalterate. */
#section-06 .details-gallery figure:last-child {
  overflow: hidden;
}
#section-06 .details-gallery figure:last-child > img,
#section-06 .details-gallery figure:last-child picture > img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 125px !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent;
}
@media (max-width: 1050px) {
  #section-06 .details-gallery figure:last-child > img,
  #section-06 .details-gallery figure:last-child picture > img {
    height: 110px !important;
  }
}
@media (max-width: 700px) {
  #section-06 .details-gallery figure:last-child > img,
  #section-06 .details-gallery figure:last-child picture > img {
    height: auto !important;
    aspect-ratio: 4 / 3;
  }
}


/* SECTION 06 — Bulb and holder: riempi la terza card senza margini grigi */
#section-06 .details-gallery figure:nth-child(3) > img,
#section-06 .details-gallery figure:nth-child(3) picture > img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 125px !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent;
}
@media (max-width: 1050px) {
  #section-06 .details-gallery figure:nth-child(3) > img,
  #section-06 .details-gallery figure:nth-child(3) picture > img {
    height: 110px !important;
  }
}
@media (max-width: 700px) {
  #section-06 .details-gallery figure:nth-child(3) > img,
  #section-06 .details-gallery figure:nth-child(3) picture > img {
    height: auto !important;
    aspect-ratio: 4 / 3;
  }
}

/* SECTION 08 — Mathmos UK brand link */
#section-08 .mathmos-uk-link {align-items:center;grid-template-columns:minmax(0,1fr) auto;min-height:90px;}
#section-08 .mathmos-uk-link img {grid-column:1;grid-row:1;display:block;width:116px;height:56px;object-fit:contain;object-position:left center;}
#section-08 .mathmos-uk-link small {grid-column:1;grid-row:2;}
#section-08 .mathmos-uk-link b {grid-column:2;grid-row:1 / span 2;}

/* SECTION 08 — solo Ducati Light e Mathmos UK */
#section-08 .mathmos-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:700px){#section-08 .mathmos-related-grid{grid-template-columns:1fr;}}


/* SITE NAVIGATION STANDARD — Ducati Lamp / Ducati Perfume. Scoped to page header/footer only. */
html { scroll-behavior: smooth; }
body > header.sc-project-header { box-sizing:border-box!important; position:relative!important; top:auto!important; z-index:20!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:space-between!important; gap:20px!important; width:100%!important; min-height:86px!important; height:auto!important; padding:20px 5.4%!important; background:#fff!important; color:#111!important; border-bottom:1px solid #ddd!important; backdrop-filter:none!important; }
body > header.sc-project-header .sc-project-brand { display:flex!important; flex-direction:column!important; gap:4px!important; align-items:flex-start!important; text-decoration:none!important; color:#111!important; line-height:1.15!important; flex:none!important; }
body > header.sc-project-header .sc-project-brand strong { font:700 18px/1.15 Arial,Helvetica,sans-serif!important; letter-spacing:0!important; }
body > header.sc-project-header .sc-project-brand span { font:400 9px/1.2 Arial,Helvetica,sans-serif!important; letter-spacing:.16em!important; margin:0!important; }
body > header.sc-project-header nav.sc-project-nav { display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:center!important; gap:clamp(20px,4vw,58px)!important; margin:0!important; padding:0!important; width:auto!important; }
body > header.sc-project-header nav.sc-project-nav a { color:#111!important; text-decoration:none!important; font:400 11px/1.4 Arial,Helvetica,sans-serif!important; letter-spacing:.04em!important; }
body > header.sc-project-header nav.sc-project-nav a:hover { text-decoration:underline!important; }
body > footer.sc-unified-footer { box-sizing:border-box!important; position:relative!important; z-index:1!important; display:grid!important; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto auto!important; align-items:center!important; gap:22px!important; width:100%!important; height:auto!important; min-height:126px!important; margin:0!important; padding:30px 5.4%!important; border-top:1px solid #ddd!important; background:#fff!important; color:#111!important; font-family:Arial,Helvetica,sans-serif!important; }
body > footer.sc-unified-footer a { color:#111!important; text-decoration:none!important; }
body > footer.sc-unified-footer .sc-unified-brand { display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:7px!important; }
body > footer.sc-unified-footer .sc-unified-brand strong { font-size:15px!important; font-weight:700!important; letter-spacing:.06em!important; }
body > footer.sc-unified-footer .sc-unified-brand small { font-size:9px!important; font-weight:400!important; letter-spacing:.03em!important; line-height:1.35!important; }
body > footer.sc-unified-footer .sc-unified-contact { font-size:11px!important; white-space:nowrap!important; }
body > footer.sc-unified-footer .sc-unified-contact span { font-size:16px!important; }
body > footer.sc-unified-footer .sc-unified-social { display:flex!important; flex-wrap:wrap!important; gap:20px!important; justify-content:flex-end!important; font-size:11px!important; }
body > footer.sc-unified-footer .sc-unified-up { display:grid!important; place-items:center!important; width:40px!important; height:40px!important; flex:none!important; border:1px solid #999!important; border-radius:50%!important; font-size:22px!important; line-height:1!important; }
@media(max-width:700px){body > header.sc-project-header{padding:17px 5%!important;gap:15px!important;min-height:0!important;}body > header.sc-project-header nav.sc-project-nav{display:flex!important;width:100%!important;justify-content:flex-start!important;gap:25px!important;}body > footer.sc-unified-footer{grid-template-columns:1fr auto!important;gap:20px!important;padding:25px 5%!important;}body > footer.sc-unified-footer .sc-unified-brand{grid-column:1/-1!important;}body > footer.sc-unified-footer .sc-unified-contact{grid-column:1/-1!important;}body > footer.sc-unified-footer .sc-unified-social{justify-content:flex-start!important;}body > footer.sc-unified-footer .sc-unified-up{justify-self:end!important;}}

/* Shared project header: scoped; does not modify editorial content or images. */
body > header.sc-project-header{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px;padding:14px 5%;background:#fff;color:#161616;border-bottom:1px solid #e6e6e6;font-family:Arial,Helvetica,sans-serif}
body > header.sc-project-header .sc-project-brand{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:inherit;white-space:nowrap}
body > header.sc-project-header .sc-project-brand strong{font-size:15px;letter-spacing:.08em}
body > header.sc-project-header .sc-project-brand span{font-size:9px;letter-spacing:.09em}
body > header.sc-project-header .sc-project-nav{display:flex;align-items:center;gap:clamp(12px,2.5vw,36px);margin:0;width:auto}
body > header.sc-project-header .sc-project-nav a{font-size:11px;font-weight:600;color:inherit;text-decoration:none;white-space:nowrap}
body > header.sc-project-header .sc-project-nav a.sc-lang-link{color:#b51e24}
body > header.sc-project-header .sc-project-menu{display:none;cursor:pointer;background:transparent;border:1px solid #ccc;border-radius:3px;width:42px;height:40px;padding:9px;flex-direction:column;justify-content:space-around;align-items:stretch}
body > header.sc-project-header .sc-project-menu span{display:block;width:100%;height:2px;background:#171717}
@media(max-width:760px){body > header.sc-project-header{flex-wrap:nowrap!important;min-height:68px!important;padding:12px 5%!important}body > header.sc-project-header .sc-project-menu{display:flex!important;flex:none}body > header.sc-project-header .sc-project-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;background:#fff!important;border-bottom:1px solid #ddd!important;box-shadow:0 8px 16px #0001!important;padding:12px 5% 18px!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important}body > header.sc-project-header .sc-project-nav.mobile-open{display:flex!important}body > header.sc-project-header .sc-project-nav a{display:block!important;width:100%!important;padding:12px 0!important;font-size:12px!important}}