:root{--story-accent:var(--accent-deep)}body[data-sol]{--story-accent:var(--sol)}.page-head--media{overflow:hidden}.page-head--media .ph-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}@media (width<=880px){.page-head--media .ph-grid{grid-template-columns:1fr}}.page-head--media .ph-media{position:relative}.page-head--media .ph-frame{aspect-ratio:4/3;border-radius:var(--r-l);border:1px solid var(--night-line);box-shadow:var(--shadow-m);overflow:hidden}.page-head--media .ph-frame .imgslot{border-radius:0}.page-head--media .ph-chip{z-index:3;border-radius:var(--r-m);box-shadow:var(--shadow-m);background:#fff;align-items:center;gap:13px;padding:15px 19px;display:flex;position:absolute;bottom:-18px;left:-20px}@media (width<=520px){.page-head--media .ph-chip{left:8px}}.page-head--media .ph-chip .pc-num{letter-spacing:-.03em;color:var(--ink);font-size:30px;font-weight:800;line-height:1}.page-head--media .ph-chip .pc-num .accent{color:var(--story-accent)}.page-head--media .ph-chip .pc-k{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);max-width:16ch;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.35}.page-head--media .ph-chip .pc-div{background:var(--line);align-self:stretch;width:1px}.story{background:var(--paper)}.story.alt{background:var(--paper-2);border-block:1px solid var(--line)}.story-row{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,5.5vw,84px);display:grid}.story-row+.story-row{margin-top:clamp(54px,7vw,104px)}@media (width<=880px){.story-row{grid-template-columns:1fr;gap:32px}}.story-visual{position:relative}.story-row.flip .story-visual{order:2}.story-row.flip .story-copy{order:1}@media (width<=880px){.story-row.flip .story-visual{order:0}}.story-frame{aspect-ratio:4/3;border-radius:var(--r-l);border:1px solid var(--line);box-shadow:var(--shadow-m);overflow:hidden}.story-frame.tall{aspect-ratio:4/5}.story-frame .imgslot{border-radius:0}.story-chip{z-index:3;border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-m);border-left:3px solid var(--story-accent);background:#fff;padding:15px 18px;position:absolute}.story-row .story-chip{bottom:26px;right:-18px}.story-row.flip .story-chip{left:-18px;right:auto}.story-row.flip .slot-cap{inset:14px auto auto 14px}@media (width<=520px){.story-row .story-chip,.story-row.flip .story-chip{bottom:-16px;left:auto;right:10px}.story-row.flip .slot-cap{top:auto;bottom:14px}}.story-chip .sc-num{letter-spacing:-.03em;color:var(--ink);font-size:26px;font-weight:800;line-height:1}.story-chip .sc-num .accent{color:var(--story-accent)}.story-chip .sc-k{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);max-width:18ch;margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.35}.story-copy .eyebrow{color:var(--story-accent)}.story-copy h2{letter-spacing:-.03em;text-wrap:balance;margin-top:14px;font-size:clamp(26px,3.4vw,40px)}.story-copy p{color:var(--ink-soft);max-width:52ch;margin-top:16px;font-size:clamp(15px,1.55vw,17px);line-height:1.7}.story-copy p b{color:var(--ink);font-weight:700}.story-list{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.story-list li{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}.story-list .sl-ic{background:color-mix(in oklch, var(--story-accent) 14%, white);width:25px;height:25px;color:var(--story-accent);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.story-list .sl-ic svg{width:14px;height:14px}.story-list b{color:var(--ink);font-weight:700}.statement{background:var(--night);color:#fff;position:relative;overflow:hidden}.statement .film-stripe{background:linear-gradient(var(--accent-2), transparent);opacity:.13;pointer-events:none;width:88px;position:absolute;top:-12%;bottom:-12%;right:9%;transform:skew(-12deg)}.statement-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(32px,5vw,76px);display:grid;position:relative}@media (width<=880px){.statement-grid{grid-template-columns:1fr;gap:36px}}.statement .eyebrow{color:var(--accent-2)}.statement h2{color:#fff;letter-spacing:-.03em;text-wrap:balance;margin-top:14px;font-size:clamp(26px,3.6vw,44px);line-height:1.08}.statement h2 .em{color:var(--accent-2)}.statement p{color:var(--night-soft);max-width:50ch;margin-top:18px;font-size:clamp(15px,1.5vw,17px);line-height:1.66}.st-figs{background:var(--night-line);border:1px solid var(--night-line);border-radius:var(--r-m);gap:1px;display:grid;overflow:hidden}.st-fig{background:var(--night);padding:22px 24px}.st-fig .stf-num{letter-spacing:-.03em;font-size:clamp(26px,3.4vw,38px);font-weight:800}.st-fig .stf-num .accent{color:var(--accent-2)}.st-fig .stf-k{color:var(--night-soft);margin-top:5px;font-size:12.5px;line-height:1.4}.showcase{background:var(--paper-2);border-block:1px solid var(--line)}.showcase-frame{aspect-ratio:16/7;border-radius:var(--r-l);border:1px solid var(--line);box-shadow:var(--shadow-m);margin-top:44px;position:relative;overflow:hidden}@media (width<=700px){.showcase-frame{aspect-ratio:4/3}}.showcase-frame .imgslot{border-radius:0}.showcase-cap{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.showcase-cap .sh-name{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 18px oklch(20% .02 245/.6);font-size:clamp(18px,2.2vw,26px);font-weight:800}.showcase-cap .sh-tag{letter-spacing:.1em;text-transform:uppercase;color:#fff;backdrop-filter:blur(8px);white-space:nowrap;background:oklch(20% .02 245/.58);border:1px solid oklch(100% 0 0/.22);border-radius:40px;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:11px}.showcase-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 38%,oklch(16% .02 245/.78));position:absolute;inset:0}.cases{background:var(--paper)}.case-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;display:grid}@media (width<=900px){.case-grid{grid-template-columns:1fr}}.case-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.case-body h3{letter-spacing:-.025em;font-size:21px;line-height:1.2}.case-meta{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:7px;margin-top:20px;padding-top:16px;display:flex}
