/* Arjun Yadav Studio — responsive portfolio styles. */
:root { --paper:#f6f5ef;--white:#fffef9;--ink:#243e34;--muted:#626c62;--line:#d9ded2;--orange:#c85834;--sage:#e8ecdf;--font:"DM Sans",sans-serif;--display:"Manrope",sans-serif }
* { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:100px }
body { margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased }
body:has(dialog[open]) { overflow:hidden }
::selection { background:#d9e7ba;color:var(--ink) }
a { color:inherit;text-decoration:none }
button,
input,
textarea,
select { font:inherit }
button,
a,
input,
select,
textarea { -webkit-tap-highlight-color:transparent }
button { color:inherit;cursor:pointer }
button:disabled { cursor:default }
a,
button { touch-action:manipulation }
button:focus-visible,
a:focus-visible,
summary:focus-visible { outline:3px solid var(--orange);outline-offset:5px }
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline:2px solid var(--ink);outline-offset:3px }
img,
svg { max-width:100% }
button { border:0 }
h1,
h2,
h3,
p { margin:0 }
h1,
h2,
h3 { font-family:var(--display);font-weight:600 }
h1,
h2 { letter-spacing:-.065em;line-height:1.08 }
h2 { font-size:clamp(35px,4.1vw,58px) }
h3 { letter-spacing:-.04em }
.serif { font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.055em }
.shell { max-width:1328px;margin:auto;padding:0 64px }
.section { padding:108px 0 }
.eyebrow { font-size:10px;font-weight:650;letter-spacing:.16em;display:flex;align-items:center;gap:10px;line-height:1.6 }
.status-dot { height:7px;width:7px;border-radius:50%;background:var(--orange);display:inline-block;box-shadow:0 0 0 4px rgba(200,88,52,.07);flex-shrink:0 }
.button { display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:53px;padding:15px 23px;font-size:12px;font-weight:600;line-height:1.5;border-radius:5px;transition:background .2s,transform .2s }
.button:hover { transform:translateY(-2px) }
.primary { background:var(--ink);color:var(--white) }
.primary:hover { background:#365547 }
.button span { font-size:18px }
.text-link { display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:600;background:none;padding:0;border-bottom:1px solid transparent }
.text-link:hover { border-bottom-color:currentColor }
.text-link span { font-size:17px }
.site-header { height:96px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20 }
.header-inner { display:flex;align-items:center;height:100%;justify-content:space-between }
.brand { display:inline-flex;align-items:center;gap:13px;font-family:var(--display);font-weight:750;font-size:18px;letter-spacing:-.045em;line-height:1.1 }
.brand-mark { font-weight:800;font-family:var(--display);font-size:37px;letter-spacing:-.2em;position:relative;width:44px;height:43px;display:flex;align-items:center }
.brand-mark>span { transform:translateY(2px) }
.brand-mark i { position:absolute;right:1px;top:1px;width:7px;height:7px;background:var(--orange);border-radius:50% }
.brand-sub { display:block;font-family:var(--font);font-size:8px;letter-spacing:.12em;font-weight:500;margin-top:7px }
.desktop-nav { display:flex;gap:32px;font-size:11px;font-weight:500 }
.desktop-nav a { position:relative }
.desktop-nav a:after { content:"";position:absolute;bottom:-7px;left:0;width:0;height:1px;background:var(--orange);transition:width .2s }
.desktop-nav a:hover:after { width:100% }
.header-cta { border:1px solid var(--ink);border-radius:4px;padding:10px 17px;display:flex;gap:30px;align-items:center;font-size:11px;font-weight:600 }
.header-cta:hover { background:var(--ink);color:var(--white) }
.menu-toggle { display:none;background:transparent;padding:12px }
.menu-toggle span { display:block;width:20px;height:1px;background:var(--ink);margin:6px 0 }
.mobile-nav { background:var(--paper);border-bottom:1px solid var(--line);padding-top:20px;padding-bottom:25px }
.mobile-nav a { display:block;padding:12px 0;font-size:16px }
.hero { padding-top:47px }
.hero-grid { display:grid;grid-template-columns:1.12fr 1fr;gap:10px;align-items:center;min-height:590px }
.hero-copy { padding:35px 0 51px;position:relative;z-index:2 }
h1 { font-size:clamp(40px,4.9vw,68px);font-weight:600;line-height:1.12 }
.better { position:relative;display:inline-block;font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.07em }
.better svg { position:absolute;bottom:-7px;left:-5px;width:103%;height:15px;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round }
.hero-copy>p { max-width:390px;font-size:14px;line-height:1.85;color:var(--muted);margin:26px 0 }
.hero-actions { display:flex;gap:27px;align-items:center;flex-wrap:wrap }
.hero-actions .button { font-size:11px;padding:16px 20px }
.hero-note { display:flex;align-items:center;gap:11px;margin-top:29px;font-size:10px;line-height:1.7;color:var(--muted) }
.hero-note strong { font-weight:500;color:var(--ink) }
.mini-monogram { width:35px;height:35px;border:1px solid #bfc9b4;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5ebdb;color:var(--ink);font-family:Georgia,serif;font-size:12px }
.hero-bottom { display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:23px 0 25px;font-size:10px }
.hero-bottom>span:first-child { font-size:8px;letter-spacing:.13em;color:var(--muted) }
.hero-bottom i { font-style:normal;color:var(--orange);padding:0 15px }
.hero-art { position:relative;height:540px;width:100%;isolation:isolate }
.art-grid { position:absolute;inset:8px -14px 10px -10px;background-image:linear-gradient(#d2d9c844 1px,transparent 1px),linear-gradient(90deg,#d2d9c844 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%) }
.art-caption { position:absolute;right:5px;top:9px;letter-spacing:.14em;font-size:7px;color:#6c7969 }
.window-dots { display:flex;gap:3px }
.window-dots i { width:4px;height:4px;border-radius:50%;background:#c0c7b7 }
.window-dots i:first-child { background:#d19379 }
.tiny-label { display:block;font-size:6px;font-weight:600;letter-spacing:.13em }
.work { background:var(--sage) }
.section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:46px }
.section-heading .eyebrow { margin-bottom:20px }
.section-intro { max-width:350px;font-size:13px;color:var(--muted);line-height:1.8 }
.section-intro>p { max-width:330px }
.filters { display:flex;gap:4px;flex-wrap:wrap;margin-top:24px }
.filter { background:transparent;border-radius:4px;padding:8px 10px;font-size:10px;white-space:nowrap }
.filter.active { background:var(--ink);color:var(--white) }
.filter span { font-size:8px;opacity:.7;margin-left:3px }
.filter:hover:not(.active) { background:#dce3d3 }
.project-grid { display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:44px }
.project[hidden] { display:none }
.project-visual { display:block;aspect-ratio:1.35;position:relative;overflow:hidden;border-radius:8px;transition:box-shadow .25s }
.project-visual:hover { box-shadow:0 12px 30px #253b3318 }
.project-go { position:absolute;right:18px;bottom:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fffefa;color:var(--ink);transition:transform .2s }
.project-visual:hover .project-go { transform:rotate(45deg) }
.project-info { display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:19px }
.project-info h3 { font-size:21px;line-height:1.4 }
.project-info p { font-size:11px;color:var(--muted);margin-top:5px }
.case-link { font-size:8px;font-weight:600;padding:4px 0;white-space:nowrap;background:none;display:flex;gap:10px }
.case-link:hover { text-decoration:underline }
.case-link span { font-size:14px;line-height:1 }
.tags { display:flex;gap:7px;margin-top:14px }
.tags span { font-size:8px;border:1px solid #cbd3c1;border-radius:3px;padding:3px 8px;color:#5b685a }
.work-footnote { font-size:10px;color:var(--muted);max-width:620px;margin-top:38px }
.gst-preview { background:#d9e1ce }
.splitter-preview { background:#eee0ce }
.label-preview { background:#e9d7c0 }
.zero-preview { background:#233f35;color:#f0f1df }
.service-list { border-top:1px solid var(--line) }
.service-row { display:grid;grid-template-columns:55px 1fr 1fr;gap:24px;padding:39px 0 42px;border-bottom:1px solid var(--line) }
.service-number { font-size:10px;color:var(--orange);padding-top:8px }
.service-main { display:flex;gap:20px;align-items:flex-start }
.service-icon { width:42px;height:42px;border:1px solid #d3dac8;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:25px;color:#5e7558 }
.service-main h3 { font-size:25px;line-height:1.3 }
.service-detail>p { font-size:13px;line-height:1.9;color:var(--muted);max-width:370px }
.service-detail ul { list-style:none;padding:0;margin:16px 0 18px;font-size:10px;line-height:2.2 }
.service-detail li:before { content:"↳";padding-right:8px;color:#8b9a78 }
.service-detail .text-link { font-size:10px }
.service-note { display:flex;gap:14px;margin-top:25px;color:var(--muted) }
.service-note>span { color:var(--orange);font-size:24px;line-height:1 }
.service-note p { font-size:10px;line-height:1.8;max-width:830px }
.service-note strong { color:var(--ink);font-weight:500 }
.about { background:#e9eddf }
.about-grid { display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:100px }
.about-art { position:relative;padding:18px }
.about-paper { padding:25px 26px;background:#f7f5e9;border:1px solid #cbd2ba;transform:rotate(-5deg);box-shadow:14px 16px 0 #d7dfc9 }
.paper-top { display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;border-bottom:1px solid #d7dcc9;padding-bottom:15px }
.large-monogram { font-family:var(--display);font-weight:800;font-size:180px;line-height:1.2;letter-spacing:-.2em;position:relative;padding:10px 20px 45px }
.large-monogram>span { position:absolute;right:22px;top:41px;color:var(--orange);font-size:63px;font-weight:400;letter-spacing:0 }
.paper-bottom { display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #d7dcc9;padding-top:15px }
.paper-bottom strong { font-size:15px;font-weight:600;letter-spacing:-.03em }
.paper-bottom>span { font-size:8px;line-height:1.5;color:var(--muted) }
.about-stamp { position:absolute;right:-21px;bottom:0;font-size:8px;letter-spacing:.08em;border:1px solid var(--orange);padding:13px;color:var(--orange);transform:rotate(8deg);background:#e9eddf }
.about-copy h2 { margin:21px 0 24px }
.about-copy>p { font-size:13px;line-height:1.9;color:var(--muted);margin-top:15px }
.about-values { display:grid;gap:8px;margin:22px 0 26px }
.about-values>span { font-size:11px }
.about-values i { font-style:normal;color:#6a8156;margin-right:8px }
.process { border-bottom:1px solid var(--line) }
.process-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:56px }
.process-grid article { border-top:1px solid #b7c2ac;padding-top:18px }
.process-grid article>span { font-size:8px;letter-spacing:.1em;color:#76816b }
.process-grid h3 { font-size:17px;margin-top:18px;line-height:1.4 }
.process-grid p { font-size:11px;line-height:1.9;color:var(--muted);margin-top:12px }
.faq-grid { display:grid;grid-template-columns:1fr 1.3fr;gap:70px }
.faq .eyebrow { margin-bottom:23px }
.faq-grid>div:first-child>p { font-size:12px;color:var(--muted);margin-top:24px;line-height:2 }
.faq-grid>div:first-child .text-link { font-size:11px;margin-top:4px }
.faq-list details { border-bottom:1px solid var(--line) }
.faq-list details:first-child { border-top:1px solid var(--line) }
summary { cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:21px 0;font-size:12px;font-weight:500 }
summary::-webkit-details-marker { display:none }
summary>span { font-size:21px;font-weight:400;line-height:1;color:var(--orange);transition:transform .2s }
details[open] summary>span { transform:rotate(45deg) }
details>p { font-size:12px;color:var(--muted);line-height:1.85;padding:0 25px 22px 0 }
.contact { background:#223e34;color:#f5f4e9;padding-bottom:100px }
.contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start }
.contact .eyebrow { color:#c6d4b7;margin-bottom:28px }
.contact h2 { font-size:clamp(37px,4.1vw,56px);line-height:1.13 }
.contact h2 .serif { color:#d8e1bd }
.contact-copy>p { font-size:13px;color:#c0cdbb;max-width:325px;line-height:1.9;margin-top:23px }
.email-link { display:inline-flex;gap:30px;font-size:15px;border-bottom:1px solid #8b9e83;padding-bottom:8px;margin-top:37px;overflow-wrap:anywhere }
.email-link:hover { color:#d8e1bd }
.contact-location { display:block;font-size:9px;color:#b1c0a9;margin-top:17px }
.project-form { background:#f5f4e8;color:var(--ink);padding:29px;border-radius:7px }
.form-top { display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:600;letter-spacing:.11em;margin-bottom:24px }
.form-top>span:last-child { color:var(--orange);font-size:24px;line-height:1 }
.field { margin-bottom:19px;min-width:0 }
.field label { display:block;font-size:9px;font-weight:600;margin-bottom:7px }
.field input,
.field select,
.field textarea { display:block;width:100%;border:0;border-bottom:1px solid #bfc8b3;border-radius:0;background:transparent;padding:7px 0 10px;font-size:11px;color:var(--ink);resize:vertical;min-width:0 }
.field input::placeholder,
.field textarea::placeholder { color:#7a8272;opacity:1 }
.field select { min-height:39px;padding-right:15px }
.submit-button { width:100%;margin-top:1px;font-size:11px }
.form-note { font-size:8px;color:var(--muted);line-height:1.8;margin-top:12px }
.email-result { border-top:1px solid var(--line);margin-top:20px;padding-top:17px;font-size:11px }
.email-result>p { font-size:10px;margin-top:7px;line-height:1.8;overflow-wrap:anywhere }
.email-result>p a { text-decoration:underline }
.brief-actions { display:flex;gap:20px;flex-wrap:wrap;margin-top:12px }
.brief-actions .text-link { font-size:10px }
.brief-fallback { width:100%;margin-top:15px;min-height:160px;font-size:11px;padding:10px;border:1px solid #a1ad94;background:#fffdf6;color:var(--ink) }
.footer { background:#f6f5ef;padding:43px 0 23px }
.footer-main { display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px }
.footer-main>p { font-size:11px;color:var(--muted);line-height:1.8 }
.back-top { font-size:10px }
.footer-bottom { border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--muted) }
.footer-bottom>div { display:flex;gap:20px;flex-wrap:wrap }
.footer-bottom a:hover { text-decoration:underline }
.footer-disclosure { font-size:7px;color:var(--muted);margin-top:17px }
dialog { border:1px solid #c7d1bd;border-radius:10px;background:var(--paper);color:var(--ink);max-width:590px;width:calc(100% - 32px);padding:0;max-height:calc(100dvh - 40px);box-shadow:0 30px 90px #10251e55 }
dialog::backdrop { background:#142c23a8;backdrop-filter:blur(5px) }
.dialog-inner { padding:43px;position:relative }
.dialog-close { position:absolute;top:16px;right:16px;width:32px;height:32px;border:1px solid #ccd3c0;background:transparent;border-radius:50%;font-size:13px }
.dialog-inner h2 { font-size:38px;margin:24px 0 18px }
.dialog-inner>p { font-size:13px;color:var(--muted);line-height:1.9 }
.dialog-note { border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0 }
.dialog-note strong { font-size:12px }
.dialog-note p { font-size:12px;color:var(--muted);margin-top:8px }
.dialog-inner .dialog-disclaimer { font-size:10px;line-height:1.8;margin-bottom:22px }
.skip { position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--white);padding:10px 20px;z-index:100 }
.skip:focus { top:10px }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }
[hidden] { display:none!important }
@media (min-width:1450px) {
  .hero-grid { min-height:650px }
  .hero-art { transform:scale(1.06);transform-origin:right center }
  .hero-copy { padding-bottom:70px }
}
@media (max-width:1120px) {
  .shell { padding-left:40px;padding-right:40px }
  .hero-grid { gap:5px;min-height:550px }
  h1 { font-size:55px }
  .hero-art { transform:scale(.9);transform-origin:right center;margin-left:-10px;width:calc(100% + 10px) }
  .hero-actions { gap:17px }
  .hero-actions .button { gap:17px;padding:15px;font-size:10px }
  .hero-actions .text-link { font-size:10px;gap:10px }
  .hero-copy>p { font-size:13px;max-width:355px }
  .about-grid { gap:65px }
  .service-main { gap:15px }
  .service-main h3 { font-size:23px }
  .service-row { grid-template-columns:30px 1.1fr 1fr;gap:20px }
  .section-intro { max-width:310px }
  .contact-grid { gap:50px }
  .project-info { align-items:flex-start;flex-wrap:wrap;gap:6px }
  .project-info h3 { font-size:20px }
  .case-link { font-size:9px }
  .contact h2 { font-size:44px }
  .project-form { padding:25px }
  .process-grid { gap:25px }
}
@media (max-width:900px) {
  .shell { padding-left:30px;padding-right:30px }
  .desktop-nav { gap:20px;font-size:10px }
  .brand { font-size:16px }
  .hero-grid { min-height:500px;grid-template-columns:1.2fr 1fr }
  .hero-copy { padding-bottom:40px }
  h1 { font-size:48px }
  .hero-art { transform:scale(.82);transform-origin:right center;width:calc(100% + 40px);margin-left:-40px;height:510px }
  .hero-bottom>span:last-child { font-size:8px }
  .hero-bottom i { padding:0 8px }
  .hero-bottom>span:first-child { font-size:7px }
  .hero-note { font-size:9px }
  .hero-actions { display:block }
  .hero-actions .text-link { margin-left:16px }
  .hero-copy>p { font-size:12px;max-width:315px }
  .section { padding:80px 0 }
  h2 { font-size:42px }
  .section-heading { gap:30px }
  .section-intro { max-width:285px;font-size:12px }
  .filters { gap:0 }
  .filter { font-size:9px;padding:7px }
  .project-grid { column-gap:24px;row-gap:35px }
  .project-visual { aspect-ratio:1.12 }
  .about-grid { gap:48px }
  .about-art { padding:10px }
  .about-paper { padding:20px }
  .large-monogram { font-size:130px;padding:20px 9px 45px }
  .large-monogram>span { font-size:45px;right:10px }
  .paper-top { font-size:5px }
  .paper-bottom strong { font-size:12px }
  .paper-bottom>span { font-size:6px }
  .about-copy>p { font-size:12px }
  .about-copy h2 { font-size:39px }
  .service-row { grid-template-columns:22px 1fr 1.1fr;gap:17px }
  .service-icon { width:30px;height:30px;font-size:20px }
  .service-main { gap:10px }
  .service-main h3 { font-size:21px }
  .service-detail>p { font-size:12px }
  .service-detail ul { font-size:9px }
  .process-grid { gap:20px }
  .process-grid h3 { font-size:15px }
  .process-grid p { font-size:10px }
  .faq-grid { gap:40px;grid-template-columns:.9fr 1.2fr }
  .contact-grid { gap:30px }
  .contact h2 { font-size:38px }
  .contact-copy>p { font-size:12px }
  .project-form { padding:22px }
  .email-link { font-size:13px;gap:15px }
  .footer-bottom { font-size:7px }
  .footer-bottom>div { gap:12px }
}
@media (max-width:700px) {
  .shell { padding-left:22px;padding-right:22px }
  .site-header { height:80px }
  .brand { font-size:16px;gap:9px }
  .brand-mark { font-size:32px;width:37px;height:36px }
  .brand-mark i { width:6px;height:6px }
  .brand-sub { font-size:6px;margin-top:6px }
  .desktop-nav { display:none }
  .header-cta { margin-left:auto;font-size:10px;padding:9px 12px;gap:17px }
  .menu-toggle { display:block;margin-left:9px;padding-right:0 }
  .hero { padding-top:30px }
  .hero>.eyebrow { font-size:8px;gap:9px }
  .hero-grid { grid-template-columns:1fr;gap:0;min-height:0 }
  .hero-copy { padding:28px 0 0 }
  h1 { font-size:clamp(39px,8.2vw,58px);line-height:1.12;letter-spacing:-.065em }
  .hero-copy>p { font-size:13px;max-width:400px;margin:23px 0 }
  .hero-actions { display:flex;gap:20px;align-items:center }
  .hero-actions .button { font-size:10px;min-height:48px;padding:14px 16px;gap:18px }
  .hero-actions .text-link { margin:0;font-size:10px;gap:13px }
  .hero-note { margin-top:22px;font-size:9px }
  .hero-art { width:100%;max-width:470px;height:470px;transform:none;margin:29px auto 0 }
  .art-caption { font-size:6px;right:5px;top:0 }
  .hero-bottom { margin-top:22px;display:block;padding:19px 0 22px }
  .hero-bottom>span { display:block }
  .hero-bottom>span:first-child { font-size:7px;margin-bottom:7px }
  .hero-bottom>span:last-child { font-size:9px }
  .hero-bottom i { padding:0 11px }
  .section { padding:65px 0 }
  .section-heading { display:block;margin-bottom:30px }
  .section-heading .eyebrow { font-size:8px;margin-bottom:17px }
  h2 { font-size:40px;line-height:1.12 }
  .section-intro { max-width:100%;font-size:12px;margin-top:21px }
  .section-intro>p { max-width:350px }
  .filters { margin-top:20px;gap:4px }
  .filter { font-size:10px;padding:9px 11px }
  .project-grid { grid-template-columns:1fr;gap:33px }
  .project-visual { aspect-ratio:1.24;max-height:450px }
  .project-info { flex-wrap:nowrap;align-items:center;padding-top:15px }
  .project-info h3 { font-size:21px }
  .project-info p { font-size:10px;margin-top:3px }
  .case-link { font-size:8px;gap:5px }
  .tags { margin-top:11px }
  .tags span { font-size:7px }
  .work-footnote { font-size:9px;margin-top:27px }
  .service-row { grid-template-columns:23px 1fr;gap:8px 15px;padding:29px 0 }
  .service-number { font-size:9px }
  .service-main { gap:13px }
  .service-main h3 { font-size:24px }
  .service-icon { width:34px;height:34px;font-size:23px }
  .service-detail { grid-column:2;padding-left:47px;margin-top:12px }
  .service-detail>p { font-size:12px }
  .service-detail ul { font-size:10px;line-height:1.9 }
  .service-detail li { padding-left:13px;position:relative;margin-bottom:5px }
  .service-detail li:before { position:absolute;left:0;padding:0 }
  .service-note p { font-size:9px }
  .service-note { gap:9px;margin-top:20px }
  .about-grid { grid-template-columns:1fr;gap:50px }
  .about-art { max-width:340px;width:85%;margin:0 auto;padding:12px }
  .about-paper { padding:22px }
  .paper-top { font-size:6px }
  .large-monogram { font-size:154px;padding:10px 15px 40px }
  .large-monogram>span { font-size:52px;right:12px }
  .paper-bottom strong { font-size:14px }
  .paper-bottom>span { font-size:7px }
  .about-stamp { right:-12px;font-size:7px;padding:11px }
  .about-copy>.eyebrow { font-size:8px }
  .about-copy h2 { font-size:40px;margin-top:18px }
  .about-copy>p { font-size:13px }
  .about-values { margin-bottom:24px }
  .process-grid { grid-template-columns:1fr 1fr;gap:32px 23px;margin-top:34px }
  .process-grid article>span { font-size:7px }
  .process-grid h3 { font-size:16px;margin-top:15px }
  .process-grid p { font-size:11px }
  .faq-grid { grid-template-columns:1fr;gap:28px }
  .faq .eyebrow { font-size:8px;margin-bottom:18px }
  .faq-grid>div:first-child>p { font-size:11px;margin-top:17px }
  .faq-list summary { font-size:12px;padding:20px 0 }
  .faq-list details>p { font-size:12px;padding-right:10px }
  .contact-grid { grid-template-columns:1fr;gap:35px }
  .contact .eyebrow { font-size:8px;margin-bottom:22px }
  .contact h2 { font-size:43px }
  .contact-copy>p { font-size:13px;max-width:350px;margin-top:20px }
  .email-link { font-size:15px;margin-top:25px;gap:20px }
  .contact-location { font-size:8px;margin-top:13px }
  .project-form { padding:25px }
  .form-top { font-size:7px }
  .field label { font-size:10px }
  .field input,
.field select,
.field textarea { font-size:12px }
  .field { margin-bottom:21px }
  .submit-button { font-size:11px;min-height:52px }
  .form-note { font-size:9px }
  .footer { padding-top:32px }
  .footer-main { flex-wrap:wrap;gap:24px;padding-bottom:26px }
  .footer-main>.brand { flex-basis:55% }
  .footer-main>p { font-size:10px;order:3 }
  .back-top { font-size:9px;margin-left:auto }
  .footer-bottom { display:block;font-size:8px;line-height:1.8 }
  .footer-bottom>div { gap:15px;margin-top:12px }
  .footer-disclosure { font-size:7px;line-height:1.9;margin-top:15px }
  .dialog-inner { padding:32px 25px }
  .dialog-inner h2 { font-size:34px }
  .dialog-inner>.eyebrow { font-size:8px }
  .dialog-inner .button { font-size:11px }
}
@media (max-width:380px) {
  h1 { font-size:37px }
  .hero-actions { gap:16px }
  .hero-actions .button { font-size:9px;padding:13px 12px;gap:11px }
  .hero-actions .text-link { font-size:9px;gap:7px }
  .hero-art { height:432px }
  .project-info { flex-wrap:wrap;gap:7px }
  .service-main h3 { font-size:22px }
  .contact h2 { font-size:39px }
  .hero-bottom>span:last-child { font-size:8px }
  .hero-bottom i { padding:0 8px }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }
  *,
*:before,
*:after { transition:none!important;animation:none!important }
}
@media print {
  .site-header,
.hero-art,
.filters,
.project-form,
.footer,
.hero-actions,
.case-link,
.service-cta { display:none!important }
  .shell { padding:0 20px }
  .section { padding:25px 0 }
  .hero-grid,
.section-heading,
.about-grid,
.contact-grid { display:block }
  .hero-copy { padding:20px 0 }
  h1 { font-size:40px }
  h2 { font-size:28px }
  .contact { background:white;color:#243e34 }
  .contact-copy>p,
.contact .eyebrow,
.email-link,
.contact-location { color:#243e34 }
  .project-visual { max-height:220px }
  .about-art { display:none }
  .project-grid { gap:20px }
  .hero-note { margin-bottom:15px }
  .hero-bottom { margin-top:20px }
}
.hero h1 { font-size:clamp(39px,4.35vw,61px);line-height:1.15;letter-spacing:-.055em }
.hero-copy>p { font-size:16px;line-height:1.8;max-width:445px;margin:23px 0 18px }
.hero-copy>.hindi-helper { font-family:"Noto Sans Devanagari",var(--font);font-size:15px;line-height:1.9;margin:0 0 25px;color:#465947;max-width:445px }
.hero-actions .button { font-size:14px;padding:15px 22px;gap:23px }
.hero-actions .text-link { font-size:14px;gap:15px }
.whatsapp-button { background:#285743;color:#fffef9 }
.whatsapp-button:hover { background:#1b4331 }
.hero-copy>.hero-contact-note { font-size:13px;color:var(--ink);margin:12px 0 0 }
.hero-contact-note>span { margin:0 7px;color:var(--muted) }
.hero-note { font-size:12px;margin-top:20px;max-width:430px;align-items:flex-start }
.hero-note .mini-monogram { flex-shrink:0;margin-top:3px }
.hero-grid { min-height:635px }
.hero-bottom>span:first-child { font-size:9px;max-width:370px }
.hero-bottom>span:last-child { font-size:12px }
.desktop-nav { font-size:13px;gap:24px }
.header-cta { font-size:13px;gap:14px }
.eyebrow { font-size:11px }
.section-intro { font-size:16px;max-width:400px }
.section-intro>p { max-width:400px }
.service-detail>p { font-size:16px;line-height:1.8;max-width:440px }
.service-detail ul { font-size:14px;line-height:1.9 }
.service-detail .text-link { font-size:14px;min-height:44px }
.service-hindi { font-family:"Noto Sans Devanagari",var(--font);margin:0 0 13px;color:#465947!important;font-size:14px!important;line-height:1.9!important }
.service-main h3 { font-size:27px }
.service-number { font-size:13px }
.service-note p { font-size:12px;max-width:950px }
.project-info p { font-size:14px;line-height:1.7;max-width:350px }
.case-link { font-size:12px;min-height:40px }
.tags span { font-size:10px }
.work-footnote { font-size:12px }
.filter { font-size:12px;padding:10px 12px }
.filter span { font-size:10px }
.filters { gap:5px }
.project-info { align-items:flex-start;flex-wrap:wrap }
.about-copy>p { font-size:16px }
.about-values>span { font-size:14px }
.about-copy .text-link { font-size:14px }
.process-grid p { font-size:14px }
.process-grid h3 { font-size:20px }
.process-grid article>span { font-size:10px }
summary { font-size:15px;padding:23px 0 }
details>p { font-size:15px }
.faq-grid>div:first-child>p { font-size:14px }
.faq-grid>div:first-child .text-link { font-size:14px }
.contact-copy>p { font-size:16px;max-width:400px }
.contact-copy>.contact-hindi { font-family:"Noto Sans Devanagari",var(--font);font-size:15px;line-height:1.9;margin-top:16px;color:#dbe5ce }
.contact-direct { display:flex;flex-wrap:wrap;gap:12px;margin-top:27px }
.contact-direct .button { font-size:13px;gap:20px }
.contact-call { border:1px solid #a0b291;color:#fffef9 }
.contact-call:hover { background:#365547 }
.contact .email-link { font-size:14px;margin-top:26px }
.contact-location { font-size:12px;line-height:1.8 }
.form-top { font-size:10px;line-height:1.8 }
.field label { font-size:13px }
.field input,
.field select,
.field textarea { font-size:16px;line-height:1.7;padding-top:8px;padding-bottom:10px }
.optional { font-weight:400;color:var(--muted);font-size:11px }
.form-note { font-size:12px }
.submit-button { font-size:14px }
.email-result { font-size:14px }
.email-result>p { font-size:13px }
.brief-actions .text-link { font-size:13px }
.brief-fallback { font-size:14px }
.footer-main>p { font-size:13px }
.footer-bottom { font-size:11px }
.footer-disclosure { font-size:10px }
.footer-bottom>div { gap:15px }
.footer-bottom a { display:inline-flex;align-items:center;min-height:30px }
.dialog-inner>p { font-size:15px }
.dialog-note strong { font-size:14px }
.dialog-note p { font-size:14px }
.dialog-inner .dialog-disclaimer { font-size:12px }
.mobile-contact-bar { display:none }
@media (min-width:701px) and (max-width:1050px) {
  .hero h1 { font-size:41px }
  .hero-copy>p { font-size:15px }
  .hero-copy>.hindi-helper { font-size:14px }
  .hero-actions { display:flex;gap:18px }
  .hero-actions .button { font-size:12px;gap:16px;padding:14px 17px }
  .hero-actions .text-link { font-size:12px }
  .hero-grid { min-height:655px }
  .hero-copy>.hero-contact-note { font-size:12px }
  .hero-bottom>span:first-child { font-size:8px;max-width:320px }
  .hero-bottom>span:last-child { font-size:10px }
  .hero-bottom i { padding:0 6px }
  .desktop-nav { font-size:11px;gap:18px }
  .header-cta { font-size:11px;padding:10px 12px }
  .service-main { display:block }
  .service-icon { margin-bottom:12px }
  .service-main h3 { font-size:24px }
  .service-detail>p { font-size:15px }
  .service-detail ul { font-size:13px }
  .section-intro { font-size:15px;max-width:310px }
  .project-info p { font-size:13px }
  .contact-grid { gap:32px }
  .contact-direct .button { font-size:12px;padding:13px 15px }
  .process-grid p { font-size:13px }
  .process-grid h3 { font-size:17px }
  .footer-bottom { display:block }
  .footer-bottom>div { margin-top:12px }
}
@media (max-width:700px) {
  .hero h1 { font-size:clamp(34px,7.8vw,49px) }
  .hero-art { display:none }
  .hero-grid { display:block;min-height:0 }
  .hero-copy { padding-bottom:10px }
  .hero-copy>p { font-size:16px;margin-top:20px;margin-bottom:14px;max-width:100% }
  .hero-copy>.hindi-helper { font-size:15px;margin:0 0 22px;max-width:100% }
  .hero-actions { display:flex;gap:23px }
  .hero-actions .button { font-size:14px;padding:14px 18px;gap:18px }
  .hero-actions .text-link { font-size:14px;gap:12px }
  .hero-copy>.hero-contact-note { font-size:13px;margin-top:11px }
  .hero-note { font-size:12px;margin-top:18px }
  .hero>.eyebrow { font-size:9px }
  .hero-bottom { margin-top:15px;padding:19px 0 22px }
  .hero-bottom>span:first-child { font-size:8px;max-width:none;line-height:1.8 }
  .hero-bottom>span:last-child { font-size:11px;margin-top:5px }
  .hero-bottom i { padding:0 7px }
  .brand-sub { font-size:6px }
  .header-cta { font-size:10px;padding:10px 11px;gap:10px }
  .brand { font-size:15px;gap:8px }
  .menu-toggle { margin-left:9px;padding-left:4px }
  .mobile-nav a { font-size:17px }
  .section-heading .eyebrow,
.about-copy>.eyebrow,
.faq .eyebrow,
.contact .eyebrow { font-size:10px }
  .section-intro { font-size:16px;max-width:none }
  .section-intro>p { max-width:none }
  .service-main { display:flex }
  .service-main h3 { font-size:25px }
  .service-detail { padding-left:0 }
  .service-detail>p { font-size:16px }
  .service-detail ul { font-size:14px;line-height:1.9 }
  .service-hindi { font-size:14px!important }
  .service-detail .text-link { font-size:14px }
  .service-note p { font-size:12px }
  .project-info { flex-wrap:wrap;gap:4px }
  .project-info p { font-size:14px;max-width:none }
  .case-link { font-size:12px;min-height:36px }
  .filter { font-size:12px;padding:9px 11px }
  .tags span { font-size:10px }
  .work-footnote { font-size:12px }
  .about-copy>p { font-size:16px }
  .about-values>span { font-size:14px }
  .process-grid h3 { font-size:19px }
  .process-grid p { font-size:14px }
  .process-grid article>span { font-size:9px }
  .faq-list summary { font-size:15px }
  .faq-list details>p { font-size:15px }
  .faq-grid>div:first-child>p { font-size:14px }
  .contact-copy>p { font-size:16px;max-width:none }
  .contact .email-link { font-size:14px }
  .contact-location { font-size:12px }
  .contact-direct .button { font-size:14px }
  .form-top { font-size:10px }
  .field label { font-size:13px }
  .field input,
.field select,
.field textarea { font-size:16px }
  .submit-button { font-size:14px }
  .form-note { font-size:12px }
  .footer { padding-bottom:100px }
  .footer-main>p { font-size:12px }
  .footer-bottom { font-size:11px }
  .footer-disclosure { font-size:10px }
  .mobile-contact-bar { position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fffef9;border-top:1px solid #ccd4c1;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #213e3410 }
  .mobile-contact-bar a { font-size:15px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #285743;border-radius:4px;color:#285743;font-weight:600 }
  .mobile-contact-bar a:last-child { background:#285743;color:#fffef9 }
  .mobile-contact-bar a>span { font-size:19px }
  .dialog-inner .button { font-size:13px }
  html { scroll-padding-bottom:100px }
}
@media (max-width:380px) {
  .hero h1 { font-size:33px }
  .hero>.eyebrow { font-size:8px }
  .hero-actions { gap:17px }
  .hero-actions .button { font-size:13px;padding:14px 15px;gap:14px }
  .hero-actions .text-link { font-size:13px }
  .hero-copy>.hero-contact-note { font-size:12px }
  .hero-bottom>span:last-child { font-size:10px }
  .brand { font-size:14px }
  .brand-mark { font-size:29px;width:33px }
  .header-cta { font-size:9px;padding:10px;gap:6px }
  .menu-toggle { margin-left:5px }
  .contact-direct .button { font-size:13px }
  .contact h2 { font-size:36px }
}
@media print {
  .mobile-contact-bar,
.contact-direct { display:none!important }
}
.real-hero { height:530px }
.hero-real-site { position:absolute;top:68px;left:0;width:92%;background:#fff;border:1px solid #bdc9b2;border-radius:9px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 22px 48px #1f3c3219 }
.hero-real-site>img { display:block;width:100%;height:auto }
.real-browser-bar { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;font-size:9px;color:#62705e;background:#fffef9;border-bottom:1px solid #d5deca }
.hero-real-phone { position:absolute;top:201px;right:0;width:35%;max-width:160px;border-radius:8px;overflow:hidden;transform:rotate(7deg);box-shadow:0 14px 32px #213c3233 }
.hero-real-phone img { display:block;width:100%;height:auto }
.real-hero-label { position:absolute;left:5%;bottom:23px;display:flex;flex-direction:column;gap:7px;max-width:60% }
.real-hero-label>span { font-size:8px;letter-spacing:.12em;color:var(--muted) }
.real-hero-label>strong { font-family:var(--display);font-size:22px;letter-spacing:-.04em;font-weight:600 }
.real-hero-label>a { font-size:12px;text-decoration:underline;text-underline-offset:4px }
.project-visual { aspect-ratio:1.35 }
.project-visual.gst-preview,
.project-visual.label-preview { display:flex;align-items:center;padding:34px 22px 54px }
.real-browser { width:100%;border:1px solid #bcc8b3;border-radius:7px;overflow:hidden;background:white;box-shadow:0 16px 25px #223e3412 }
.real-browser-bar { font-size:9px }
.website-capture { width:100%;aspect-ratio:2.2;overflow:hidden;background:#fafbfc }
.website-capture img { display:block;width:100%;height:auto }
.real-caption { position:absolute;bottom:17px;left:20px;right:56px;font-size:9px;line-height:1.7;opacity:.85 }
.real-app-copy { position:absolute;left:25px;top:30px;z-index:1;max-width:43% }
.real-app-copy>.tiny-label { font-size:8px;letter-spacing:.1em }
.real-app-copy>strong { font-family:var(--display);font-size:30px;letter-spacing:-.055em;line-height:1.13;display:block;margin-top:18px;font-weight:600 }
.real-app-copy>p { font-size:11px;line-height:1.8;margin-top:14px }
.real-app-proof { display:block;font-size:9px;margin-top:16px;max-width:150px }
.real-app-images { position:absolute;right:22px;bottom:52px;top:26px;display:flex;gap:10px;align-items:center;justify-content:flex-end;width:49% }
.real-app-images>img { display:block;height:100%;max-height:300px;width:auto;max-width:90%;object-fit:contain;border-radius:5px;box-shadow:0 7px 15px #20392e20 }
.real-app-images>img:nth-child(2) { height:83%;position:absolute;right:64%;top:22%;z-index:0;transform:rotate(-8deg);max-height:235px;max-width:75%;opacity:1 }
.real-app-images>img:first-child { z-index:1;position:relative }
.splitter-preview { background:#d7e9db }
.splitter-preview .real-app-copy { max-width:40% }
.zero-preview { background:#d9e7ed;color:#223f4b }
.zero-preview .real-app-copy { max-width:40% }
.zero-preview .project-go { color:#223f4b }
.zero-preview .real-app-images { width:46% }
.zero-preview .real-app-images>img:nth-child(2) { right:60% }
.google-example { background:#fffdf7;border-top:1px solid var(--line);border-bottom:1px solid var(--line) }
.google-example h2 { font-size:clamp(34px,3.8vw,51px);max-width:650px }
.google-example .section-heading { align-items:flex-start }
.google-example .section-intro { max-width:370px }
.example-badge { display:inline-flex;align-items:center;padding:7px 10px;background:#e8eddf;border:1px solid #c9d4bb;border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.035em;margin-bottom:15px;line-height:1.7 }
.google-compare { display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;margin:0 auto }
.google-profile { border:1px solid #d5dacd;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 5px 20px #233e3405 }
.after-profile { border-color:#a4bd91 }
.comparison-state { display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #d5dacd;background:#f0f1ec;font-size:11px;gap:15px }
.comparison-state>span:first-child { font-size:11px;font-weight:700;letter-spacing:.1em }
.comparison-state>span:last-child { font-size:12px;color:var(--muted) }
.after-profile .comparison-state { background:#e6eedc }
.after-profile .comparison-state>span:first-child { color:#315b36 }
.missing-photo,
.added-photo { height:190px;position:relative;overflow:hidden }
.missing-photo { background:repeating-linear-gradient(0deg,transparent 0 37px,#d8ddd422 37px 38px),repeating-linear-gradient(90deg,#eef0e9 0 37px,#d8ddd4 37px 38px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7a8475;gap:7px }
.missing-photo>span { font-size:37px;line-height:1 }
.missing-photo>strong { font-size:15px;font-weight:500 }
.missing-photo>small { font-size:11px }
.added-photo>img { width:100%;height:100%;object-fit:cover;display:block }
.added-photo>span { position:absolute;left:15px;bottom:13px;border-radius:3px;background:#fffdf3ee;padding:5px 8px;font-size:10px;color:#2d4933 }
.listing-body { padding:24px }
.sample-label { font-size:8px;letter-spacing:.12em;color:#7c8373 }
.listing-body h3 { font-family:Arial,sans-serif;font-size:26px;font-weight:500;margin-top:7px;letter-spacing:-.025em }
.listing-category { font-size:13px;color:var(--muted);margin-top:4px }
.listing-actions { display:flex;gap:25px;margin-top:20px;min-height:65px;color:#3869b7 }
.listing-actions>span { font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:45px;gap:7px }
.listing-actions small { font-size:10px }
.muted-actions { color:#929b91 }
.profile-fields { list-style:none;padding:0;margin:14px 0 0;border-top:1px solid #e1e5da }
.profile-fields li { display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-bottom:1px solid #e1e5da;min-height:79px }
.profile-fields strong { font-size:13px;font-weight:500;display:block }
.profile-fields li div>span { font-size:12px;color:var(--muted);display:block;margin-top:4px;line-height:1.65 }
.field-state { height:22px;min-width:22px;display:grid;place-items:center;border-radius:50%;font-size:12px;margin-top:2px }
.incomplete { background:#f2e6d8;color:#9b6e43 }
.complete { background:#e6efda;color:#41663b }
.listing-takeaway { font-size:12px;line-height:1.8;padding:17px 0 0;min-height:61px;color:#727b6d;font-style:italic }
.after-profile .listing-takeaway { color:#385c35 }
.comparison-explainer { display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:1000px;margin:33px auto 0 }
.comparison-explainer>div { max-width:610px }
.comparison-explainer h3 { font-size:22px;margin-bottom:12px }
.comparison-explainer p { font-size:14px;color:var(--muted);line-height:1.8 }
.comparison-explainer .service-hindi { margin-top:12px;margin-bottom:0 }
.comparison-explainer .button { font-size:12px;flex-shrink:0;gap:20px }
.comparison-footnote { max-width:1000px;margin:23px auto 0;font-size:11px;color:var(--muted);line-height:1.8 }
.comparison-footnote a { text-decoration:underline;text-underline-offset:3px }
@media (min-width:701px) and (max-width:1050px) {
  .real-hero { height:530px }
  .hero-real-site { width:97%;top:95px }
  .hero-real-phone { top:230px;width:39%;right:-8px }
  .real-hero-label { bottom:30px;left:0;max-width:60% }
  .real-hero-label>strong { font-size:19px }
  .real-app-copy { top:26px;left:20px }
  .real-app-copy>strong { font-size:23px;margin-top:14px }
  .real-app-copy>p { font-size:10px }
  .real-app-proof { font-size:8px }
  .real-app-images { right:17px;bottom:49px;top:36px }
  .real-app-images>img:nth-child(2) { display:none }
  .project-visual { aspect-ratio:1.2 }
  .real-caption { font-size:8px;left:17px;bottom:13px }
  .project-visual.gst-preview,
.project-visual.label-preview { padding:25px 15px 48px }
  .real-browser-bar { font-size:7px;padding:9px }
  .google-example .section-heading { gap:30px }
  .google-example .section-intro { max-width:300px }
  .google-example h2 { font-size:39px }
  .google-compare { gap:20px }
  .comparison-state { padding:13px 16px }
  .comparison-state>span:last-child { font-size:10px }
  .listing-body { padding:20px }
  .comparison-explainer { display:block }
  .comparison-explainer .button { margin-top:22px }
  .missing-photo,
.added-photo { height:170px }
  .listing-actions { gap:20px }
}
@media (max-width:700px) {
  .real-hero { display:none }
  .project-visual { aspect-ratio:1.15 }
  .project-visual.gst-preview,
.project-visual.label-preview { padding:28px 15px 50px }
  .real-app-copy { left:22px;top:28px }
  .real-app-copy>strong { font-size:27px;margin-top:18px }
  .real-app-copy>p { font-size:11px;margin-top:13px }
  .real-app-proof { font-size:9px;max-width:120px;margin-top:12px }
  .real-app-images { right:22px;top:24px;bottom:49px;width:48% }
  .real-app-images>img { max-width:95%;max-height:310px }
  .real-app-images>img:nth-child(2) { display:none }
  .real-caption { font-size:9px;bottom:14px;left:17px }
  .real-browser-bar { font-size:8px;padding:10px }
  .google-example h2 { font-size:37px }
  .google-example .section-intro { max-width:none }
  .example-badge { font-size:9px;max-width:100%;margin-bottom:12px }
  .google-compare { grid-template-columns:1fr;gap:24px }
  .comparison-state { padding:14px 18px }
  .comparison-state>span:last-child { font-size:12px }
  .missing-photo,
.added-photo { height:180px }
  .listing-body { padding:22px }
  .listing-body h3 { font-size:28px }
  .profile-fields li { min-height:75px }
  .profile-fields strong { font-size:14px }
  .profile-fields li div>span { font-size:13px }
  .listing-takeaway { font-size:13px;min-height:0 }
  .comparison-explainer { display:block;margin-top:28px }
  .comparison-explainer h3 { font-size:23px }
  .comparison-explainer p { font-size:15px }
  .comparison-explainer .button { margin-top:22px;font-size:13px;gap:20px }
  .comparison-footnote { font-size:11px }
  .listing-category { font-size:14px }
  .listing-actions small { font-size:12px }
  .sample-label { font-size:9px }
}
@media (max-width:380px) {
  .real-app-copy { left:18px;top:25px }
  .real-app-copy>strong { font-size:24px }
  .real-app-copy>p { font-size:10px }
  .real-app-proof { font-size:8px }
  .real-app-images { right:16px }
  .real-caption { font-size:8px }
  .google-example h2 { font-size:33px }
  .comparison-state>span:last-child { font-size:11px }
}

/* Final layout and interaction refinements. */
:root { color-scheme: light; }
html { scrollbar-gutter: stable; }
body { overflow-wrap: break-word; }
main, section, .hero-copy, .section-heading > *, .service-main, .service-detail, .project, .contact-grid > * { min-width: 0; }
button, input, select, textarea { font: inherit; }
a, button, summary { -webkit-tap-highlight-color: transparent; }
.header-cta, .desktop-nav a, .case-link, .filter, .text-link { min-height: 44px; }
.desktop-nav { align-items: center; }
.desktop-nav a { display: inline-flex; align-items: center; }
.text-link { width: fit-content; }
.case-link { white-space: normal; text-align: left; align-items: center; }
.hero-note { margin-top: 16px; }
.real-hero { overflow: visible; }
.hero-real-site, .hero-real-phone { transition: transform .25s ease, box-shadow .25s ease; }
.hero-real-site:hover { transform: rotate(-3deg) translateY(-3px); }
.hero-real-phone:hover { transform: rotate(5deg) translateY(-3px); }
.project-visual { border: 1px solid rgba(36,62,52,.1); }
.project-visual.splitter-preview, .project-visual.zero-preview { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: center; padding: 28px 24px 55px; }
.real-app-copy, .splitter-preview .real-app-copy, .zero-preview .real-app-copy { position: static; max-width: none; }
.real-app-copy > strong { font-size: clamp(23px,2.4vw,32px); line-height: 1.15; margin-top: 15px; }
.real-app-copy > p { font-size: 12px; line-height: 1.8; }
.real-app-images, .zero-preview .real-app-images { position: static; width: 100%; height: 100%; min-height: 0; justify-content: center; }
.real-app-images > img:first-child { display: block; height: auto; width: auto; max-width: 100%; max-height: 280px; object-fit: contain; transform: none; }
.real-app-proof { line-height: 1.7; font-size: 10px; }
.real-caption { font-size: 10px; line-height: 1.6; }
.project-info { gap: 8px 18px; }
.project-info h3 { line-height: 1.35; }
.project-info .case-link { color: var(--ink); }
.work-footnote { line-height: 1.85; }
.section-heading .eyebrow { line-height: 1.8; }
.comparison-state { gap: 12px; align-items: center; min-height: 56px; }
.comparison-state > span:first-child { font-size: 10px; flex-shrink: 0; }
.google-profile { display: flex; flex-direction: column; }
.listing-body { flex: 1; display: flex; flex-direction: column; }
.listing-takeaway { margin-top: auto; }
.listing-actions[role="img"] { user-select: none; }
.example-badge { color: #36522e; }
.profile-fields { flex: 1; }
.comparison-footnote { max-width: 900px; }
.form-top { gap: 16px; }
.field textarea { min-height: 112px; }
.field input, .field select, .field textarea { transition: border-color .2s ease; }
.field input:hover, .field select:hover, .field textarea:hover { border-bottom-color: #708165; }
.email-result a { text-decoration: underline; text-underline-offset: 3px; }
.no-script-contact { line-height: 1.9; }
.no-script-contact h3 { font-size: 23px; margin-bottom: 16px; }
.no-script-contact a { text-decoration: underline; }
.project-form [role="status"] { scroll-margin-block: 24px; }
.footer-bottom a { padding-block: 6px; }
.dialog-inner { padding: 42px; }
.dialog-inner > .eyebrow { padding-right: 30px; }
.dialog-close { width: 44px; height: 44px; top: 10px; right: 10px; }
.dialog-inner h2 { padding-right: 15px; }
.dialog-inner .button { width: 100%; gap: 16px; }
.back-top { min-width: 86px; justify-content: flex-end; }
@media (hover: hover) { .filter:hover, .case-link:hover { text-decoration: underline; text-underline-offset: 4px; } }
@media (min-width:701px) and (max-width:1050px) {
  .hero-grid { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 24px; }
  .hero-art { width: 100%; margin-left: 0; transform: none; }
  .hero-real-phone { right: 0; }
  .hero-real-label { left: 0; }
  .project-visual.splitter-preview, .project-visual.zero-preview { padding: 24px 19px 56px; gap: 10px; }
  .real-app-copy > strong { font-size: 24px; }
  .real-app-copy > p { font-size: 11px; }
  .real-app-images > img:first-child { max-height: 250px; }
  .real-caption { font-size: 9px; }
  .section-heading { gap: 32px; }
  .section-intro { flex-basis: 42%; }
}
@media (max-width:700px) {
  .site-header { height: 80px; }
  .section { padding-block: 64px; }
  .section-heading { margin-bottom: 32px; }
  .hero-grid { display: block; }
  .header-cta { font-size: 11px; }
  .hero-actions { gap: 20px; }
  .hero-actions .button, .hero-actions .text-link { min-height: 50px; }
  .hero-copy { padding-bottom: 10px; }
  .hero-bottom { margin-top: 14px; }
  .service-row { padding-block: 30px; }
  .project-grid { row-gap: 36px; }
  .project-visual.splitter-preview, .project-visual.zero-preview { padding: 26px 22px 56px; gap: 13px; }
  .real-app-copy > strong { font-size: 27px; }
  .real-app-copy > p { font-size: 12px; }
  .real-app-images > img:first-child { max-height: 290px; }
  .real-caption { font-size: 10px; }
  .comparison-state > span:first-child { font-size: 10px; }
  .comparison-state > span:last-child { font-size: 11px; text-align: right; }
  .google-compare { gap: 20px; }
  .contact-grid { gap: 32px; }
  .contact-direct { gap: 10px; }
  .contact-direct .button { flex: 1 1 auto; justify-content: center; }
  .dialog-inner { padding: 34px 24px 26px; }
  .dialog-inner h2 { font-size: 33px; margin-top: 20px; }
  .footer { padding-bottom: calc(98px + env(safe-area-inset-bottom)); }
  .mobile-contact-bar a { min-height: 48px; }
  .mobile-contact-bar { padding-top: 9px; }
  input, textarea, select { scroll-margin-block: 100px; }
}
@media (max-width:380px) {
  .shell { padding-inline: 18px; }
  .brand { font-size: 14px; }
  .brand-sub { font-size: 5.5px; }
  .header-cta { font-size: 10px; padding-inline: 9px; }
  .hero h1 { font-size: 31px; }
  .hero-actions { gap: 17px; }
  .hero-actions .button { padding-inline: 14px; }
  .hero-actions .text-link { gap: 8px; }
  .project-visual.splitter-preview, .project-visual.zero-preview { padding: 22px 17px 56px; gap: 10px; }
  .real-app-copy > strong { font-size: 23px; }
  .real-app-copy > p { font-size: 10px; }
  .real-app-proof { font-size: 9px; }
  .real-caption { font-size: 9px; }
  .project-form { padding: 22px 19px; }
  .listing-body { padding: 20px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
@media print { .header-cta, .hero-art, .mobile-contact-bar, .menu-toggle { display: none !important; } }
.profile-example-link { display: block; width: fit-content; font-size: 13px; color: #526746; text-decoration: underline; text-underline-offset: 4px; padding-block: 8px; margin-top: 4px; min-height: 40px; }
.sample-label, .process-grid article > span { color: #59664f; }
.missing-photo { color: #626c5b; }
.real-caption { opacity: 1; }
.listing-actions > span > svg { flex-shrink: 0; height: 20px; }
@media (prefers-contrast: more) { :root { --muted: #3d4b38; --line: #87957c; } .tags span { color: #3d4b38; border-color: #87957c; } }
/* Actual Green Vatika listing, separated from the proposed review work. */
.nursery-feature-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 38px; align-items: start; }
.nursery-live-card { border: 1px solid #c7d2bc; border-radius: 10px; overflow: hidden; background: #fffef9; }
.nursery-map { position: relative; background: #e6ecdf; }
.nursery-map iframe { display: block; width: 100%; height: 330px; border: 0; }
.map-direct-link { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 20px; background: #e9efdf; border-bottom: 1px solid #c7d2bc; font-size: 13px; min-height: 48px; }
.map-direct-link:hover { background: #dde8cf; }
.nursery-business-details { padding: 26px; }
.nursery-business-details h3 { font-size: 29px; line-height: 1.25; margin: 10px 0 14px; }
.nursery-business-details > p { font-size: 15px; line-height: 1.85; color: var(--muted); }
.nursery-business-details > .nursery-location-source { font-size: 11px; margin-top: 8px; }
.nursery-business-links { display: flex; flex-wrap: wrap; gap: 8px 25px; margin-top: 18px; }
.nursery-business-links .text-link { font-size: 13px; }
.nursery-plan { padding: 4px 0; }
.nursery-plan > h3 { font-size: clamp(27px,2.7vw,36px); line-height: 1.2; margin: 18px 0 16px; }
.nursery-plan-intro { font-size: 13px; line-height: 1.85; color: var(--muted); }
.nursery-review-list { padding: 0; margin: 22px 0; list-style: none; border-top: 1px solid var(--line); }
.nursery-review-list li { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.nursery-review-list li > span { color: #a04d2f; font-size: 11px; flex-shrink: 0; padding-top: 3px; }
.nursery-review-list h4 { margin: 0 0 5px; font-size: 15px; font-weight: 600; line-height: 1.6; }
.nursery-review-list p { color: var(--muted); font-size: 14px; line-height: 1.85; }
.nursery-plan > .service-hindi { margin: 0 0 20px; }
.nursery-plan .button { font-size: 13px; }
.google-example .section-heading { gap: 32px; }
.google-example .section-heading h2 { max-width: 650px; }
@media (min-width:701px) and (max-width:1000px) { .nursery-feature-grid { gap: 25px; grid-template-columns: 1fr 1fr; } .nursery-map iframe { height: 290px; } .nursery-business-details { padding: 22px; } .nursery-business-details h3 { font-size: 25px; } .google-example .section-heading h2 { font-size: 36px; } }
@media (max-width:700px) { .nursery-feature-grid { grid-template-columns: 1fr; gap: 32px; } .nursery-map iframe { height: 290px; } .nursery-business-details { padding: 23px; } .nursery-business-details h3 { font-size: 28px; } .map-direct-link { font-size: 12px; padding: 13px 17px; } .nursery-plan > h3 { font-size: 31px; } .nursery-review-list p { font-size: 15px; } .nursery-review-list h4 { font-size: 16px; } .nursery-plan-intro { font-size: 14px; } .google-example .section-heading h2 { font-size: 36px; } }