@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#181818;--muted:#656565;--accent:#a56d45;--line:#dedede}html{scroll-behavior:smooth}body.jaguar-page{margin:0;background:#f7f7f5;color:var(--ink);font-family:Manrope,Arial,sans-serif} .jaguar-page *{box-sizing:border-box}.jaguar-page main{overflow:hidden}.jaguar-page main a{color:inherit}.jaguar-page .image-link{display:block;overflow:hidden;height:100%}.jaguar-page .image-link img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.jaguar-page .image-link:hover img{transform:scale(1.015)}.jaguar-page h1,.jaguar-page h2,.jaguar-page p{margin-top:0}.jaguar-page h1,.jaguar-page h2{font-weight:400;letter-spacing:-.075em;line-height:.94}.jaguar-page h2{font-size:clamp(48px,7vw,112px)}.jaguar-page h1 em,.jaguar-page h2 em{font-style:normal;color:var(--accent)}.jaguar-page p{font-size:clamp(14px,1.18vw,18px);line-height:1.8;font-weight:400}.jaguar-page .section-number,.jaguar-page .eyebrow,.jaguar-page figcaption,.jaguar-page .photo-tag,.jaguar-page .hero-index,.jaguar-page .manifesto-small{font-size:10px;font-weight:700;letter-spacing:.15em}.jaguar-page .section-number{color:var(--accent);margin-bottom:30px}.jaguar-page .hero{display:grid;grid-template-columns:60% 40%;min-height:min(780px,86vh);background:#ededeb}.jaguar-page .hero-image{position:relative;min-height:650px}.jaguar-page .hero-image-caption{position:absolute;bottom:28px;left:32px;padding:12px 18px;background:rgba(255,255,255,.92);font-size:10px;letter-spacing:.11em}.jaguar-page .hero-copy{padding:clamp(44px,6vw,100px) clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.jaguar-page .eyebrow{margin-bottom:45px;color:var(--accent)}.jaguar-page h1{font-size:clamp(68px,8vw,145px);margin-bottom:38px}.jaguar-page .hero-lead{font-size:clamp(24px,2.5vw,40px);line-height:1.25;letter-spacing:-.04em}.jaguar-page .hero-copy>p:not(.hero-lead){max-width:410px;color:#666}.jaguar-page .underlink{font-size:11px;letter-spacing:.1em;font-weight:800;text-decoration:none;border-bottom:1px solid #333;padding:16px 0 12px;display:inline-flex;justify-content:space-between;gap:25px;width:fit-content;min-width:245px;margin-top:26px}.jaguar-page .hero-index{color:#888;margin-top:58px}.jaguar-page .section-pad{padding:clamp(65px,9vw,145px) clamp(24px,6vw,100px)}.jaguar-page .intro{display:grid;grid-template-columns:18% 43% 39%;gap:0;align-items:start}.jaguar-page .intro h2{margin:0}.jaguar-page .intro-text{padding:8px 0 0 9%;max-width:600px}.jaguar-page .intro-text p{color:#555}.jaguar-page .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.jaguar-page .tags span{border:1px solid #ccc;padding:10px 13px;font-size:9px;letter-spacing:.07em}.jaguar-page .full-photo{position:relative;height:clamp(450px,65vw,920px)}.jaguar-page .photo-tag{position:absolute;right:25px;bottom:25px;background:#fff;padding:14px 18px}.jaguar-page .split-editorial{display:grid;grid-template-columns:40% 60%;gap:5%;align-items:center}.jaguar-page .text-panel{max-width:490px;padding-right:5%}.jaguar-page .text-panel p{color:#555}.jaguar-page .thin-rule{height:1px;background:#bbb;margin:35px 0}.jaguar-page .smallnote{font-size:12px!important;color:#8c8c8c!important}.jaguar-page .visual-panel{height:clamp(420px,47vw,760px)}.jaguar-page .visual-panel img{object-fit:contain;background:#fff}.jaguar-page .dark-story{display:grid;grid-template-columns:42% 58%;background:#161719;color:#fff}.jaguar-page .dark-copy{padding:clamp(65px,8vw,125px) clamp(24px,6vw,95px);align-self:center}.jaguar-page .dark-copy p{color:#c5c5c5}.jaguar-page .dark-photo{min-height:570px}.jaguar-page .dark-photo img{object-position:left center}.jaguar-page .section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.jaguar-page .section-heading h2{margin-bottom:0}.jaguar-page .section-heading p{max-width:430px;color:#555}.jaguar-page figure{margin:0}.jaguar-page figure>.image-link{height:auto}.jaguar-page figure img{height:auto!important;object-fit:contain!important}.jaguar-page figcaption{margin:13px 0 0;color:#777}.jaguar-page .sketch-section figure>.image-link{background:white}.jaguar-page .two-images{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.jaguar-page .two-images figure>.image-link{height:clamp(230px,29vw,470px)}.jaguar-page .two-images figure img{height:100%!important;object-fit:contain!important}.jaguar-page .manifesto{padding:clamp(70px,10vw,145px) 6vw;background:#292c2c;color:#fff}.jaguar-page .manifesto-small{color:#b8a18e;margin-bottom:34px}.jaguar-page .manifesto p{font-size:clamp(29px,4.2vw,70px);font-weight:500;line-height:1.22;letter-spacing:-.05em;margin:0}.jaguar-page .manifesto em{font-style:normal;color:#c4a287}.jaguar-page .wide-visual .image-link{height:clamp(370px,65vw,850px)}.jaguar-page .wide-visual img{object-fit:cover!important;height:100%!important}.jaguar-page .detail-pair .image-link{height:clamp(300px,34vw,540px)!important}.jaguar-page .detail-pair img{object-fit:cover!important}.jaguar-page .outro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;padding:clamp(70px,9vw,130px) 6vw;background:#e9e8e5}.jaguar-page .outro p{max-width:430px;color:#555}.jaguar-page .outro h2{margin:0}.jaguar-page .outro .underlink{margin-top:35px}
@media(max-width:900px){.jaguar-page .hero{grid-template-columns:1fr}.jaguar-page .hero-image{min-height:55vw}.jaguar-page .hero-copy{padding:60px 6vw}.jaguar-page .intro{grid-template-columns:1fr 1fr;gap:30px}.jaguar-page .intro>.section-number{grid-column:1/-1}.jaguar-page .intro-text{padding:0}.jaguar-page .split-editorial{grid-template-columns:1fr}.jaguar-page .visual-panel{height:55vw}.jaguar-page .dark-story{grid-template-columns:1fr}.jaguar-page .dark-photo{min-height:55vw}.jaguar-page .section-heading{align-items:start;flex-direction:column}.jaguar-page .outro{grid-template-columns:1fr}}
@media(max-width:600px){.jaguar-page .hero-image{min-height:72vw}.jaguar-page .hero-copy{padding:46px 24px}.jaguar-page .intro{grid-template-columns:1fr}.jaguar-page .two-images{grid-template-columns:1fr}.jaguar-page .two-images figure>.image-link{height:auto}.jaguar-page .two-images figure img{height:auto!important}.jaguar-page .section-pad{padding:64px 22px}.jaguar-page .dark-copy{padding:65px 22px}.jaguar-page .manifesto{padding:70px 22px}.jaguar-page .outro{padding:70px 22px}.jaguar-page .hero-index{margin-top:35px}}

/* Full-bleed static placeholder between matching FROM LINE TO FORM sections. */
.jaguar-page .jaguar-interlude{width:100%;margin:0;padding:0;}
.jaguar-page .jaguar-interlude-figure{margin:0;}
.jaguar-page .jaguar-interlude .image-link{width:100%;height:auto;aspect-ratio:2.4/1;background:#fff;}
.jaguar-page .jaguar-interlude img{display:block;width:100%;height:100%!important;object-fit:contain!important;}
.jaguar-page .jaguar-interlude figcaption{padding:12px clamp(24px,6vw,100px) 0;}
/* Keep every non-hero image static, including new placeholders. */
.jaguar-page .image-static:hover img{transform:none;}
@media(max-width:600px){.jaguar-page .jaguar-interlude .image-link{aspect-ratio:1.8/1;}}

/* Explicitly preserve both DRAWN TO RUN sections and the full-width interlude. */
.jaguar-page main > section.sketch-section{display:block!important;position:relative;visibility:visible;opacity:1;height:auto;min-height:0;}
.jaguar-page main > section.jaguar-interlude{display:block!important;position:relative;visibility:visible;opacity:1;height:auto;min-height:0;clear:both;}
.jaguar-page .jaguar-interlude .image-link{display:block!important;height:clamp(260px,35vw,650px)!important;aspect-ratio:auto!important;}
.jaguar-page .jaguar-interlude img{display:block!important;width:100%;height:100%!important;object-fit:contain!important;}
.jaguar-page .jaguar-second-study .section-heading{display:flex;}
@media(max-width:600px){.jaguar-page .jaguar-interlude .image-link{height:clamp(220px,48vw,400px)!important;}}

/* DRAWN TO RUN: three aligned, full-width images; center panel one third of outer height. */
.jaguar-page #process > figure{width:100%;margin:0 0 28px;}
.jaguar-page #process > figure > .image-link{display:block;width:100%;height:auto;aspect-ratio:1264/848;background:#fff;overflow:hidden;}
.jaguar-page #process > figure > .image-link img{display:block;width:100%;height:100%!important;object-fit:contain!important;transform:none!important;transition:none!important;}
.jaguar-page #process > figure.drawn-middle > .image-link{aspect-ratio:3792/848;}
.jaguar-page #process > figure.drawn-middle > .image-link img{object-fit:contain!important;}
.jaguar-page #process > figure figcaption{margin-top:13px;}

/* Editorial captions: text is HTML, not burned into the images. */
.jaguar-page #process .study-description{max-width:780px;margin:4px 0 20px;color:#555;font-size:clamp(13px,1.08vw,16px);line-height:1.7;}
.jaguar-page #process .study-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:12px 18px;background:#292c2c;color:#fff;font-size:clamp(10px,1vw,14px);font-weight:700;letter-spacing:.1em;text-align:center;}
@media(max-width:600px){.jaguar-page #process .study-labels{gap:5px;padding:10px 5px;font-size:9px;letter-spacing:0;}}

/* Captions under the three reference photos: white background, black type, left-aligned. */
.jaguar-page #process .study-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(66%,780px);gap:8px;margin:0;padding:12px 0 5px;background:#fff;color:#111;text-align:left;font-weight:700;letter-spacing:.07em;}
.jaguar-page #process .study-labels span{display:block;text-align:left;}
@media(max-width:760px){.jaguar-page #process .study-labels{width:100%;gap:8px;font-size:clamp(8px,1.8vw,11px);letter-spacing:0;}}


/* SECTION 05 — SINGLE NIGHT RENDERING */
.jaguar-page #details .night-rendering {
  margin-top: 24px;
}

.jaguar-page #details .night-rendering > .image-link {
  display: block;
  width: 100%;
  height: clamp(300px, 34vw, 540px);
  overflow: hidden;
}

.jaguar-page #details .night-rendering > .image-link img {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center;
  transform: none !important;
}

.jaguar-page #details .night-rendering figcaption {
  margin-top: 13px;
}


/* Targeted changes only: original page layout and assets are preserved. */
.jaguar-page .intro .vision-aside{min-width:0;padding-right:12px}
.jaguar-page .intro .vision-aside .tags{display:flex;flex-direction:column;align-items:flex-start;margin-top:24px}
.jaguar-page .intro .vision-aside .tags span{max-width:100%}
.jaguar-page .vision-more{margin-top:12px}
.jaguar-page .vision-more summary{display:inline-block;cursor:pointer;list-style:none;border-bottom:1px solid #333;padding:12px 0;font-size:11px;font-weight:800;letter-spacing:.1em}
.jaguar-page .vision-more summary::-webkit-details-marker{display:none}
.jaguar-page .vision-more summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.jaguar-page .vision-more[open] .more-symbol{display:none}
.jaguar-page .vision-more[open] summary::after{content:"−"}
.jaguar-page .vision-more p{margin:16px 0 0;color:#555}
.jaguar-page .manifesto{padding-top:clamp(45px,6vw,85px);padding-bottom:clamp(45px,6vw,85px)}
/* Inside section 05, extend TIMELESS to the same full page width as before. */
.jaguar-page #details > .outro{margin:clamp(40px,5vw,80px) calc(-1 * clamp(24px,6vw,100px));}
@media(max-width:900px){
 .jaguar-page .intro .vision-aside{grid-column:1/-1}
 .jaguar-page .intro .vision-aside .tags{flex-direction:row;flex-wrap:wrap;margin-top:12px}
}
@media(max-width:600px){
 .jaguar-page #details > .outro{margin-left:-22px;margin-right:-22px}
}

/* NIGHT RENDERING: full-bleed horizontal band, edge to edge. */
.jaguar-page #details > figure.night-rendering{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0;
  padding:0;
}
.jaguar-page #details > figure.night-rendering > .image-link{
  width:100%;
  height:clamp(260px,38vw,620px);
  background:transparent;
  overflow:hidden;
}
.jaguar-page #details > figure.night-rendering > .image-link img{
  width:100%;
  height:100%!important;
  object-fit:cover!important;
  object-position:center;
}
.jaguar-page #details > figure.night-rendering figcaption{
  padding:13px clamp(22px,6vw,100px) 0;
}

/* EXTERIOR / METALLIC GREY: image flush with the right viewport edge. */
.jaguar-page #details > figure.wide-visual:not(.night-rendering){
  width:calc(100% + clamp(24px,6vw,100px));
  max-width:none;
  margin-right:calc(-1 * clamp(24px,6vw,100px));
}
.jaguar-page #details > figure.wide-visual:not(.night-rendering) > .image-link{
  width:100%;
  overflow:hidden;
  background:transparent;
}
.jaguar-page #details > figure.wide-visual:not(.night-rendering) > .image-link img{
  display:block;
  width:100%;
  height:100%!important;
  object-fit:cover!important;
}
@media(max-width:600px){
  .jaguar-page #details > figure.wide-visual:not(.night-rendering){
    width:calc(100% + 22px);
    margin-right:-22px;
  }
}

/* FIX DEFINITIVO: EXTERIOR METALLIC GREY senza margini laterali */
body.jaguar-page #details > figure.wide-visual:not(.night-rendering) {
  position:relative!important;
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
}
body.jaguar-page #details > figure.wide-visual:not(.night-rendering) > .image-link {
  display:block!important;
  width:100%!important;
  height:clamp(370px,65vw,850px)!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
body.jaguar-page #details > figure.wide-visual:not(.night-rendering) > .image-link img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
body.jaguar-page #details > figure.wide-visual:not(.night-rendering) figcaption {
  padding-left:clamp(22px,6vw,100px);
}

/* Night render caption inside photo, bottom left. */
body.jaguar-page #details > figure.night-rendering{position:relative!important;}
body.jaguar-page #details > figure.night-rendering > figcaption{
 position:absolute;left:clamp(22px,6vw,100px);bottom:22px;z-index:2;
 margin:0;padding:10px 14px;background:rgba(255,255,255,.92);color:#181818;
 font-size:10px;font-weight:700;letter-spacing:.15em;
}
/* Two responsive MP4 slots below the night image. */
body.jaguar-page #details > .night-videos{padding:clamp(32px,5vw,70px) 0 0;}
body.jaguar-page #details .night-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
body.jaguar-page #details .night-video-item{margin:0;min-width:0;}
body.jaguar-page #details .night-video-item video{display:block;width:100%;aspect-ratio:16/9;height:auto;background:#161719;object-fit:cover;}
body.jaguar-page #details .night-video-item figcaption{margin-top:13px;}
@media(max-width:600px){body.jaguar-page #details .night-video-grid{grid-template-columns:1fr;gap:28px;}}

/* Night render: unboxed caption placed lower on the image. */
body.jaguar-page #details > figure.night-rendering > figcaption{
  bottom:8px!important;
  background:transparent!important;
  color:#fff!important;
  padding:0!important;
  text-shadow:0 1px 5px rgba(0,0,0,.85);
}
/* Nighttime films: stretch the row to both viewport edges. */
body.jaguar-page #details > .night-videos{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:clamp(32px,5vw,70px) 0 0!important;
}
body.jaguar-page #details .night-video-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
@media(max-width:600px){
  body.jaguar-page #details .night-video-grid{grid-template-columns:1fr;gap:28px;}
}

/* Navigation EN/CN: isolated from project editorial layouts. */
.sc-project-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:86px;padding:18px 5.4%;background:#fff;border-bottom:1px solid #ddd;z-index:30}
.sc-project-brand{display:flex;flex-direction:column;gap:5px;color:#171717;text-decoration:none;white-space:nowrap}
.sc-project-brand strong{font-size:17px;letter-spacing:.04em}.sc-project-brand span{font-size:10px;letter-spacing:.12em}
.sc-project-nav{display:flex;align-items:center;gap:30px}.sc-project-nav a{color:#171717;text-decoration:none;font-size:11px;font-weight:600;white-space:nowrap}
.sc-project-nav a:hover{text-decoration:underline}.sc-project-nav .sc-language{color:#b51e24}
.sc-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:42px;height:42px;border:1px solid #ddd;background:#fff;cursor:pointer}
.sc-menu-toggle span{display:block;width:19px;height:2px;background:#171717}
@media(max-width:760px){.sc-project-header{min-height:74px;padding:15px 20px;flex-wrap:nowrap}.sc-project-brand strong{font-size:14px}.sc-project-brand span{font-size:9px}.sc-menu-toggle{display:flex;flex:none}.sc-project-nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 20px 22px;border-bottom:1px solid #ddd;box-shadow:0 8px 15px rgba(0,0,0,.06);flex-direction:column;align-items:flex-start;gap:20px;z-index:99}.sc-project-nav.is-open{display:flex!important}.sc-project-nav a{font-size:12px}}

.jaguar-up{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bbb;border-radius:50%;width:46px;height:46px;font-size:25px;text-decoration:none;color:inherit}