/* GUMZUX NEXT · STATIC INTEGRATION V0.1
   No complex motion. This file only proves hierarchy, responsive layout and asset slots.
*/
:root{--gzn-paper:#f3f3ef;--gzn-ink:#090909;--gzn-soft:#deded7;--gzn-muted:#6f6f68;--gzn-line:rgba(9,9,9,.16);--gzn-line-dark:rgba(255,255,255,.15);--gzn-pad:clamp(20px,4vw,72px)}
body[data-motion-state="static"]{background:var(--gzn-paper);color:var(--gzn-ink)}
.gzn-scene{position:relative;isolation:isolate;overflow:clip;padding:clamp(96px,12vw,190px) 0}.gzn-wrap{width:min(100% - (var(--gzn-pad)*2),1600px);margin-inline:auto}.gzn-index{font:500 12px/1 "DM Sans",Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 30px;color:var(--gzn-muted)}
.gzn-scene h1,.gzn-scene h2,.gzn-scene h3{font-family:Inter,Arial,sans-serif;letter-spacing:-.055em;margin:0}.gzn-scene h2{font-size:clamp(48px,7.5vw,118px);line-height:.92;font-weight:700;max-width:14ch}.gzn-lead,.gzn-copy-pair p{font-size:clamp(21px,2.3vw,38px);line-height:1.2;letter-spacing:-.025em}.gzn-lead{max-width:24ch;margin:50px 0 70px}.gzn-align-right{margin-left:auto}.gzn-caption{font:500 12px/1.35 "DM Sans",Inter,Arial,sans-serif;color:var(--gzn-muted);margin-top:12px}
.gzn-hero{min-height:100svh;display:flex;align-items:flex-end;padding-top:150px}.gzn-hero-inner{display:grid;min-height:calc(100svh - 210px);align-content:space-between}.gzn-hero h1{font-size:clamp(64px,10.7vw,174px);line-height:.86;font-weight:720;max-width:8.8ch}.gzn-hero-sub{font-size:clamp(28px,3.25vw,52px);line-height:1.03;letter-spacing:-.045em;max-width:20ch;margin:54px 0 0}.gzn-kicker{font:500 12px/1 "DM Sans",Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:90px 0 0}
.gzn-core,.gzn-territories,.gzn-closing{background:var(--gzn-ink);color:var(--gzn-paper)}.gzn-core-grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(40px,6vw,120px);align-items:center}.gzn-core .gzn-index,.gzn-territories .gzn-index{color:#9a9a94}.gzn-svg-stage{margin:60px 0 0;border:1px solid var(--gzn-line-dark);background:#090909;overflow:hidden}.gzn-svg-stage img{display:block;width:100%;height:auto}.gzn-svg-light{background:var(--gzn-paper);border-color:var(--gzn-line)}
.gzn-change{background:var(--gzn-ink);color:var(--gzn-paper)}.gzn-change .gzn-index,.gzn-change .gzn-caption{color:#a7a7a0}.gzn-copy-pair{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(30px,7vw,130px);margin:70px 0}.gzn-copy-pair p{margin:0}.gzn-media{margin:0;overflow:hidden;background:#151515}.gzn-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.gzn-corporate{background:var(--gzn-paper)}.gzn-connected{background:var(--gzn-soft)}.gzn-mega{font:700 clamp(54px,9vw,146px)/.9 Inter,Arial,sans-serif;letter-spacing:-.065em;margin:90px 0 0;max-width:12ch}
.gzn-territory-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:var(--gzn-line-dark);margin-top:70px;border:1px solid var(--gzn-line-dark)}.gzn-territory{background:var(--gzn-ink);padding:clamp(22px,2.7vw,46px)}.gzn-territory h3{font-size:clamp(42px,5vw,78px);line-height:.95}.gzn-territory>p{color:#aaa9a2;font-size:16px;min-height:48px}.gzn-media-card{margin-top:34px}.gzn-media-card img{aspect-ratio:4/5}.gzn-media-stand{margin-top:18px}.gzn-media-stand img{aspect-ratio:16/10}
.gzn-method{background:var(--gzn-paper)}.gzn-method-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(26px,5vw,90px);margin-top:70px}.gzn-method-list{border-top:1px solid var(--gzn-line)}.gzn-method-list article{display:grid;grid-template-columns:56px 1fr;gap:0 20px;padding:26px 0;border-bottom:1px solid var(--gzn-line)}.gzn-method-list span{grid-row:1/3;font:500 12px/1 "DM Sans",sans-serif;color:var(--gzn-muted);padding-top:8px}.gzn-method-list h3{font-size:clamp(36px,4vw,62px);line-height:1}.gzn-method-list p{font-size:16px;margin:10px 0 0}.gzn-media-method{margin-top:50px}
.gzn-closing{padding-bottom:0;min-height:100svh}.gzn-closing-media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#090909}.gzn-closing-picture,.gzn-closing-picture img{position:absolute;inset:0;width:100%;height:100%}.gzn-closing-picture img{object-fit:cover}.gzn-closing-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.88) 0 52%,rgba(9,9,9,.32))}.gzn-closing-light{position:absolute;inset:0;z-index:1;pointer-events:none}.gzn-closing-inner{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between}.gzn-closing h2{font-size:clamp(58px,8.4vw,134px);max-width:10ch}.gzn-closing h2 a{color:inherit;text-decoration:none}.gzn-closing .footer{margin-top:120px;background:rgba(9,9,9,.88);backdrop-filter:blur(8px)}
@media(max-width:960px){.gzn-core-grid,.gzn-copy-pair,.gzn-method-layout{grid-template-columns:1fr}.gzn-territory-grid{grid-template-columns:1fr}.gzn-copy-pair{gap:28px}.gzn-svg-stage{margin-top:40px}.gzn-territory>p{min-height:auto}.gzn-media-card img{aspect-ratio:16/10}.gzn-media-stand img{aspect-ratio:16/10}}
@media(max-width:600px){.gzn-scene{padding:92px 0}.gzn-hero{padding-top:110px}.gzn-hero-inner{min-height:calc(100svh - 150px)}.gzn-hero h1{font-size:clamp(55px,17vw,82px);line-height:.87}.gzn-hero-sub{font-size:clamp(27px,8.6vw,40px);margin-top:34px}.gzn-kicker{margin-top:60px}.gzn-scene h2{font-size:clamp(44px,13vw,68px);max-width:11ch}.gzn-lead,.gzn-copy-pair p{font-size:22px}.gzn-media img{aspect-ratio:4/5}.gzn-svg-stage{margin-inline:calc(var(--gzn-pad)*-.55);border-left:0;border-right:0}.gzn-svg-stage img{width:125%;max-width:none;transform:translateX(-10%)}.gzn-mega{font-size:clamp(50px,14.6vw,76px)}.gzn-territory-grid{margin-inline:calc(var(--gzn-pad)*-.45)}.gzn-territory{padding:28px}.gzn-media-card img,.gzn-media-stand img{aspect-ratio:4/5}.gzn-method-list article{grid-template-columns:44px 1fr}.gzn-closing-media::after{background:linear-gradient(180deg,rgba(9,9,9,.64),rgba(9,9,9,.9))}.gzn-closing .footer{margin-inline:calc(var(--gzn-pad)*-1);padding-inline:var(--gzn-pad)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* GATE 05 · Change asset shell */
.gzn-change-picture{display:block}.gzn-change-media{position:relative;isolation:isolate}.gzn-change-media img{backface-visibility:hidden}


/* GATE 06 · Corporate direction */
.gzn-corporate-media{position:relative;isolation:isolate;overflow:hidden;background:#151515}
.gzn-corporate-picture{display:block}.gzn-corporate-picture img{display:block;width:100%;height:auto;backface-visibility:hidden}
.gzn-corporate-decisions{position:absolute;inset:0;pointer-events:none}
.gzn-corporate-decision{position:absolute;display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid rgba(245,245,242,.48);background:rgba(9,9,9,.76);color:#f5f5f2;font:600 11px/1.1 Inter,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(5px)}
.gzn-corporate-decision.is-change{left:4%;top:8%}.gzn-corporate-decision.is-keep{right:4%;top:18%}.gzn-corporate-decision.is-order{left:8%;bottom:12%}.gzn-corporate-decision.is-remove{right:7%;bottom:8%}
@media(max-width:600px){.gzn-corporate-decisions{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px}.gzn-corporate-decision{position:static;justify-content:center;background:#111;border-color:rgba(9,9,9,.14);color:#f3f3ef;min-height:40px}.gzn-corporate-media{overflow:visible;background:transparent}}

/* GATE 07 · Connected network */
.gzn-connected-svg [data-motion="center"]{transform-box:view-box;transform-origin:800px 450px}.gzn-connected-svg [data-node]{transform-box:fill-box;transform-origin:center}
.gzn-connected-svg{display:block;width:100%;height:auto;overflow:visible}.gzn-svg-light .gzn-connected-svg{background:#f3f3ef}.gzn-connected [data-motion="mega"]{text-wrap:balance}
/* Gate 07 visual QA correction · readable mobile network key */
.gzn-connected-key{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.gzn-connected-key ul{list-style:none;margin:0;padding:0}.gzn-connected-key-title{margin:0}
@media(max-width:600px){
  .gzn-connected-svg [data-motion="touchpoints"] text{opacity:0}
  .gzn-connected-svg [data-motion="center"] text{opacity:0}
  .gzn-connected-key{position:static;width:auto;height:auto;margin:18px 0 0;padding:0;overflow:visible;clip-path:none;white-space:normal}
  .gzn-connected-key-title{font:600 12px/1.2 "DM Sans",Inter,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--gzn-muted);margin-bottom:10px}
  .gzn-connected-key ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--gzn-line);border:1px solid var(--gzn-line)}
  .gzn-connected-key li{background:var(--gzn-soft);padding:10px 12px;font:600 12px/1.2 Inter,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
}



/* GATE 08 · Territories + controlled Asset 07 placeholder */
.gzn-territory [data-motion="moment"]{position:relative;isolation:isolate}
.gzn-territory-picture{display:block;overflow:hidden;background:#111}
.gzn-territory-picture img{display:block;width:100%;height:auto;object-fit:cover;backface-visibility:hidden}
.gzn-stand-placeholder{aspect-ratio:16/10;display:grid;place-items:center;border:1px solid rgba(245,245,242,.38);background:#111;color:#f3f3ef;overflow:hidden;position:relative}
.gzn-stand-placeholder::before,.gzn-stand-placeholder::after{content:'';position:absolute;background:rgba(245,245,242,.12)}
.gzn-stand-placeholder::before{width:1px;height:160%;transform:rotate(32deg)}
.gzn-stand-placeholder::after{height:1px;width:160%;transform:rotate(32deg)}
.gzn-stand-placeholder span{position:relative;z-index:1;padding:10px 14px;background:#111;border:1px solid rgba(245,245,242,.24);font:600 clamp(18px,2vw,28px)/1 Inter,Arial,sans-serif;letter-spacing:.08em}
@media(max-width:600px){.gzn-stand-placeholder{aspect-ratio:4/5}.gzn-stand-placeholder span{font-size:19px}}


/* GATE 09 · Method storytelling */
.gzn-method-svg{display:block;width:100%;height:auto}
.gzn-method-picture{display:block;overflow:hidden;background:#111}.gzn-method-picture img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;backface-visibility:hidden}
.gzn-method [data-motion="method-state"],.gzn-method [data-method-step]{transition:opacity .42s cubic-bezier(.22,.7,.2,1),transform .48s cubic-bezier(.22,.7,.2,1)}
.gzn-method[data-method-active] [data-motion="method-state"]{opacity:.18}
.gzn-method[data-method-active] [data-method-step]{opacity:.42}
.gzn-method[data-method-active="1"] [data-step="1"],.gzn-method[data-method-active="2"] [data-step="2"],.gzn-method[data-method-active="3"] [data-step="3"],.gzn-method[data-method-active="4"] [data-step="4"]{opacity:1}
.gzn-method[data-method-active="1"] [data-motion="method-state"][data-step="1"],.gzn-method[data-method-active="2"] [data-motion="method-state"][data-step="2"],.gzn-method[data-method-active="3"] [data-motion="method-state"][data-step="3"],.gzn-method[data-method-active="4"] [data-motion="method-state"][data-step="4"]{transform:translate3d(0,-4px,0)}
@media(min-width:961px){.gzn-method-layout{align-items:start}.gzn-method [data-method-stage="sticky"]{position:sticky;top:130px;margin-top:0}.gzn-method-list article{min-height:clamp(190px,29vh,320px);align-content:center}}
@media(max-width:960px){.gzn-method[data-method-active] [data-motion="method-state"],.gzn-method[data-method-active] [data-method-step]{opacity:1;transform:none}.gzn-method-picture img{aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){.gzn-method [data-motion="method-state"],.gzn-method [data-method-step]{transition:none!important}}


/* GATE 10 · Closing — intentionally restrained */
.gzn-closing-media{background:#090909}
.gzn-closing-media::after{display:none}
.gzn-closing-rule{position:absolute;left:-8%;top:46%;width:116%;height:1px;background:rgba(245,245,242,.16);transform:rotate(-7deg);transform-origin:center;display:block}
.gzn-closing h2 a{display:inline;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size .45s cubic-bezier(.22,.7,.2,1)}
.gzn-closing h2 a:hover,.gzn-closing h2 a:focus-visible{background-size:100% 1px}
@media(max-width:600px){.gzn-closing-rule{top:39%;left:-25%;width:150%;transform:rotate(-12deg)}.gzn-closing h2 a{background-image:none}}
@media(prefers-reduced-motion:reduce){.gzn-closing h2 a{transition:none!important}}

/* GATE 11 visual correction · Brand Core must render as a real responsive SVG */
.gzn-core-svg{display:block;width:100%;height:auto;overflow:visible}

/* GATE 11 UX correction · Brand Core mobile editorial key */
.gzn-core-key{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.gzn-core-key ul{list-style:none;margin:0;padding:0}.gzn-core-key-title{margin:0}
@media(max-width:600px){
  .gzn-core-svg [data-node] text,.gzn-core-svg [data-motion="core"] text{opacity:0}
  .gzn-core-key{position:static;width:auto;height:auto;margin:18px 0 0;padding:0;overflow:visible;clip-path:none;white-space:normal}
  .gzn-core-key-title{font:600 12px/1.2 "DM Sans",Inter,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#9a9a94;margin-bottom:10px}
  .gzn-core-key ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15)}
  .gzn-core-key li{background:#090909;padding:10px 12px;font:600 12px/1.2 Inter,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#f3f3ef}
}