.p27-page{background:linear-gradient(180deg,#f8f8f5 0,#fff 520px);color:var(--ink)}
.p27-wrap{max-width:1180px;margin:0 auto;padding:34px 22px 88px}.p27-crumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:#66737c;margin:2px 0 24px}.p27-crumbs a{text-decoration:none;font-weight:750;color:#315c7a}
.p27-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:30px;align-items:stretch;padding:34px;border:1px solid #d9e1e5;border-radius:25px;background:linear-gradient(135deg,#fff 0,#f8f7f2 58%,#eef3f5 100%);box-shadow:0 22px 62px rgba(5,31,51,.09)}
.p27-kicker{font-size:11px;font-weight:880;letter-spacing:.14em;text-transform:uppercase;color:var(--burg);margin-bottom:12px}.p27-hero h1{font:860 clamp(39px,5vw,68px)/.97 var(--display);letter-spacing:-2.7px;color:var(--navy);margin:0 0 18px}.p27-lead{font-size:19px;line-height:1.62;color:#43535e;max-width:760px;margin:0 0 21px}.p27-status{display:flex;gap:8px;flex-wrap:wrap}.p27-status span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #cdd7dd;border-radius:999px;background:#fff;color:#425764;font-size:12px;font-weight:760}.p27-status span:first-child{background:#fff8e7;border-color:#d0af63;color:#76540d}
.p27-hero-art{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:10px;min-height:390px}.p27-hero-art figure{margin:0;position:relative;overflow:hidden;border-radius:17px;background:#0c2e4c}.p27-hero-art figure:first-child{grid-row:1/3}.p27-hero-art img{width:100%;height:100%;display:block;object-fit:cover}.p27-hero-art .contain{object-fit:contain;background:#f5f3eb;padding:18px}.p27-hero-art figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 10px;background:linear-gradient(transparent,rgba(5,25,42,.84));color:#fff;font-size:11px;line-height:1.35}
.p27-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0 0}.p27-meta>div{border:1px solid #dbe2e7;border-radius:13px;background:#fff;padding:13px 14px}.p27-meta span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#74818a;font-weight:800}.p27-meta b,.p27-meta code{display:block;margin-top:4px;color:#193a55;font-weight:750;font-size:13px}.p27-meta code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.p27-section{margin:36px 0 0}.p27-section>h2{font:830 clamp(26px,3vw,38px)/1.1 var(--display);letter-spacing:-.9px;color:var(--navy);margin:0 0 12px}.p27-section>p{max-width:940px;color:#4d5d67;margin:0 0 18px}.p27-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--burg);font-weight:860;margin-bottom:7px}
.p27-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.p27-grid.two{grid-template-columns:repeat(2,1fr)}.p27-card{border:1px solid #dce3e7;background:#fff;border-radius:17px;padding:20px;box-shadow:0 10px 30px rgba(5,31,51,.055)}.p27-card small{font-weight:850;text-transform:uppercase;letter-spacing:.09em;color:var(--burg)}.p27-card h3{font:800 21px/1.18 var(--display);color:var(--navy);margin:8px 0 8px}.p27-card p{margin:0;color:#56656f}.p27-card strong{color:#193f5f}
.p27-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.p27-art{margin:0;grid-column:span 6;border:1px solid #d9e1e5;border-radius:19px;overflow:hidden;background:#f7f6f1;box-shadow:0 12px 34px rgba(7,35,58,.07)}.p27-art.wide{grid-column:span 8}.p27-art.narrow{grid-column:span 4}.p27-art img{display:block;width:100%;height:330px;object-fit:cover}.p27-art img.contain{object-fit:contain;padding:24px;background:#f7f5ee}.p27-art figcaption{padding:12px 14px;border-top:1px solid #e2e7ea;background:#fff}.p27-art figcaption strong{display:block;color:#173a55}.p27-art figcaption span{display:block;margin-top:3px;color:#69767f;font-size:12px}
.p27-callout{margin-top:28px;padding:22px;border-radius:17px;border:1px solid #e2cf9c;background:#fff9e9;color:#5e533a}.p27-callout strong{display:block;color:#6d4e0e;margin-bottom:5px}.p27-callout.blue{border-color:#c9dbe6;background:#f3f8fb;color:#4d6270}.p27-callout.blue strong{color:#173f5d}
.p27-motto{margin:30px 0;padding:38px 28px;border-radius:22px;background:linear-gradient(135deg,#092b49,#153f60);color:#fff;text-align:center;box-shadow:0 18px 48px rgba(5,31,51,.18)}.p27-motto q{display:block;font:800 clamp(35px,6vw,72px)/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#f1d58e;text-decoration:none}.p27-motto p{max-width:760px;margin:16px auto 0;color:#d8e5ed;line-height:1.6}
.p27-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.p27-value{padding:18px;border-radius:15px;background:#103c5f;color:#fff;min-height:150px}.p27-value b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f0ca70;color:#173a55;margin-bottom:12px}.p27-value strong{display:block;font:780 18px/1.2 var(--display);margin-bottom:6px}.p27-value span{font-size:13px;color:#d9e5ec;line-height:1.45}
.p27-timeline{display:grid;gap:0;border-left:2px solid #c7d4dd;margin-left:10px;padding-left:26px}.p27-event{position:relative;padding:0 0 26px}.p27-event:before{content:"";position:absolute;left:-34px;top:5px;width:14px;height:14px;border-radius:50%;background:#b88624;border:3px solid #fff;box-shadow:0 0 0 1px #b88624}.p27-event small{font-weight:850;text-transform:uppercase;letter-spacing:.09em;color:var(--burg)}.p27-event h3{font:800 22px/1.2 var(--display);color:var(--navy);margin:6px 0}.p27-event p{margin:0;color:#596973;max-width:840px}
.p27-swatch-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.p27-swatch{border:1px solid #dce3e7;border-radius:15px;overflow:hidden;background:#fff}.p27-swatch i{display:block;height:110px}.p27-swatch:nth-child(1) i{background:#0a2b49}.p27-swatch:nth-child(2) i{background:#f3efe3}.p27-swatch:nth-child(3) i{background:#6f1f2a}.p27-swatch:nth-child(4) i{background:#c49a3a}.p27-swatch div{padding:11px 12px}.p27-swatch strong{display:block;color:#173a55}.p27-swatch span{font-size:12px;color:#6a7880}
.p27-related{display:flex;gap:9px;flex-wrap:wrap}.p27-related a{padding:9px 12px;border-radius:10px;background:#edf3f6;text-decoration:none;color:#315d7b;font-weight:780}
.p27-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.p27-btn{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:9px 14px;border:1px solid #bdcbd4;border-radius:999px;background:#fff;text-decoration:none!important;color:#163f5e!important;font-weight:800;font-size:13px}.p27-btn.primary{background:#0d4f7a;border-color:#0d4f7a;color:#fff!important}
[data-theme="dark"] .p27-page{background:linear-gradient(180deg,#101820 0,#0d141a 520px);color:#edf3f6}[data-theme="dark"] .p27-hero,[data-theme="dark"] .p27-card,[data-theme="dark"] .p27-meta>div,[data-theme="dark"] .p27-swatch,[data-theme="dark"] .p27-art figcaption{background:#141f27;border-color:#32434f}[data-theme="dark"] .p27-hero h1,[data-theme="dark"] .p27-section>h2,[data-theme="dark"] .p27-card h3,[data-theme="dark"] .p27-event h3,[data-theme="dark"] .p27-swatch strong,[data-theme="dark"] .p27-meta b,[data-theme="dark"] .p27-meta code{color:#f1f6f8}[data-theme="dark"] .p27-lead,[data-theme="dark"] .p27-section>p,[data-theme="dark"] .p27-card p,[data-theme="dark"] .p27-event p,[data-theme="dark"] .p27-art figcaption span{color:#c2cdd4}[data-theme="dark"] .p27-related a{background:#182832;color:#cbe5f4}[data-theme="dark"] .p27-status span{background:#17242d;border-color:#40515d;color:#e5eef3}[data-theme="dark"] .p27-swatch div{background:#141f27}
@media(max-width:980px){.p27-hero{grid-template-columns:1fr}.p27-hero-art{min-height:330px}.p27-grid,.p27-values{grid-template-columns:repeat(2,1fr)}.p27-meta,.p27-swatch-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.p27-wrap{padding:24px 15px 64px}.p27-hero{padding:20px;border-radius:18px}.p27-hero h1{font-size:42px;letter-spacing:-1.5px}.p27-lead{font-size:17px}.p27-hero-art{grid-template-columns:1fr 1fr;grid-template-rows:230px 150px;min-height:0}.p27-hero-art figure:first-child{grid-column:1/-1;grid-row:auto}.p27-meta,.p27-grid,.p27-grid.two,.p27-values,.p27-swatch-row{grid-template-columns:1fr}.p27-art,.p27-art.wide,.p27-art.narrow{grid-column:1/-1}.p27-art img{height:260px}.p27-motto{padding:30px 18px}.p27-motto q{font-size:36px}.p27-value{min-height:auto}}
@media(prefers-reduced-motion:reduce){.p27-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}