/* Cinematic editorial finish. Existing structure, grids and breakpoints retained. */
@font-face{font-family:Manrope;src:url('/veymarios/fonts/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Fraunces;src:url('/veymarios/fonts/fraunces-roman.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Fraunces;src:url('/veymarios/fonts/fraunces-italic.ttf') format('truetype');font-style:italic;font-weight:100 900;font-display:swap}
:root{--white:#f7f3eb;--copy:#c6cdd2;--warm:#e6c59a;--line:#354650}
body{font-family:Manrope,'Segoe UI',sans-serif}
::selection{background:#e6c59a;color:#12202a}
.header{background:#111d27;border-bottom-color:#41515b}
.brand{border-radius:7px;overflow:hidden;box-shadow:0 4px 24px #00000020}
nav{font-weight:600;font-size:12px}
.nav-cta{border-radius:999px;border-color:#a88b6b;color:#f4dec1;background:#ddbe9310;transition:background .2s,border-color .2s}
.nav-cta:hover{background:#ddbe9324;border-color:#e6c59a;color:#fff4e4}
.hero{background:radial-gradient(ellipse at 85% 18%,#aa795f18,transparent 48%),radial-gradient(ellipse at 5% 90%,#3e6e8c16,transparent 55%),#101b24}
.eyebrow,.work-label,.brand-type,.step-foot{font-family:Manrope,'Segoe UI',sans-serif;letter-spacing:.13em;font-weight:650}
.hero .eyebrow{color:#d5bc9b;font-size:10px;letter-spacing:.15em}
.signal{background:#e6c59a;box-shadow:0 0 0 4px #e6c59a10}
.hero h1{font-family:Manrope,'Segoe UI',sans-serif;font-weight:650;font-size:clamp(45px,5.1vw,73px);line-height:1.11;letter-spacing:-.055em}
.hero h1 span{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:550;font-variation-settings:'SOFT' 25,'WONK' 1;font-optical-sizing:auto;color:#e6c59a;letter-spacing:-.04em;word-spacing:.08em}
.hero-lede{font-size:17px;line-height:1.8;color:#d3d9dc}
.hero-note{color:#a6b5bf;line-height:1.8}
.button{border-radius:999px;background:#e8c99f;color:#182630;padding:13px 17px 13px 23px;min-height:56px;box-shadow:0 5px 25px #00000015;font-weight:750;transition:transform .2s,background .2s,box-shadow .2s}
.button>span{width:30px;height:30px;border:1px solid #17263030;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.button:hover{background:#f3dbb9;color:#182630;transform:translateY(-2px);box-shadow:0 8px 24px #00000022}
.text-link{border-color:#a38d70;color:#eee3d3}
.text-link:hover{color:#fff4e5;border-color:#e6c59a}
.hero-feature{border-radius:14px;overflow:hidden;border-color:#777066;box-shadow:0 22px 52px #00000025}
.hero-feature figcaption{background:#1b2a34;color:#f2e5d3;font-size:10px;letter-spacing:.03em}
.hero-feature figcaption span:last-child{color:#d4b993}
.mini{border-radius:8px;border-color:#4b565b;box-shadow:0 5px 20px #00000014}
.mini figcaption{font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.12em}
.work-label{font-size:9px;letter-spacing:.12em;color:#bcae9c}
.hero-bottom a,.brand-copy a{color:#e4c9a7}
h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-variation-settings:'SOFT' 15,'WONK' 1;font-optical-sizing:auto;letter-spacing:-.036em;line-height:1.17}
h2 span{font-style:italic;color:#d9bd97}
.section-head .eyebrow{color:#b9a386;font-size:10px}
.service h3,.steps h3,.brand-copy h3{font-weight:650;letter-spacing:-.035em}
.service .index{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:21px;color:#d9bd97}
.service{transition:background .25s}
.service:hover{background:#e6c59a05}
.cadence h3{color:#e8d4b9;font-weight:550}
.process{background:#eee9e1;color:#182630}
.process .eyebrow{color:#756049}
.steps,.steps li+li{border-color:#c6beb1}
.step-number{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;color:#8a694b}
.steps p{color:#495761}.step-foot{color:#756049;font-size:9px}
.why{background:radial-gradient(ellipse at 0 40%,#74583c12,transparent 70%),#13222d}
.why .eyebrow{color:#c0a989}
.why-copy .large-copy{font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:450;line-height:1.45;color:#f0e9df;letter-spacing:-.015em}
.principles strong{color:#eee3d3}.why-copy .offer-note{color:#ddc7ab}
.brand-image{border-radius:10px;border-color:#4c514f;box-shadow:0 8px 24px #0000001a}
.brand-image img{transition:transform .35s}.brand-card:hover .brand-image img{transform:scale(1.025)}
.brand-type{font-size:9px;color:#c6aa87;letter-spacing:.1em}
.brand-copy a{border-color:#8f785c;font-weight:600}
.contact{background:radial-gradient(ellipse at 15% 20%,#9e775528,transparent 75%),#203543;border-color:#6b665b}
.contact .eyebrow{color:#e0bf96}
.contact h2{font-style:italic;color:#f3e6d5;font-weight:500}
.contact-card{border-radius:14px;border-color:#867965;background:#132630b3;box-shadow:0 16px 45px #00000017}
.contact-card h3{font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:500;letter-spacing:-.025em;color:#f1e4d2}
.contact-card .button{justify-content:space-between}.email{color:#cfdae0}
.footer strong{font-family:Manrope,sans-serif;font-weight:750;letter-spacing:-.04em}
a:focus-visible{outline-color:#f5d6aa}
@media(min-width:1600px){.hero h1{font-size:74px}}
@media(max-width:1100px){.hero h1{font-size:clamp(43px,5.1vw,62px)}.hero-lede{font-size:16px}}
@media(max-width:800px){.hero h1{font-size:clamp(43px,7.7vw,65px)}.hero h1 span{letter-spacing:-.04em}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.hero-lede{font-size:16px}nav{font-size:10px}.nav-cta{gap:9px}.steps li,.steps li+li{border-bottom-color:#c6beb1}.contact-card{border-radius:12px}.button{font-size:13px}}
@media(max-width:380px){.hero h1{font-size:38px}.hero h1 span{letter-spacing:-.04em}.hero .eyebrow{font-size:8px;letter-spacing:.055em}.work-label{font-size:8px;letter-spacing:.04em}.button{gap:22px}.nav-cta{padding-inline:10px}.contact-card h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.button,.nav-cta,.brand-image img,.service{transition:none}.button:hover,.brand-card:hover .brand-image img{transform:none}}

