*{box-sizing:border-box}
:root{--bg:#050505;--fg:#f2f2f2;--muted:#9b9b9b;--line:#232323;--card:#0d0d0d;--accent:#b8b8b8;--accent-rgb:184,184,184;--max:1440px}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","Noto Sans KR","Noto Sans SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.topbar{position:fixed;inset:0 0 auto 0;height:78px;display:flex;align-items:center;gap:28px;padding:0 34px;z-index:100;background:linear-gradient(180deg,rgba(3,3,3,.96) 0%,rgba(3,3,3,.88) 38%,rgba(3,3,3,.58) 70%,rgba(3,3,3,.16) 92%,rgba(3,3,3,0) 100%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.wordmark{font-family:Georgia,"Times New Roman",serif;font-size:28px;letter-spacing:.04em}
.nav{display:flex;gap:24px;margin-left:auto;font-size:12px;color:#bdbdbd;letter-spacing:.04em}.nav a:hover{color:#fff}
.langswitch{position:relative}.langswitch button{border:1px solid #3a3a3a;background:rgba(0,0,0,.45);color:#eee;border-radius:999px;padding:8px 11px;font-size:11px;letter-spacing:.12em;cursor:pointer}
.langmenu{position:absolute;top:44px;right:0;min-width:120px;background:#101010;border:1px solid #2b2b2b;border-radius:14px;padding:8px;display:none;box-shadow:0 20px 60px rgba(0,0,0,.5)}.langswitch.open .langmenu{display:grid}
.langmenu a{padding:9px 10px;border-radius:9px;font-size:12px;color:#bbb}.langmenu a:hover{background:#1b1b1b;color:#fff}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero-bg{position:absolute;inset:-14% -2% -10%;filter:grayscale(1);opacity:.75}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 47%;transform:scale(1.05)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.36) 46%,rgba(0,0,0,.94) 100%),linear-gradient(90deg,rgba(0,0,0,.58),transparent 70%)}
.hero-content{position:relative;z-index:2;width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:180px 0 72px}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#929292}.hero h1{margin:26px 0 24px;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(62px,10vw,144px);line-height:.87;letter-spacing:-.045em}.hero-copy{max-width:650px;font-size:clamp(19px,2.3vw,30px);line-height:1.45;color:#d0d0d0}.ghost-link{display:inline-block;margin-top:26px;border-bottom:1px solid #777;padding-bottom:5px;font-size:13px;color:#ccc}
.photo-section{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:130px 0;display:grid;grid-template-columns:1fr minmax(320px,480px);gap:10vw;align-items:center;border-top:1px solid var(--line)}
.photo-section.right{grid-template-columns:minmax(320px,480px) 1fr}.copy-block .index,.floating-copy .index,.screen-copy .index{font-size:10px;letter-spacing:.18em;color:#666;margin-bottom:24px}
.copy-block h2,.floating-copy h2,.screen-copy h2,.full-right h2{margin:0;font-weight:500;letter-spacing:-.035em;font-size:clamp(38px,5vw,70px);line-height:1.02}.copy-block p,.floating-copy p,.screen-copy p,.full-right>p{max-width:680px;margin-top:26px;color:#a8a8a8;font-size:18px;line-height:1.7}
.device-card{margin:0;background:linear-gradient(180deg,#111,#090909);border:1px solid var(--line);padding:16px;border-radius:38px;box-shadow:0 40px 120px rgba(0,0,0,.45)}.device-card img{display:block;width:100%;height:auto;border-radius:25px}.device-card figcaption{padding:14px 8px 2px;font-size:10px;letter-spacing:.13em;color:#666;text-transform:uppercase}
.fullbleed-photo{position:relative;min-height:88vh;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fullbleed-photo>img{position:absolute;inset:-18% 0;width:100%;height:136%;object-fit:cover;object-position:center 42%;filter:grayscale(1)}.fullbleed-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.58) 38%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.3) 100%)}
.floating-copy{position:relative;z-index:2;width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:18vh 0;display:flex;flex-direction:column;justify-content:center;min-height:88vh}.floating-copy h2{max-width:700px}.floating-copy p{max-width:580px;color:#c2c2c2}
.screensaver-section{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:130px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.screen-image{position:relative}.screen-image img{width:100%;display:block;border-radius:2px;box-shadow:0 30px 120px rgba(0,0,0,.48)}.screen-image span{position:absolute;left:16px;bottom:14px;background:rgba(0,0,0,.6);padding:7px 9px;font-size:9px;letter-spacing:.14em;color:#bbb}
.full-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:130px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:radial-gradient(circle at 20% 30%,#161616 0,#080808 35%,#050505 70%)}
.full-mark{font-family:Georgia,"Times New Roman",serif;font-size:clamp(82px,12vw,170px);line-height:.8;margin-top:38px}.full-sub{margin:22px 0 0 8px;letter-spacing:.55em;color:#777;font-size:14px}.full-right ul{margin:34px 0 0;padding:0;list-style:none;border-top:1px solid #242424}.full-right li{padding:16px 0;border-bottom:1px solid #242424;color:#d1d1d1;font-size:15px}.free-note{font-size:12px!important;color:#666!important}
.footer{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:72px 0 48px;display:grid;grid-template-columns:1fr auto;gap:26px;color:#777}.footer-logo{font-family:Georgia,"Times New Roman",serif;color:#eee;font-size:30px}.footer p{font-size:13px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.copyright{grid-column:1/-1;font-size:11px;color:#4d4d4d}.footer.simple{border-top:1px solid var(--line)}
.legal-wrap{width:min(calc(100% - 48px),860px);margin:0 auto;padding:150px 0 90px}.legal-wrap h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,9vw,100px);font-weight:400;line-height:.95;margin:22px 0}.updated{color:#666;font-size:12px;margin-bottom:48px}.legal-intro{font-size:19px;line-height:1.7;color:#b4b4b4;margin-bottom:60px}.legal-wrap section{padding:36px 0;border-top:1px solid var(--line)}.legal-wrap h2{font-size:22px;margin:0 0 14px}.legal-wrap p{color:#aaa;line-height:1.75}.legal-wrap a:not(.button){text-decoration:underline;text-underline-offset:3px}.button{display:inline-block;border:1px solid #555;border-radius:999px;padding:11px 17px;text-decoration:none!important}.back{display:inline-block;margin-top:40px;color:#bbb}
@media(max-width:900px){.photo-section,.photo-section.right,.screensaver-section,.full-section{grid-template-columns:1fr}.photo-section.right .copy-block{grid-row:1}.photo-section{gap:54px}.screensaver-section{gap:56px}.full-section{gap:70px}.nav{display:none}}
@media(max-width:600px){.topbar{height:58px;padding:0 16px}.wordmark{font-size:24px}.hero-content,.photo-section,.screensaver-section,.footer{width:calc(100% - 28px)}.hero-content{padding-bottom:42px}.hero h1{font-size:17vw}.hero-copy{font-size:18px}.photo-section,.screensaver-section{padding:86px 0}.fullbleed-photo{min-height:78vh}.floating-copy{width:calc(100% - 28px);min-height:78vh;padding:120px 0}.full-section{padding:90px 14px}.device-card{border-radius:25px;padding:10px}.device-card img{border-radius:17px}.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.legal-wrap{width:calc(100% - 28px);padding-top:110px}}

/* v3 — Vessel accent + photographic hero */
.wordmark::after{content:"";display:inline-block;width:6px;height:6px;margin-left:9px;border-radius:50%;background:var(--accent);vertical-align:middle;box-shadow:0 0 26px rgba(var(--accent-rgb),.65)}
.nav a{position:relative}.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--accent);transition:right .25s ease}.nav a:hover::after{right:0}
.ghost-link{border-color:rgba(var(--accent-rgb),.9)}.bsky-link{color:#c3cada;font-size:12px;letter-spacing:.05em}.bsky-link:hover{color:#fff}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:26px}.hero-actions .ghost-link{margin-top:0}
.hero-bg{inset:0;filter:none;opacity:1;background:#050505}
.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:grayscale(1);transform:none;transition:opacity 1.25s ease}
.hero-bg #pon-hero-photo{opacity:1}.hero-bg .hero-photo-next{opacity:0}
.hero-bg.swapping #pon-hero-photo{opacity:0}.hero-bg.swapping .hero-photo-next{opacity:1}
.hero-shade{background:
  linear-gradient(180deg,rgba(0,0,0,.17) 0%,rgba(0,0,0,.26) 43%,rgba(0,0,0,.91) 100%),
  linear-gradient(90deg,rgba(0,0,0,.63) 0%,rgba(0,0,0,.18) 56%,rgba(0,0,0,.18) 100%)}
.hero-live-badge{position:absolute;z-index:3;top:100px;left:34px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);background:rgba(5,5,5,.32);backdrop-filter:blur(8px);border-radius:999px;font-size:9px;letter-spacing:.16em;color:#b9b9b9}
.blue-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb),.95)}
.hero-side-note{position:absolute;z-index:3;right:26px;top:50%;transform:translateY(-50%);display:grid;gap:7px;writing-mode:vertical-rl;text-orientation:mixed;color:rgba(255,255,255,.4);font-size:9px;letter-spacing:.18em}
.hero-side-note strong{font-family:Georgia,"Times New Roman",serif;font-size:18px;color:rgba(255,255,255,.82);font-weight:400;letter-spacing:.08em}
.hero-photo-index{position:absolute;z-index:3;right:34px;bottom:34px;display:flex;align-items:center;gap:10px;color:#8c8c8c;font-size:9px;letter-spacing:.16em}.hero-photo-index i{width:52px;height:1px;background:linear-gradient(90deg,var(--accent),#404040)}
.photo-section .index,.floating-copy .index,.screen-copy .index,.wide-ui-copy .index{color:#7487a2}
.device-card{border-color:rgba(var(--accent-rgb),.22)}
.full-section{box-shadow:inset 0 1px 0 rgba(var(--accent-rgb),.22)}
.full-sub{color:#7e91ac}.full-right li::marker{color:var(--accent)}
.button{border-color:rgba(var(--accent-rgb),.75)}
.langswitch button:hover,.langmenu a:hover{border-color:var(--accent)}
.wide-ui-section{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:130px 0;border-top:1px solid var(--line)}
.wide-ui-copy{display:grid;grid-template-columns:120px 1fr 1fr;column-gap:42px;align-items:start;margin-bottom:54px}
.wide-ui-copy .index{grid-column:1}.wide-ui-copy h2{grid-column:2;margin:0;font-weight:500;letter-spacing:-.035em;font-size:clamp(38px,5vw,70px);line-height:1.02}.wide-ui-copy p{grid-column:3;margin:0;color:#a8a8a8;font-size:18px;line-height:1.7}
.wide-ui-shot{margin:0;border:1px solid rgba(var(--accent-rgb),.28);background:#070707;padding:12px;border-radius:26px}.wide-ui-shot img{display:block;width:100%;height:auto;border-radius:16px}.wide-ui-shot figcaption{padding:13px 4px 2px;font-size:10px;letter-spacing:.14em;color:#6f7f95}
.levels-feature{border-top:1px solid rgba(var(--accent-rgb),.18)}
@media(max-width:900px){.wide-ui-copy{grid-template-columns:1fr;gap:16px}.wide-ui-copy .index,.wide-ui-copy h2,.wide-ui-copy p{grid-column:1}.hero-side-note{display:none}}
@media(max-width:600px){.hero-live-badge{left:14px;top:76px;max-width:calc(100% - 28px);font-size:8px}.hero-photo-index{right:14px;bottom:18px}.wide-ui-section{width:calc(100% - 28px);padding:86px 0}.wide-ui-shot{border-radius:18px;padding:7px}.wide-ui-shot img{border-radius:12px}}

/* v4 monochrome cleanup */
.wordmark::after{display:none!important}
.blue-dot{display:none!important}

.topbar{
  height:86px;
  background:
    linear-gradient(
      180deg,
      rgba(3,3,3,.98) 0%,
      rgba(3,3,3,.92) 34%,
      rgba(3,3,3,.72) 58%,
      rgba(3,3,3,.36) 78%,
      rgba(3,3,3,.12) 90%,
      rgba(3,3,3,0) 100%
    )!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.nav a::after{background:#d0d0d0!important}
.ghost-link{border-color:#777!important}
.hero-live-badge{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(0,0,0,.26)!important;
  color:#c7c7c7!important;
  border-radius:0!important;
  padding:9px 12px!important;
}
.hero-live-badge::before{
  content:"";
  display:inline-block;
  width:28px;
  height:1px;
  margin-right:8px;
  background:#bcbcbc;
  vertical-align:middle;
}
.hero-feed-note{
  margin:22px 0 0;
  font-size:9px;
  line-height:1.6;
  letter-spacing:.18em;
  color:rgba(255,255,255,.54);
  text-transform:uppercase;
}
.hero-photo-index i{background:linear-gradient(90deg,#ddd,#4a4a4a)!important}
.device-card,.wide-ui-shot{border-color:#2f2f2f!important}
.photo-section .index,.floating-copy .index,.screen-copy .index,.wide-ui-copy .index{color:#7f7f7f!important}
.full-section{box-shadow:inset 0 1px 0 #2b2b2b!important}
.full-sub{color:#888!important}

.hero-bg img{
  transition:opacity 1.45s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity;
}
.hero-bg #pon-hero-photo{opacity:1}
.hero-bg #pon-hero-photo-next{opacity:0}
.hero-bg.crossfade #pon-hero-photo{opacity:0}
.hero-bg.crossfade #pon-hero-photo-next{opacity:1}

.manifesto-section{
  width:min(calc(100% - 64px),var(--max));
  margin:0 auto;
  padding:118px 0 126px;
}
.manifesto-rule{
  width:100%;
  height:1px;
  background:#cfcfcf;
  opacity:.55;
}
.manifesto-rule.bottom{margin-top:92px;opacity:.18}
.manifesto-grid{
  display:grid;
  grid-template-columns:180px 1fr 270px;
  gap:36px;
  align-items:start;
  padding-top:28px;
}
.manifesto-index{
  font-size:9px;
  letter-spacing:.22em;
  color:#777;
  padding-top:12px;
}
.manifesto-grid h2{
  margin:0;
  font-size:clamp(64px,9vw,138px);
  line-height:.84;
  letter-spacing:-.055em;
  font-weight:600;
}
.manifesto-answer{
  margin:6px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,2.6vw,36px);
  line-height:1.16;
  color:#a7a7a7;
}

.photo-section,.wide-ui-section,.screensaver-section{
  position:relative;
}
.photo-section::before,.wide-ui-section::before,.screensaver-section::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:72px;
  height:1px;
  background:#d7d7d7;
  opacity:.65;
}
.device-card figcaption,.wide-ui-shot figcaption,.screen-image span{
  text-transform:uppercase;
}
.full-section{
  position:relative;
}
.full-section::before{
  content:"PON. / FULL / 001";
  position:absolute;
  top:22px;
  left:max(32px,calc((100vw - var(--max))/2));
  font-size:9px;
  letter-spacing:.22em;
  color:#676767;
}

.appstore-section{
  border-top:1px solid #292929;
  border-bottom:1px solid #292929;
  background:#f1f1f1;
  color:#090909;
  padding:110px max(32px,calc((100vw - var(--max))/2));
}
.appstore-grid{
  display:grid;
  grid-template-columns:160px 1fr 330px;
  gap:42px;
  align-items:start;
}
.appstore-kicker{
  font-size:9px;
  letter-spacing:.2em;
  padding-top:12px;
  color:#777;
}
.appstore-grid h2{
  margin:0;
  font-size:clamp(54px,8vw,112px);
  line-height:.84;
  letter-spacing:-.055em;
  font-weight:650;
}
.appstore-copy p{
  margin-top:8px;
  font-size:16px;
  line-height:1.5;
  color:#555;
}
.appstore-button{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:28px;
  min-width:220px;
  padding:12px 16px;
  border:1.5px solid #111;
  border-radius:14px;
  color:#111;
  background:#fff;
}
.appstore-button.is-disabled{
  opacity:.8;
  cursor:default;
  pointer-events:none;
}
.appstore-icon{
  font-size:30px;
  line-height:1;
}
.appstore-button small{
  display:block;
  font-size:8px;
  letter-spacing:.06em;
}
.appstore-button strong{
  display:block;
  margin-top:1px;
  font-size:22px;
  font-weight:600;
}
.appstore-note{
  font-size:10px!important;
  letter-spacing:.08em;
  color:#8a8a8a!important;
  text-transform:uppercase;
}

@media(max-width:900px){
  .manifesto-grid{grid-template-columns:1fr}
  .manifesto-index{padding-top:0}
  .manifesto-answer{max-width:420px}
  .appstore-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .manifesto-section{width:calc(100% - 28px);padding:86px 0 94px}
  .manifesto-grid h2{font-size:18vw}
  .manifesto-rule.bottom{margin-top:64px}
  .appstore-section{padding:86px 14px}
  .appstore-grid h2{font-size:15vw}
}

/* v5 — camera-geek / mechanical background language */
main{position:relative;overflow:hidden}
.technical-underlay{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
main>section{position:relative;z-index:1}
.tech-grid{position:absolute;inset:0;opacity:.055;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent 2%,#000 10%,#000 90%,transparent 98%)}
.tech-mark{position:absolute;font-family:"SFMono-Regular",Menlo,Consolas,monospace;color:#fff;opacity:.07;white-space:nowrap}
.tech-a{top:13%;left:2%;font-size:clamp(34px,6vw,86px);font-weight:700}
.tech-b{top:34%;right:-3%;font-size:clamp(100px,17vw,240px);font-weight:700;letter-spacing:-.07em}
.tech-c{top:51%;left:5%;font-size:clamp(52px,9vw,126px);font-weight:700}
.tech-d{top:70%;right:-8%;font-size:clamp(24px,4.5vw,64px);letter-spacing:.08em}
.tech-e{top:84%;left:-1%;font-size:clamp(20px,3.2vw,46px);letter-spacing:.08em}
.ghost-host{isolation:isolate}
.ui-ghost{position:absolute;z-index:-1;pointer-events:none;opacity:.085;filter:grayscale(1) contrast(1.15);mix-blend-mode:screen}
.ui-ghost img{width:100%;display:block}
.ghost-frame{width:min(720px,58vw);left:-22vw;bottom:-150px;transform:rotate(-7deg)}
.ghost-look{width:min(650px,52vw);right:-20vw;top:80px;transform:rotate(6deg)}
.ghost-optics{width:min(850px,66vw);right:-20vw;bottom:-120px;transform:rotate(-3deg)}
.ghost-levels{width:min(720px,56vw);left:-20vw;top:80px;transform:rotate(5deg)}
.ghost-host .copy-block,.ghost-host .device-card,.ghost-host .wide-ui-copy,.ghost-host .wide-ui-shot{position:relative;z-index:2}
.mechanical-band{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:58px 0;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:34px;align-items:center;border-top:1px solid #303030;border-bottom:1px solid #303030;font-family:"SFMono-Regular",Menlo,Consolas,monospace}
.mech-kicker,.mech-sub{font-size:9px;letter-spacing:.18em;color:#686868}
.mech-big{margin:12px 0 8px;font-size:clamp(62px,8vw,118px);line-height:.82;font-weight:700;letter-spacing:-.07em}
.mech-big span{font-size:.22em;letter-spacing:.06em;margin-left:8px;color:#777}
.viewfinder-box{position:relative;aspect-ratio:16/9;border:1px solid #303030;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:33.333% 33.333%}
.corner{position:absolute;width:28px;height:28px;border-color:#aaa;border-style:solid;opacity:.55}
.corner.tl{left:-1px;top:-1px;border-width:1px 0 0 1px}.corner.tr{right:-1px;top:-1px;border-width:1px 1px 0 0}.corner.bl{left:-1px;bottom:-1px;border-width:0 0 1px 1px}.corner.br{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.vf-line{position:absolute;background:#777;opacity:.25}.vf-line.h{left:0;right:0;top:50%;height:1px}.vf-line.v{top:0;bottom:0;left:50%;width:1px}
.vf-focus{position:absolute;width:52px;height:36px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #c9c9c9;opacity:.6}
.readout-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:9px 0;border-bottom:1px solid #242424;font-size:10px;letter-spacing:.12em}
.readout-row span{color:#656565}.readout-row b{font-weight:500;color:#b8b8b8}
.manifesto-section{background:linear-gradient(180deg,rgba(5,5,5,.94),rgba(5,5,5,.87)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.03) 80px)}
.manifesto-grid h2{position:relative}.manifesto-grid h2::after{content:"35 / 50 / 85";position:absolute;right:-5%;bottom:-28px;font-family:"SFMono-Regular",Menlo,Consolas,monospace;font-size:10px;letter-spacing:.2em;color:#585858;font-weight:400}
@media(max-width:900px){.mechanical-band{grid-template-columns:1fr}.mech-center{order:3}.ui-ghost{opacity:.06}}
@media(max-width:600px){.technical-underlay{display:none}.mechanical-band{width:calc(100% - 28px);padding:44px 0}.ui-ghost{opacity:.04}.ghost-frame,.ghost-look,.ghost-optics,.ghost-levels{width:90vw;left:auto;right:-45vw}}

/* v6 — PON100 / art-project direction */
.wordmark-quiet{font-size:20px!important;opacity:.72;letter-spacing:.08em}
.wordmark-quiet:hover{opacity:1}
.topbar{mix-blend-mode:normal}

.art-manifesto{
  min-height:150vh;
  position:relative;
  overflow:hidden;
  background:#050505;
  border-top:1px solid #1b1b1b;
}
.art-canvas{position:absolute;inset:0;overflow:hidden}
.art-fragment{position:absolute;margin:0;overflow:hidden;will-change:transform,opacity;opacity:.7}
.art-fragment img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.af-01{width:68vw;height:42vh;left:-12vw;top:4vh;transform:rotate(-4deg)}
.af-02{width:42vw;height:58vh;right:-8vw;top:18vh;filter:blur(1px)}
.af-03{width:78vw;height:34vh;left:16vw;top:62vh;opacity:.36;mix-blend-mode:screen;transform:rotate(2deg)}
.af-04{width:34vw;height:46vh;left:6vw;top:92vh;opacity:.62}
.af-05{width:65vw;height:52vh;right:-18vw;top:90vh;opacity:.52;mix-blend-mode:screen}
.af-06{width:38vw;height:38vh;left:44vw;top:118vh;opacity:.32}
.art-noise{position:absolute;inset:0;opacity:.16;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1px),radial-gradient(circle at 70% 65%,#fff 0 1px,transparent 1px);background-size:17px 17px,23px 23px}
.art-copy{position:relative;z-index:2;width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:16vh 0 24vh}
.art-small{font-family:"SFMono-Regular",Menlo,monospace;font-size:9px;letter-spacing:.21em;color:#828282;margin-bottom:13vh}
.art-question{font-size:clamp(18px,2vw,30px);letter-spacing:.18em;margin:0 0 10vh;color:#d4d4d4}
.art-lines{font-family:"SFMono-Regular",Menlo,monospace;font-size:clamp(20px,3vw,46px);line-height:1.12;letter-spacing:.02em;color:rgba(255,255,255,.72);margin:0 0 16vh}
.art-big{font-size:clamp(72px,13vw,190px);line-height:.78;letter-spacing:-.07em;font-weight:650;margin:0;max-width:1100px}
.art-serif{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,6vw,82px);font-style:italic;margin:5vh 0 0 48%;color:#bcbcbc}

.time-section{position:relative;min-height:130vh;overflow:hidden;background:#ededed;color:#050505}
.time-photo{position:absolute;overflow:hidden;will-change:transform}
.time-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.tp-left{width:58vw;height:52vh;left:-8vw;top:8vh;transform:rotate(-3deg)}
.tp-right{width:47vw;height:70vh;right:-12vw;bottom:5vh;transform:rotate(4deg)}
.time-copy{position:relative;z-index:3;width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:27vh 0 20vh}
.time-index{font-family:"SFMono-Regular",Menlo,monospace;font-size:9px;letter-spacing:.2em;margin-left:55%;margin-bottom:11vh;color:#666}
.time-copy h2{font-size:clamp(64px,10vw,148px);line-height:.82;letter-spacing:-.06em;margin:0 0 12vh;mix-blend-mode:multiply}
.time-copy p{max-width:520px;margin:0 0 5vh 52%;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,3vw,42px);line-height:1.15}
.time-copy strong{display:block;margin:14vh 0 0 8%;font-size:clamp(38px,6vw,86px);line-height:.92;letter-spacing:-.04em}

.chaos-wall{position:relative;height:140vh;overflow:hidden;background:#060606;border-top:1px solid #222;border-bottom:1px solid #222}
.chaos-img{position:absolute;margin:0;overflow:hidden;will-change:transform}
.chaos-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.ci-1{width:45vw;height:44vh;left:-6vw;top:6vh;transform:rotate(-8deg)}
.ci-2{width:38vw;height:55vh;right:5vw;top:13vh;transform:rotate(6deg)}
.ci-3{width:30vw;height:36vh;left:37vw;top:51vh;transform:rotate(-2deg)}
.ci-4{width:55vw;height:44vh;left:-10vw;bottom:9vh;transform:rotate(3deg)}
.ci-5{width:42vw;height:56vh;right:-8vw;bottom:0;transform:rotate(-6deg)}
.ci-6{width:72vw;height:28vh;left:15vw;top:88vh;opacity:.33;mix-blend-mode:screen}
.chaos-word{position:absolute;z-index:4;font-weight:700;line-height:.75;letter-spacing:-.07em;color:#fff;mix-blend-mode:difference;pointer-events:none}
.cw-a{font-size:clamp(120px,22vw,320px);left:-3vw;top:31vh}
.cw-b{font-size:clamp(80px,15vw,230px);right:-4vw;top:80vh}
.cw-c{font-family:"SFMono-Regular",Menlo,monospace;font-size:clamp(42px,7vw,108px);left:43vw;top:9vh;letter-spacing:-.03em}
.chaos-crosshair{position:absolute;left:50%;top:50%;width:90px;height:90px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.45);z-index:5}
.chaos-crosshair::before,.chaos-crosshair::after{content:"";position:absolute;background:rgba(255,255,255,.35)}
.chaos-crosshair::before{left:50%;top:-70vh;width:1px;height:140vh}.chaos-crosshair::after{top:50%;left:-70vw;width:140vw;height:1px}

.last-roll{position:relative;padding:90px 0 110px;background:#050505;overflow:hidden;border-top:1px solid #242424}
.last-roll-label{width:min(calc(100% - 64px),var(--max));margin:0 auto 24px;font-family:"SFMono-Regular",Menlo,monospace;font-size:9px;letter-spacing:.2em;color:#666}
.last-roll-track{display:flex;gap:12px;width:max-content;transform:translateX(-6vw)}
.last-roll-track img{height:28vh;width:auto;filter:grayscale(1);opacity:.82}
.last-roll-track img:nth-child(even){transform:translateY(22px)}
.last-roll-track img:nth-child(3n){opacity:.48}

.scroll-in{opacity:0;transform:translateY(70px) scale(.98);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.75,.2,1)}
.scroll-in.is-visible{opacity:1;transform:translateY(0) scale(1)}

@media(max-width:800px){
  .art-manifesto{min-height:125vh}
  .af-01{width:95vw}.af-02{width:72vw}.af-03{width:110vw}.af-04{width:62vw}.af-05{width:90vw}.af-06{display:none}
  .art-copy{width:calc(100% - 28px)}
  .art-serif{margin-left:18%}
  .time-section{min-height:115vh}
  .tp-left{width:85vw}.tp-right{width:78vw}
  .time-copy{width:calc(100% - 28px);padding-top:22vh}
  .time-index{margin-left:30%}.time-copy p{margin-left:25%}
  .chaos-wall{height:120vh}
  .ci-1,.ci-2,.ci-4,.ci-5{width:75vw}
  .ci-3{width:58vw}
  .cw-a{top:38vh}.cw-b{top:76vh}
}

[data-parallax]{--parallax-y:0px}
.af-01{transform:rotate(-4deg) translate3d(0,var(--parallax-y),0)}
.af-02{transform:translate3d(0,var(--parallax-y),0)}
.af-03{transform:rotate(2deg) translate3d(0,var(--parallax-y),0)}
.af-04,.af-05,.af-06{transform:translate3d(0,var(--parallax-y),0)}
.tp-left{transform:rotate(-3deg) translate3d(0,var(--parallax-y),0)}
.tp-right{transform:rotate(4deg) translate3d(0,var(--parallax-y),0)}
.ci-1{transform:rotate(-8deg) translate3d(0,var(--parallax-y),0)}
.ci-2{transform:rotate(6deg) translate3d(0,var(--parallax-y),0)}
.ci-3{transform:rotate(-2deg) translate3d(0,var(--parallax-y),0)}
.ci-4{transform:rotate(3deg) translate3d(0,var(--parallax-y),0)}
.ci-5{transform:rotate(-6deg) translate3d(0,var(--parallax-y),0)}

/* v7 — NO GAPS / FIELD OF VISION */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
main{position:relative;background:#050505}
.vision-field{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.vision-panel{position:absolute;width:105vw;height:92vh;opacity:.16;mix-blend-mode:screen;filter:grayscale(1) contrast(1.08);will-change:transform,opacity}
.vision-panel img{width:100%;height:100%;object-fit:cover}
.vp-1{top:7%;left:-2vw;transform:rotate(-1.3deg)}.vp-2{top:31%;left:-4vw;transform:rotate(1.5deg)}.vp-3{top:56%;left:-1vw;transform:rotate(-2deg)}.vp-4{top:80%;left:-5vw;transform:rotate(1deg)}
.vision-fragment{position:absolute;opacity:.18;mix-blend-mode:screen;filter:grayscale(1);will-change:transform}
.vision-fragment img{width:100%;height:100%;object-fit:cover}
.vf-a{width:70vw;height:38vh;top:18%;right:-20vw;transform:rotate(8deg)}.vf-b{width:60vw;height:45vh;top:44%;left:-22vw;transform:rotate(-6deg)}.vf-c{width:74vw;height:36vh;top:68%;right:-28vw;transform:rotate(4deg)}.vf-d{width:65vw;height:42vh;top:89%;left:-18vw;transform:rotate(-3deg)}
main>section{position:relative;z-index:2}
.photo-section,.wide-ui-section,.screensaver-section,.mechanical-band,.manifesto-section,.full-section,.last-roll,.appstore-section{background-color:rgba(5,5,5,.78)!important;backdrop-filter:blur(1px)}
.photo-section,.wide-ui-section,.screensaver-section,.manifesto-section,.mechanical-band{margin-top:-1px!important;margin-bottom:-1px!important}
.photo-section{padding-top:92px!important;padding-bottom:92px!important}.wide-ui-section,.screensaver-section{padding-top:92px!important;padding-bottom:92px!important}

.word-photo-swarm{position:relative;height:165vh;overflow:hidden;background:#050505;isolation:isolate;border-top:1px solid #222;border-bottom:1px solid #222}
.swarm-photo{position:absolute;margin:0;overflow:hidden;filter:grayscale(1);opacity:.78;mix-blend-mode:screen}
.swarm-photo img{width:100%;height:100%;object-fit:cover}
.sp-01{width:52vw;height:54vh;left:-8vw;top:0;transform:rotate(-5deg)}.sp-02{width:42vw;height:48vh;right:-5vw;top:6vh;transform:rotate(7deg)}.sp-03{width:50vw;height:56vh;left:20vw;top:42vh;transform:rotate(-2deg)}.sp-04{width:44vw;height:50vh;right:4vw;top:78vh;transform:rotate(4deg)}.sp-05{width:55vw;height:48vh;left:-10vw;bottom:2vh;transform:rotate(3deg)}.sp-06{width:38vw;height:50vh;right:-8vw;bottom:-3vh;transform:rotate(-7deg)}
.swarm-line{position:absolute;z-index:5;margin:0;color:#fff;mix-blend-mode:difference;text-shadow:0 2px 30px rgba(0,0,0,.3)}
.sl-01{top:7vh;left:6vw;font-size:clamp(22px,3.4vw,54px);font-weight:500}.sl-02{top:18vh;right:2vw;font-size:clamp(56px,10vw,150px);font-weight:700;line-height:.82;letter-spacing:-.05em}.sl-03{top:39vh;left:2vw;font-size:clamp(26px,4vw,68px)}.sl-04{top:47vh;left:31vw;font-size:clamp(50px,9vw,132px);font-weight:700;line-height:.8;letter-spacing:-.05em}.sl-05{top:66vh;right:2vw;font-size:clamp(22px,3vw,48px)}.sl-06{top:75vh;left:-1vw;font-size:clamp(92px,18vw,270px);font-weight:700;line-height:.72;letter-spacing:-.07em}.sl-07{top:93vh;right:8vw;font-size:clamp(44px,7vw,105px);font-family:Georgia,"Times New Roman",serif}.sl-08{top:109vh;left:2vw;max-width:62vw;font-size:clamp(24px,4vw,64px);line-height:.95}.sl-09{top:119vh;right:3vw;font-size:clamp(20px,2.7vw,42px)}.sl-10{top:132vh;left:3vw;font-size:clamp(34px,5vw,78px);font-weight:600}.sl-11{top:139vh;right:-1vw;font-size:clamp(90px,16vw,240px);font-weight:700;line-height:.7;letter-spacing:-.06em}.sl-12{bottom:9vh;left:8vw;font-size:clamp(38px,6vw,90px);font-family:Georgia,"Times New Roman",serif;font-style:italic}.sl-13{bottom:4vh;right:3vw;font-size:clamp(24px,3.4vw,56px);max-width:50vw;line-height:.9}.sl-14{top:101vh;left:41vw;font-size:clamp(18px,2.5vw,38px);max-width:46vw;line-height:1.15}

.life-statement{position:relative;min-height:170vh;overflow:hidden;background:#ededed;color:#050505}
.life-photos{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:0;opacity:.38;filter:grayscale(1) contrast(1.12)}
.life-photos img{width:100%;height:100%;object-fit:cover}
.life-copy{position:relative;z-index:3;width:min(calc(100% - 56px),var(--max));margin:0 auto;padding:18vh 0}
.life-copy p{font-size:clamp(26px,4vw,62px);line-height:1.05;margin:0 0 9vh;max-width:950px;font-weight:520;mix-blend-mode:multiply}
.life-copy h2{font-size:clamp(110px,20vw,300px);line-height:.7;letter-spacing:-.07em;margin:4vh 0 16vh;font-weight:700;mix-blend-mode:multiply}
.life-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,9vw,136px);font-weight:400;line-height:.88;max-width:1000px;margin:18vh 0 9vh}
.life-rule{width:100%;height:1px;background:#111;margin:10vh 0 7vh}
.life-copy strong{display:block;font-size:clamp(58px,10vw,150px);line-height:.82;letter-spacing:-.06em}

.appstore-section{position:relative;z-index:4!important}
.last-roll-track{gap:0!important}.last-roll-track img{height:34vh!important;opacity:.88!important}.last-roll-track img:nth-child(even){transform:none!important}

@media(max-width:800px){
  .vision-panel{opacity:.11}
  .word-photo-swarm{height:145vh}
  .sp-01,.sp-02,.sp-03,.sp-04,.sp-05,.sp-06{width:72vw}
  .sl-02,.sl-06,.sl-11{font-size:20vw}.sl-04{font-size:15vw}.sl-14{left:24vw;max-width:70vw}
  .life-statement{min-height:145vh}.life-photos{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.life-copy{width:calc(100% - 28px)}.life-copy h2{font-size:27vw}
}

/* ==========================================================
   v8 — NO GAPS / ENGLISH STUDY / DELIBERATELY OVERFILLED
   ========================================================== */

.wordmark-quiet{
  font-size:18px!important;
  opacity:.56!important;
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:.12em!important;
}
.wordmark-quiet:hover{opacity:.9!important}
.nav{opacity:.55}
.nav:hover{opacity:1}
.langswitch{display:none!important}

main{position:relative;overflow:hidden;background:#050505}

/* Whole-page photographic infestation */
.chaos-field{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.cf-sheet,.cf-frag{
  position:absolute;
  max-width:none;
  filter:grayscale(1) contrast(1.12);
  opacity:.115;
  mix-blend-mode:screen;
  will-change:transform,opacity;
}
.cf-sheet{width:104vw;height:auto}
.cf-s1{top:4%;left:-2vw;transform:rotate(-1deg)}
.cf-s2{top:14%;left:-7vw;transform:rotate(1.8deg)}
.cf-s3{top:24%;left:-1vw;transform:rotate(-2.2deg)}
.cf-s4{top:34%;left:-6vw;transform:rotate(.8deg)}
.cf-s5{top:44%;left:-3vw;transform:rotate(-1.3deg)}
.cf-s6{top:54%;left:-5vw;transform:rotate(2deg)}
.cf-s7{top:64%;left:-1vw;transform:rotate(-1.8deg)}
.cf-s8{top:74%;left:-7vw;transform:rotate(1.1deg)}
.cf-s9{top:84%;left:-4vw;transform:rotate(-2deg)}
.cf-s10{top:94%;left:-2vw;transform:rotate(1.6deg)}

.cf-frag{opacity:.15}
.cf-f1{width:82vw;top:11%;right:-28vw;transform:rotate(11deg)}
.cf-f2{width:70vw;top:28%;left:-25vw;transform:rotate(-7deg)}
.cf-f3{width:78vw;top:41%;right:-22vw;transform:rotate(4deg)}
.cf-f4{width:66vw;top:58%;left:-20vw;transform:rotate(-10deg)}
.cf-f5{width:88vw;top:71%;right:-31vw;transform:rotate(8deg)}
.cf-f6{width:72vw;top:86%;left:-26vw;transform:rotate(-4deg)}
.cf-f7{width:84vw;top:96%;right:-28vw;transform:rotate(5deg)}

main>section{position:relative;z-index:2}

/* Reduce the "designed white space" feeling everywhere */
.photo-section,.wide-ui-section,.screensaver-section,.mechanical-band,.manifesto-section,.full-section,.last-roll{
  background:rgba(5,5,5,.63)!important;
  backdrop-filter:blur(.8px);
}
.photo-section,.wide-ui-section,.screensaver-section,.mechanical-band,.manifesto-section{
  margin-top:-2px!important;
  margin-bottom:-2px!important;
}

/* FIRST OVERLOAD */
.v8-vision{
  height:190vh;
  position:relative;
  overflow:hidden;
  background:#060606;
  isolation:isolate;
}
.v8-vision-photo{position:absolute;overflow:hidden;mix-blend-mode:screen;opacity:.74;filter:grayscale(1);will-change:transform}
.v8-vision-photo img{width:100%;height:100%;object-fit:cover}
.vp-a{width:68vw;height:62vh;left:-12vw;top:-2vh;transform:rotate(-5deg)}
.vp-b{width:57vw;height:73vh;right:-15vw;top:22vh;transform:rotate(8deg)}
.vp-c{width:72vw;height:58vh;left:10vw;top:75vh;transform:rotate(-3deg)}
.vp-d{width:63vw;height:70vh;right:-8vw;bottom:-8vh;transform:rotate(5deg)}

.v8-word,.v8-copy{position:absolute;z-index:7;margin:0;color:white;mix-blend-mode:difference}
.v8-word{font-weight:750;line-height:.68;letter-spacing:-.075em}
.vw-01{top:6vh;left:-2vw;font-size:clamp(120px,22vw,340px)}
.vw-02{top:33vh;right:8vw;font-size:clamp(80px,13vw,210px);font-family:Georgia,serif;font-style:italic;font-weight:400}
.vw-03{top:48vh;left:7vw;font-size:clamp(90px,17vw,270px)}
.vw-04{top:100vh;right:-3vw;font-size:clamp(110px,20vw,310px)}
.vw-05{top:128vh;left:-1vw;font-size:clamp(100px,19vw,290px)}
.vw-06{bottom:3vh;right:1vw;font-size:clamp(120px,22vw,340px)}

.v8-copy{font-size:clamp(19px,2.8vw,46px);line-height:1.0;max-width:40vw}
.vc-01{top:75vh;left:3vw}
.vc-02{top:82vh;left:31vw}
.vc-03{top:89vh;right:5vw}
.vc-04{top:119vh;left:7vw;font-family:Georgia,serif;font-style:italic}
.vc-05{top:145vh;right:10vw}
.vc-06{bottom:13vh;left:10vw}

/* Sentence shards, not a paragraph */
.sentence-field{
  height:190vh;
  position:relative;
  overflow:hidden;
  background:#efefef;
  color:#050505;
  isolation:isolate;
}
.sentence-photo{position:absolute;overflow:hidden;filter:grayscale(1);opacity:.44;mix-blend-mode:multiply}
.sentence-photo img{width:100%;height:100%;object-fit:cover}
.sfp-1{width:100vw;height:62vh;left:0;top:0}
.sfp-2{width:76vw;height:74vh;right:-24vw;top:55vh;transform:rotate(7deg)}
.sfp-3{width:106vw;height:72vh;left:-6vw;bottom:-4vh;transform:rotate(-2deg)}

.sentence{
  position:absolute;
  z-index:4;
  font-weight:680;
  line-height:.78;
  letter-spacing:-.055em;
  mix-blend-mode:multiply;
}
.s-01{top:4vh;left:1vw;font-size:clamp(75px,15vw,230px)}
.s-02{top:30vh;right:3vw;font-size:clamp(46px,8vw,130px)}
.s-03{top:42vh;left:4vw;font-size:clamp(80px,14vw,220px)}
.s-04{top:60vh;left:-2vw;font-size:clamp(70px,13vw,205px)}
.s-05{top:85vh;right:-2vw;font-size:clamp(110px,20vw,300px)}
.s-06{top:112vh;left:2vw;font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(34px,5vw,80px);max-width:80vw;line-height:.9}
.s-07{top:130vh;right:1vw;font-size:clamp(38px,6vw,96px);max-width:65vw}
.s-08{top:145vh;left:2vw;font-size:clamp(90px,16vw,250px)}
.s-09{top:160vh;right:2vw;font-size:clamp(90px,16vw,250px)}
.s-10{bottom:4vh;left:16vw;font-size:clamp(30px,4.8vw,76px)}
.s-11{top:98vh;left:10vw;font-size:clamp(62px,11vw,175px)}
.s-12{top:104vh;right:2vw;font-size:clamp(30px,5vw,78px);font-family:"SFMono-Regular",Menlo,monospace}
.s-13{top:106vh;right:-1vw;font-size:clamp(130px,24vw,380px);opacity:.12}

/* Final: almost too much */
.final-field{
  min-height:210vh;
  position:relative;
  overflow:hidden;
  background:#050505;
  color:white;
  isolation:isolate;
}
.final-photo{position:absolute;overflow:hidden;filter:grayscale(1);mix-blend-mode:screen}
.final-photo img{width:100%;height:100%;object-fit:cover}
.fp-01{width:110vw;height:72vh;left:-5vw;top:0;opacity:.44}
.fp-02{width:62vw;height:75vh;right:-10vw;top:45vh;opacity:.78;transform:rotate(6deg)}
.fp-03{width:68vw;height:70vh;left:-14vw;top:100vh;opacity:.65;transform:rotate(-7deg)}
.fp-04{width:105vw;height:72vh;left:-3vw;bottom:0;opacity:.43}

.final-small,.final-huge,.final-tail{position:absolute;z-index:5;margin:0;mix-blend-mode:difference}
.final-small{font-family:"SFMono-Regular",Menlo,monospace;font-size:clamp(16px,2.3vw,36px);letter-spacing:.08em}
.fs-a{top:8vh;left:4vw}
.fs-b{top:18vh;right:6vw}
.fs-c{top:29vh;left:27vw}

.final-huge{font-size:clamp(100px,20vw,310px);line-height:.72;letter-spacing:-.075em;font-weight:760}
.fh-a{top:42vh;left:-2vw}
.fh-b{top:105vh;right:-2vw}
.fh-c{bottom:26vh;left:5vw}
.final-tail{bottom:5vh;right:4vw;font-family:Georgia,serif;font-size:clamp(32px,5.6vw,90px);line-height:.9;text-align:right}

/* Don't let the product UI become too polite */
.device-card,.wide-ui-shot{box-shadow:none!important;border-color:rgba(255,255,255,.2)!important}
.copy-block h2,.wide-ui-copy h2,.screen-copy h2{max-width:none}
.copy-block p,.wide-ui-copy p,.screen-copy p{max-width:42vw}
.mechanical-band{background:rgba(0,0,0,.54)!important}
.manifesto-section{background:rgba(5,5,5,.56)!important}

/* App Store is the one place that lands cleanly */
.appstore-section{
  z-index:6!important;
  position:relative;
  background:#efefef!important;
  color:#050505!important;
  backdrop-filter:none!important;
}

@media(max-width:800px){
  .cf-sheet{width:150vw;opacity:.09}
  .cf-frag{width:115vw;opacity:.11}
  .v8-vision{height:165vh}
  .v8-vision-photo{width:88vw}
  .vw-01,.vw-03,.vw-04,.vw-05,.vw-06{font-size:24vw}
  .v8-copy{max-width:76vw}
  .sentence-field{height:170vh}
  .sentence-photo{width:120vw}
  .s-01,.s-03,.s-04,.s-05,.s-08,.s-09{font-size:19vw}
  .final-field{min-height:180vh}
  .final-huge{font-size:24vw}
  .copy-block p,.wide-ui-copy p,.screen-copy p{max-width:none}
}

/* v9 — art language policy */
body > main .langswitch,
body > header .langswitch{display:none!important}
.legal-wrap ~ * .langswitch{display:block!important}
body:has(.legal-wrap) .topbar .langswitch{display:block!important}

.info-languages{
  grid-column:1/-1;
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  font-size:9px;
  letter-spacing:.18em;
  color:#5f5f5f;
  margin-top:18px;
}
.info-languages span{margin-right:5px}
.info-languages a{color:#8a8a8a;text-decoration:none}
.info-languages a:hover{color:#fff}

/* v10 — artwork stays English; language selector controls information only */
.info-lang-switch{
  position:relative;
  flex:0 0 auto;
}
.info-lang-switch > button{
  appearance:none;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.26);
  border-radius:0;
  background:transparent;
  color:rgba(255,255,255,.62);
  padding:7px 1px 6px;
  font:500 9px/1 "SFMono-Regular",Menlo,Consolas,monospace;
  letter-spacing:.15em;
  cursor:pointer;
  transition:color .2s ease,border-color .2s ease;
}
.info-lang-switch > button:hover,
.info-lang-switch.open > button{
  color:#fff;
  border-color:rgba(255,255,255,.72);
}
.info-lang-switch .langmenu{
  top:34px;
  right:0;
  min-width:82px;
  padding:6px;
  border-radius:0;
  background:rgba(5,5,5,.92);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.info-lang-switch.open .langmenu{display:grid}
.info-lang-switch .langmenu a{
  padding:9px 10px;
  border-radius:0;
  font:500 9px/1 "SFMono-Regular",Menlo,Consolas,monospace;
  letter-spacing:.14em;
  color:#9a9a9a;
}
.info-lang-switch .langmenu a:hover{
  background:rgba(255,255,255,.07);
  color:#fff;
}

/* Main page never exposes translated art copy. */
body:not(:has(.legal-wrap)) .langswitch{display:none!important}

@media(max-width:600px){
  .info-lang-switch > button{font-size:8px}
  .info-lang-switch .langmenu{top:32px}
}

/* =========================================================
   v11 — TIGHT / SHORT / MOBILE-FILLED
   Keep the v10 atmosphere, remove the empty black slivers.
   ========================================================= */
html,body{overflow-x:hidden!important;max-width:100%!important}
main{overflow:hidden!important}

/* Make the background infestation denser, especially on phones. */
.chaos-field{opacity:1!important}
.cf-sheet{opacity:.155!important;width:112vw!important}
.cf-frag{opacity:.19!important}

/* Shorter message field */
.v11-vision{height:118vh!important;min-height:760px!important;background:#050505!important}
.v11-vision .v8-vision-photo{opacity:.80!important}
.v11-word,.v11-small{position:absolute;z-index:8;margin:0;color:#fff;mix-blend-mode:difference}
.v11-word{font-weight:760;line-height:.68;letter-spacing:-.075em;font-size:clamp(86px,18vw,270px)}
.v11-w1{top:5vh;left:-2vw}.v11-w2{top:25vh;right:1vw}.v11-w3{top:44vh;left:7vw}
.v11-w4{top:67vh;right:-2vw}.v11-w5{top:84vh;left:8vw}.v11-w6{bottom:3vh;right:-2vw}
.v11-small{font:500 clamp(15px,2.1vw,30px)/1.1 "SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.04em}
.v11-s1{top:60vh;left:5vw}.v11-s2{bottom:18vh;right:6vw}

/* Product controls become one dense collision instead of six tall sections. */
.feature-collision{
  position:relative;
  width:100vw;
  height:116vh;
  min-height:780px;
  margin:0 calc(50% - 50vw)!important;
  overflow:hidden;
  background:#060606;
  isolation:isolate;
  border-top:1px solid #222;
  border-bottom:1px solid #222;
}
.feature-collision::before{
  content:"";position:absolute;inset:0;z-index:0;opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);
  background-size:42px 42px;
}
.feature-photo{position:absolute;overflow:hidden;filter:grayscale(1);box-shadow:0 0 0 1px rgba(255,255,255,.12);z-index:1;background:#000}
.feature-photo img{width:100%;height:100%;object-fit:cover;display:block}
.fc-camera{width:36vw;height:76vh;left:-5vw;top:2vh;transform:rotate(-4deg)}
.fc-frame{width:31vw;height:68vh;left:27vw;top:14vh;transform:rotate(3deg);opacity:.88}
.fc-look{width:29vw;height:64vh;right:13vw;top:-3vh;transform:rotate(-2deg);opacity:.82}
.fc-levels{width:29vw;height:65vh;right:-8vw;top:24vh;transform:rotate(5deg);opacity:.88}
.fc-wide{width:72vw;height:32vh;left:14vw;bottom:-3vh;transform:rotate(-1deg);opacity:.86}
.feature-type{position:absolute;z-index:4;color:#fff;mix-blend-mode:difference;font-weight:750;line-height:.78;letter-spacing:-.06em;pointer-events:none}
.ft-lenses{left:-1vw;top:40vh;font:700 clamp(34px,6.4vw,100px)/.82 "SFMono-Regular",Menlo,monospace;white-space:nowrap}
.ft-frame{left:3vw;bottom:24vh;font-size:clamp(74px,13vw,200px)}
.ft-look{left:40vw;top:7vh;font-size:clamp(64px,10vw,160px)}
.ft-levels{right:-2vw;top:53vh;font-size:clamp(62px,10vw,155px)}
.ft-optics{right:7vw;bottom:5vh;font-size:clamp(64px,11vw,170px)}
.feature-readout{position:absolute;z-index:5;left:3vw;right:3vw;bottom:1.5vh;display:flex;gap:18px;flex-wrap:wrap;color:rgba(255,255,255,.78);font:500 9px/1 "SFMono-Regular",Menlo,monospace;letter-spacing:.16em;mix-blend-mode:difference}

/* One packed photo field between product and manifesto. */
.photo-crush{position:relative;width:100vw;height:88vh;min-height:620px;margin:0 calc(50% - 50vw)!important;overflow:hidden;background:#050505;isolation:isolate}
.photo-crush .pc{position:absolute;object-fit:cover;filter:grayscale(1);mix-blend-mode:screen;opacity:.78}
.pca{width:45vw;height:50vh;left:-4vw;top:-2vh;transform:rotate(-5deg)}
.pcb{width:38vw;height:54vh;left:30vw;top:2vh;transform:rotate(4deg)}
.pcc{width:40vw;height:50vh;right:-5vw;top:11vh;transform:rotate(-3deg)}
.pcd{width:48vw;height:43vh;left:-8vw;bottom:-5vh;transform:rotate(3deg)}
.pce{width:38vw;height:43vh;left:38vw;bottom:-3vh;transform:rotate(-4deg)}
.pcf{width:38vw;height:46vh;right:-4vw;bottom:-2vh;transform:rotate(6deg);opacity:.45}
.photo-crush-word{position:absolute;z-index:5;left:-1vw;top:31vh;color:#fff;mix-blend-mode:difference;font-size:clamp(94px,20vw,310px);font-weight:760;line-height:.7;letter-spacing:-.075em;white-space:nowrap}
.photo-crush-small{position:absolute;z-index:5;right:3vw;bottom:3vh;color:#fff;mix-blend-mode:difference;font:500 clamp(14px,2vw,28px)/1 "SFMono-Regular",Menlo,monospace;letter-spacing:.1em}

/* Iconic question, but compact and full-bleed on mobile. */
.manifesto-section{width:100vw!important;min-height:66vh!important;margin:0 calc(50% - 50vw)!important;padding:10vh max(20px,calc((100vw - var(--max))/2))!important;background:rgba(5,5,5,.72)!important}
.manifesto-grid{grid-template-columns:120px 1fr 220px!important;gap:24px!important}
.manifesto-grid h2{font-size:clamp(58px,9vw,136px)!important}
.manifesto-rule.bottom{margin-top:7vh!important}

/* FULL becomes a compact landing rather than another long chapter. */
.full-section{min-height:68vh!important;padding-top:9vh!important;padding-bottom:9vh!important;align-items:center!important}
.full-mark{font-size:clamp(72px,11vw,155px)!important}
.full-right h2{font-size:clamp(38px,5.5vw,74px)!important}
.full-right ul{margin-top:24px!important}
.full-right li{padding:11px 0!important}

/* App Store is the clean exit, also shorter. */
.appstore-section{min-height:72vh!important;padding-top:10vh!important;padding-bottom:10vh!important;display:flex!important;align-items:center!important}
.appstore-grid{width:100%!important}
.appstore-grid h2{font-size:clamp(52px,8vw,105px)!important}

@media(max-width:800px){
  /* main fix: stop the 'black strip on one side' look */
  .hero,.v11-vision,.feature-collision,.photo-crush,.manifesto-section,.full-section,.appstore-section{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
  .hero{min-height:92svh!important}
  .hero-content{width:calc(100% - 24px)!important;padding-left:0!important;padding-right:0!important;padding-bottom:26px!important}
  .hero h1{font-size:18vw!important}
  .hero-copy{max-width:84vw!important;font-size:17px!important}
  .hero-feed-note{max-width:76vw!important}
  .hero-live-badge{left:12px!important;top:68px!important}
  .hero-photo-index{right:10px!important;bottom:12px!important}

  .v11-vision{height:96svh!important;min-height:640px!important}
  .v11-vision .v8-vision-photo{width:76vw!important;height:52vh!important}
  .vp-a{left:-18vw!important;top:-4vh!important}.vp-b{right:-22vw!important;top:15vh!important}.vp-c{left:5vw!important;top:44vh!important}.vp-d{right:-20vw!important;bottom:-8vh!important}
  .v11-word{font-size:22vw!important}
  .v11-w1{top:4vh}.v11-w2{top:22vh}.v11-w3{top:39vh}.v11-w4{top:58vh}.v11-w5{top:72vh}.v11-w6{bottom:4vh}
  .v11-small{font-size:10px!important;max-width:70vw!important}
  .v11-s1{top:53vh!important;left:10px!important}.v11-s2{bottom:19vh!important;right:10px!important}

  .feature-collision{height:104svh!important;min-height:700px!important}
  .fc-camera{width:62vw!important;height:63vh!important;left:-23vw!important;top:0!important}
  .fc-frame{width:56vw!important;height:58vh!important;left:28vw!important;top:8vh!important}
  .fc-look{width:48vw!important;height:48vh!important;right:-18vw!important;top:-2vh!important}
  .fc-levels{width:52vw!important;height:52vh!important;right:-22vw!important;top:44vh!important}
  .fc-wide{width:112vw!important;height:30vh!important;left:-6vw!important;bottom:-2vh!important}
  .ft-lenses{top:35vh!important;left:-2vw!important;font-size:8.6vw!important}
  .ft-frame{left:-2vw!important;bottom:26vh!important;font-size:22vw!important}
  .ft-look{left:32vw!important;top:5vh!important;font-size:18vw!important}
  .ft-levels{right:-4vw!important;top:50vh!important;font-size:17vw!important}
  .ft-optics{right:-2vw!important;bottom:4vh!important;font-size:19vw!important}
  .feature-readout{left:10px!important;right:10px!important;bottom:10px!important;gap:9px!important;font-size:7px!important;letter-spacing:.11em!important}

  .photo-crush{height:82svh!important;min-height:590px!important}
  .pca{width:70vw!important;height:43vh!important;left:-22vw!important}.pcb{width:62vw!important;height:44vh!important;left:25vw!important}.pcc{width:60vw!important;height:42vh!important;right:-25vw!important}.pcd{width:72vw!important;height:40vh!important;left:-24vw!important}.pce{width:61vw!important;height:40vh!important;left:27vw!important}.pcf{width:58vw!important;height:40vh!important;right:-23vw!important}
  .photo-crush-word{top:33vh!important;font-size:24vw!important}
  .photo-crush-small{right:10px!important;bottom:10px!important;font-size:8px!important}

  .manifesto-section{min-height:62svh!important;padding:8vh 12px!important}
  .manifesto-grid{grid-template-columns:1fr!important;gap:10px!important;padding-top:18px!important}
  .manifesto-grid h2{font-size:18vw!important;line-height:.82!important}
  .manifesto-answer{font-size:9vw!important;margin-top:14px!important}
  .manifesto-rule.bottom{margin-top:5vh!important}

  .full-section{min-height:76svh!important;padding:8vh 12px!important;grid-template-columns:1fr!important;gap:26px!important}
  .full-left{display:flex!important;align-items:flex-end!important;gap:12px!important}
  .full-mark{font-size:25vw!important;margin-top:0!important}.full-sub{margin:0 0 4px 0!important}
  .full-right h2{font-size:11vw!important}
  .full-right li{font-size:12px!important;padding:9px 0!important}

  .appstore-section{min-height:76svh!important;padding:8vh 12px!important}
  .appstore-grid{grid-template-columns:1fr!important;gap:24px!important}
  .appstore-grid h2{font-size:16vw!important}
  .appstore-copy p{font-size:14px!important;max-width:80vw!important}

  /* Background coverage on mobile */
  .cf-sheet{width:165vw!important;left:-32vw!important;opacity:.13!important}
  .cf-frag{width:120vw!important;opacity:.14!important}
}

@media(max-width:430px){
  .topbar{padding-left:12px!important;padding-right:12px!important}
  .nav{display:none!important}
  .wordmark-quiet{font-size:17px!important}
  .info-lang-switch{margin-left:auto!important}
}


/* =========================================================
   v12 — QUIET TECH READOUTS
   Keep PON. readable: technical data drifts to the right and
   stays in the atmosphere instead of competing with the mark.
   ========================================================= */
@media (min-width:601px){
  .tech-mark{
    font-weight:500!important;
    opacity:.038!important;
    letter-spacing:.08em!important;
  }
  .tech-a{
    left:auto!important;
    right:9vw!important;
    font-size:clamp(17px,2.2vw,30px)!important;
  }
  .tech-b{
    left:auto!important;
    right:-1.5vw!important;
    font-size:clamp(34px,5.6vw,78px)!important;
    font-weight:600!important;
    opacity:.026!important;
    letter-spacing:-.04em!important;
  }
  .tech-c{
    left:auto!important;
    right:13vw!important;
    font-size:clamp(20px,3vw,42px)!important;
    opacity:.032!important;
  }
  .tech-d{
    left:auto!important;
    right:-4vw!important;
    font-size:clamp(13px,1.9vw,25px)!important;
    opacity:.045!important;
    letter-spacing:.12em!important;
  }
  .tech-e{
    left:auto!important;
    right:2vw!important;
    font-size:clamp(12px,1.65vw,22px)!important;
    opacity:.04!important;
    letter-spacing:.11em!important;
  }
}


/* =========================================================
   v14 — TOP DENSITY / PHOTO MIX
   Reduce the dead black zone above the hero without turning
   it into another section. Small PON. fragments drift into the
   top field; the live hero is framed a little lower.
   ========================================================= */
@media (min-width:801px){
  .hero-bg img{
    object-position:center 56%!important;
  }
  .hero-top-mix{
    position:absolute;
    z-index:1;
    top:78px;
    right:-1vw;
    width:min(760px,57vw);
    height:178px;
    pointer-events:none;
    overflow:visible;
    opacity:.72;
  }
  .hero-top-frag{
    position:absolute;
    overflow:hidden;
    background:#080808;
    box-shadow:0 0 0 1px rgba(255,255,255,.07);
    filter:grayscale(1) contrast(1.08);
  }
  .hero-top-frag img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  .htm-a{
    width:44%;
    height:112px;
    right:-2%;
    top:0;
    transform:rotate(1.2deg);
    opacity:.54;
  }
  .htm-b{
    width:38%;
    height:92px;
    right:34%;
    top:55px;
    transform:rotate(-1.4deg);
    opacity:.34;
  }
  .htm-c{
    width:27%;
    height:70px;
    right:70%;
    top:16px;
    transform:rotate(.8deg);
    opacity:.20;
    filter:grayscale(1) contrast(.96) blur(.15px);
  }
  .hero-top-mix::after{
    content:"";
    position:absolute;
    inset:-6px -8px -18px -26px;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.74) 7%,rgba(5,5,5,0) 23%),linear-gradient(180deg,rgba(5,5,5,0) 54%,#050505 100%);
    opacity:.46;
  }
}
@media (max-width:800px){
  .hero-top-mix{display:none!important}
  .hero-bg img{object-position:center center!important}
}


/* =========================================================
   v15 — HERO PHOTO RISE / SINGLE IMAGE
   Remove the pasted collage. Let the first/live PON. photo
   occupy the upper field itself, then protect navigation with
   a shallow black gradient rather than a separate black room.
   ========================================================= */
.hero-top-mix{display:none!important}

@media (min-width:801px){
  .hero-bg{
    inset:-15vh 0 0 0!important;
    background:#050505!important;
  }
  .hero-bg img{
    object-position:center 70%!important;
  }
  .hero-shade{
    background:
      linear-gradient(180deg,
        rgba(0,0,0,.72) 0%,
        rgba(0,0,0,.48) 10%,
        rgba(0,0,0,.22) 24%,
        rgba(0,0,0,.10) 38%,
        rgba(0,0,0,.20) 58%,
        rgba(0,0,0,.90) 100%
      ),
      linear-gradient(90deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.14) 58%,rgba(0,0,0,.08) 100%)!important;
  }
}

@media (max-width:800px){
  .hero-bg{inset:0!important}
  .hero-bg img{object-position:center center!important}
}


/* =========================================================
   v16 — LIVING PHOTO FIELD
   Selected photographic windows quietly pull from the same
   public PON. feed as the hero. No badges or explanatory copy;
   the Bluesky profile remains available as a simple link.
   ========================================================= */
.bsky-live-slot{position:absolute;overflow:hidden;background:#050505}
.bsky-live-slot>.bsky-layer{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:0!important;
  transition:opacity 1.65s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity;
}
.bsky-live-slot>.bsky-layer.is-active{opacity:1!important}
.photo-crush .pc.bsky-live-slot{overflow:hidden}
@media (prefers-reduced-motion:reduce){
  .bsky-live-slot>.bsky-layer{transition:none!important}
}


/* =========================================================
   v18 — Official Apple badge + Grab PON. floating link
   The Apple badge is loaded from Apple's official artwork,
   with no styling modifications. The floating CTA is ours.
   ========================================================= */
.appstore-button{
  display:inline-block!important;
  width:169px!important;
  min-width:0!important;
  margin-top:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:inherit!important;
  text-decoration:none!important;
  line-height:0!important;
}
.apple-official-badge{
  display:block;
  width:169px;
  height:50px;
  max-width:100%;
  object-fit:contain;
}
.apple-badge-fallback{
  display:none;
  box-sizing:border-box;
  width:169px;
  height:50px;
  border:1px solid #171717;
  border-radius:6px;
  background:#111;
  color:#fff;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.13em;
}
.appstore-button.badge-image-unavailable .apple-official-badge{display:none}
.appstore-button.badge-image-unavailable .apple-badge-fallback{display:flex}
.apple-trademark-credit{
  display:inline-block;
  margin-top:8px;
  max-width:620px;
  font-size:9px;
  line-height:1.5;
  color:#666;
}
/* v20 — miniature PON. shutter as the floating call to action.
   App-inspired white capsule / double outer ring / quiet shutter dots.
   Distinct from Apple's official, unmodified App Store badge below. */
.grab-pon-float{
  position:fixed;
  z-index:1000;
  right:calc(26px + env(safe-area-inset-right, 0px));
  top:auto;
  bottom:calc(26px + env(safe-area-inset-bottom, 0px));
  display:block;
  box-sizing:border-box;
  width:218px;
  height:61px;
  padding:5px;
  border:2px solid rgba(252,252,252,.96);
  border-radius:999px;
  background:rgba(4,4,4,.93);
  color:#101010;
  text-decoration:none;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 7px 29px rgba(0,0,0,.36),0 0 0 1px rgba(0,0,0,.85) inset;
  transform:none;
  -webkit-tap-highlight-color:transparent;
  transition:opacity .32s ease,visibility .32s ease,box-shadow .24s ease;
}
.grab-pon-shutter{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  height:100%;
  padding:0 15px 0 14px;
  border-radius:999px;
  background:#f7f7f7;
  border:1px solid #e9e9e9;
  color:#111;
  font-size:12px;
  font-weight:650;
  letter-spacing:.035em;
  line-height:1;
  white-space:nowrap;
  transition:background .24s ease,transform .24s ease;
}
.grab-pon-dots{
  display:flex;
  gap:6px;
  flex:0 0 auto;
  align-items:center;
}
.grab-pon-dots i{
  display:block;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#777;
  opacity:.58;
}
.grab-pon-label{flex:1;text-align:center}
.grab-pon-arrow{
  display:block;
  flex:0 0 auto;
  font-size:17px;
  font-weight:400;
  line-height:1;
  color:#333;
}
.grab-pon-float:hover .grab-pon-shutter{background:#fff;transform:scale(.985)}
.grab-pon-float:hover{box-shadow:0 8px 36px rgba(0,0,0,.48),0 0 0 1px rgba(0,0,0,.85) inset}
.grab-pon-float:focus-visible{outline:2px solid #fff;outline-offset:5px}
.grab-pon-float:active .grab-pon-shutter{transform:scale(.966)}
.grab-pon-float.is-out{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
@media(max-width:680px){
  .grab-pon-float{
    right:calc(13px + env(safe-area-inset-right, 0px));
    bottom:calc(16px + env(safe-area-inset-bottom, 0px));
    width:184px;
    height:55px;
    padding:4px;
  }
  .grab-pon-shutter{padding:0 12px 0 11px;gap:6px;font-size:11px}
  .grab-pon-dots{gap:5px}
  .grab-pon-dots i{width:2.5px;height:2.5px}
  .grab-pon-arrow{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .grab-pon-float{transition:none}
}

/* v20 — subtle tracking release, preserving the dense PON. typography.
   Keep the artwork deliberately tight, but give the large titles a little air. */
.hero h1{letter-spacing:-.035em}
.v11-word{letter-spacing:-.062em}
.feature-type{letter-spacing:-.05em}
.photo-crush-word{letter-spacing:-.06em}
.manifesto-grid h2{letter-spacing:-.045em}
.full-right h2{letter-spacing:-.028em}
.appstore-grid h2{letter-spacing:-.045em}