/*
Theme Name: Custom Laser Engravings
Theme URI: https://customlaserengravings.com/
Author: Perry
Description: Mobile-first, engraving-first custom metalwork theme scaffold. Human-confirmed facts are intentionally not supplied here.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: cle
Tested up to: 6.7
License: GPL-2.0-or-later
*/
:root{--ink:#161719;--paper:#f5f1e9;--steel:#b8bcc0;--line:#d7d1c6;--accent:#c46b38;--max:1160px;--gutter:clamp(20px,5vw,56px);--tap:44px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--serif);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2.5rem,8vw,5.8rem);margin:.2em 0}h2{font-size:clamp(2rem,5vw,3.8rem)}h3{font-size:clamp(1.3rem,3vw,2rem)}.wrap{max-width:var(--max);margin:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:var(--ink);color:var(--paper);padding:.6rem;z-index:10}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:800;text-decoration:none;letter-spacing:.06em}.nav-toggle{min-width:var(--tap);min-height:var(--tap);background:transparent;border:1px solid var(--ink)}.primary-nav{display:none}.primary-nav.is-open{display:block;position:absolute;left:0;right:0;top:76px;background:var(--paper);padding:1rem var(--gutter);border-bottom:1px solid var(--line);z-index:5}.primary-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.primary-nav a{display:block;padding:.55rem 0}.button{display:inline-block;min-height:var(--tap);padding:.65rem 1rem;background:var(--ink);color:var(--paper);text-decoration:none;border:1px solid var(--ink);font-weight:700}.button--outline{background:transparent;color:var(--ink)}.hero{padding-block:clamp(4rem,10vw,9rem);background:var(--ink);color:var(--paper)}.hero h1{max-width:850px}.hero p{max-width:680px;font-size:clamp(1.1rem,2vw,1.35rem)}.eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--steel)}.section{padding-block:clamp(4rem,9vw,8rem)}.section--dark{background:#252628;color:var(--paper)}.grid{display:grid;gap:1.25rem}.card{border:1px solid var(--line);padding:1.4rem;background:rgba(255,255,255,.25)}.section--dark .card{border-color:#4c4e50;background:transparent}.media-reference{margin:2rem 0}.media-reference img{width:100%;aspect-ratio:1;object-fit:cover}.form-grid{display:grid;gap:1rem;max-width:720px}label{font-weight:700}input,textarea,select{font:inherit;width:100%;padding:.75rem;border:1px solid #9c978e;background:#fff;min-height:var(--tap)}textarea{min-height:150px}.site-footer{padding-block:3rem;background:var(--ink);color:var(--paper)}.muted{color:#64645f;font-size:.9rem}.placeholder{border-left:3px solid var(--accent);padding:.8rem 1rem;background:#fff4e9}.site-footer a:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(min-width:782px){.nav-toggle{display:none}.primary-nav{display:block}.primary-nav ul{display:flex;gap:1.25rem}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--2{grid-template-columns:repeat(2,1fr)}.hero{min-height:60vh;display:grid;align-content:center}.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid .full{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Color printing is intentionally a secondary add-on, not the visual lead. */
.add-on{border-top:3px solid var(--accent)}
.noscript{padding:1rem;background:#fff4e9}
.callout{margin-block:1.5rem}

a{text-underline-offset:.15em}
body.admin-bar .primary-nav.is-open{top:108px}
@media(min-width:782px){.media-reference{max-width:420px}}
@media(max-width:480px){.hero .button{width:100%;text-align:center}}
.sr-only{position:absolute;left:-9999px}
.content-area>*+*{margin-top:1.2rem}
.wp-block-image{margin:0}
.wp-caption-text{font-size:.85rem;color:#64645f}
blockquote{border-left:3px solid var(--accent);padding-left:1rem}