:root {
  --ink: #111214;
  --ink-2: #1a1b1e;
  --paper: #f5f1e9;
  --paper-2: #ebe6dc;
  --white: #f8f6f1;
  --gold: #cda254;
  --gold-light: #e1bd79;
  --muted: #99958c;
  --line: rgba(205,162,84,.36);
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  --max: 1320px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.site-header { position: absolute; z-index: 10; inset: 0 0 auto; width: 100%; max-width: var(--max); margin: 0 auto; height: 104px; padding: 22px 34px; display: flex; align-items: center; justify-content: space-between; }
.brand img { width: 205px; height: auto; display: block; }
.main-nav { display: flex; align-items: center; gap: 31px; color: rgba(248,246,241,.78); font-size: 13px; }
.main-nav a { transition: color .2s ease; }
.main-nav a:hover { color: var(--gold-light); }
.nav-cta { border: 1px solid var(--gold); color: var(--white); padding: 13px 16px; }
.nav-cta span, .button span { color: var(--gold-light); margin-left: 8px; }
.menu-toggle { display: none; background: none; border: 0; color: var(--white); padding: 8px; }
.menu-toggle span { display: block; width: 25px; height: 1px; margin: 6px 0; background: var(--gold); }
.eyebrow { display: block; color: var(--gold); text-transform: uppercase; font: 600 10px/1.3 var(--sans); letter-spacing: 2.3px; }
.hero { min-height: 770px; padding: 177px max(34px, calc((100% - var(--max)) / 2 + 34px)) 93px; background: var(--ink); color: var(--white); display: grid; grid-template-columns: minmax(0, .98fr) minmax(420px, .84fr); gap: 8vw; align-items: center; overflow: hidden; }
.hero:after { content: ''; position: absolute; width: 560px; height: 560px; border: 1px solid rgba(205,162,84,.2); border-radius: 50%; right: -300px; top: 190px; box-shadow: 0 0 0 50px rgba(205,162,84,.035), 0 0 0 100px rgba(205,162,84,.025); pointer-events: none; }
.hero h1, .page-hero h1 { font: 600 clamp(48px, 6.2vw, 84px)/.99 var(--serif); letter-spacing: -2px; margin: 25px 0 26px; max-width: 780px; }
h1 em, h2 em, h3 em { color: var(--gold-light); font-style: italic; font-weight: 500; }
.hero-text { max-width: 515px; color: #b8b5ae; font-size: 17px; line-height: 1.65; margin: 0; }
.hero-actions { display: flex; gap: 14px; margin-top: 36px; }
.button { display: inline-flex; align-items: center; justify-content: center; width: fit-content; border: 1px solid var(--gold); padding: 14px 19px; color: var(--white); background: transparent; font-size: 12px; font-weight: 600; letter-spacing: .2px; transition: background .25s ease, color .25s ease, transform .25s ease; }
.button:hover { background: var(--gold); color: var(--ink); transform: translateY(-2px); }
.button-secondary { border-color: rgba(248,246,241,.35); color: #d7d3cb; }
.button-secondary:hover { border-color: var(--gold); color: var(--ink); }
.hero-visual { position: relative; align-self: stretch; display: flex; align-items: center; justify-content: center; }
.hero-image { width: 100%; max-width: 500px; aspect-ratio: 1.05 / 1; overflow: hidden; clip-path: polygon(6% 0,100% 0,94% 93%,0 100%); border: 1px solid rgba(205,162,84,.7); padding: 9px; background: var(--gold); }
.hero-image img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.75) contrast(1.08); }
.hero-note { position: absolute; right: -10px; bottom: 56px; padding: 19px 23px; background: var(--paper); color: var(--ink); min-width: 150px; }
.hero-note span { color: var(--gold); font-size: 11px; letter-spacing: 1.4px; }
.hero-note p { font: 17px/1.25 var(--serif); margin: 9px 0 0; }
.trust-strip { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1120px; margin: -36px auto 0; position: relative; z-index: 2; background: var(--paper); padding: 25px 32px; box-shadow: 0 10px 35px rgba(16,17,18,.08); }
.trust-strip div { padding: 0 23px; border-right: 1px solid #d3cec3; }
.trust-strip div:first-child { padding-left: 0; }
.trust-strip div:last-child { border: 0; padding-right: 0; }
.trust-strip strong, .trust-strip span { display: block; }
.trust-strip strong { font: 600 17px var(--serif); }
.trust-strip span { color: #77736b; font-size: 11px; margin-top: 7px; }
.section { padding: 123px max(34px, calc((100% - var(--max)) / 2 + 34px)); position: relative; }
.section-dark { background: var(--ink); color: var(--white); }
.section-paper { background: var(--paper); }
.section-number { position: absolute; top: 44px; left: max(34px, calc((100% - var(--max)) / 2 + 34px)); font: 11px var(--sans); color: var(--gold); letter-spacing: 2px; }
.section-intro { max-width: 760px; }
.section-intro h2, .story-copy h2, .final-cta h2, .final-cta-paper h2, .note-section h2 { font: 600 clamp(40px, 5vw, 66px)/1.05 var(--serif); letter-spacing: -1px; margin: 20px 0 21px; }
.section-intro p, .story-copy p, .final-cta p, .final-cta-paper p, .note-section p { color: #77736d; max-width: 620px; font-size: 16px; line-height: 1.7; }
.section-intro.light p, .final-cta p { color: #aaa7a0; }
.service-list { margin-top: 67px; border-top: 1px solid rgba(248,246,241,.18); }
.service-row { display: grid; grid-template-columns: 82px minmax(0, 1fr) 46px; align-items: center; padding: 31px 0; border-bottom: 1px solid rgba(248,246,241,.18); transition: padding .25s ease, background .25s ease; }
.service-row:hover { padding-left: 13px; padding-right: 13px; background: rgba(205,162,84,.06); }
.service-number { color: var(--gold); font-size: 11px; letter-spacing: 1px; }
.service-row h3 { margin: 0 0 8px; font: 500 25px var(--serif); }
.service-row p { color: #9e9b94; margin: 0; max-width: 670px; line-height: 1.55; font-size: 14px; }
.row-arrow, .card-arrow { color: var(--gold-light); font-size: 23px; justify-self: end; }
.concept-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 67px; }
.concept-card { position: relative; min-height: 360px; padding: 26px 25px 24px; display: flex; flex-direction: column; color: var(--white); background: #202126; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.concept-card:hover { transform: translateY(-6px); box-shadow: 0 18px 38px rgba(0,0,0,.13); }
.concept-card:after { content:''; position:absolute; right:-80px; bottom:-80px; width:220px; height:220px; border-radius:50%; border:1px solid rgba(205,162,84,.38); box-shadow: 0 0 0 23px rgba(205,162,84,.05); }
.concept-red { background: linear-gradient(140deg,#291f1f,#18191b); }
.concept-gold { background: linear-gradient(140deg,#30281d,#1d1d1d); }
.concept-blue { background: linear-gradient(140deg,#202a2d,#18191b); }
.card-top { display: flex; justify-content: space-between; color: var(--gold); font-size: 11px; letter-spacing: 1px; margin-bottom: 55px; }
.concept-card h3 { margin: 14px 0 14px; font: 500 31px var(--serif); }
.concept-card p { margin: 0; color: #b8b4ab; line-height: 1.58; font-size: 14px; }
.text-link { margin-top: auto; padding-top: 26px; position: relative; z-index: 1; font-size: 12px; color: var(--gold-light); }
.text-link b { margin-left: 8px; font-size: 16px; }
.section-cta { margin-top: 42px; text-align: center; }
.story-band { padding: 106px max(34px, calc((100% - var(--max)) / 2 + 34px)); display: grid; grid-template-columns: 1.1fr .9fr; gap: 11vw; background: #cda254; color: var(--ink); }
.story-band .eyebrow { color: #59451f; }
.story-copy h2 { margin-top: 17px; }
.story-copy h2 em { color: #fff4d8; }
.story-copy p { color: #604c2c; max-width: 530px; }
.story-band .button { color: var(--ink); border-color: var(--ink); margin-top: 14px; }
.story-band .button:hover { background: var(--ink); color: var(--white); }
.story-quote { align-self: end; border-left: 1px solid rgba(17,18,20,.38); padding: 10px 0 15px 37px; }
.story-quote span { font: 70px/0.4 var(--serif); color: var(--white); }
.story-quote p { font: 29px/1.28 var(--serif); margin: 21px 0 0; max-width: 370px; }
.final-cta { text-align: center; padding-top: 145px; padding-bottom: 155px; }
.final-cta .eyebrow, .final-cta h2, .final-cta p { margin-left: auto; margin-right: auto; }
.final-cta p { margin-bottom: 33px; }
.page-hero { min-height: 570px; padding: 190px max(34px, calc((100% - var(--max)) / 2 + 34px)) 94px; background: var(--ink); color: var(--white); }
.page-hero h1 { max-width: 860px; margin-top: 24px; }
.page-hero > p { max-width: 640px; color: #aaa7a0; font-size: 17px; line-height: 1.65; }
.concept-detail-hero { background: radial-gradient(circle at 80% 25%, rgba(205,162,84,.18), transparent 36%), var(--ink); }
.concept-detail-hero.concept-red { background: radial-gradient(circle at 80% 25%, rgba(176,62,59,.26), transparent 37%), var(--ink); }
.concept-detail-hero.concept-blue { background: radial-gradient(circle at 80% 25%, rgba(74,129,140,.24), transparent 37%), var(--ink); }
.service-detail-list { margin-top: 15px; }
.service-detail { display: grid; grid-template-columns: 100px minmax(0, 750px); gap: 30px; padding: 47px 0; border-bottom: 1px solid #d3cec3; }
.service-detail:first-child { padding-top: 0; }
.service-detail h2 { margin: 0 0 14px; font: 500 34px var(--serif); }
.service-detail p { color: #6f6a62; font-size: 16px; line-height: 1.62; max-width: 700px; }
.service-detail ul { list-style: none; padding: 0; margin: 26px 0 0; display: flex; flex-wrap: wrap; gap: 9px 25px; color: #534f49; font-size: 13px; }
.service-detail li:before { content:'↗'; color: var(--gold); margin-right: 8px; }
.two-col, .story-grid, .detail-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 12vw; align-items: start; }
.manifesto { margin-top: 20px; border-top: 1px solid rgba(205,162,84,.45); padding-top: 24px; }
.manifesto p { color: #e4dfd4; font: 28px/1.35 var(--serif); max-width: 480px; }
.manifesto span, .person-label, .person-focus { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); }
.final-cta-paper { text-align: center; }
.final-cta-paper h2, .final-cta-paper .eyebrow { margin-left: auto; margin-right: auto; }
.concept-grid-large { margin-top: 0; }
.concept-grid.compact { margin-top: 43px; grid-template-columns: repeat(2,1fr); }
.detail-layout h2, .story-grid h2, .people-grid h2, .price-extra h2, .note-section h2 { font: 600 clamp(39px,4.4vw,57px)/1.07 var(--serif); margin: 19px 0 0; }
.lead { font: 22px/1.5 var(--serif); margin: 0 0 28px; color: #46413a; }
.check-list { list-style: none; padding: 0; margin: 0 0 36px; }
.check-list li { padding: 11px 0; border-bottom: 1px solid #d3cec3; color: #5b564e; font-size: 14px; }
.check-list span { color: var(--gold); margin-right: 12px; }
.process-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 67px; }
.process-grid div { border-top: 1px solid var(--line); padding-top: 20px; }
.process-grid span { color: var(--gold); font-size: 11px; letter-spacing: 1px; }
.process-grid h3 { font: 500 27px var(--serif); margin: 16px 0 10px; }
.process-grid p { color: #aaa7a0; line-height: 1.55; font-size: 14px; }
.price-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.price-card { padding: 27px 25px 29px; border: 1px solid #d3cec3; background: #faf7f1; min-height: 515px; display: flex; flex-direction: column; }
.price-card.featured { background: var(--ink); color: var(--white); border-color: var(--gold); transform: translateY(-18px); }
.price-top { display: flex; justify-content: space-between; }
.price-index { color: var(--gold); font-size: 11px; }
.price-card h2 { font: 500 32px var(--serif); margin: 45px 0 3px; }
.price { color: var(--gold); font: 600 26px var(--sans); }
.price-card p { color: #716c63; line-height: 1.5; font-size: 13px; min-height: 59px; }
.price-card.featured p { color: #b0ada6; }
.price-card ul { list-style: none; padding: 0; margin: 22px 0 32px; border-top: 1px solid #d3cec3; }
.price-card.featured ul { border-color: rgba(248,246,241,.2); }
.price-card li { font-size: 13px; padding: 10px 0; border-bottom: 1px solid #d3cec3; color: #5d5851; }
.price-card.featured li { border-color: rgba(248,246,241,.2); color: #d1cec7; }
.price-card li span { color: var(--gold); margin-right: 8px; }
.price-card .button { margin-top: auto; color: var(--ink); border-color: #a88a56; }
.price-card .button:hover { color: var(--ink); }
.price-card.featured .button { color: var(--white); }
.mini-prices { border-top: 1px solid rgba(205,162,84,.45); }
.mini-prices div { display: flex; justify-content: space-between; padding: 18px 0; border-bottom: 1px solid rgba(248,246,241,.14); color: #c3c0b9; font-size: 14px; }
.mini-prices strong { color: var(--gold-light); font-size: 15px; }
.price-extra h2 { margin-bottom: 25px; }
.note-section { text-align: center; }
.note-section h2, .note-section p { margin-left: auto; margin-right: auto; }
.note-section p { margin-bottom: 31px; }
.story-grid { gap: 13vw; }
.story-grid p { color: #6f6a62; font-size: 15px; line-height: 1.65; margin-top: 0; }
.people-section { padding-top: 110px; padding-bottom: 110px; }
.people-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.people-grid article { padding: 31px 28px 39px; border: 1px solid rgba(205,162,84,.45); min-height: 350px; }
.people-grid h2 { margin: 39px 0 18px; }
.people-grid p { color: #aaa7a0; font-size: 15px; line-height: 1.6; max-width: 430px; }
.person-focus { display: block; margin-top: 32px; font-size: 9px; color: #d6b36e; }
.contact-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 12vw; }
.contact-info h2 { font: 600 clamp(39px,4.4vw,57px)/1.07 var(--serif); margin: 19px 0; }
.contact-info p { color: #6f6a62; line-height: 1.65; max-width: 350px; }
.contact-info a { display: block; color: #674f26; font: 18px var(--serif); margin-top: 20px; }
.contact-location { display: block; margin-top: 35px; color: var(--gold); font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }
.contact-form { padding: 30px; border: 1px solid #d3cec3; background: #faf7f1; }
.form-heading { display: flex; justify-content: space-between; gap: 20px; align-items: start; border-bottom: 1px solid #d3cec3; padding-bottom: 20px; margin-bottom: 23px; }
.form-heading p { margin: 0; color: #77736d; max-width: 250px; font-size: 12px; line-height: 1.5; }
.contact-form label { display: block; color: #5b564e; font-size: 12px; margin-bottom: 17px; }
.contact-form input, .contact-form select, .contact-form textarea { display: block; width: 100%; margin-top: 7px; border: 1px solid #d3cec3; background: var(--paper); padding: 13px 12px; color: var(--ink); outline: none; resize: vertical; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--gold); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.check { display: flex !important; align-items: start; gap: 7px; line-height: 1.4; color: #77736d !important; }
.check input { width: auto; margin: 2px 0 0; accent-color: var(--gold); }
.form-status { font-size: 12px; color: #725a2d; margin: 17px 0 0; }
.site-footer { background: #0c0d0f; color: var(--white); padding: 72px max(34px, calc((100% - var(--max)) / 2 + 34px)) 25px; }
.footer-top { display: grid; grid-template-columns: 1.4fr .8fr .7fr; gap: 60px; padding-bottom: 60px; }
.footer-logo { width: 220px; max-width: 100%; }
.footer-lead { font: 23px/1.25 var(--serif); margin-top: 27px; color: #d5d1c8; }
.footer-lead em { color: var(--gold-light); }
.footer-contact, .footer-nav { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.label { display: block; color: var(--gold); font: 600 9px var(--sans); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 9px; }
.footer-contact a { color: #e4dfd4; font: 17px var(--serif); }
.footer-nav a { color: #a8a59e; font-size: 13px; }
.footer-bottom { border-top: 1px solid rgba(248,246,241,.16); padding-top: 20px; display: flex; justify-content: space-between; gap: 20px; color: #77746e; font-size: 10px; letter-spacing: .5px; }
@media (max-width: 900px) {
  .site-header { height: 82px; padding: 18px 22px; }
  .brand img { width: 158px; }
  .menu-toggle { display: block; z-index: 12; }
  .main-nav { position: absolute; display: none; top: 0; left: 0; right: 0; padding: 95px 22px 25px; flex-direction: column; align-items: stretch; gap: 0; background: rgba(17,18,20,.98); }
  .main-nav.open { display: flex; }
  .main-nav a { padding: 14px 0; border-bottom: 1px solid rgba(248,246,241,.12); }
  .nav-cta { margin-top: 12px; padding: 14px !important; text-align: center; }
  .hero { grid-template-columns: 1fr; gap: 50px; min-height: auto; padding: 145px 22px 75px; }
  .hero h1, .page-hero h1 { font-size: clamp(42px, 11vw, 67px); }
  .hero-visual { min-height: 380px; }
  .hero-image { max-width: 550px; }
  .hero-note { right: 0; bottom: 15px; }
  .trust-strip { margin: 0; grid-template-columns: 1fr 1fr; gap: 20px; padding: 25px 22px; }
  .trust-strip div { border: 0; padding: 0 !important; }
  .section, .story-band { padding-left: 22px; padding-right: 22px; }
  .section-number { left: 22px; }
  .concept-grid, .price-grid { grid-template-columns: 1fr; }
  .concept-card { min-height: 300px; }
  .story-band, .two-col, .story-grid, .detail-layout, .contact-layout { grid-template-columns: 1fr; gap: 53px; }
  .story-quote { padding-left: 23px; }
  .page-hero { min-height: 500px; padding: 145px 22px 70px; }
  .service-detail { grid-template-columns: 60px 1fr; gap: 12px; }
  .process-grid { grid-template-columns: 1fr; gap: 30px; }
  .price-card.featured { transform: none; }
  .people-grid { grid-template-columns: 1fr; }
  .contact-form { padding: 22px; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-top > div:first-child { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
}
@media (max-width: 520px) {
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .button { width: 100%; }
  .hero-visual { min-height: 310px; }
  .hero-note { padding: 13px 15px; min-width: 130px; }
  .hero-note p { font-size: 14px; }
  .section { padding-top: 100px; padding-bottom: 100px; }
  .section-intro h2, .story-copy h2, .final-cta h2, .final-cta-paper h2, .note-section h2 { font-size: 41px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .form-heading { display: block; }
  .form-heading p { margin-top: 14px; }
  .footer-top { grid-template-columns: 1fr; gap: 38px; }
}

.concept-meta { margin-top: 31px; color: var(--gold-light); font-size: 12px; letter-spacing: .6px; }
.detail-caption { color: #77736d; max-width: 420px; font-size: 14px; line-height: 1.6; margin-top: 27px; }
.menu-showcase { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; border-top: 1px solid #d3cec3; }
.menu-showcase div { min-height: 70px; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid #d3cec3; }
.menu-showcase span, .deliverables-grid span { color: var(--gold); font-size: 10px; letter-spacing: 1px; }
.menu-showcase strong { font: 500 17px/1.25 var(--serif); color: #3b3731; }
.detail-dark-copy { color: #aaa7a0; max-width: 470px; font-size: 16px; line-height: 1.65; }
.deliverables-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; border-top: 1px solid var(--line); }
.deliverables-grid div { min-height: 125px; border-bottom: 1px solid rgba(248,246,241,.14); padding: 19px 0; }
.deliverables-grid p { color: #dedad1; font: 19px/1.3 var(--serif); margin: 13px 0 0; }
.action-explainer { display: grid; grid-template-columns: .9fr 1.1fr; gap: 11vw; align-items: end; }
.action-pillars { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.action-pillars div { border-top: 1px solid var(--line); padding-top: 18px; }
.action-pillars span { color: var(--gold); font-size: 10px; letter-spacing: 1px; }
.action-pillars strong { display: block; color: var(--white); font: 23px var(--serif); margin: 23px 0 8px; }
.action-pillars p { color: #aaa7a0; font-size: 13px; line-height: 1.45; margin: 0; }
@media (max-width: 900px) {
  .action-explainer { grid-template-columns: 1fr; gap: 45px; }
  .menu-showcase { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .action-pillars { grid-template-columns: 1fr; gap: 25px; }
  .deliverables-grid { grid-template-columns: 1fr; }
  .menu-showcase strong { font-size: 16px; }
}

.legal-copy { max-width: 800px; }
.legal-copy h2 { font: 500 30px/1.15 var(--serif); color: #242321; margin: 48px 0 15px; }
.legal-copy h2:first-child { margin-top: 0; }
.legal-copy p { max-width: 720px; color: #68645e; font-size: 15px; line-height: 1.75; margin: 0 0 18px; }
.legal-copy a { color: #9b7338; text-decoration: underline; text-underline-offset: 3px; }
.legal-updated { margin-top: 55px !important; color: #9b7338 !important; font-size: 12px !important; letter-spacing: .8px; }
.footer-legal-links { display: flex; gap: 18px; margin-top: 28px; }
.footer-legal-links a { color: #aaa7a0; font-size: 12px; }
.contact-form .check a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 600px) { .legal-copy h2 { font-size: 26px; margin-top: 38px; } .legal-copy p { font-size: 14px; } .footer-legal-links { gap: 14px; } }

.legal-page .page-hero h1 { overflow-wrap: anywhere; }
@media (max-width: 600px) { .legal-page .page-hero h1 { font-size: 38px; line-height: 1.02; } }

.privacy-full .privacy-section { border-bottom: 1px solid #d3cec3; padding: 8px 0 34px; margin-bottom: 34px; }
.privacy-full .privacy-section:last-of-type { border-bottom: 0; }
.privacy-full h3 { font: 600 17px/1.35 var(--sans); color: #3b3731; margin: 27px 0 9px; }

.terms-intro { border-bottom: 1px solid #d3cec3; padding-bottom: 32px; margin-bottom: 42px; }
.terms-full .privacy-section h2 { max-width: 720px; }
@media (max-width: 600px) { .terms-full .privacy-section h2 { font-size: 24px; } }

.mobile-only { display: none; }
@media (max-width: 600px) { .mobile-only { display: block; } .terms-hero h1 { font-size: 36px; } }