/* Press kit page — extends style.css */
.press .nav { position: sticky; }
.press main { padding-top: 0; }

.phero { padding: clamp(40px, 6vw, 80px) 0 0; position: relative; overflow: hidden; }
.phero h1 { margin-top: 4px; }
.phero .lead { margin-top: 20px; max-width: 62ch; }
.phero .cta-row { margin-top: 30px; }
.phero__visual { margin-top: 12px; display: flex; justify-content: center; }
.phero__visual img { width: min(100%, 720px); margin-bottom: -60px; filter: drop-shadow(0 40px 60px rgba(0,0,0,.6)); }
@media (max-width: 700px) { .phero__visual img { margin-bottom: -20px; } }

.psec { border-top: 1px solid var(--line); padding: clamp(56px, 8vw, 96px) 0; }
.psec--alt { background: var(--bg-2); }
.psec__grid { display: grid; grid-template-columns: 260px 1fr; gap: clamp(28px, 5vw, 72px); align-items: start; }
.psec__side { position: sticky; top: calc(var(--nav-h) + 24px); }
.psec__side h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); }
.psec__side .eyebrow { margin-bottom: 10px; }
.psec__side .btn { margin-top: 18px; }
.side-note { color: var(--muted); font-size: .92rem; margin-top: 14px; max-width: 30ch; }
@media (max-width: 860px) { .psec__grid { grid-template-columns: 1fr; } .psec__side { position: static; } .side-note { max-width: none; } }

/* facts */
.facts { margin: 0; display: grid; border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; background: var(--surface); }
.facts > div { display: grid; grid-template-columns: 180px 1fr; gap: 16px; padding: 14px 20px; border-top: 1px solid var(--line); }
.facts > div:first-child { border-top: 0; }
.facts dt { color: var(--muted); font-size: .9rem; font-weight: 500; padding-top: 2px; }
.facts dd { margin: 0; color: var(--text); }
.facts a { color: var(--orange); }
@media (max-width: 560px) { .facts > div { grid-template-columns: 1fr; gap: 4px; } }

/* copy blocks */
.copyblock { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); padding: 22px 24px 24px; margin-bottom: 16px; }
.copyblock header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.copyblock h3 { font-size: 1rem; color: var(--text-2); font-weight: 600; }
.copyblock p { color: var(--text); line-height: 1.65; }
.copyblock p + p { margin-top: 12px; }
.copy { font: inherit; font-size: .85rem; font-weight: 600; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--line-2); background: rgba(255,255,255,.04); color: var(--text); cursor: pointer; transition: background .2s, border-color .2s; }
.copy:hover { background: rgba(255,255,255,.08); }
.copy.is-done { background: rgba(53,224,106,.15); border-color: var(--green); color: var(--green); }

/* angles */
.angles { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.angle { position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); padding: 26px 26px 26px 26px; }
.angle__n { font-family: var(--font-display); font-weight: 800; font-size: 2.2rem; letter-spacing: -.03em; background: var(--grad-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; display: block; margin-bottom: 14px; }
.angle h3 { margin-bottom: 8px; }
.angle p { color: var(--text-2); font-size: .97rem; }
@media (max-width: 700px) { .angles { grid-template-columns: 1fr; } }

/* founder */
.pquote { margin: 0 0 18px; padding: 30px 32px; border-radius: var(--r-md); background: linear-gradient(180deg, rgba(255,138,31,.10), rgba(255,138,31,0)), var(--surface); border: 1px solid rgba(255,138,31,.35); }
.pquote p { font-family: var(--font-display); font-size: clamp(1.15rem, 1.8vw, 1.45rem); font-weight: 600; letter-spacing: -.01em; line-height: 1.4; }
.pquote footer { margin-top: 14px; color: var(--muted); font-size: .92rem; }

/* assets */
.asset-nav { display: grid; gap: 4px; margin-top: 22px; font-size: .92rem; }
.asset-nav a { color: var(--text-2); padding: 6px 0; border-bottom: 1px solid var(--line); }
.asset-nav a:hover { color: var(--text); }
.asset-group { margin-bottom: 44px; }
.asset-group__head { margin-bottom: 16px; }
.asset-group__head h3 { font-size: 1.25rem; margin-bottom: 4px; }
.asset-group__head p { color: var(--muted); font-size: .93rem; }
.asset-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.asset-grid--watch, .asset-grid--iphone { grid-template-columns: repeat(4, 1fr); }
.asset { margin: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; transition: border-color .2s, transform .3s var(--ease); }
.asset:hover { border-color: var(--line-2); transform: translateY(-2px); }
.asset > a { display: block; aspect-ratio: 1; background: repeating-conic-gradient(rgba(255,255,255,.035) 0 25%, transparent 0 50%) 0 0 / 22px 22px, #0c0e12; padding: 12px; }
.asset-grid--watch .asset > a, .asset-grid--iphone .asset > a { aspect-ratio: 4 / 5; }
.asset img { width: 100%; height: 100%; object-fit: contain; }
.asset figcaption { display: grid; gap: 2px; padding: 10px 12px 12px; font-size: .85rem; }
.asset figcaption span { color: var(--text); font-weight: 500; }
.asset figcaption a { color: var(--muted); font-size: .78rem; }
.asset figcaption a:hover { color: var(--orange); }
@media (max-width: 700px) { .asset-grid, .asset-grid--watch, .asset-grid--iphone { grid-template-columns: repeat(2, 1fr); gap: 10px; } }

/* brand */
.sub { font-size: 1.1rem; margin: 26px 0 8px; }
.sub:first-child { margin-top: 0; }
.psec__main > p { color: var(--text-2); }
.swatches { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 14px; }
.swatches li { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px; display: grid; gap: 4px; }
.swatches span { height: 56px; border-radius: 8px; background: var(--c); border: 1px solid rgba(255,255,255,.08); margin-bottom: 6px; }
.swatches strong { font-size: .92rem; }
.swatches code { color: var(--muted); font-size: .82rem; }
@media (max-width: 600px) { .swatches { grid-template-columns: repeat(2, 1fr); } }
.rules { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.rule { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 18px; }
.rule img { height: 64px; width: auto; margin-bottom: 14px; }
.rule p { color: var(--text-2); font-size: .93rem; }
.rule--do { border-color: rgba(53,224,106,.35); }
.rule--dont { border-color: rgba(255,59,48,.35); }
.rule__bad { position: relative; display: inline-block; margin-bottom: 14px; filter: hue-rotate(200deg) saturate(2); transform: scaleX(1.4); transform-origin: left; }
.rule__bad::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, transparent 47%, #ff3b30 47% 53%, transparent 53%); }
.rule__bad img { height: 64px; margin: 0; }
@media (max-width: 600px) { .rules { grid-template-columns: 1fr; } }

/* contact */
.pcontact { display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: center; }
.pcontact .lead { margin-top: 14px; }
.pcontact__card { background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-lg); padding: 30px; display: grid; gap: 14px; justify-items: start; }
.pcontact__card p { color: var(--muted); font-size: .92rem; }
@media (max-width: 760px) { .pcontact { grid-template-columns: 1fr; } }