/* OG Labs: established charcoal metal, gold, silver and blueprint cyan. */
:root{--paper:#080b0d;--panel:#14181b;--ink:#edf0f1;--muted:#aeb9be;--line:#525b60;--gold:#f0b943;--gold-dark:#b77f20;color-scheme:dark}
body{background:#080b0d;color:#edf0f1;font-family:'Segoe UI',Arial,sans-serif}
h1,h2,h3{font-family:'Segoe UI',Arial,sans-serif;font-weight:650;letter-spacing:-.035em}
.wrap{width:min(1440px,92%)}header{background:linear-gradient(180deg,#2b3033,#080b0d);border-block:1px solid #525b60;border-bottom-color:#b78c37;padding-inline:20px}
.brand{gap:13px;letter-spacing:.12em}.brand-logo,header>.brand img{width:94px;height:94px;object-fit:contain}.brand::after{content:'OG LABS';font-size:1.2rem;color:#edf0f1;font-weight:800;letter-spacing:.12em}
#primary-nav a,.button,.secondary-button,button{border-radius:0;background:linear-gradient(#343a3e,#171c20);border:1px solid #879297;color:#edf0f1;box-shadow:inset 0 1px #ffffff18}
#primary-nav a:hover,.secondary-button:hover,button:hover{border-color:#00d7ed;background:#20313a;color:#fff}
.button,#primary-nav a[href="bundle.html"],.menu-toggle{background:linear-gradient(#f7d578,#d9a02c);color:#080b0d;border-color:#fce6ae;font-weight:750}
.button:hover{background:#ffe29a;color:#080b0d}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #00d7ed;outline-offset:4px}
.eyebrow,.gold,.fast-label{color:#f0b943}.rule{border-color:#00d7ed}.hero{gap:40px;padding-top:40px}.hero h1{font-size:clamp(2.7rem,4.2vw,4.2rem);line-height:1.1}
.hero .lead{font-size:1rem;line-height:1.85;color:#d0d7da}.hero-visual{aspect-ratio:4/5;clip-path:none;background:linear-gradient(0deg,#080b0d11,#080b0d33),url('assets/og-labs-laboratory.webp') center/cover;border:1px solid #8c723e;border-top:3px solid #f0b943;overflow:hidden}.hero-visual img{object-fit:contain;object-position:center bottom}.hero-caption{letter-spacing:.09em}
.section-heading .eyebrow{border-left-color:#00d7ed}.fast-directory,.handoff-strip,.catalog-search,.custom-bundles,.contact,.bundle-panel,.request-section,.review-panel,.starter-drawer,.handoff-mini,.handoff-compare{background:linear-gradient(135deg,#242b30,#101518);border-color:#647078;border-radius:0;box-shadow:inset 0 1px #ffffff0a}
.fast-directory>a{background:linear-gradient(#30383d,#181e22);border-color:#67767f;border-radius:0;color:#edf0f1}.fast-directory>a:hover{background:#233b47;border-color:#00d7ed}.directory-number{color:#00d7ed}
article,.package-card,.starter-card,.catalog-category,.pick-category,.bundle-detail,.format-card,.example-card{background:linear-gradient(145deg,#21282d,#101417);border-color:#56636c;border-radius:0;box-shadow:inset 0 1px #ffffff0c}
.service-image{background:#101417;border-color:#b68a35}.service-tags{color:#b9c6cc}.service-action{color:#f4cb75}.service-detail summary,.bundle-detail summary,.starter-drawer>summary{color:#f4cb75}.service-detail,.selected-item{border-color:#4e5d66}.item-price{color:#f6ce78}.price-scope,.catalog-scope,.pricing-notice{color:#cad2d6}.pricing-notice{background:#18242a;border-left-color:#00d7ed}
.file-badge{background:#101b22;border-color:#617d8a;color:#e7f3f7}.file-badge svg{color:#00d7ed}.page-mascot{clip-path:none;background:#080b0d;border:1px solid #9a7941;object-fit:contain}
.example-gallery{border-color:#525b60}.example-preview{background:#222a2f}.showcase-dialog{background:#101518;border-color:#be984c;border-radius:0}.example-sheet figure img{background:#222a2f}.example-actions{color:#f4cb75}
footer{border-top:1px solid #8d733f}.visual-note{color:#b4bfc5}.draft{background:#172a34;color:#d4f5fb;border-color:#00d7ed;font-size:.76rem}.contact-email a{overflow-wrap:anywhere}.mobile-bundle-bar{background:#f0b943}
@media(max-width:1000px){header{padding-inline:14px}header>.brand{width:auto}header>.brand img{width:70px;height:70px}.brand::after{font-size:.95rem}}
@media(max-width:700px){header>.brand{gap:8px}.brand::after{font-size:.85rem;letter-spacing:.09em}.hero{gap:20px}.hero-visual{width:min(80%,320px);max-height:400px}.hero h1{font-size:clamp(2.4rem,9vw,3.2rem)}.hero-copy{padding-top:14px}.hero .lead{font-size:1rem}.hero-actions>a{width:100%}.button,.secondary-button,button{min-height:64px;font-size:1.05rem}.menu-toggle{min-height:72px;min-width:158px}#primary-nav a{min-height:68px}.fast-directory>a{min-height:80px}.brand-logo{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Purpose-composed new artwork: preserve complete portrait and landscape frames. */
.hero-visual{background:#101518;aspect-ratio:4/5}.hero-visual img{object-fit:contain;object-position:center}.service-image{aspect-ratio:2.1;object-fit:contain}#work .service-image{object-fit:contain}.page-mascot{object-fit:contain;height:auto}

/* Work-first presentation: actual sample concepts lead; one small contact character. */
.hero-visual{aspect-ratio:12/11;background:#0c141a;border:1px solid #525b60;border-top:2px solid #f0b943}.hero-visual img{object-fit:contain;object-position:center}.contact-chief{width:80px;height:100px;object-fit:contain;float:right;margin:0 0 16px 20px;border:1px solid #8c723e;border-radius:5px}.portfolio-grid img{object-fit:contain}@media(max-width:850px){.hero-visual{width:100%;max-width:600px;max-height:none;aspect-ratio:12/11}}

/* Editorial detail and expressive display typography. */
.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3rem,4.7vw,4.7rem);line-height:1.08;letter-spacing:-.045em}.section-heading h2,.example-gallery>h2,.expanded-main>h1{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero-visual{padding:8px;border:1px solid #a48b53;box-shadow:0 0 0 5px #0b1115,0 0 0 6px #4d5144,0 25px 65px #0007}.hero-copy .rule{width:120px;border-color:#c3a365;position:relative}.hero-copy .rule:after{content:'';position:absolute;right:-9px;top:-5px;width:8px;height:8px;border:1px solid #c3a365;transform:rotate(45deg);background:#080b0d}.example-card{border-color:#8b774d;box-shadow:inset 0 0 0 5px #10171c,inset 0 0 0 6px #3e4a4c}.example-copy h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.8rem}.example-copy{padding:28px}.example-gallery>h2{padding-bottom:23px;border-bottom:1px solid #8b774d}.button{border:1px solid #f5dc99;box-shadow:inset 0 0 0 3px #bd902e66,0 5px 18px #0003}.contact{outline:1px solid #756440;outline-offset:7px}.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}@media(max-width:700px){.hero h1{font-size:clamp(2.7rem,10vw,3.6rem)}.hero-visual{padding:5px}.example-copy{padding:25px}}

.hero h1,.section-heading h2,.example-gallery>h2,.expanded-main>h1{font-family:"Palatino Linotype",Palatino,Georgia,serif}.example-copy h3{font-family:"Palatino Linotype",Palatino,Georgia,serif}

/* On phones, establish the business before showing illustrative samples. */
@media(max-width:850px){.hero-copy{grid-column:1;grid-row:1}.hero-visual{grid-column:1;grid-row:2}.hero-caption{grid-column:1;grid-row:3}}