*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#f1f1f1;color:#000000;font-family:Roobert,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #383633;outline-offset:6px}.wrap{width:min(1200px,88%);margin:auto}.skip{position:absolute;top:-100px;left:15px;padding:10px;background:#f1f1f1;z-index:10}.skip:focus{top:10px}header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:Georgia,serif;font-size:42px;letter-spacing:-2.5px;text-decoration:none;line-height:1}.wordmark span{font-family:Arial,sans-serif;font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}nav{display:flex;align-items:center;gap:32px}nav a{text-decoration:none;font-size:14px}.nav-cta{border:1px solid #000000;border-radius:30px;padding:11px 22px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;padding-top:48px;padding-bottom:74px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:bold;margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Gascogne,Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-3px;line-height:1.02}h1{font-size:clamp(64px,7.8vw,110px);margin-bottom:30px}h1 em,h2 em{font-weight:normal;color:#000000}h2{font-size:clamp(40px,4.5vw,64px)}.intro{max-width:460px;font-size:19px;line-height:1.6;margin-bottom:32px}.store-links{display:flex;flex-wrap:wrap;gap:12px}.store{display:flex;gap:13px;align-items:center;background:#000000;color:#f1f1f1;border:1px solid #000000;border-radius:10px;padding:10px 20px;text-decoration:none;min-height:64px;transition:background .2s,transform .2s}.store:hover{background:#383633;transform:translateY(-2px)}.store small{display:block;font-size:12px;line-height:1.25}.store strong{font-size:20px;font-weight:500;line-height:1.3}.store-icon{font-size:28px}.play-icon{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:21px solid #fff}.small-note{font-size:12px;margin:15px 0 0;color:#383633}.app-visual{margin:0;justify-self:center;width:min(100%,310px);transform:rotate(4deg)}.app-visual img{display:block;width:100%;height:auto;border-radius:32px;box-shadow:18px 24px 0 #dedcd6}.app-visual figcaption{font-size:12px;text-align:center;margin:28px 0 0;transform:rotate(-4deg)}.press-band{background:#dcb452;padding:35px 0 42px;text-align:center}.press-band .eyebrow{margin-bottom:24px}.publications{display:flex;justify-content:space-evenly;align-items:center;gap:30px}.publications a{text-decoration:none;font-family:Georgia,serif;font-size:clamp(21px,3vw,36px)}.publications a:first-child{letter-spacing:-2px;font-size:45px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:110px;padding-bottom:110px}.about h2{max-width:490px}.features article{display:flex;gap:25px;padding:24px 0;border-top:1px solid #c4beb6}.features article>span{font-size:12px;color:#383633;padding-top:4px}.features h3{font-size:20px;font-weight:500;margin-bottom:8px}.features p{color:#383633;margin:0;max-width:400px}.press-section{background:#dedcd6;padding:80px 0 90px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:38px}.section-heading h2{margin:0;width:50%}.press-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px}.press-card{display:flex;flex-direction:column;border-top:1px solid #9d9388;padding-top:26px}.publication{font-family:Georgia,serif;font-size:26px;margin-bottom:28px}.vogue{font-size:30px;letter-spacing:-1px}.date{font-size:12px;color:#383633}.press-card h3{font-family:Gascogne,Georgia,serif;font-size:27px;font-weight:normal;line-height:1.22;letter-spacing:-.5px}.press-card p:not(.date){font-size:16px;color:#383633}.press-card a{margin-top:auto;padding-top:14px;font-size:14px}.download{text-align:center;padding-top:100px;padding-bottom:105px}.download h2{font-size:clamp(48px,6vw,82px);margin-bottom:22px}.download .store-links{justify-content:center;margin-top:28px}footer{border-top:1px solid #c4beb6;padding-top:32px;padding-bottom:35px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}footer .wordmark{font-size:33px}footer p{font-size:14px;margin:0;flex:1}footer>a:not(.wordmark){font-size:14px}footer small{font-size:12px;width:100%;color:#383633}@media(max-width:800px){header{min-height:88px}.hero{gap:32px;padding-top:30px;padding-bottom:55px}.hero h1{font-size:65px}.intro{font-size:17px}.app-visual{width:240px}.about{gap:35px;padding-top:70px;padding-bottom:60px}.press-grid{gap:24px;grid-template-columns:1fr}.press-card{padding-bottom:12px}.publication{margin-bottom:12px}.press-card h3{max-width:540px}.section-heading h2{width:60%}}@media(max-width:580px){.wrap{width:88%}.wordmark{font-size:35px}nav{gap:14px}nav a{font-size:12px}.nav-cta{padding:9px 15px}.hero{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(61px,15vw,86px);letter-spacing:-3px}.eyebrow{font-size:11px;letter-spacing:1.5px}.hero-copy{padding-top:15px}.app-visual{width:230px;margin:0 auto 8px}.store{padding:10px 15px;gap:10px}.store strong{font-size:18px}.publications{flex-wrap:wrap;gap:18px 28px}.publications a:first-child{font-size:35px}.publications a{font-size:23px}.about{grid-template-columns:1fr;gap:12px}.about h2{font-size:43px;letter-spacing:-1.5px}.section-heading{display:block}.section-heading h2{width:auto;font-size:48px;letter-spacing:-2px}.press-section{padding:55px 0}.download{padding:65px 0}.download h2{font-size:49px;letter-spacing:-2px}footer{gap:22px}footer p{flex-basis:100%;order:2}footer small{order:3}footer>a:not(.wordmark){margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store{transition:none}}

/* Official store badges: preserve supplied artwork and proportions. */
.store-links{align-items:center;gap:12px}.store{display:block;background:transparent;border:0;padding:0;min-height:0;border-radius:0;transition:none}.store:hover{background:transparent;transform:none}.store img{display:block;height:auto}.store-apple img{width:180px}.store-google img{width:232px}.store-apple{margin:15px 0}.store-google{margin:0 -12px}.trademarks{max-width:760px} @media(max-width:580px){.store-apple img{width:150px}.store-google img{width:194px}.store-links{gap:6px}.store-apple{margin:12px 0}}

/* Paradym Brand Guidelines v1.0, pp. 64–65, 78–89. */
@font-face{font-family:Gascogne;src:url('assets/gascogne-light.woff2') format('woff2');font-weight:300 400;font-style:normal;font-display:swap}
@font-face{font-family:Roobert;src:url('assets/roobert-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--paradym-black:#000000;--paradym-white:#f1f1f1;--core-1:#383633;--core-2:#9d9388;--core-3:#c4beb6;--core-4:#dedcd6;--spectrum-1:#f16144;--spectrum-2:#c38299;--spectrum-3:#559f9f;--spectrum-4:#a4a75e;--spectrum-5:#dcb452}
.wordmark{display:block;line-height:0;flex-shrink:0;padding:28px 30px;background:#fff;letter-spacing:normal}
.wordmark img{display:block;width:190px;height:auto}header{min-height:136px}footer .wordmark img{width:150px}footer .wordmark{padding:24px}
h1,h2{letter-spacing:0;line-height:1.05;font-weight:300}h1 em,h2 em{font-style:normal;font-weight:300}body{line-height:1.7}.eyebrow{font-weight:400}.nav-cta{background:var(--spectrum-1);border-color:var(--spectrum-1);text-transform:uppercase;letter-spacing:1px}.app-visual{transform:none}.app-visual img{box-shadow:none}.app-visual figcaption{transform:none}.press-band{background:var(--core-3)}.press-card h3{letter-spacing:0}.features h3{font-family:Roobert,Arial,sans-serif}.download{border-top:6px solid var(--spectrum-1)}
@media(max-width:800px){.hero h1{font-size:62px}.about h2{font-size:42px}}
@media(max-width:580px){.wordmark{padding:18px 20px}.wordmark img{width:125px}header{min-height:115px;gap:12px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav>a:first-child{display:none}.nav-cta{font-size:12px;padding:10px 12px}.hero h1{font-size:clamp(56px,13vw,76px);letter-spacing:0}.about h2,.section-heading h2,.download h2{letter-spacing:0}.download h2{font-size:46px}}

/* Black presentation requested by Courtney; original white Paradym logo. */
body{background:var(--paradym-black);color:var(--paradym-white);color-scheme:dark}
header,.hero,.about,.download,footer,.press-band,.press-section{background:var(--paradym-black)}
.wordmark,footer .wordmark{background:transparent}
h1 em,h2 em{color:var(--paradym-white)}
.intro,.features p,.press-card p:not(.date),footer p{color:var(--core-4)}
.small-note,.features article>span,.date,footer small,.app-visual figcaption{color:var(--core-3)}
.nav-cta{background:var(--paradym-white);border-color:var(--paradym-white);color:var(--paradym-black)}
.nav-cta:hover{background:var(--core-4);border-color:var(--core-4)}
.press-band{border-top:1px solid var(--core-1);border-bottom:1px solid var(--core-1)}
.features article,.press-card,footer{border-color:var(--core-1)}
.press-section{border-top:1px solid var(--core-1)}
.download{border-top:1px solid var(--core-1)}
a:focus-visible{outline-color:var(--paradym-white)}
.skip{background:var(--paradym-white);color:var(--paradym-black)}

/* Original Paradym path artwork, softly revealed in monochrome. */
.hero-art{position:relative;isolation:isolate;min-width:0;padding:34px 0 50px;align-self:stretch;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-art .app-visual{position:relative;z-index:1;width:min(76%,310px)}
.hero-path{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-path img{position:absolute;width:150%;height:auto;max-width:none;left:-15%;top:-18%;filter:invert(1);animation:path-soft-reveal 2.8s ease-out both}
.patterns-section{border-bottom:1px solid var(--core-1);overflow:hidden}
.patterns-layout{display:grid;grid-template-columns:1.05fr 1fr;column-gap:70px;padding-top:112px;padding-bottom:104px}
.patterns-copy{padding:20px 0 50px;position:relative;z-index:1}
.patterns-copy h2{font-size:clamp(70px,8.3vw,112px);line-height:.98;margin-bottom:32px}
.patterns-copy p{max-width:470px;color:var(--core-4)}
.patterns-copy .eyebrow{color:var(--paradym-white)}
.patterns-intro{font-size:23px;line-height:1.5}
.patterns-art{position:relative;overflow:hidden;min-height:490px;isolation:isolate}
.path-art{position:absolute;width:155%;height:auto;max-width:none;left:-27%;top:-25%;filter:invert(1)}
.path-caption{position:absolute;bottom:36px;right:18px;font-family:Gascogne,Georgia,serif;font-size:clamp(34px,3.6vw,49px);line-height:1.15;background:#000;padding:16px 0 16px 20px}
.patterns-art.is-revealing .path-art{animation:path-soft-reveal 3s ease-out both}
.pattern-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:40px}
.pattern-steps article{border-top:1px solid var(--core-1);padding-top:24px}
.step-number{font-size:13px;letter-spacing:1.4px;color:var(--core-3);display:block;margin-bottom:20px}
.pattern-steps h3{font-size:23px;line-height:1.3;font-weight:400;margin-bottom:14px;max-width:260px}
.pattern-steps p{color:var(--core-4);margin:0;max-width:320px}
.publications a:first-child{font-size:clamp(21px,3vw,36px);letter-spacing:0}
.press-card .publication a,.press-card h3 a{font:inherit;margin:0;padding:0;text-decoration:none}
.press-card .publication a:hover,.press-card h3 a:hover{text-decoration:underline}
@keyframes path-soft-reveal{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@media(max-width:800px){.patterns-layout{column-gap:30px;padding-top:70px;padding-bottom:70px}.patterns-art{min-height:460px}.pattern-steps{gap:24px}.patterns-intro{font-size:20px}.hero{gap:25px}.hero-art .app-visual{width:82%}}
@media(max-width:580px){header .wordmark{padding:0}header .wordmark img{width:110px}nav{gap:10px;flex-wrap:nowrap}nav>a:first-child{display:block}nav>a[href="#press"]{display:none}.hero-art{min-height:510px;padding:20px 0 45px}.hero-art .app-visual{width:220px}.hero-path img{width:160%;left:-20%;top:-12%}.patterns-layout{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px}.patterns-copy{padding:0}.patterns-copy h2{font-size:80px}.patterns-art{min-height:320px;margin:24px -6.8% 10px}.path-art{width:135%;left:-18%;top:-32%}.path-caption{bottom:22px;right:8%;font-size:34px}.pattern-steps{grid-template-columns:1fr;gap:30px;margin-top:20px}.pattern-steps h3,.pattern-steps p{max-width:none}.step-number{margin-bottom:12px}.publications a:first-child{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hero-path img,.patterns-art.is-revealing .path-art{animation:none;clip-path:none;opacity:1}}

/* Four featured publications, balanced across desktop and mobile. */
.publications{flex-wrap:wrap}.press-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 44px}@media(max-width:580px){.press-grid{grid-template-columns:1fr;gap:30px}}