@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f2ee;--ink:#181c21;--muted:#73767a;--accent:#94a8ba;--dark:#161b22;--line:#d8d8d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{max-width:1200px;margin:auto;padding-left:34px;padding-right:34px}.header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;padding:0 34px;margin:auto;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;letter-spacing:.13em}.wordmark b{font-weight:800}.mark{width:42px;height:42px;border:1px solid #353c44;display:grid;place-items:center;letter-spacing:-.14em;font-size:14px}.mark span{color:#8a9eae}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav-cta{border:1px solid #1a2028;padding:12px 17px}.menu{display:none;background:none;border:0;font-size:24px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;min-height:635px;padding-top:60px;padding-bottom:65px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:#677c8e}.hero h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.065em;line-height:1.09}.hero h1{font-size:clamp(50px,6.3vw,86px);margin:22px 0 26px;font-weight:800}em{font-style:normal;color:#8298ab}.muted{color:#b0b4b7}.lead{color:#5d636a;font-size:17px;line-height:1.85;max-width:540px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:33px 0}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 22px;border:1px solid #252a31;font-size:13px;font-weight:700;cursor:pointer}.primary{background:#20262e;color:white}.primary:hover{background:#40566a}.ghost:hover{background:#e8e9e8}.hero-foot{font-size:11px;letter-spacing:.04em;color:#757c82}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#83a69d;margin-right:8px}.separator{margin:0 12px;color:#adb0b1}.hero-art{background:#222a34;min-height:460px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:20px 20px 0 #e3e1dc}.hero-art-top,.hero-art-bottom{color:#a8b6c4;font-size:10px;letter-spacing:.16em}.hero-art-bottom{display:flex;justify-content:space-between}.engraved{display:grid;place-items:center;padding:22px}.engraved-inner{width:100%;aspect-ratio:1.25;border:2px solid #a8b5c1;box-shadow:inset 0 0 0 8px #222a34,inset 0 0 0 9px #7f91a1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c7d1d8;text-align:center;transform:rotate(-4deg)}.engraved-inner span{font-size:clamp(20px,3vw,36px);letter-spacing:.1em}.engraved-inner strong{font-family:Manrope;font-size:clamp(37px,5vw,65px);letter-spacing:-.06em}.engraved-inner small{letter-spacing:.22em;font-size:9px;margin-top:18px}.ticker{background:#dce1e4;border-top:1px solid #cad1d6;border-bottom:1px solid #cad1d6}.ticker .wrap{padding-top:17px;padding-bottom:17px;font-size:11px;letter-spacing:.14em;font-weight:700;text-align:center}.ticker span{color:#6c8599;margin:0 24px}.section{padding-top:105px;padding-bottom:105px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:40px}.section-head>p{max-width:350px;color:#6b7277;line-height:1.75;font-size:14px}.section h2{font-size:clamp(39px,4.4vw,62px);margin:15px 0}.work-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.work-grid article{background:white;border:1px solid #e1e1df}.work-art{height:270px;display:grid;place-items:center;overflow:hidden}.logo-art{background:#161b22}.logo-art img{width:100%;height:100%;object-fit:contain}.pet-art{background:#c7d1d9;position:relative;text-align:center}.big-glyph{font-size:170px;color:#e9eef2;position:absolute;top:0}.art-text{position:relative;font-family:Manrope;font-weight:800;letter-spacing:.03em;font-size:31px;line-height:1.1;color:#33475b}.id-art{background:#3b434d}.plate{border:2px solid #c1c8cb;background:linear-gradient(135deg,#abb5b9,#e1e4e2,#929da5);padding:25px 18px;text-align:center;color:#25313a;font-size:12px;letter-spacing:.16em;box-shadow:8px 8px 10px #2229}.plate strong{display:block;font-size:28px;margin:12px 0}.plate small{font-size:8px}.work-caption{padding:20px}.work-caption span{font-size:10px;letter-spacing:.15em;color:#8192a0}.work-caption h3{font-size:17px;margin:12px 0 7px}.work-caption p{font-size:13px;line-height:1.6;color:#747b80;margin:0}.disclaimer,.note{color:#777f86;font-size:12px;margin-top:25px}.dark{background:#1c242e;color:white}.dark .eyebrow{color:#a9bfce}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.services article{border-top:1px solid #647482;padding-top:24px}.services article span{font-size:12px;color:#92a9bb}.services h3{font-size:21px;margin:25px 0 12px}.services p{color:#bac2ca;line-height:1.7;font-size:14px}.dark .note{color:#a8b6c2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps>div{padding:25px 0;border-top:1px solid #c4c9cc}.steps b{font-size:13px;color:#8298ab}.steps h3{font-size:20px;margin:30px 0 10px}.steps p{font-size:14px;color:#727a80;line-height:1.7}.quote-section{background:#e3e8ea}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.quote-section .small{font-size:12px;color:#667783;margin-top:28px}.quote-form{background:#f9faf9;padding:32px;box-shadow:0 10px 40px #23313b12}.quote-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}input,select,textarea{width:100%;border:1px solid #cdd4d8;background:white;border-radius:0;padding:13px;font-size:13px;color:#26313a}textarea{resize:vertical}.form-bottom{display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:20px}.form-bottom p{font-size:11px;line-height:1.5;color:#66737c}.footer{background:#171d24;color:white}.footer-inner{display:flex;justify-content:space-between;align-items:center;padding-top:45px;padding-bottom:45px}.footer p,.footer small{font-size:12px;color:#9aa6af}.footer-inner>div:last-child{display:flex;flex-direction:column;align-items:end;gap:14px;font-size:12px}@media(max-width:850px){.hero{gap:35px;min-height:0}.hero-art{min-height:360px}.work-grid{grid-template-columns:1fr 1fr}.work-feature{grid-column:span 2}.quote-layout{gap:25px}.ticker span{margin:0 8px}}@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.header{height:70px;padding:0 20px}.header nav{display:none;position:absolute;z-index:3;top:70px;left:0;right:0;background:#f4f2ee;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ccc}.header nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:55px}.hero h1{font-size:56px}.hero-art{min-height:330px;box-shadow:10px 10px 0 #e3e1dc}.ticker .wrap{line-height:2}.section{padding-top:70px;padding-bottom:70px}.section-head{display:block}.work-grid,.services,.steps,.quote-layout{grid-template-columns:1fr}.work-feature{grid-column:auto}.work-art{height:260px}.two{grid-template-columns:1fr}.quote-form{padding:20px}.footer-inner{gap:30px;align-items:start;flex-direction:column}}

/* GREYSHADE WORKS V2 — GRAPHITE & SILVER */
:root{color-scheme:dark;--bg:#101318;--ink:#f1f2f3;--muted:#aab2bc;--accent:#cbd2d9;--dark:#0b0e12;--line:#323a43}
body{background:var(--bg);color:var(--ink)}
.header{border-color:var(--line)}.mark{border-color:#89949e}.mark span{color:#d5dce3}.nav-cta{border-color:#89939f}.nav-cta:hover{background:#252d36}.menu{color:#e9edf0}
.eyebrow{color:#b9c5d0}.hero h1 em,.section h2 em{color:#d5dce3}.muted{color:#7e8996}.lead{color:#b2bcc6}.hero-foot{color:#a5aeb8}.separator{color:#66727d}.dot{background:#bfcad3}
.btn{border-color:#89949e}.primary{background:#e4e8ec;color:#13171c}.primary:hover{background:#c3ced8;color:#0e1217}.ghost{color:#e4e8ed}.ghost:hover{background:#242c35}
.hero-art{background:linear-gradient(145deg,#242b34,#12171d);box-shadow:18px 18px 0 #252c35;border:1px solid #45505c}.hero-art-top,.hero-art-bottom{color:#c0c9d2}.engraved-inner{border-color:#c0c9d2;box-shadow:inset 0 0 0 8px #1b222a,inset 0 0 0 9px #8998a7;color:#e2e7eb}
.ticker{background:#222932;border-color:#3a444e;color:#e1e5e9}.ticker span{color:#aab6c1}
.section-head>p{color:#b0b9c3}.work-grid article{background:#1b2129;border-color:#37414b}.logo-art{background:#10151c}.pet-art{background:#2b3743}.big-glyph{color:#586777}.art-text{color:#dbe2e9}.id-art{background:#202934}.work-caption span{color:#a9bac9}.work-caption p,.disclaimer,.note{color:#b0bbc5}
.dark{background:#171d25;color:#f3f5f7}.dark .eyebrow{color:#cbd5de}.services article{border-color:#56616e}.services article span{color:#c4d0db}.services p,.dark .note{color:#b7c2cc}
.steps>div{border-color:#46515d}.steps b{color:#c1ceda}.steps p{color:#b3bec8}
.quote-section{background:#1a2028}.quote-section .small{color:#b4c0cc}.quote-form{background:#252d37;border:1px solid #45505d;box-shadow:0 18px 50px #0004}.quote-form label{color:#e7ebee}input,select,textarea{background:#121820;border:1px solid #596573;color:#f2f4f5}input::placeholder,textarea::placeholder{color:#9ca8b5}input:focus,select:focus,textarea:focus{outline:2px solid #b7c6d5;outline-offset:2px}.form-bottom p{color:#bdc8d3}
.footer{background:#0c0f14;border-top:1px solid #313a45}.footer p,.footer small{color:#b0bac4}
@media(max-width:650px){.header nav{background:#1a2028;border-color:#46515d}.hero-art{box-shadow:10px 10px 0 #252c35}}

/* Portfolio / Engraving Lab v4 */
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.gallery-card{overflow:hidden;border:1px solid #414b57;border-radius:15px;background:#252d37}.gallery-card>img{width:100%;height:320px;display:block;object-fit:cover;background:#14191f}.gallery-card .work-caption{padding:20px}.gallery-card .work-caption h3{margin:10px 0}.gallery-card .work-caption p{margin-bottom:0}.lab-section{background:#171c23;padding:76px 0}.lab-placeholder-art{height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:repeating-linear-gradient(135deg,#1e2630,#1e2630 18px,#26313d 18px,#26313d 36px);color:#d4dbe1;text-align:center}.lab-placeholder-art span{font-size:38px;letter-spacing:.12em;font-weight:800;line-height:1.1}.lab-placeholder-art small{font-size:11px;letter-spacing:.16em}@media(max-width:850px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.gallery-grid{grid-template-columns:1fr}.gallery-card>img,.lab-placeholder-art{height:330px}}

/* Portfolio & Engraving Lab v4.1 */
.preview-ribbon{background:#b6c2ce;color:#101318;text-align:center;font-size:.7rem;font-weight:800;letter-spacing:.13em;padding:9px 12px}
.gallery-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}
.filter-chip{cursor:pointer;background:transparent;color:#b9c4cf;border:1px solid #65707c;border-radius:100px;padding:9px 14px;font:inherit;font-size:.79rem}
.filter-chip.active,.filter-chip:hover{background:#d7dee5;color:#141920;border-color:#d7dee5}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.project-card{min-width:0;overflow:hidden;background:#252d37;border:1px solid #485360;border-radius:15px;display:flex;flex-direction:column}
.project-card[hidden]{display:none!important}
.project-photo{position:relative;border:0;padding:0;background:#101318;cursor:zoom-in;width:100%;height:275px;display:block;overflow:hidden}
.project-photo img{height:100%;width:100%;object-fit:contain;transition:transform .2s}
.project-photo:hover img{transform:scale(1.035)}
.zoom-hint{position:absolute;right:12px;bottom:12px;background:#111a22dc;color:#fff;padding:6px 10px;border-radius:5px;font-size:.75rem}
.project-details{padding:18px;flex:1;display:flex;flex-direction:column}
.project-details h3{font-size:1.15rem;margin:12px 0 7px;color:#f1f2f3}
.project-details p{font-size:.87rem;line-height:1.6;color:#bdc5cd;margin:0 0 15px}
.project-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:#d4dde5}
.review-pill{border:1px solid #798490;border-radius:100px;padding:3px 7px;color:#c3cdd6}
.project-thumbs{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
.thumb{padding:0;border:1px solid #78838d;background:#111820;border-radius:6px;cursor:zoom-in;width:48px;height:48px;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.image-dialog{background:#171d25;color:#f1f2f3;border:1px solid #66717e;border-radius:14px;padding:18px;max-width:min(94vw,1100px);max-height:92vh}
.image-dialog::backdrop{background:#05070bdd}
.image-dialog img{display:block;max-width:100%;max-height:76vh;object-fit:contain;margin:auto}
.image-dialog p{text-align:center;font-size:.78rem;color:#b9c4cf}
.dialog-close{float:right;background:#e0e5ea;color:#151a20;border:0;border-radius:5px;padding:8px 12px;cursor:pointer;margin-bottom:8px}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.project-grid{grid-template-columns:1fr}.project-photo{height:300px}.preview-ribbon{font-size:.59rem}}

/* V5 — Workshop + Lab Hybrid: warmer, more human, more curious */
:root{--bg:#171716;--ink:#f4efe6;--muted:#c0b7a9;--accent:#e9ad71;--dark:#101311;--line:#48443e;color-scheme:dark}
body{background:var(--bg);color:var(--ink);background-image:radial-gradient(ellipse at 80% 2%,#4c352a45,transparent 42%)}
.header{background:#171716ee;border-color:#4e4940}.header nav a{color:#e6dfd3}.header nav a:hover{color:#f4b877}.mark{border-color:#d6a375}.mark span{color:#e9ad71}.nav-cta{border-color:#b77c52;background:#39281e}
.preview-ribbon{background:#dba674;color:#221b15}.eyebrow{color:#e6ad7b;letter-spacing:.15em}.hero{position:relative}.hero h1{letter-spacing:-.045em;line-height:1.04}.hero h1 em,.section h2 em{color:#f2b67c}.hero .muted{color:#d9c8b4}.lead,.hero-foot,.section-head>p{color:#c9beb0}.dot{background:#efad70}.btn.primary{background:#efb77c;color:#27190f;border-color:#efb77c}.btn.primary:hover{background:#ffd0a0}.btn.ghost{color:#f4eee4;border-color:#807263}.btn.ghost:hover{background:#3c3028}
.hero-art{background:linear-gradient(145deg,#4d392c,#272321 62%,#1b1e1b);border:1px solid #987555;box-shadow:16px 16px 0 #342b25;transform:rotate(1.25deg);border-radius:12px}.hero-art-top,.hero-art-bottom{color:#f3d1aa}.engraved-inner{border-color:#cfa77e;box-shadow:inset 0 0 0 8px #302820,inset 0 0 0 9px #8b7158;color:#f4e5d2}
.workshop-note{display:flex;align-items:center;gap:20px;margin-top:10px;margin-bottom:42px;padding-top:22px;padding-bottom:22px;border-top:1px dashed #86694f;border-bottom:1px dashed #86694f;color:#e3d4c3;font-size:.94rem}.note-spark{font-size:36px;color:#f0b777}.note-arrow{margin-left:auto;font-size:30px;color:#e7a46e}.ticker{background:#392c25;color:#f0d6bc;border-color:#6a4e3c}.ticker span{color:#e6ad78}
.section{background:transparent}.section h2{letter-spacing:-.03em}.project-grid{gap:24px}.project-card{background:#292826;border:1px solid #615447;border-radius:10px;box-shadow:5px 7px 0 #0f100e50;transition:transform .18s,box-shadow .18s}.project-card:hover{transform:translateY(-4px) rotate(-.35deg);box-shadow:8px 12px 0 #0f100e70}.project-photo{background:#191918}.project-details h3{color:#fff0de}.project-details p{color:#cfc5b7}.project-meta{color:#e5b98d}.review-pill{border-color:#8a7868;color:#d8c5b1}.thumb{background:#1d1b19;border-color:#786754}.filter-chip{color:#e1d0be;border-color:#8a715e}.filter-chip.active,.filter-chip:hover{background:#e8b17b;border-color:#e8b17b;color:#211810}.disclaimer{color:#c6b6a5}
.lab-section{background:radial-gradient(ellipse at 5% 5%,#3e2c35 0%,transparent 45%),radial-gradient(ellipse at 90% 70%,#263e41 0%,transparent 50%),#191e21;border-top:2px dashed #856a5b;border-bottom:2px dashed #856a5b}.lab-section .eyebrow{color:#f2a7ba}.lab-section h2 em{color:#e9a5bc}.lab-section .filter-chip.active,.lab-section .filter-chip:hover{background:#f0a9bf;border-color:#f0a9bf;color:#261820}.lab-section .project-card{background:#25272c;border-color:#5d5766}.lab-section .project-meta{color:#e4b2cb}.lab-section .project-details h3{color:#f6e9f1}
.dark{background:#22241f}.services article{border-color:#6b6455}.services article span{color:#f0bb88}.services p,.dark .note,.steps p{color:#c9beaf}.steps>div{border-color:#756450}.steps b{color:#edb780}.quote-section{background:#2d2924}.quote-form{background:#36312b;border-color:#806f5b}.quote-form label{color:#f3e8da}input,select,textarea{background:#1d1b19;border-color:#8b7b69;color:#fff4e9}.footer{background:#171615;border-color:#51473b}.footer p,.footer small{color:#c2b5a6}.image-dialog{background:#282520;border-color:#9b7c5d}.dialog-close{background:#e9b583;color:#25180d}
@media(max-width:650px){.header nav{background:#28241f;border-color:#6c5949}.hero-art{transform:none;box-shadow:8px 8px 0 #342b25}.workshop-note{margin-bottom:20px;gap:12px}.note-arrow{display:none}}

/* v10 multi-category project tags and multi-select filter hints */
.filter-help{font-size:.82rem;opacity:.75;margin:-.25rem 0 1.15rem;line-height:1.5}
.project-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.project-meta .secondary-category{font-size:.65rem;letter-spacing:.02em;text-transform:none;color:#e0b5c5;border:1px solid #755c69;border-radius:99px;padding:.12rem .48rem}
.gallery-toolbar .filter-chip[aria-pressed="true"]{outline-offset:2px}