@charset "UTF-8";
:root{color-scheme:dark;--bg:#091c2b;--panel:#112939;--ink:#f5f2e8;--muted:#b2c4cc;--line:#29424f;--accent:#9aefdc;--coral:#ff927c;font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}p{color:var(--muted)}.wrap{width:min(1392px,90%);margin-inline:auto}.site-header{min-height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:17px;font-weight:800;line-height:1.08;letter-spacing:.1em;position:relative;padding-left:42px}.brand-mark{position:absolute;left:0;top:-3px;font-size:38px;color:var(--accent)}.brand-second{letter-spacing:.17em}nav{display:flex;gap:32px;align-items:center;font-size:14px}.portfolio{color:var(--accent)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:85px;padding-bottom:78px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--accent);margin-bottom:26px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:8px}.hero h1{font-size:clamp(42px,4.7vw,76px);line-height:1.06;margin-bottom:26px;letter-spacing:-.055em}.hero em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.intro{font-size:19px;line-height:1.6;max-width:490px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;border-radius:3px;padding:14px 20px;font-size:14px;font-weight:700;line-height:1.4}.primary{background:var(--accent);color:#09232d}.primary:hover{background:#b7ffe9;color:#09232d}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.hero-foot{font-size:12px;margin-top:34px;margin-bottom:0}.hero-foot span{margin:0 9px;color:var(--coral)}.hero-art{background:#061426;border:1px solid #375263;box-shadow:16px 18px 0 #102d3b;transform:rotate(-2deg)}.art-caption{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;font-size:11px;background:#102b3a;color:var(--ink)}.principles{border-block:1px solid var(--line);padding-block:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.principles span{font-size:10px;letter-spacing:.13em;color:var(--accent)}.principles p{margin:0;font-family:Georgia,serif;font-size:18px;font-style:italic}.collection{padding-block:76px 88px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:clamp(30px,3.1vw,47px);font-weight:500;margin-bottom:0}.section-heading>p{font-size:14px;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.filters button{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 15px;border-radius:30px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filters small{margin-left:8px}.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 26px}.poster-frame{display:flex;align-items:center;justify-content:center;padding:22px;background:#112a39;aspect-ratio:4/4.5;position:relative;overflow:hidden;border:1px solid #193644}.poster-frame img{max-height:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 10px #0005);transition:transform .25s}.poster-frame:hover img{transform:scale(1.025)}.view-label{position:absolute;bottom:12px;right:12px;padding:5px 10px;background:#091c2bee;color:var(--ink);font-size:11px}.card-meta{display:flex;justify-content:space-between;gap:8px;color:var(--accent);text-transform:uppercase;font-size:9px;letter-spacing:.08em;margin-top:17px}.poster-card h3{font-size:22px;font-weight:500;line-height:1.25;margin:10px 0}.poster-card p{font-size:13px;margin:0}.create{padding-block:74px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12%}.create h2{margin-bottom:28px}.create p{font-size:16px}.skill-panel{background:var(--panel);border-top:3px solid var(--coral);padding:36px}.skill-panel h3{font-size:36px;font-weight:500;margin:20px 0}.skill-panel p{font-size:14px}.skill-panel .text-link{display:block;margin-block:22px}.skill-panel small{display:block;font-size:11px;color:var(--muted)}.reuse{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;border-top:1px solid var(--line);padding-block:64px 80px}.reuse h2{font-size:33px;margin-bottom:22px}.reuse h3{font-size:23px;margin:0 0 20px}.reuse p{font-size:14px}.reuse .eyebrow{font-size:10px}footer{border-top:1px solid var(--line);padding-block:35px;display:flex;justify-content:space-between;gap:30px;font-size:12px}footer p{font-size:11px;margin:10px 0 0}.footer-title{font-size:13px;letter-spacing:.13em;font-weight:700}.skip{position:absolute;top:-80px;left:15px;background:var(--ink);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.detail{padding-top:32px}.back-link{font-size:13px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:6%;align-items:start;margin-block:32px 65px}.detail-art{background:#061426;padding:14px;border:1px solid var(--line)}.detail-art img{max-height:1100px;object-fit:contain}.detail-copy h1{font-size:clamp(32px,3.3vw,52px)}.detail-copy .intro{font-size:16px}.detail-copy .eyebrow{margin-bottom:20px}.detail-copy dl{margin:26px 0;border-top:1px solid var(--line)}.detail-copy dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-copy dt{color:var(--muted)}.detail-copy dd{margin:0;text-align:right}.detail-copy>.button{width:100%}.detail-copy>.text-link{display:block;margin-top:23px}.science-note{border-left:2px solid var(--coral);padding-left:20px;margin-top:32px}.science-note h2,.science-note h3{font-size:16px;font-weight:600;letter-spacing:0;margin:0 0 12px}.science-note p{font-size:12px}.science-note a{text-decoration:underline}.next-poster{border-top:1px solid var(--line);padding-block:30px 55px;display:flex;justify-content:space-between;gap:30px;align-items:center}.next-poster span{font-size:10px;letter-spacing:.14em;color:var(--accent)}.next-poster strong{font-size:22px;font-weight:400}
@media(min-width:1600px){.hero{padding-block:110px}}
@media(max-width:1000px){.hero{gap:5%;padding-block:60px}.hero h1{font-size:46px}.hero .intro{font-size:16px}.hero .eyebrow{font-size:9px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create,.reuse{gap:6%}.detail-grid{grid-template-columns:1.3fr 1fr;gap:4%}.detail-copy h1{font-size:32px}.detail-copy>.button{font-size:12px}}
@media(max-width:680px){.wrap{width:90%}.site-header{min-height:96px;gap:20px}.brand{font-size:13px;padding-left:30px}.brand-mark{font-size:29px}nav{gap:14px;font-size:11px}.portfolio{display:none}.hero{grid-template-columns:1fr;padding-block:48px;gap:38px}.hero h1{font-size:clamp(40px,10vw,60px)}.hero .eyebrow{font-size:9px}.hero .intro{font-size:18px}.hero-art{width:96%;margin:auto;box-shadow:10px 12px 0 #102d3b}.hero-foot{margin-top:24px}.principles{display:block;padding-block:20px}.principles p{font-size:16px;margin-top:8px}.collection{padding-block:48px}.section-heading{display:block}.section-heading>p{margin-top:20px}.filters{gap:7px}.filters button{font-size:11px;padding:8px 12px}.poster-grid{grid-template-columns:1fr;gap:34px}.poster-frame{aspect-ratio:4/4.2;padding:22px}.poster-card h3{font-size:24px}.poster-card p{font-size:14px}.card-meta{font-size:10px}.create,.reuse{grid-template-columns:1fr;gap:35px;padding-block:44px}.skill-panel{padding:26px}.create h2{font-size:38px}.reuse h2{font-size:30px}footer{display:block}footer>div+div{margin-top:25px}.detail-grid{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.detail-copy h1{font-size:38px}.detail-copy>.button{font-size:14px}.next-poster{display:block}.next-poster strong{display:block;margin-top:12px;font-size:21px}.detail-art{padding:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}