/* V7 hero: one full-width environment. Exact text and the original G stay native. */
#intro.v7-hero{
  --hero-gutter:clamp(20px,4vw,80px);
  position:relative;
  display:block;
  width:100%;
  max-width:none;
  min-height:0;
  margin:0;
  padding:0;
  border-radius:0;
  overflow:hidden;
  isolation:isolate;
  background:var(--bg,#f4f2ee);
}
.v7-hero-grid{width:calc(100% - var(--hero-gutter)*2);max-width:1440px;margin-inline:auto}
.v7-hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:744px;padding:62px 0 45px;perspective:1800px}
#intro.v7-hero .hub-hero-copy{position:relative;z-index:3;min-width:0;padding:0;max-width:none;align-self:center}
#intro.v7-hero .v3-kicker{display:flex;align-items:center;gap:13px;margin:0 0 34px;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:.04em}
#intro.v7-hero .canvas-marker{display:block;width:30px;height:1px;flex-shrink:0;background:var(--ink)}
#intro.v7-hero h1{font-size:clamp(84px,9.5vw,148px);font-weight:400;line-height:.955;letter-spacing:-.072em;text-wrap:nowrap;max-width:none;margin:0 0 30px;color:var(--ink,#17151e)}
#intro.v7-hero h1 span{color:inherit}
#intro.v7-hero .hub-lead{max-width:36ch;font-size:15px;font-weight:400;line-height:1.75;color:var(--muted,#64625f)}
#intro.v7-hero .hub-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:27px}
#intro.v7-hero .hub-primary{display:inline-flex;align-items:center;gap:13px;min-height:50px;max-width:none;font-size:12px;font-weight:400;line-height:1.45;border-radius:8px}
#intro.v7-hero .hub-round{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:50%;background:var(--ink,#17151e);box-shadow:0 7px 19px -14px #17151e66;transition:background 180ms}
#intro.v7-hero .hub-round .icon{width:20px;height:20px;filter:brightness(0) invert(1)}
#intro.v7-hero .hub-primary:hover .hub-round{background:var(--violet,#503cff);transform:none}
#intro.v7-hero .hub-secondary{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:12px;font-weight:400;border:0;border-radius:8px;line-height:1.45}
#intro.v7-hero .hub-secondary .icon{width:18px;height:18px}
#intro.v7-hero .hub-scroll{display:inline-flex;align-items:center;gap:21px;min-height:44px;margin-top:17px;font-size:10px;line-height:1.5;border-radius:8px;color:var(--muted)}
.v7-scroll-arrow .icon{width:17px;height:17px;transform:rotate(90deg)}
.v7-hero-sign{position:absolute;z-index:0;right:1%;top:22px;width:min(62vw,810px);opacity:.065;pointer-events:none;filter:blur(13px)}
.v7-hero-sign>img{display:block;width:100%;height:auto;max-width:none}
#intro.v7-hero .v7-hero-art{position:absolute;z-index:1;top:87px;bottom:21px;right:calc(var(--hero-gutter)*-1 - 48px);width:80%;max-width:none;padding:0;margin:0;pointer-events:none}
.v7-hero-image{position:absolute;inset:0 0 42px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%);-webkit-mask-composite:source-in}
/* The exact SVG print and the photograph share one ratio-preserving plane. */
.v7-hero-scene{position:absolute;top:0;right:0;height:100%;width:auto;aspect-ratio:1672/940;container-type:inline-size}
.v7-hero-scene>img:first-child{display:block;width:100%;height:100%;max-width:none}
.v7-hero-poster{position:absolute;left:34.57%;top:5.05%;width:28.85%;height:66%;transform:skewX(-2.65deg) rotate(.25deg);transform-origin:top left;color:#17151e;mix-blend-mode:multiply;opacity:.94}
.v7-poster-name{position:absolute;left:11.5%;right:11.5%;top:8%;display:flex;align-items:baseline;justify-content:space-between;gap:5%;font-size:1.7cqw;line-height:1.2;letter-spacing:.065em;font-weight:400}
.v7-poster-name>span{font-size:.68cqw;letter-spacing:0}
.v7-hero-poster .v7-poster-sign{position:absolute;left:16%;top:22%;display:block;width:68%;height:auto;max-width:none}
.v7-poster-edition{position:absolute;left:11.5%;right:11.5%;bottom:10%;display:flex;align-items:center;justify-content:space-between;gap:5%;padding-top:3.5%;border-top:1px solid #17151e66;font-size:.68cqw;line-height:1.3;letter-spacing:0;font-weight:400}
.v7-hero-scene>.v7-hero-tote-sign{position:absolute;left:78.8%;top:45.5%;display:block;width:5.2%;height:auto;max-width:none;filter:invert(1);opacity:.83;transform:skewY(2deg) rotate(2deg)}
.v7-hero-art figcaption{position:absolute;bottom:0;left:37%;right:calc(var(--hero-gutter) + 48px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);font-size:10px;font-weight:400;line-height:1.6;color:var(--muted)}
.v7-hero-art figcaption small{font-size:10px;white-space:nowrap}
#intro.v7-hero .hero-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative;z-index:3;border-top:1px solid var(--line);padding:20px 0 24px}
#intro.v7-hero .hero-routes a{display:flex;align-items:center;gap:18px;min-height:54px;padding:0 8px;border:0;border-radius:8px;font-size:14px;font-weight:400}
#intro.v7-hero .hero-routes small{font-size:10px;color:var(--muted)}
#intro.v7-hero .hero-routes a>span{flex:1}
#intro.v7-hero .hero-routes .icon{width:20px;height:20px}
#intro.v7-hero a:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
html[data-theme=dark] .v7-hero-sign{opacity:.06;filter:invert(1) blur(13px)}
html[data-theme=dark] #intro.v7-hero .hub-round .icon{filter:brightness(0)}
html[data-theme=dark] #intro.v7-hero .hub-primary:hover .hub-round .icon{filter:brightness(0)}
html[data-theme=dark] .v7-hero-image{filter:brightness(.88)}
@media(min-width:1600px){.v7-hero-stage{min-height:800px;padding-block:68px 54px}.v7-hero-sign{right:-3%;width:920px}.v7-hero-art figcaption{left:38%}}
@media(max-width:1100px){.v7-hero-stage{min-height:661px;padding-block:52px 38px}#intro.v7-hero .v3-kicker{margin-bottom:30px}#intro.v7-hero h1{font-size:clamp(78px,9.8vw,112px);margin-bottom:26px}#intro.v7-hero .hub-lead{font-size:14px;max-width:35ch}#intro.v7-hero .hub-actions{gap:19px;margin-top:23px}#intro.v7-hero .hub-primary,#intro.v7-hero .hub-secondary{font-size:11px}#intro.v7-hero .v7-hero-art{top:110px;width:84%;right:calc(var(--hero-gutter)*-1 - 35px)}.v7-hero-art figcaption{right:calc(var(--hero-gutter) + 35px);left:42%;gap:10px;flex-wrap:wrap}.v7-hero-sign{top:32px;width:68vw}#intro.v7-hero .hero-routes{gap:15px}}
@media(max-width:850px){.v7-hero-stage{display:block;min-height:0;padding:46px 0 15px}#intro.v7-hero h1{font-size:clamp(76px,12.5vw,106px);line-height:.97}#intro.v7-hero .hub-hero-copy{max-width:610px}#intro.v7-hero .hub-lead{max-width:43ch;font-size:15px}.v7-hero-sign{width:580px;right:-190px;top:24px;opacity:.05;filter:blur(16px)}#intro.v7-hero .v7-hero-art{position:relative;top:auto;bottom:auto;right:auto;left:calc(var(--hero-gutter)*-1);width:calc(100% + var(--hero-gutter)*2);height:clamp(360px,58vw,510px);margin:13px 0 0}.v7-hero-image{inset:0 0 42px;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 86%,transparent 100%)}.v7-hero-scene{left:65%;right:auto;transform:translateX(-65%)}.v7-hero-art figcaption{left:var(--hero-gutter);right:var(--hero-gutter);padding-top:12px;gap:15px;flex-wrap:nowrap}#intro.v7-hero .hero-routes{gap:10px;padding-block:17px 22px}#intro.v7-hero .hero-routes a{gap:10px;font-size:12px;padding-inline:5px}#intro.v7-hero .hero-routes .icon{width:17px;height:17px}}
@media(max-width:600px){.v7-hero-stage{padding-top:35px}#intro.v7-hero .v3-kicker{font-size:10px;gap:10px;margin-bottom:27px;letter-spacing:.01em}#intro.v7-hero .canvas-marker{width:22px}#intro.v7-hero h1{font-size:clamp(62px,17vw,96px);line-height:.97;letter-spacing:-.068em;margin-bottom:24px}#intro.v7-hero .hub-lead{font-size:14px;line-height:1.75;max-width:36ch}#intro.v7-hero .hub-actions{gap:18px;margin-top:22px;flex-wrap:nowrap}#intro.v7-hero .hub-primary{gap:10px;font-size:11px}#intro.v7-hero .hub-round{width:46px;height:46px}#intro.v7-hero .hub-round .icon{width:19px;height:19px}#intro.v7-hero .hub-secondary{font-size:11px;gap:8px;white-space:nowrap}#intro.v7-hero .hub-secondary .icon{width:16px;height:16px}#intro.v7-hero .hub-scroll{font-size:10px;margin-top:12px;gap:17px}.v7-hero-sign{width:440px;right:-200px;top:34px;opacity:.055;filter:blur(13px)}#intro.v7-hero .v7-hero-art{height:333px;margin-top:7px}.v7-hero-image{inset:0 0 47px;mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 88%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over}.v7-hero-scene{left:66%;transform:translateX(-66%)}.v7-hero-art figcaption{gap:8px;align-items:flex-start;flex-direction:column;line-height:1.4;padding-top:10px}.v7-hero-art figcaption small{font-size:10px}#intro.v7-hero .hero-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;padding-block:10px 14px}#intro.v7-hero .hero-routes a{gap:12px;min-height:52px;font-size:13px;padding-inline:4px}#intro.v7-hero .hero-routes small{font-size:10px}#intro.v7-hero .hero-routes .icon{width:18px;height:18px}}
@media(max-width:360px){#intro.v7-hero .hub-actions{gap:12px}#intro.v7-hero .hub-primary,#intro.v7-hero .hub-secondary{font-size:10px}#intro.v7-hero .hub-round{width:44px;height:44px}#intro.v7-hero h1{font-size:60px}}
@media(hover:none),(pointer:coarse){.v7-hero .room-plane{transform:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.v7-hero .room-plane{transform:none!important;transition:none!important}#intro.v7-hero .hub-round,#intro.v7-hero .hero-routes .icon{transition:none!important}#intro.v7-hero .hero-routes a:hover .icon{transform:none!important}}
