@font-face{font-family:ArtwardGrotesk;src:url('images/artward/fonts/space-grotesk-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ArtwardGrotesk;src:url('images/artward/fonts/space-grotesk-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101010;color:#f1efe8;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}p,figure,h1,h2,h3{margin:0}.wrap{max-width:1280px;margin:auto;padding:0 5%}header,footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid #343434;font-size:12px}.studio{font-size:23px;font-weight:600;letter-spacing:2px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:70px 0 80px}.eyebrow,.overview span,.movements article>span,.visual-panel>span,.hero-visual>span{font-size:9px;letter-spacing:1.6px;color:#99978f;line-height:1.7}.eyebrow{margin-bottom:25px}.product-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px;font-size:19px}.product-brand img{border-radius:8px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(54px,5.5vw,78px);line-height:1.06;letter-spacing:-2.7px}h2{font-size:clamp(36px,4.2vw,58px);line-height:1.13;letter-spacing:-1.7px}h3{font-size:30px;letter-spacing:-.7px}em{font-weight:400}.lede{font-size:16px;line-height:1.85;color:#b2b0a8;max-width:465px;margin-top:27px}.actions{display:flex;align-items:center;gap:27px;margin-top:30px;flex-wrap:wrap}.button{background:#f1efe8;color:#111;padding:17px 21px;font-size:12px}.text-link{font-size:12px;border-bottom:1px solid #777;padding-bottom:5px;display:inline-block}.note{font-size:10px;color:#85837e;margin-top:18px;line-height:1.7}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;min-height:640px;isolation:isolate}.contours{position:absolute;width:135%;max-width:none;left:-17%;filter:invert(1);opacity:.22;z-index:-1}.phone{width:245px;overflow:hidden;border:5px solid #383735;border-radius:36px;background:#f9f6f1;box-shadow:20px 25px 50px #0004}.phone img{display:block;width:100%;height:auto}.hero-visual .phone{transform:rotate(4deg);width:260px}.overview{border-top:1px solid #343434;border-bottom:1px solid #343434;padding:30px 0;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:40px}.overview p{font-size:13px;color:#cbc8be;line-height:1.8;margin-top:9px}.intro{padding:90px 0 50px}.intro>p:last-child{max-width:680px;margin:28px 0 0 auto;font-size:15px;line-height:1.9;color:#aaa79f}.movements{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:15px 0 85px}.movements article{border-top:1px solid #343434;padding-top:24px}.movements h3{margin:18px 0}.movements p,.feature-copy>p:not(.eyebrow),.closing>div>p:not(.eyebrow){color:#aaa79f;font-size:14px;line-height:1.9}.feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid #343434;padding:65px 0}.feature-copy h2{margin-bottom:26px}.feature-copy p+p{margin-top:18px}.visual-panel{background:#1b1b1a;display:flex;align-items:center;flex-direction:column;gap:28px;padding:40px 20px}.visual-panel.light{background:#d8d5cd}.visual-panel.light>span{color:#67655d}.closing{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #343434;padding:75px 0}.closing p+p{margin-top:20px}.closing .text-link{margin-top:27px}footer{border-top:1px solid #343434;border-bottom:0;color:#8f8c84;font-size:10px;padding:30px 0}@media(max-width:800px){.wrap{padding:0 24px}.hero{grid-template-columns:1fr;padding:50px 0;gap:25px}h1{font-size:clamp(49px,10vw,78px)}.hero-visual{min-height:600px;overflow:hidden}.hero-visual .phone{width:240px}.contours{width:115%;left:-8%}.overview{grid-template-columns:1fr;gap:22px}.intro{padding:60px 0 35px}.movements{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.feature{grid-template-columns:1fr;gap:35px;padding:45px 0}.reverse .feature-copy{grid-row:1}.visual-panel{padding:30px 20px}.phone{width:240px}.closing{grid-template-columns:1fr;gap:30px;padding:55px 0}footer{flex-wrap:wrap;line-height:1.7}footer span{width:100%;order:3}.intro>p:last-child{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A single three-screen sequence: each app screen appears once. */
.editorial-hero{grid-template-columns:1.5fr 1fr;gap:80px;padding-bottom:65px}.editorial-hero .lede{max-width:620px}.mission{padding:35px 0 35px 35px;border-left:1px solid #45443e}.mission>span,.screen-story figcaption>span{font-size:10px;letter-spacing:1.4px;color:#99978f}.mission>p{font-family:Georgia,serif;font-size:34px;line-height:1.25;margin:23px 0}.mission>div{font-size:14px;line-height:1.8;color:#aaa79f}.screen-story{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:50px 30px 55px;border-top:1px solid #343434;overflow:hidden}.story-contours{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:contain;filter:invert(1);opacity:.3}.screen-story figure{text-align:center;min-width:0}.screen-story .phone{width:100%;max-width:265px;margin:auto;box-shadow:15px 25px 45px #0008}.screen-story figure:first-of-type .phone{transform:rotate(-3deg)}.screen-story figure:last-of-type .phone{transform:rotate(3deg)}.screen-story figcaption{margin:30px auto 0;max-width:260px}.screen-story strong{display:block;font-size:17px;font-weight:500;margin:12px 0}.screen-story figcaption p{font-size:13px;color:#aaa79f;line-height:1.7}.life-example{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px 0;border-top:1px solid #343434}.life-example>div>p:not(.eyebrow){font-size:15px;color:#b2b0a8;line-height:1.9}.life-example p+p{margin-top:18px}@media(max-width:800px){.editorial-hero{grid-template-columns:1fr;gap:32px}.mission{padding:24px 0 0;border-left:0;border-top:1px solid #343434}.mission>p{font-size:28px}.screen-story{gap:20px;padding:35px 10px}.screen-story .phone{border-width:3px;border-radius:22px}.screen-story strong{font-size:14px}.screen-story figcaption p{font-size:12px}.life-example{grid-template-columns:1fr;gap:25px;padding:45px 0}}@media(max-width:540px){.screen-story{grid-template-columns:1fr;gap:45px}.screen-story .phone{max-width:250px;border-width:5px;border-radius:34px}.screen-story figcaption{margin-top:23px}.screen-story strong{font-size:17px}.screen-story figcaption p{font-size:13px}}

.project-hero{position:relative;isolation:isolate;overflow:hidden;padding:100px 0 85px}.hero-scores{position:absolute;right:-16%;top:-12%;width:90%;height:120%;object-fit:contain;filter:invert(1);opacity:.28;z-index:-1;pointer-events:none}.project-hero h1{font-size:clamp(90px,12vw,160px);letter-spacing:-6px}.project-line{font-family:Georgia,serif;font-size:clamp(30px,4vw,49px);line-height:1.2;margin-top:25px}.hero-copy{max-width:530px;font-size:16px;line-height:1.9;color:#aaa79f;margin-top:28px}.purpose{display:grid;grid-template-columns:1fr 1fr;gap:30px 70px;border-top:1px solid #343434;padding:65px 0}.purpose .eyebrow{grid-column:1/-1;margin:0}.purpose>p:last-child{font-size:15px;line-height:1.9;color:#aaa79f;align-self:center}.module{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:65px 0;border-top:1px solid #343434}.module h2{font-size:clamp(36px,4vw,54px);margin-bottom:27px}.module-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#aaa79f;margin-top:18px}.module-details{display:grid;gap:13px;margin-top:27px;padding-top:22px;border-top:1px solid #343434;font-size:11px;color:#ccc8be}.mockup-panel{display:flex;align-items:center;flex-direction:column;gap:26px;background:radial-gradient(ellipse at center,#32312e,#191918 68%);padding:42px 25px 28px}.mockup-panel.cosmic{background:radial-gradient(ellipse at center,#2b2c40,#17171d 70%)}.device{width:270px;max-width:100%;padding:5px;background:linear-gradient(120deg,#aaa79f,#33322f 35%,#66645e 80%,#242424);border-radius:40px;box-shadow:20px 30px 45px #0007}.device img{display:block;width:100%;height:auto;border:3px solid #111;border-radius:35px}.mockup-panel figcaption{font-size:10px;letter-spacing:.8px;color:#aaa79f;text-align:center;line-height:1.7}.alternate .module-copy{grid-column:2;grid-row:1}.alternate .mockup-panel{grid-column:1;grid-row:1}@media(max-width:800px){.project-hero{padding:65px 0 55px}.hero-scores{width:145%;right:-65%;top:-10%;opacity:.2}.project-hero h1{letter-spacing:-4px}.purpose,.module{grid-template-columns:1fr;gap:30px;padding:45px 0}.purpose .eyebrow{grid-column:auto}.alternate .module-copy,.alternate .mockup-panel{grid-column:auto;grid-row:auto}.device{width:260px}.mockup-panel{padding:32px 20px 25px}}

.project-hero{position:relative;isolation:isolate;overflow:hidden;padding:100px 0 85px}.hero-scores{position:absolute;right:-16%;top:-12%;width:90%;height:120%;object-fit:contain;filter:invert(1);opacity:.28;z-index:-1;pointer-events:none}.project-hero h1{font-size:clamp(90px,12vw,160px);letter-spacing:-6px}.project-line{font-family:Georgia,serif;font-size:clamp(30px,4vw,49px);line-height:1.2;margin-top:25px}.hero-copy{max-width:530px;font-size:16px;line-height:1.9;color:#aaa79f;margin-top:28px}.purpose{display:grid;grid-template-columns:1fr 1fr;gap:30px 70px;border-top:1px solid #343434;padding:65px 0}.purpose .eyebrow{grid-column:1/-1;margin:0}.purpose>p:last-child{font-size:15px;line-height:1.9;color:#aaa79f;align-self:center}.module{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:65px 0;border-top:1px solid #343434}.module h2{font-size:clamp(36px,4vw,54px);margin-bottom:27px}.module-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#aaa79f;margin-top:18px}.module-details{display:grid;gap:13px;margin-top:27px;padding-top:22px;border-top:1px solid #343434;font-size:11px;color:#ccc8be}.mockup-panel{display:flex;align-items:center;flex-direction:column;gap:26px;background:radial-gradient(ellipse at center,#32312e,#191918 68%);padding:42px 25px 28px}.mockup-panel.cosmic{background:radial-gradient(ellipse at center,#2b2c40,#17171d 70%)}.device{width:270px;max-width:100%;padding:5px;background:linear-gradient(120deg,#aaa79f,#33322f 35%,#66645e 80%,#242424);border-radius:40px;box-shadow:20px 30px 45px #0007}.device img{display:block;width:100%;height:auto;border:3px solid #111;border-radius:35px}.mockup-panel figcaption{font-size:10px;letter-spacing:.8px;color:#aaa79f;text-align:center;line-height:1.7}.alternate .module-copy{grid-column:2;grid-row:1}.alternate .mockup-panel{grid-column:1;grid-row:1}@media(max-width:800px){.project-hero{padding:65px 0 55px}.hero-scores{width:145%;right:-65%;top:-10%;opacity:.2}.project-hero h1{letter-spacing:-4px}.purpose,.module{grid-template-columns:1fr;gap:30px;padding:45px 0}.purpose .eyebrow{grid-column:auto}.alternate .module-copy,.alternate .mockup-panel{grid-column:auto;grid-row:auto}.device{width:260px}.mockup-panel{padding:32px 20px 25px}}

/* October 15: keep the editorial sequence; show the current app without crops. */
.hero-scores{filter:none;opacity:.48;width:72%;right:-16%;top:-18%;height:120%}
.project-line{max-width:990px}
.mockup-panel{background:radial-gradient(ellipse at center,#222925,#141715 72%)}
.mockup-panel.cosmic{background:radial-gradient(ellipse at center,#282a29,#141715 72%)}
.device{background:linear-gradient(135deg,#7c827d,#282d29 35%,#535a54 80%,#1b1e1b);padding:4px;border-radius:42px}
.device img{border:3px solid #070b0a;border-radius:38px}
.new-world{padding:75px 0;border-top:1px solid #343434}
.new-world-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px;margin-bottom:50px}
.new-world-heading .eyebrow{grid-column:1/-1;margin:0}
.new-world-heading>p:last-child{font-size:15px;line-height:1.9;color:#aaa79f;align-self:center}
.new-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.new-screen{background:#141715;padding:30px 16px;margin-bottom:27px}
.new-screen .device{width:225px;margin:auto}
.new-world-grid .eyebrow{font-size:9px;margin:0 0 15px}
.new-world-grid h3{font-size:29px;line-height:1.2;margin-bottom:17px}
.new-world-grid article>p:last-child{font-size:14px;color:#aaa79f;line-height:1.85}
.community-note{border-top:1px solid #343434;margin-top:42px;padding-top:22px;color:#aaa79f;font-size:13px;line-height:1.8;max-width:850px}
.community-note span{font-size:9px;letter-spacing:1.5px;display:block;color:#cbc8be;margin-bottom:10px}
@media(max-width:800px){.hero-scores{width:140%;right:-65%;top:-20%;opacity:.28}.new-world{padding:45px 0}.new-world-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.new-world-heading .eyebrow{grid-column:auto}.new-world-grid{grid-template-columns:1fr;gap:40px}.new-screen .device{width:260px}.new-world-grid h3{font-size:30px}}

/* Match the approved Dada/Pop art cover; keep the existing content sequence. */
h1,h2,h3,.project-line{font-family:ArtwardGrotesk,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-weight:400}
em{font-style:normal}
.project-hero h1{font-size:clamp(76px,11vw,146px);font-weight:500;letter-spacing:-.065em;line-height:1}
.project-line{font-size:clamp(27px,3.6vw,45px);letter-spacing:-.045em;line-height:1.25;max-width:920px}
h2,.module h2{letter-spacing:-.045em;line-height:1.13}
.new-world-grid h3{letter-spacing:-.035em}
.hero-scores{width:65%;right:-8%;top:-8%;height:110%;opacity:.48;filter:none}
.mockup-panel,.mockup-panel.cosmic{background:#0c100e}
.device{padding:2px;border:1px solid #202823;background:#141c17;border-radius:40px;box-shadow:16px 24px 40px #0005}
.device img{border:0;border-radius:36px}
.new-screen{background:transparent;padding:24px 16px}
@media(max-width:800px){.project-hero h1{letter-spacing:-.065em}.hero-scores{width:135%;right:-67%;top:-18%;opacity:.24}}
