:root{--navy:#11283f;--muted:#526274;--gold:#a57a2a;--teal:#087c76;--blue:#2f61b5;--red:#a53348}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #357bbf;outline-offset:6px}.skip{position:absolute;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid #e7ebed;background:white;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:12px;line-height:1.35;letter-spacing:2px}.brand b{font-weight:400}.monogram{font-size:31px;letter-spacing:-5px;border-right:1px solid #c7aa70;padding-right:18px;line-height:1.3;font-weight:600;color:var(--navy)}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none;padding:8px 0}nav a:hover{color:var(--teal)}.year{font-size:12px;letter-spacing:2px;color:var(--gold)}.hero{display:grid;grid-template-columns:.9fr 1.1fr;max-width:1500px;margin:auto;padding:68px 6% 52px;gap:44px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:700;margin-bottom:20px;color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.7vw,96px);line-height:1.02;letter-spacing:-5px;margin-bottom:24px;font-weight:600}h1 em{font-style:normal;color:var(--teal)}.hero-copy>p{max-width:360px;color:var(--muted);margin-bottom:24px}.hero-copy .lead{font-size:19px;font-weight:600;color:var(--navy);line-height:1.5}.primary{display:inline-flex;gap:32px;align-items:center;background:var(--navy);color:#fff;border-radius:4px;text-decoration:none;padding:15px 20px;font-size:14px}.primary:hover{background:var(--teal)}figure{margin:0}figure img{width:100%;height:480px;object-fit:cover;object-position:center;border-radius:120px 8px 8px 8px;display:block;background:#e4efec}figcaption{font-size:12px;margin-top:12px;color:var(--muted);text-align:right}.mission-bar{display:flex;justify-content:center;gap:9%;background:#f0f5f4;padding:22px 6%;font-size:11px;font-weight:700;letter-spacing:2px}.section{padding:90px 6%;max-width:1500px;margin:auto}h2{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-1.7px;font-weight:600;margin-bottom:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:32px}.section-heading>p{max-width:370px;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{padding:32px;border:1px solid #e1e6eb;border-top:3px solid var(--accent);border-radius:3px;display:flex;flex-direction:column}.gold{--accent:var(--gold);background:#fcfaf5}.teal{--accent:var(--teal);background:#f4faf8}.blue{--accent:var(--blue);background:#f5f8fd}.red{--accent:var(--red);background:#fcf6f7}.project-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:12px;letter-spacing:1.6px;font-weight:700;margin-bottom:20px}.symbol{font-size:36px;line-height:1}.project h3{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin-bottom:16px}.project h3>span{font-weight:400}.project>p{color:var(--muted);max-width:440px;margin-bottom:26px}details{margin-top:auto;border-top:1px solid #dbe1e6}summary{cursor:pointer;display:flex;justify-content:space-between;font-size:14px;font-weight:600;padding:17px 0 0;list-style:none;min-height:44px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.detail{padding-top:20px;font-size:15px;color:var(--muted)}ul{padding-left:19px}li{margin-bottom:9px}.note,.portfolio-note{font-size:13px;color:var(--muted)}.portfolio-note{margin:24px 0 0}.approach{background:var(--navy);color:white;max-width:none}.approach>.eyebrow{color:#b9d7cf}.approach h2 span{color:#c6d9e6}.services{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;margin-top:45px}.services article{display:flex;gap:24px;padding:25px 0;border-top:1px solid #486074}.services article>span{font-size:14px;color:#d4b77e}.services h3{font-size:21px;margin-bottom:10px;line-height:1.3}.services p{color:#c6d4e1;max-width:400px}.disciplines{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.disciplines span{padding:8px 14px;border:1px solid #536879;border-radius:30px;font-size:13px}.approach-note{max-width:750px;color:#bdcdd9;font-size:14px;margin:26px 0 0}.people{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.intro{color:var(--muted);max-width:480px}.leader{display:flex;gap:20px;margin-top:38px}.leader-rule{width:3px;background:var(--gold)}.leader h3{font-size:20px;margin-bottom:5px}.leader p{font-size:14px;color:var(--muted);margin:0}.network{padding:32px;background:#f6f8fa;border-radius:4px}.network>p:first-child{font-size:13px;text-transform:uppercase;letter-spacing:1px}.network ul{padding:0;list-style:none}.network li{padding:11px 0;border-bottom:1px solid #dfe5ea}.network .note{margin-bottom:0}.audience{background:#f2f7f5;max-width:none}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.audience h3{font-size:23px;margin-bottom:12px}.audience p{max-width:450px;color:var(--muted);margin-bottom:0}.closing{text-align:center;max-width:1000px}.closing>p{color:var(--muted);max-width:650px;margin:0 auto 32px}.principles{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-weight:600;font-size:14px;margin:40px 0}.text-link{font-size:14px;text-underline-offset:6px}footer{border-top:1px solid #dce4e8;display:flex;gap:30px;align-items:center;justify-content:space-between;padding:36px 6%}footer p{font-size:12px;color:var(--muted);margin:0}footer .brand{flex-shrink:0}@media(min-width:1500px){.approach,.audience{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}@media(max-width:760px){header{padding:18px 6%;gap:12px}.year{display:none}nav{gap:17px;font-size:14px}nav a:last-child{display:none}.brand{font-size:10px;letter-spacing:1.5px}.monogram{font-size:26px}.hero{grid-template-columns:1fr;padding:42px 6% 30px;gap:30px}h1{font-size:64px;letter-spacing:-3.5px}.eyebrow{font-size:11px;letter-spacing:1.6px}.hero-copy>p{max-width:360px}.hero-copy .lead{font-size:18px;max-width:300px}.primary{width:100%;justify-content:space-between}.hero img{height:300px;border-radius:70px 6px 6px 6px}.mission-bar{gap:20px;justify-content:space-between;font-size:9px;letter-spacing:1px;align-items:center;padding:19px 6%}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:100%}h2{font-size:36px;letter-spacing:-1.3px}.projects{grid-template-columns:1fr;gap:18px}.project{padding:27px 24px}.project h3{font-size:26px}.services{grid-template-columns:1fr;gap:0;margin-top:30px}.services article{padding:25px 0;gap:20px}.services h3{font-size:20px}.services p{margin-bottom:0}.people{grid-template-columns:1fr;gap:32px}.network{padding:25px}.audience-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.audience-grid article+article{padding-top:28px;border-top:1px solid #d5e0db}.principles{display:grid;gap:10px;margin:30px 0}.closing h2{font-size:38px}footer{align-items:flex-start;flex-direction:column;gap:24px;padding:32px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:360px){h1{font-size:54px}nav{gap:12px}.mission-bar{gap:12px;font-size:8px}}

/* Reference-led identity: ivory civic layouts with black, crimson and antique gold. */
:root{--navy:#0c223e;--muted:#58616b;--gold:#9a752f;--teal:#167e85;--blue:#245b89;--red:#9b2336}
body{background:#fffefb}
header{border-bottom:1px solid #bca16a;background:#fffefb}
.header-mark{width:46px;height:46px;object-fit:cover;border:1px solid #b99b5b}
.monogram{color:#0c223e;border-color:#b99b5b}
.hero{grid-template-columns:1fr;padding-top:56px;gap:35px;text-align:center}
.hero-copy{max-width:940px;margin:0 auto;width:100%}
.hero .eyebrow{color:#826327;letter-spacing:3px}
h1{font-size:clamp(58px,7.4vw,100px);font-weight:800;letter-spacing:-4px;line-height:1.03}
h1 br{display:none}h1 em{color:#0c223e;margin-left:.18em}
.hero-copy>p,.hero-copy .lead{max-width:660px;margin-left:auto;margin-right:auto}
.hero-copy .lead{font-weight:400;letter-spacing:1.5px;font-size:21px}
.primary{background:#851e2c;border:1px solid #851e2c;border-radius:0;padding:14px 25px}
.primary:hover{background:#621721}
figure{overflow:hidden;border-top:2px solid #bca16a;border-bottom:2px solid #bca16a;background:#fff}figure img{height:min(62vw,610px);max-height:none;aspect-ratio:auto;border-radius:0;border:0;object-fit:cover;object-position:center 29%}
figcaption{text-align:center;color:#826327;letter-spacing:1px}
.identity-band{display:grid;grid-template-columns:minmax(280px,480px) 1fr;gap:clamp(36px,7vw,100px);align-items:center;max-width:1320px;margin:0 auto;padding:82px 6%;background:#fffefb}
.identity-band img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;box-shadow:0 18px 46px rgba(23,22,21,.16)}
.identity-band .eyebrow{color:#826327}.identity-band h2{color:#171615}.identity-band p{max-width:620px;color:#58616b}
.mission-bar{background:#171615;color:#d8bd83;border-top:1px solid #a78648;border-bottom:1px solid #a78648}
h2{font-weight:750}.section-heading .eyebrow,.people .eyebrow,.closing .eyebrow{color:#826327}
.project{background:#fffefb;border:1px solid #b99b5b;border-radius:0;border-top:1px solid #b99b5b;padding:35px}
.project-top{color:var(--accent)}.project h3{font-weight:750}.project summary{color:var(--accent)}
.gold{--accent:#86611d}.teal{--accent:#087c80}.blue{--accent:#235d8d}.red{--accent:#9b2336}
.projects{gap:26px}.project details{border-color:#d8c8a9}
.approach{background:#171615;border-top:4px solid #9b2336;border-bottom:1px solid #b6975b}
.approach>.eyebrow{color:#d8bd83}.approach h2{color:#fffaf0}.approach h2 span{color:#d8bd83}
.services article{border-color:#524631}.services article>span{color:#d8bd83}.services p,.approach-note{color:#d3cec4}
.disciplines span{border-color:#73613e;color:#eee3ce;border-radius:0}
.network{background:#f8f5ee;border:1px solid #d4c19a;border-radius:0;padding:0 28px 28px}
.crest-art{display:block;width:calc(100% + 56px);max-width:none;height:auto;margin:0 -28px 28px;aspect-ratio:1;object-fit:contain}
.network li{border-color:#dacdb5}.audience{background:#f8f5ee;border-top:1px solid #d4c19a;border-bottom:1px solid #d4c19a}.audience .eyebrow{color:#826327}
footer{background:#171615;border-top:3px solid #9b2336;color:#d8bd83}footer .monogram{color:#d8bd83}footer p{color:#d3cec4}
a:focus-visible,summary:focus-visible{outline-color:#9b2336}
@media(max-width:760px){.header-mark{width:40px;height:40px}.hero{padding-top:38px;gap:24px}.hero .eyebrow{letter-spacing:1.4px;font-size:11px}h1{font-size:56px;letter-spacing:-2.5px}h1 br{display:block}h1 em{margin-left:0}.hero-copy .lead{font-size:18px;letter-spacing:.6px;max-width:340px}.hero img{height:430px;aspect-ratio:auto;border-radius:0;object-fit:cover;object-position:center 27%}.identity-band{grid-template-columns:1fr;padding:58px 6%;gap:30px}.identity-band img{max-width:420px;margin:auto}.identity-band h2{font-size:34px}.project{padding:28px 24px}.mission-bar{font-size:10px;letter-spacing:.6px}.network{padding:0 24px 24px}.crest-art{width:calc(100% + 48px);margin:0 -24px 24px}.section-heading{margin-bottom:30px}}
@media(max-width:360px){h1{font-size:49px}.mission-bar{font-size:9px;gap:10px}}

/* Cohesive crest-led hero system */
header{position:relative;z-index:5;padding:14px 6%;background:#151311;color:#f5ead5;border-bottom:1px solid #8e6d31}
.brand{gap:14px;color:#f5ead5}
.brand>span{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.brand strong{font-size:13px;font-weight:700;letter-spacing:2.5px}
.brand small{font-size:9px;color:#c6a86d;letter-spacing:1.8px}
.header-mark{width:64px;height:64px;border:1px solid #a78242;object-fit:contain;object-position:center;background:#06131d;box-shadow:0 0 0 3px rgba(167,130,66,.12)}
header nav a{color:#e9ddc7}header nav a:hover{color:#d8b466}.year{color:#c7a769}
header nav .about-nav{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid #d2aa61;background:linear-gradient(135deg,#8f2435,#641725);color:#fff5e5;font-size:12px;font-weight:700;line-height:1;letter-spacing:1.35px;text-transform:uppercase;text-decoration:none;box-shadow:0 0 0 3px rgba(210,170,97,.1),0 8px 22px rgba(0,0,0,.22);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
header nav .about-nav::after{content:"✦";color:#e0bb72;font-size:11px}
header nav .about-nav:hover{color:#fff;background:linear-gradient(135deg,#aa3046,#7c1e2f);transform:translateY(-2px);box-shadow:0 0 0 3px rgba(210,170,97,.16),0 11px 26px rgba(0,0,0,.3)}
header nav .about-nav:focus-visible{outline-color:#f0cb83;outline-offset:4px}
header nav .brief-nav{display:inline-flex!important;align-items:center;gap:8px;padding:11px 15px;border:1px solid #9f7a3d;background:#efe0bd;color:#271d13!important;font-size:11px;font-weight:800;line-height:1;letter-spacing:1.1px;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
header nav .brief-nav::before{content:"✦";color:#8f2435;font-size:10px}
header nav .brief-nav:hover{background:#fff0ca;color:#521724!important;transform:translateY(-2px);box-shadow:0 11px 26px rgba(0,0,0,.26)}
.hero{max-width:none;min-height:690px;padding:0;display:grid;grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr);gap:0;background:#151311;color:#f8f1e5;text-align:left;overflow:hidden;border-bottom:1px solid #8e6d31}
.hero-copy{position:relative;z-index:2;max-width:none;margin:0;padding:clamp(70px,8vw,120px) clamp(36px,6vw,100px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 0 25%,rgba(142,32,49,.2),transparent 42%),#151311}
.hero .eyebrow{color:#d5b574;letter-spacing:2.5px}.hero h1{color:#fff8ec;font-size:clamp(62px,6.2vw,100px);margin-bottom:28px}.hero h1 em{color:#bd3144;margin-left:0}.hero-copy>p,.hero-copy .lead{margin-left:0;margin-right:0}.hero-copy>p{color:#cfc5b6;max-width:500px}.hero-copy .lead{color:#ead9b7;font-size:19px;letter-spacing:.8px}.primary{align-self:flex-start;background:#8f2435;border-color:#b74b5b;color:#fff8ec}.primary:hover{background:#a72b3e}.hero figure{position:relative;border:0;min-width:0;background:#151311;overflow:hidden}.hero figure::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#151311 0%,rgba(21,19,17,.74) 9%,rgba(21,19,17,.08) 28%,transparent 50%),linear-gradient(0deg,rgba(21,19,17,.72),transparent 32%);pointer-events:none}.hero figure img{width:100%;height:100%;min-height:690px;border:0;border-radius:0;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.04)}.hero figcaption{position:absolute;z-index:2;right:28px;bottom:20px;margin:0;color:#ead9b7;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.hero-values{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px;padding-top:22px;border-top:1px solid #55472f;color:#bfa775;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.hero-values span+span::before{content:"◆";font-size:6px;margin-right:16px;color:#8f2435}.mission-bar{background:#8f2435;color:#fff3dc;border:0;padding:17px 6%}.section:nth-of-type(2){padding-top:105px}.projects .project{box-shadow:0 12px 30px rgba(33,24,17,.05)}
footer .brand{color:#f5ead5}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:58px 6% 48px}.hero figure{height:54vw;min-height:390px}.hero figure::before{background:linear-gradient(0deg,#151311 0%,rgba(21,19,17,.1) 34%,transparent 60%)}.hero figure img{min-height:0;height:100%;object-position:center 58%}}
@media(max-width:760px){header{padding:12px 5%}.header-mark{width:50px;height:50px}.brand strong{font-size:11px;letter-spacing:1.8px}.brand small{font-size:8px;letter-spacing:1.1px}header nav{gap:16px}header nav a{font-size:12px}.hero{padding:0;gap:0}.hero-copy{padding:48px 6% 40px}.hero h1{font-size:59px}.hero .primary{width:100%}.hero figure{height:430px;min-height:0}.hero figure img{height:100%;object-position:58% center}.hero figcaption{right:18px;bottom:14px}.hero-values{gap:10px 13px;margin-top:30px}.hero-values span+span::before{margin-right:13px}.mission-bar{padding:15px 6%}.section:nth-of-type(2){padding-top:62px}footer .header-mark{width:52px;height:52px}}
@media(max-width:420px){header nav a:nth-child(2){display:none}.hero h1{font-size:52px}.hero figure{height:380px}.hero figure img{object-position:60% center}.hero-values{font-size:9px;letter-spacing:1px}}

/* Simplified first viewport */
.hero-copy{padding-top:clamp(82px,9vw,132px);padding-bottom:clamp(82px,9vw,132px);background:radial-gradient(circle at 0 25%,rgba(142,32,49,.14),transparent 44%),#151311}
.hero-copy .lead{font-size:20px;line-height:1.55;letter-spacing:.15px;max-width:520px;margin-bottom:34px;color:#e3d3b6}
.hero h1{margin-bottom:30px}
.hero-actions{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap}
.hero-actions .primary{min-height:58px}
.brief-cta{display:flex;flex-direction:column;justify-content:center;min-height:58px;padding:10px 22px;border:1px solid #c9a35d;background:rgba(9,24,37,.78);color:#fff4df;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);transition:background .2s ease,transform .2s ease}
.brief-cta span{font-size:13px;font-weight:800;letter-spacing:1.35px;text-transform:uppercase}
.brief-cta small{color:#d5ba86;font-size:10px;letter-spacing:.7px}
.brief-cta:hover{background:#8f2435;transform:translateY(-2px)}
.hero-values{display:none}
@media(max-width:760px){header{padding:11px 5%}.header-mark{width:48px;height:48px}.brand strong{font-size:11px;letter-spacing:1.8px}.brand small{font-size:8px;letter-spacing:1.1px}header nav{display:flex}header nav a:not(.about-nav):not(.brief-nav){display:none}header nav .about-nav{display:inline-flex;padding:10px 12px;font-size:10px;letter-spacing:.8px}header nav .brief-nav{padding:10px 12px;font-size:10px;letter-spacing:.75px;max-width:none;white-space:nowrap}.hero-copy{padding:54px 6% 48px}.hero-copy .lead{font-size:18px;max-width:360px;margin-bottom:30px}.hero-actions{display:grid;grid-template-columns:1fr;max-width:360px}.hero-actions .primary,.brief-cta{width:100%}.hero figure{height:390px}.hero figcaption{right:18px;bottom:14px}.mission-bar{padding:15px 6%}}
@media(max-width:560px){header .brand>span{display:none}header nav{margin-left:auto}}
@media(max-width:420px){.hero h1{font-size:52px}.hero figure{height:350px}}

/* About Opera Ventures × Sovereign Merchant Group */
.about-page{background:#0d1924;color:#f3e8d4}.about-page header{position:sticky;top:0}.about-page nav a[aria-current="page"]{color:#d8b466;border-bottom:1px solid #9b2336}.about-intro{padding:90px 6% 70px;max-width:1320px;margin:auto;text-align:center}.about-intro .eyebrow{color:#d8b466}.about-intro h1{font-size:clamp(46px,7vw,88px);letter-spacing:-3px;line-height:1.03;margin-bottom:28px}.about-intro h1 span{color:#a62e42;font-weight:400}.about-intro>p{max-width:720px;margin:0 auto;color:#d3c7b6;font-size:20px}.about-feature{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(360px,1.14fr);gap:clamp(44px,7vw,100px);align-items:center;max-width:1320px;margin:auto;padding:20px 6% 110px}.about-poster{border:1px solid #a27c3f;background:#07131d;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:visible}.about-poster img{display:block;width:100%;height:auto;min-height:0;object-fit:contain;border-radius:0;filter:none}.about-poster figcaption{color:#bda679;padding:12px 16px;margin:0;text-align:center}.about-profile .eyebrow,.about-section .eyebrow,.about-pillars .eyebrow{color:#d8b466}.about-profile h2{font-size:clamp(40px,5vw,68px);color:#fff6e8}.about-role{color:#d9b76f;text-transform:uppercase;letter-spacing:1.1px;font-size:14px}.about-profile blockquote{margin:32px 0;padding:26px 28px;border-left:3px solid #a62e42;background:#151e26;color:#f0dfbf;font:italic 22px/1.55 Georgia,serif}.about-profile>p:last-of-type{color:#cfc7bb;max-width:640px}.about-motto{margin-top:34px;padding-top:22px;border-top:1px solid #6e5a38;color:#c12f47;font-weight:700;letter-spacing:2px;text-transform:uppercase}.about-section{padding:96px 6%;max-width:1320px;margin:auto;border-top:1px solid #695633}.about-section h2{color:#fff6e8;max-width:830px}.about-origin{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.origin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.origin-grid article,.mission-grid article{padding:28px;border:1px solid #5d4c31;background:#111e29}.origin-grid article>span{font-size:34px;color:#b88d45}.origin-grid h3,.mission-grid h3{color:#f4dfb8;font-size:20px;margin:12px 0 8px}.origin-grid p,.mission-grid p{color:#bdb7ae;margin:0}.about-mission{max-width:none;background:#151311;border-top:3px solid #9b2336;border-bottom:1px solid #806539}.about-mission>*{max-width:1320px;margin-left:auto;margin-right:auto}.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}.mission-grid article{background:#1b1916}.mission-grid b{color:#b23046;font-size:13px;letter-spacing:1.5px}.divisions{text-align:center}.divisions h2{margin-left:auto;margin-right:auto}.division-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.division-list span{padding:22px 16px;border:1px solid #715b37;color:#ead7b7;background:#101c27}.about-pillars{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;max-width:1320px;margin:0 auto 100px;border:1px solid #806539}.about-pillars article{padding:38px;border-right:1px solid #806539}.about-pillars article:last-child{border-right:0}.about-pillars ul{list-style:none;padding:0;margin:0;color:#d8d0c4}.about-pillars li{padding:9px 0;border-bottom:1px solid #3c3b37}.about-pillars>article>p{color:#d8d0c4}.about-pillars .thesis p{font:italic 27px/1.45 Georgia,serif;color:#f2dfba}.about-closing{text-align:center;background:#8f2435;padding:90px 6%;border-top:1px solid #c39d56}.about-closing>p{color:#f0d69f;font-size:12px;letter-spacing:3px}.about-closing h2{color:white;font-size:clamp(38px,5vw,68px)}.about-closing .primary{background:#151311;border-color:#d7b66f}.about-page footer{border-top-color:#a47e3e}
@media(max-width:900px){.about-feature{grid-template-columns:1fr;max-width:760px}.about-poster{max-width:620px;margin:auto}.about-origin{grid-template-columns:1fr}.origin-grid{grid-template-columns:1fr 1fr}.mission-grid{grid-template-columns:1fr 1fr}.about-pillars{grid-template-columns:1fr;margin-left:6%;margin-right:6%}.about-pillars article{border-right:0;border-bottom:1px solid #806539}.about-pillars article:last-child{border-bottom:0}}
@media(max-width:760px){.about-page header{position:relative}.about-intro{padding:62px 6% 48px}.about-intro h1{font-size:47px;letter-spacing:-1.8px}.about-intro>p{font-size:18px}.about-feature{padding:0 5% 72px;gap:38px}.about-profile h2{font-size:42px}.about-profile blockquote{font-size:19px;padding:22px;margin:26px 0}.about-section{padding:66px 6%}.origin-grid,.mission-grid,.division-list{grid-template-columns:1fr}.about-pillars{margin-bottom:70px}.about-closing{padding:68px 6%}.about-closing .primary{width:100%;justify-content:space-between}}

/* Creative San José illustration system */
body:not(.about-page) .hero{position:relative;display:block;min-height:min(82vh,840px);isolation:isolate;background:#0a1724}
body:not(.about-page) .hero figure{position:absolute;inset:0;margin:0;z-index:-2;height:100%}
body:not(.about-page) .hero figure::before{background:linear-gradient(90deg,rgba(6,17,29,.98) 0%,rgba(6,17,29,.9) 25%,rgba(6,17,29,.45) 52%,rgba(6,17,29,.06) 76%),linear-gradient(0deg,rgba(6,17,29,.72),transparent 46%)}
body:not(.about-page) .hero figure img{height:100%;min-height:0;object-position:center;filter:saturate(.92) contrast(1.03)}
body:not(.about-page) .hero-copy{min-height:min(82vh,840px);max-width:720px;margin:0;padding:clamp(92px,11vw,170px) 6%;background:none;justify-content:center}
body:not(.about-page) .hero h1{text-shadow:0 3px 30px rgba(0,0,0,.35)}
body:not(.about-page) .hero figcaption{right:28px;bottom:22px}
.story-scene{position:relative;min-height:660px;overflow:hidden;background:#0b1824;color:#fff;isolation:isolate}
.story-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,18,29,.12),rgba(7,18,29,.1) 42%,rgba(7,18,29,.88) 76%,rgba(7,18,29,.97))}
.story-scene img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.03)}
.story-caption{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:min(520px,42vw);padding:34px 0 34px 42px;border-left:2px solid #c39a50;text-shadow:0 2px 22px rgba(0,0,0,.45)}
.story-caption>span{display:block;margin-bottom:20px;color:#e0bd78;font-size:12px;font-weight:700;letter-spacing:2.4px}
.story-caption h2{color:#fff7e9;font-size:clamp(42px,4.7vw,70px);letter-spacing:-2px;margin-bottom:22px}
.story-caption p{max-width:460px;color:#eee1cb;font-size:18px;line-height:1.65;margin:0}
.market-scene{border-top:4px solid #a42c40;border-bottom:1px solid #a98547}
.night-scene{border-top:1px solid #a98547;border-bottom:4px solid #a42c40}
.night-scene::after{background:linear-gradient(90deg,rgba(7,18,29,.92),rgba(7,18,29,.56) 38%,rgba(7,18,29,.08) 68%)}
.night-scene .story-caption{left:6%;right:auto;padding-left:0;padding-right:42px;border-left:0;border-right:2px solid #c39a50}
.projects .project{transition:transform .22s ease,box-shadow .22s ease}.projects .project:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(27,20,14,.11)}
.projects{position:relative}.projects::before{content:"";position:absolute;inset:-18px;z-index:-1;border:1px solid rgba(165,122,42,.18);background:radial-gradient(circle at 12% 10%,rgba(165,122,42,.09),transparent 24%),radial-gradient(circle at 88% 88%,rgba(165,51,72,.08),transparent 26%);pointer-events:none}
.project{position:relative;overflow:hidden;isolation:isolate}.project::after{content:"";position:absolute;right:-42px;bottom:-42px;width:130px;height:130px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;box-shadow:0 0 0 18px color-mix(in srgb,var(--accent) 5%,transparent);z-index:-1}.project-top{min-height:84px}.project-icon{display:block;width:84px;height:84px;flex:0 0 84px;background-image:url('opera-project-emblems.png');background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 8px 10px rgba(21,19,17,.16));transition:transform .25s ease}.project:hover .project-icon{transform:translateY(-4px) scale(1.04)}.icon-capital{background-position:0 0}.icon-commerce{background-position:100% 0}.icon-civic{background-position:0 100%}.icon-safety{background-position:100% 100%}
.project h3{position:relative}.project h3::after{content:"";display:block;width:42px;height:2px;margin-top:17px;background:var(--accent);opacity:.72}
.section-heading>div{position:relative}.section-heading>div::before{content:"";position:absolute;left:-28px;top:4px;width:10px;height:10px;border:1px solid var(--gold);transform:rotate(45deg);box-shadow:0 22px 0 -3px var(--red)}
@media(max-width:900px){body:not(.about-page) .hero{min-height:720px}body:not(.about-page) .hero-copy{min-height:720px;max-width:610px}body:not(.about-page) .hero figure{height:100%;min-height:0}.story-scene{min-height:600px}.story-caption{width:min(560px,68vw)}}
@media(max-width:760px){body:not(.about-page) .hero{min-height:790px}body:not(.about-page) .hero-copy{min-height:790px;padding:70px 6% 210px;justify-content:flex-start}body:not(.about-page) .hero figure{height:100%}body:not(.about-page) .hero figure::before{background:linear-gradient(180deg,rgba(6,17,29,.94) 0%,rgba(6,17,29,.68) 48%,rgba(6,17,29,.08) 78%,rgba(6,17,29,.48) 100%)}body:not(.about-page) .hero figure img{height:100%;object-position:62% center}.story-scene{min-height:620px}.story-scene::after,.night-scene::after{background:linear-gradient(0deg,rgba(7,18,29,.96) 0%,rgba(7,18,29,.7) 40%,rgba(7,18,29,.08) 75%)}.story-scene img{object-position:center}.story-caption,.night-scene .story-caption{left:6%;right:6%;top:auto;bottom:40px;transform:none;width:auto;padding:28px 0 0;border:0;border-top:2px solid #c39a50}.story-caption h2{font-size:42px;letter-spacing:-1.4px}.story-caption p{font-size:16px}.projects .project:hover{transform:none}.projects::before{inset:-10px}.project-top{min-height:74px}.project-icon{width:72px;height:72px;flex-basis:72px}.section-heading>div::before{display:none}}

/* Keep the interactive brief accessible on smaller screens. */
@media(max-width:760px){header nav{gap:8px}header .brand{min-width:0}header .brand small{letter-spacing:.7px}}

footer .contact-email{display:inline-block;color:#f5ead5;font-size:14px;text-underline-offset:4px;overflow-wrap:anywhere;margin-bottom:6px}footer .contact-email:hover{color:#d8b466}

/* Minimal About page: keep the profile artwork unobstructed and centered. */
.about-page .about-feature{display:block;max-width:1023px;padding:0 5% 80px}
.about-page .about-poster{max-width:none;margin:0;overflow:hidden}
.member-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding:0 2px 15px;border-bottom:1px solid #806539}
.member-section-heading h2{margin:0;color:#f2dfba;font:700 13px/1.6 Arial,Helvetica,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.member-section-heading h2 span{color:#a62e42;padding:0 5px}
.member-section-heading>a{flex:0 0 auto;color:#d8b466;font:700 11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.8px;text-transform:uppercase;text-underline-offset:4px}
.poster-fullsize{display:block;cursor:zoom-in}
.poster-fullsize img{display:block;width:100%;height:auto}
@media(max-width:760px){.about-page .about-intro{padding-bottom:34px}.about-page .about-feature{padding-bottom:54px}.member-section-heading{display:block;margin-bottom:14px;padding-bottom:12px}.member-section-heading h2{font-size:12px;line-height:1.65;letter-spacing:.85px}.member-section-heading h2 span{padding:0 2px}.member-section-heading>a{display:inline-block;margin-top:8px;font-size:10px}}