:root{--bg:#10110f;--panel:#171916;--paper:#e9e9df;--muted:#92968d;--acid:#c7ff3d;--line:#33372f;--font:"Space Grotesk",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.noise{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.topbar{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(16,17,15,.88);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff10}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.06em}.brand-mark{font-size:27px;line-height:1}.brand-mark span{color:var(--acid)}.brand-name{font-size:13px;letter-spacing:.16em}.brand-name sup{font-size:8px;color:var(--acid)}nav{display:flex;gap:clamp(12px,2vw,28px)}nav a,.nav-cta,.eyebrow,.hero-bottom,.project-meta,.grade-top,.grade-bottom,.vertical-label,.hero-counter,.ticker,.service-list,.small-link,.academy-tags,.price-note,.affiliate-note,.footer,.journal-card>a,.form-status,.loading-card{font-family:var(--mono);font-size:10px;letter-spacing:.08em}nav a{color:#b8bcb2;transition:color .2s}nav a:hover,.small-link:hover{color:var(--acid)}.nav-cta{border:1px solid #4a4e44;padding:12px 14px}.nav-cta span,.text-link span,.button span{color:var(--acid);margin-left:10px}.menu-toggle{display:none;background:none;color:var(--paper);border:0;font-size:24px}.hero{min-height:calc(100vh - 78px);padding:7vh 5vw 22px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2vw;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 95%);pointer-events:none}.hero-copy{z-index:2;align-self:center;padding-bottom:7vh}.eyebrow{color:var(--muted);display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid)}.eyebrow-index{margin-left:auto;color:#555a50}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,8vw,122px);line-height:.83;letter-spacing:-.09em;font-weight:600;margin:34px 0 28px;position:relative}h2{font-size:clamp(42px,6vw,84px);line-height:.9;letter-spacing:-.075em;margin:22px 0}h3{letter-spacing:-.04em}.outline{-webkit-text-stroke:1px var(--paper);color:transparent}.acid{color:var(--acid)}.hero-copy>p,.split-copy>p,.academy-copy>p,.originals-content>p,.contact-intro>p{color:#a5a99f;max-width:390px;line-height:1.75;font-size:14px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;padding:16px 19px;font:500 10px var(--mono);letter-spacing:.07em;cursor:pointer;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-acid{background:var(--acid);color:#11130e}.button-acid span{color:#11130e}.button-outline{border:1px solid #62665b;background:transparent;color:var(--paper)}.text-link{font:10px var(--mono);letter-spacing:.06em}.hero-art{min-height:520px;position:relative;align-self:stretch;margin:0 0 30px 2vw}.hero-image{position:absolute;inset:0 0 0 4%;background:linear-gradient(180deg,#0e100e05 45%,#10110f 100%),url("https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1500&q=90") center/cover;filter:saturate(.68);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%,0 13%)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 40%,#c7ff3d18 100%);mix-blend-mode:screen}.hero-stamp{position:absolute;right:0;top:13%;display:grid;gap:9px;background:var(--acid);color:#151711;padding:15px;font:9px var(--mono);transform:rotate(3deg)}.hero-stamp b{font:700 18px var(--font)}.vertical-label{position:absolute;left:-3px;top:42%;writing-mode:vertical-rl;transform:rotate(180deg);color:#a4a99b}.hero-counter{position:absolute;bottom:13%;right:0;display:flex;align-items:center;gap:12px;background:#10110f;padding:15px}.hero-counter b{font-size:22px;color:var(--acid)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;color:#71766c;border-top:1px solid var(--line);padding-top:17px}.ticker{overflow:hidden;white-space:nowrap;background:var(--acid);color:#171911;padding:15px 0;font-size:12px;font-weight:500}.ticker div{width:max-content;animation:marquee 28s linear infinite}.ticker i{font-style:normal;margin:0 28px}@keyframes marquee{to{transform:translateX(-35%)}}.section{padding:120px 5vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section-head h2{margin-bottom:0}.section-head>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 4vw 5px 0}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.project{display:block;min-width:0}.project-large{grid-row:span 2}.project-image{height:280px;background-size:cover;background-position:center;filter:saturate(.68);transition:filter .4s,transform .7s}.project-large .project-image{height:620px}.project:hover .project-image{filter:saturate(1);transform:scale(.99)}.porsche{background-image:linear-gradient(0deg,#10110f45,transparent),url("https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1400&q=85")}.mclaren{background-image:url("https://images.unsplash.com/photo-1621135802920-133df287f89c?auto=format&fit=crop&w=1100&q=85")}.bmw{background-image:url("https://images.unsplash.com/photo-1555215695-3004980ad54e?auto=format&fit=crop&w=1100&q=85")}.project-meta{display:flex;justify-content:space-between;gap:10px;color:#9da195;padding:13px 0;border-bottom:1px solid var(--line);font-size:9px}.center-link{text-align:center;margin-top:40px}.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:650px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split-visual{position:relative;overflow:hidden;background:linear-gradient(0deg,#10110f90,transparent 55%),url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1300&q=85") center/cover;filter:saturate(.65)}.big-index{position:absolute;top:30px;left:5vw;font-size:clamp(100px,20vw,260px);line-height:1;font-weight:700;letter-spacing:-.1em;color:#ffffff12}.corner-label{position:absolute;bottom:28px;left:5vw;font:10px var(--mono);letter-spacing:.12em}.split-copy{padding:90px 8vw 80px 6vw;align-self:center}.split-copy h2{font-size:clamp(42px,5vw,72px)}.service-list{list-style:none;padding:0;margin:35px 0;color:#c6c9c0}.service-list li{border-top:1px solid var(--line);padding:15px 0;font-size:11px}.service-list li span{color:var(--acid);margin-right:20px}.small-link{display:block;margin-top:22px;color:#a3a89c}.academy-section{padding:120px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:#151713;overflow:hidden}.academy-copy h2{font-size:clamp(52px,7vw,90px)}.academy-tags{display:flex;flex-wrap:wrap;gap:7px;margin:28px 0}.academy-tags span{border:1px solid #43483c;padding:8px;color:#aeb3a4;font-size:9px}.academy-copy small{display:block;color:#747a6d;font-size:10px;margin-top:15px}.grade-panel{height:420px;position:relative;border:1px solid #474c40;padding:14px;overflow:hidden;background:#0e100d}.grade-top,.grade-bottom{display:flex;justify-content:space-between;color:#959b8a;font-size:9px}.grade-top span:last-child{color:var(--acid)}.grade-image{position:absolute;inset:45px 14px 45px;background:linear-gradient(90deg,#111b22aa,#c7ff3d05),url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1200&q=85") center/cover;filter:saturate(.55) contrast(1.1)}.grade-image:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--acid);box-shadow:0 0 18px var(--acid)}.grade-bottom{position:absolute;bottom:14px;left:14px;right:14px}.grade-orb{position:absolute;width:160px;height:160px;border:1px solid #c7ff3d60;border-radius:50%;right:-50px;top:40px;box-shadow:0 0 60px #c7ff3d0a,inset 0 0 40px #c7ff3d0a}.class-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 8vw;background:var(--acid);color:#14160f}.class-strip .eyebrow{color:#4b542f}.class-strip h3{font-size:clamp(20px,3vw,32px);margin:10px 0}.class-strip p{font-size:12px;color:#454b36;margin:0}.class-action{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.class-action .button{background:#151711;color:var(--paper)}.class-action .button span{color:var(--acid)}.price-note{font-size:9px;color:#4b5239}.supply-section{background:var(--bg)}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);background:#141612;transition:border-color .25s,transform .25s}.product-card:hover{border-color:#777d69;transform:translateY(-4px)}.product-image{height:260px;background-size:cover;background-position:center;position:relative}.product-kind{position:absolute;top:12px;left:12px;background:var(--acid);color:#151711;padding:7px 9px;font:9px var(--mono)}.product-info{padding:18px}.product-info .eyebrow{font-size:9px}.product-info h3{font-size:20px;margin:10px 0}.product-info p{font-size:12px;color:var(--muted);line-height:1.6;min-height:38px}.product-buy{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:1px solid #454a3f;color:var(--paper);padding:13px;cursor:pointer;font:10px var(--mono)}.product-buy:hover{background:var(--acid);color:#151711}.affiliate-note{color:#777d70;line-height:1.8;font-size:9px;margin-top:25px;max-width:780px}.originals-section{min-height:640px;position:relative;display:flex;align-items:center;padding:100px 8vw;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.originals-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#10110f 0%,#10110fe8 38%,#10110f44 100%),url("https://images.unsplash.com/photo-1511919884226-fd3cad34687c?auto=format&fit=crop&w=1800&q=90") center/cover;filter:saturate(.55)}.originals-content{position:relative;z-index:1;max-width:550px}.originals-content h2{font-size:clamp(54px,8vw,100px)}.originals-index{position:absolute;bottom:28px;right:5vw;font:10px var(--mono);color:#a4a99c}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.journal-image{height:220px;background-size:cover;background-position:center;margin-bottom:20px;filter:saturate(.65)}.journal-one{background-image:url("https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=900&q=80")}.journal-two{background-image:url("https://images.unsplash.com/photo-1506157786151-b8491531f063?auto=format&fit=crop&w=900&q=80")}.journal-three{background-image:url("https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=900&q=80")}.journal-card .eyebrow{font-size:9px}.journal-card h3{font-size:19px;line-height:1.25;margin:13px 0 18px}.journal-card>a{font-size:9px;color:var(--acid)}.contact-section{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#171916}.contact-intro h2{font-size:clamp(50px,7vw,90px)}.contact-aside{margin-top:60px;font:10px/1.9 var(--mono);color:#9ca193}.contact-aside span{color:var(--acid)}.inquiry-form{display:grid;gap:18px}.inquiry-form label,.checkout-form label{display:grid;gap:9px;font:10px var(--mono);letter-spacing:.08em;color:#a9afa0}.inquiry-form input,.inquiry-form select,.inquiry-form textarea,.checkout-form input{width:100%;background:transparent;border:0;border-bottom:1px solid #44483e;border-radius:0;color:var(--paper);padding:12px 0;outline:none;font:13px var(--font)}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus,.checkout-form input:focus{border-color:var(--acid)}select option{background:#171916}.inquiry-form textarea{resize:vertical}.form-submit{margin-top:8px;justify-self:start}.form-status{color:var(--acid);line-height:1.7;letter-spacing:0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 5vw;border-top:1px solid var(--line);color:#858b7c;font-size:9px}.footer .brand{color:var(--paper)}.toast{position:fixed;z-index:50;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--acid);color:#151711;padding:14px 20px;font:11px var(--mono);transition:.25s;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.cart-dock{position:fixed;z-index:35;bottom:20px;right:20px;background:var(--acid);color:#151711;padding:12px 14px;display:flex;align-items:center;gap:22px;font:10px var(--mono);box-shadow:0 10px 40px #0007}.cart-dock button{border:0;background:#151711;color:var(--paper);padding:10px;cursor:pointer;font:10px var(--mono)}.cart-dialog{width:min(520px,calc(100% - 24px));max-height:90vh;overflow:auto;background:#171916;color:var(--paper);border:1px solid #555a4b;padding:30px}.cart-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{float:right;background:none;border:0;color:var(--paper);font-size:26px;cursor:pointer}.cart-dialog h2{font-size:40px}.cart-line{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-line button{background:none;border:0;color:var(--acid);cursor:pointer}.cart-total{display:flex;justify-content:space-between;padding:20px 0;font:12px var(--mono)}.checkout-form{display:grid;gap:16px}.checkout-form .button{width:100%}.loading-card{border:1px solid var(--line);padding:40px;color:var(--muted);grid-column:1/-1}.reveal{animation:reveal .8s both}@keyframes reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero,.section{padding-left:max(5vw,calc((100vw - 1400px)/2));padding-right:max(5vw,calc((100vw - 1400px)/2))}}@media(max-width:950px){nav{gap:10px}nav a{font-size:8px}.nav-cta{display:none}.hero{grid-template-columns:1fr 1fr;padding-top:6vh}.hero-art{min-height:430px}.hero-copy h1{font-size:clamp(50px,8vw,82px)}.project-large .project-image{height:520px}.split-copy{padding:60px 5vw}.academy-section{padding:90px 5vw;gap:5vw}.contact-section{gap:6vw;padding:90px 5vw}}@media(max-width:700px){.topbar{height:66px;padding:0 5vw}.menu-toggle{display:block}nav{display:none;position:absolute;top:65px;left:0;right:0;padding:20px 5vw 26px;background:#10110f;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}nav.open{display:flex}nav a{font-size:11px}.hero{display:flex;flex-direction:column;padding:55px 5vw 20px;gap:15px}.hero-copy{padding-bottom:0}.hero-copy h1{font-size:clamp(58px,15vw,95px)}.hero-art{min-height:370px;margin:0 0 10px 5vw}.hero-bottom{font-size:8px;gap:12px}.hero-bottom span:last-child{display:none}.section{padding:80px 5vw}.section-head{display:block}.section-head>p{margin:25px 0 0}.project-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .project-image,.project-image{height:300px}.split-section{grid-template-columns:1fr}.split-visual{min-height:360px}.split-copy{padding:65px 5vw}.academy-section{grid-template-columns:1fr;padding:80px 5vw;gap:45px}.grade-panel{height:320px}.class-strip{padding:30px 5vw;align-items:flex-start;flex-direction:column}.class-action{align-items:flex-start;flex-direction:column}.shop-grid,.journal-grid{grid-template-columns:1fr}.product-image{height:300px}.originals-section{min-height:570px;padding:80px 5vw}.contact-section{grid-template-columns:1fr;padding:80px 5vw;gap:55px}.contact-aside{margin-top:35px}.footer{flex-wrap:wrap}.footer>span:nth-child(2){order:3;width:100%}.footer>span:nth-child(3){order:4;width:100%}.cart-dock{left:12px;right:12px;bottom:12px;justify-content:space-between}.journal-image{height:250px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* ZP CINEMA — CINEMATIC REFINEMENT */
:root {
  --zpc-bg: #10110f;
  --zpc-panel: #171916;
  --zpc-text: #f3f1eb;
  --zpc-muted: #92968d;
  --zpc-acid: #c7ff34;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

body {
  background: var(--zpc-bg);
  color: var(--zpc-text);
  -webkit-font-smoothing: antialiased;
}

img,
video {
  max-width: 100%;
}

section {
  scroll-margin-top: 90px;
}

.hero {
  min-height: min(850px, 92svh);
  position: relative;
  isolation: isolate;
}

.hero-copy h1 {
  max-width: 1000px;
  text-wrap: balance;
  letter-spacing: -0.055em;
}

.hero-art {
  overflow: hidden;
}

.hero-image,
.project-image,
.journal-image,
.partnership-visual,
.originals-backdrop {
  background-position: center;
  background-size: cover;
}

.project {
  transition: opacity 220ms ease, transform 220ms ease;
}

.project:hover {
  opacity: 0.92;
}

.project-image {
  overflow: hidden;
}

.project-image::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    transparent 55%,
    rgba(0, 0, 0, 0.2)
  );
  pointer-events: none;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--zpc-acid);
  outline-offset: 4px;
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 72px;
  }

  .hero {
    min-height: 780px;
    min-height: 88svh;
  }

  .hero-copy h1 {
    font-size: clamp(2.6rem, 11vw, 5rem);
    line-height: 0.98;
  }

  .hero-bottom {
    gap: 12px;
    flex-wrap: wrap;
  }

  .project-grid,
  .journal-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-large,
  .project-small {
    grid-column: auto;
  }

  .project-image {
    min-height: 260px;
  }

  .contact-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}


/* ZP CINEMA — PORTFOLIO FINISH */
.work-section .section-head {
  margin-bottom: clamp(28px, 5vw, 64px);
}

.project-grid {
  gap: clamp(14px, 2vw, 28px);
  align-items: start;
}

.project {
  min-width: 0;
}

.project-image {
  position: relative;
  isolation: isolate;
  background-color: #1b1d19;
  aspect-ratio: 16 / 10;
}

.project-large .project-image {
  aspect-ratio: 16 / 10;
}

.project-meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding-top: 14px;
}

.project-meta span {
  color: var(--zpc-muted);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.project-meta > span:last-child {
  text-align: right;
}

.project-image,
.journal-image {
  transition: transform 450ms cubic-bezier(.2, .7, .2, 1);
}

@media (hover: hover) and (pointer: fine) {
  .project:hover .project-image,
  .journal-card:hover .journal-image {
    transform: scale(1.015);
  }
}

@media (max-width: 768px) {
  .work-section .section-head {
    margin-bottom: 28px;
  }

  .project-grid {
    gap: 32px;
  }

  .project-image,
  .project-large .project-image {
    aspect-ratio: 4 / 3;
    min-height: 0;
  }

  .project-meta {
    align-items: flex-start;
    gap: 10px;
    padding-top: 12px;
  }

  .project-meta span {
    font-size: 0.65rem;
    line-height: 1.5;
  }
}



/* ZP CINEMA — HERO IMAGE */
.hero-image {
  background-image:
    linear-gradient(
      90deg,
      rgba(8, 9, 8, 0.78) 0%,
      rgba(8, 9, 8, 0.42) 48%,
      rgba(8, 9, 8, 0.12) 100%
    ),
    linear-gradient(
      0deg,
      rgba(8, 9, 8, 0.62) 0%,
      transparent 55%
    ),
    url("/KJO%20PHOTO%204.jpg");

  background-size: cover;
  background-position: center 55%;
  background-repeat: no-repeat;
}

/* Mobile adjustment */
@media (max-width: 768px) {
  .hero-image {
    background-position: 58% center;
  }
}