:root {
  color-scheme: light;
  --paper:#fff;
  --ink:#111110;
  --charcoal:#20201e;
  --muted:#646461;
  --muted-soft:#898984;
  --line:#e6e5e0;
  --pearl:#f5f4f1;
  --pearl-deep:#edeae4;
  --shell:1192px;
  --measure:62ch;
  --ease:cubic-bezier(.2,.8,.2,1);
}
* {box-sizing:border-box}
html {scroll-behavior:smooth; scroll-padding-top:110px}
body {margin:0; background:var(--paper);color:var(--ink);font:400 16px/1.65 Inter, ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a {color:inherit;text-decoration:none}
button,input,textarea {font:inherit}
button {cursor:pointer}
img {max-width:100%;display:block}
::selection {background:#dedbd2;color:#111}
:focus-visible {outline:2px solid #262626;outline-offset:4px}
.shell {width:min(var(--shell),calc(100% - 88px));margin-inline:auto}
.skip-link {position:absolute;top:-100px;left:20px;background:#111;color:white;padding:12px 16px;z-index:1000}
.skip-link:focus {top:10px}
h1,h2,h3,p {margin-top:0}
h1,h2,h3 {letter-spacing:-.055em;font-weight:500;line-height:1.09}
h1 {font-size:clamp(56px,6.15vw,94px)}
h2 {font-size:clamp(35px,3.6vw,59px)}
h3 {font-size:clamp(23px,2.4vw,31px)}
p {color:var(--muted)}
.eyebrow {font-size:11px;font-weight:650;letter-spacing:.175em;text-transform:uppercase;line-height:1.5;color:#77766f;display:flex;align-items:center;gap:13px}
.eyebrow__number {color:var(--ink);font-size:12px;letter-spacing:0;border-right:1px solid #c5c2ba;padding-right:14px}
.eyebrow--light {color:#a6a6a0}
.button {display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;border-radius:2px;min-height:52px;padding:13px 18px;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background .18s,color .18s,transform .18s var(--ease)}
.button:hover {transform:translateY(-2px)}
.button--dark {color:white;background:#111;border-color:#111}
.button--dark:hover {background:#333}
.button--light {color:#111;background:#fff;border-color:white}
.button--light:hover {background:#eee}
.button--outline {background:transparent;border-color:#c1bfb9;color:#111}
.button--outline:hover {background:var(--pearl)}
.button--ghost {background:transparent;color:var(--muted);border-color:transparent}
.button--ghost:hover {color:#111}
.arrow {display:inline-block;font-weight:500;font-size:1.22em;line-height:1;transition:transform .18s var(--ease)}
a:hover .arrow,button:hover .arrow {transform:translate(2px,-2px)}
.action-row {display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:32px}
.text-link {font-size:13px;font-weight:600;display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #9e9e98;padding-bottom:4px}
.text-link:hover {border-color:#111}
.section-pad {padding-block:116px}
.section-pad--last {padding-top:44px;padding-bottom:110px}
/* Masthead */
.site-header {border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}
.header-inner {display:flex;align-items:center;justify-content:space-between;min-height:100px}
.brand {display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:550;letter-spacing:-.065em;line-height:1}
.brand-icon {display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px}
.brand-icon img {width:35px;height:35px}
.brand-period,.footer-wordmark span {color:#9f9f99}
.desktop-nav {display:flex;align-items:center;gap:42px;font-size:13px;font-weight:550}
.desktop-nav>a:not(.nav-contact) {color:#555550;transition:color .18s}
.desktop-nav>a:not(.nav-contact):hover,.desktop-nav>a[aria-current="page"] {color:#111}
.desktop-nav .nav-contact {border:1px solid #222;padding:11px 16px;min-height:45px;display:inline-flex;align-items:center;gap:23px;transition:background .18s,color .18s}
.desktop-nav .nav-contact:hover {background:#111;color:#fff}
.menu-toggle {display:none;width:44px;height:44px;background:none;border:1px solid var(--line);align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span {width:17px;height:1.5px;background:#111;display:block;transition:transform .18s}
.menu-toggle[aria-expanded="true"] span:first-child {transform:translateY(3.25px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child {transform:translateY(-3.25px) rotate(-45deg)}
.mobile-nav {display:none}
/* Front page */
.hero {display:grid;grid-template-columns:1.06fr .94fr;gap:6.1%;padding-top:85px;padding-bottom:95px;align-items:center;min-height:655px}
.hero-copy h1 {font-size:clamp(58px,5.95vw,90px);margin:32px 0 25px;letter-spacing:-.076em;line-height:1.03}
.hero-copy h1 span {color:#a2a09a}
.hero-description {font-size:18px;line-height:1.75;max-width:445px;margin:0}
.hero-copy .action-row {margin-top:35px}
.hero-understated {display:flex;align-items:center;gap:15px;margin-top:81px}
.hero-understated .hairline {height:1px;width:38px;background:#b2b2ac}
.hero-understated p {font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0;color:#85837c}
.hero-art {height:518px;background:#22221f;color:#f0eee9;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:23px 26px}
.hero-art:after {content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(to right,transparent 49.8%,#8b8b83 50%,transparent 50.2%),linear-gradient(to bottom,transparent 49.8%,#8b8b83 50%,transparent 50.2%);background-size:100px 100px;pointer-events:none}
.hero-art__top,.hero-art__bottom {z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.17em;color:#b1b0a7;font-weight:600;line-height:1.3}
.hero-art__bottom {font-size:10px}
.hero-art__line {height:1px;background:#77776f;flex:1;max-width:100px}
.hero-art__circle {position:absolute;inset:0;display:grid;place-items:center}
.hero-art__halo {position:absolute;border:1px solid rgba(222,218,206,.2);border-radius:50%;aspect-ratio:1;max-width:90%;width:370px}
.hero-art__halo--two {width:450px;opacity:.65}
.hero-art__core-mark {width:43%;max-width:235px;aspect-ratio:1;filter:invert(1) brightness(1.45);opacity:.96}
.section-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:43px}
.section-heading .eyebrow {width:24%;padding-top:9px;flex-shrink:0}
.section-heading__copy {max-width:680px;width:75%}
.section-heading__copy h2 {margin:0 0 20px}
.section-heading__copy p {font-size:16px;max-width:520px;line-height:1.8;margin:0}
.service-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px}
.service-card {display:flex;flex-direction:column;min-height:555px;padding:25px 29px 28px;transition:transform .25s var(--ease);overflow:hidden}
.service-card:hover {transform:translateY(-5px)}
.service-card--studio {background:#22221f;color:#fff}
.service-card--solutions {background:#f1f0eb;color:#1b1b1a}
.service-card__top {display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.5}
.service-card--studio .service-card__top {color:#c6c4be}
.service-card--solutions .service-card__top {color:#6f6d66}
.link-circle {border:1px solid currentColor;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:19px;line-height:1}
.service-card__visual {flex:1;display:flex;align-items:center;justify-content:center;min-height:270px}
.studio-visual {flex-direction:column;position:relative}
.studio-visual__frame {width:53%;aspect-ratio:4/3;border:1px solid #6a6862;display:grid;place-items:center;background:radial-gradient(circle at 60% 45%,#57534e 0%,#32312d 46%,#1b1b19 100%);box-shadow:28px 24px 0 -12px #292924,30px 25px 0 -12px #8c8a82}
.studio-visual__play {width:52px;height:52px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;font-size:12px;padding-left:3px;color:white}
.studio-visual__caption {position:absolute;bottom:12px;font-size:9px;letter-spacing:.17em;color:#a7a49d}
.flow-mini {display:flex;align-items:center;justify-content:center;gap:12px;width:90%}
.flow-mini span {flex:1;text-align:center;padding:22px 7px;background:#fff;border:1px solid #d8d5ce;font-size:10px;letter-spacing:.09em;white-space:nowrap}
.flow-mini i {width:17px;height:1px;background:#8e8a81;position:relative;flex-shrink:0}
.flow-mini i:after {content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid #8e8a81;border-top:1px solid #8e8a81;transform:rotate(45deg)}
.service-card__foot {display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-top:1px solid currentColor;padding-top:23px}
.service-card--studio .service-card__foot {border-color:#4a4945}
.service-card--solutions .service-card__foot {border-color:#d6d4ce}
.service-card__foot h3 {font-size:42px;margin:0 0 10px}
.service-card__foot h3 span {color:#a8a59d}
.service-card__foot p {font-size:14px;line-height:1.6;max-width:315px;margin:0}
.service-card--studio .service-card__foot p {color:#c1c0b8}
.service-card--solutions .service-card__foot p {color:#5a5955}
.service-card__foot>.arrow {font-size:27px;align-self:flex-end}
.statement {background:#f5f4f1}
.statement-inner {display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end}
.statement-inner h2 {font-size:clamp(42px,4.25vw,64px);margin:25px 0 0;max-width:800px}
.statement-inner h2 em {font-style:normal;color:#a3a099}
.statement-inner>p {font-size:15px;line-height:1.9;max-width:340px;margin:0 0 8px}
.showcase-grid {display:grid;grid-template-columns:1fr 1fr;gap:30px}
.showcase-card__art {height:300px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.showcase-card__art--dark {background:#20201f;color:#fff}
.showcase-card__art--light {background:#ebe9e4;color:#222}
.showcase-art-label,.showcase-art-bottom {font-size:10px;letter-spacing:.13em;font-weight:600;opacity:.65}
.showcase-art-letter {align-self:center;font-size:155px;line-height:1;font-family:Georgia,serif;font-weight:400;letter-spacing:-.1em;color:#ebe9e2}
.showcase-art-letter span {font-family:Inter,system-ui,sans-serif;color:#a6a39a;font-size:.5em}
.showcase-card__details {padding:22px 0;display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid var(--line)}
.showcase-card__details h3 {font-size:20px;letter-spacing:-.035em;margin:0 0 10px}
.showcase-card__details p {font-size:13px;line-height:1.75;max-width:360px;margin:0}
.status-pill {display:inline-flex;align-items:center;gap:8px;padding:7px 9px;font-size:10px;white-space:nowrap;border:1px solid #dad8d2;color:#66645d;line-height:1.2}
.status-pill__dot {height:5px;width:5px;border-radius:50%;background:#a19e96}
.demo-flow {display:flex;align-items:center;justify-content:center;gap:11px;margin:auto 0;font-size:10px;letter-spacing:.08em;white-space:nowrap}
.demo-flow span:nth-child(odd) {padding:13px 11px;border:1px solid #cbc9c2;background:#fff}
.process-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:28px;border-top:1px solid var(--line)}
.process-grid>div {padding-top:20px}
.process-grid span,.step-list span {font-size:12px;color:#8b8880}
.process-grid h3 {font-size:22px;margin:44px 0 12px}
.process-grid p {font-size:13px;line-height:1.8;margin:0}
/* CTA and footer */
.contact-band {background:#22221f;color:white;padding:clamp(28px,5vw,70px);min-height:320px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.contact-band h2 {font-size:clamp(36px,4vw,59px);max-width:740px;margin:17px 0 17px}
.contact-band p {color:#b8b6b0;max-width:600px;margin:0}
.contact-band .button {align-self:end}
.site-footer {background:#f6f5f2;margin-top:0;padding:80px 0 28px}
.footer-main {display:flex;align-items:start;justify-content:space-between;gap:30px;padding-bottom:95px}
.footer-wordmark {font-size:31px;font-weight:550;letter-spacing:-.07em;line-height:1}
.footer-brand p {font-size:14px;margin:12px 0 0}
.footer-nav {display:grid;grid-template-columns:repeat(3,auto);column-gap:54px;row-gap:14px;font-size:13px;color:#5a5956}
.footer-nav a:hover {color:#000;text-decoration:underline;text-underline-offset:4px}
.footer-bottom {display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dddcd6;padding-top:20px;color:#77766f;font-size:11px}
/* General interior */
.page-lead {padding:107px 0 78px;border-bottom:1px solid var(--line)}
.page-lead__copy {max-width:920px}
.page-lead h1 {font-size:clamp(55px,6vw,88px);margin:27px 0 27px}
.page-lead p:not(.eyebrow) {max-width:660px;font-size:18px;line-height:1.75;margin:0}
.overview-card {min-height:380px;border-top:1px solid var(--line);padding:29px 0 35px;display:grid;grid-template-columns:.28fr 1fr .35fr;gap:30px;position:relative;transition:background .2s}
.overview-card:hover {background:#f9f8f5}
.overview-card__num {font-size:11px;letter-spacing:.13em;color:#77736d}
.overview-card__copy h2 {font-size:70px;margin:0 0 18px}
.overview-card__copy h2 span {color:#aaa69e}
.overview-card__copy p {max-width:500px;font-size:16px;line-height:1.8;margin:0 0 25px}
.overview-card__copy>span {font-size:13px;font-weight:600;border-bottom:1px solid #777;padding-bottom:5px}
.overview-card__monogram {font-family:Georgia,serif;font-size:240px;line-height:1;align-self:center;justify-self:center;color:#e9e7e2;transition:transform .3s}
.overview-card:hover .overview-card__monogram {transform:rotate(-8deg) scale(1.04)}
.overview-card--warm {background:#f5f4f1;padding-inline:26px}
.overview-card--warm:hover {background:#eeece5}
.overview-card--warm .overview-card__monogram {color:#dcd9d2}
.service-summary {display:grid;grid-template-columns:1.5fr .5fr;gap:70px;align-items:end}
.service-summary h2 {font-size:clamp(36px,4.2vw,59px);max-width:780px;margin:20px 0 0}
.service-summary>p {line-height:1.85;margin:0}
/* Service detail */
.detail-hero {display:grid;grid-template-columns:1fr .96fr;gap:7%;align-items:center;padding:95px 0 110px;border-bottom:1px solid var(--line)}
.detail-hero h1 {font-size:clamp(57px,5.55vw,83px);margin:27px 0}
.detail-hero h1 em {font-style:normal;color:#a4a09a}
.detail-hero__copy>p:not(.eyebrow) {font-size:18px;max-width:460px;line-height:1.75}
.detail-hero__media {min-height:450px;position:relative;overflow:hidden}
.studio-stage {background:#20201f;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:25px}
.studio-stage__counter,.studio-stage__foot {z-index:2;font-size:10px;color:#aaa79e;font-weight:600;letter-spacing:.15em}
.studio-stage__orb {width:300px;height:300px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#818078,#4a4943 45%,#1a1a19 73%);box-shadow:0 0 0 36px rgba(255,255,255,.025),0 0 0 72px rgba(255,255,255,.016)}
.studio-stage__word {z-index:2;font-size:clamp(43px,5vw,76px);letter-spacing:-.07em;line-height:.93;font-weight:450;align-self:center;text-align:center;margin-top:10px}
.studio-stage__word small {font-size:.4em;font-weight:400;letter-spacing:0}
.studio-stage__word span {color:#b5afa3}
.workflow-stage {background:#f3f1ec;padding:26px;display:flex;flex-direction:column;justify-content:space-between}
.workflow-stage__eyebrow,.workflow-stage__foot {font-size:10px;letter-spacing:.14em;color:#77736c;font-weight:600}
.workflow-stage__flow {display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:16px 0}
.workflow-stage__flow>div {background:#fff;border:1px solid #dcd8cf;padding:14px 17px;width:81%;display:grid;grid-template-columns:30px 1fr;gap:0 12px;align-items:baseline}
.workflow-stage__flow div span {font-size:11px;color:#99958c;grid-row:span 2}
.workflow-stage__flow strong {font-size:15px;font-weight:550}
.workflow-stage__flow small {font-size:11px;color:#77736d}
.workflow-stage__flow>div.workflow-stage__done {background:#242421;color:#fff;border-color:#242421}
.workflow-stage__done small {color:#bebbb3!important}
.workflow-stage__arrow {line-height:23px;color:#8b8880}
.three-col {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;border-top:1px solid var(--line)}
.simple-feature {padding-top:22px}
.simple-feature__num {font-size:12px;color:#929087}
.simple-feature h3 {font-size:25px;margin:48px 0 13px}
.simple-feature p {font-size:14px;line-height:1.85;max-width:345px;margin:0}
.studio-study {display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.studio-study__media {background:#ebe9e4;min-height:440px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}
.studio-study__top,.studio-study__bottom {color:#7a7872;font-size:10px;letter-spacing:.16em;font-weight:600}
.studio-study__big {font-size:clamp(66px,7vw,108px);font-weight:500;line-height:.89;letter-spacing:-.065em;align-self:center;color:#242420}
.studio-study__copy h2,.solutions-showcase__heading h2 {font-size:clamp(37px,3.9vw,56px);margin:25px 0}
.studio-study__copy p:not(.eyebrow) {font-size:16px;line-height:1.85;margin:0 0 30px;max-width:450px}
.step-list {display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);gap:28px}
.step-list>div {padding:22px 0}
.step-list h3 {font-size:22px;margin:47px 0 12px}
.step-list p {font-size:13px;line-height:1.8}
.solutions-showcase {display:grid;grid-template-columns:1fr .98fr;gap:8%;align-items:center}
.solutions-showcase__heading>p:not(.eyebrow) {font-size:16px;line-height:1.85;max-width:440px}
.solutions-showcase__heading .status-pill {margin-top:18px}
.solutions-showcase__screen {background:#ebeae6;min-height:390px;padding:20px;display:flex;flex-direction:column;gap:17px}
.solutions-showcase__screenbar {display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;color:#88857e;border-bottom:1px solid #d5d3cc;padding-bottom:13px}
.solutions-showcase__screenbar i {width:7px;height:7px;background:#9c988e;border-radius:50%}
.solutions-showcase__bubble {font-size:12px;line-height:1.6;padding:16px 17px;border:1px solid #d5d3cd;max-width:85%}
.solutions-showcase__bubble--ask {align-self:end;background:#e2dfd8}
.solutions-showcase__bubble--answer {align-self:start;background:#fff}
.solutions-showcase__bubble strong {font-weight:600}
.solutions-showcase__bubble p {font-size:12px;margin:9px 0 0}
.solutions-showcase__disclaimer {margin-top:auto;font-size:10px;letter-spacing:.11em;color:#8b8880}
/* About */
.about-statement {display:grid;grid-template-columns:.5fr 1fr;align-items:center;gap:50px;border-bottom:1px solid var(--line)}
.about-statement__mark {font-size:250px;font-family:Georgia,serif;color:#e7e5df;line-height:.8;letter-spacing:-.1em}
.about-statement h2 {font-size:clamp(40px,4vw,62px);margin:25px 0}
.about-statement p:not(.eyebrow) {line-height:1.85;max-width:650px}
.legal-page .page-lead {padding-bottom:60px}
.prose {max-width:750px}
.prose h2 {font-size:28px;margin-bottom:18px}
.prose p {line-height:1.85;margin-bottom:28px}
/* Contact */
.contact-layout {display:grid;grid-template-columns:.74fr 1fr;gap:11%;padding-top:105px;padding-bottom:130px;align-items:start}
.contact-intro {position:sticky;top:45px}
.contact-intro h1 {font-size:clamp(57px,5vw,82px);margin:25px 0 25px}
.contact-intro h1 span {color:#b1afa8}
.contact-intro>p:not(.eyebrow) {font-size:17px;line-height:1.85;max-width:440px}
.contact-notes {border-top:1px solid var(--line);margin-top:65px;padding-top:14px}
.contact-notes div {font-size:13px;padding:13px 0;display:flex;gap:24px;color:#55534f}
.contact-notes span {color:#9b9890;font-size:12px}
.contact-panel {background:#f5f4f1;padding:39px 42px}
.service-picker {border:0;margin:0 0 28px;padding:0}
.service-picker legend {font-size:13px;font-weight:650;margin-bottom:16px}
.service-picker legend span,.field label span {color:#8a4b42}
.service-picker__options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.service-picker__options label {cursor:pointer;position:relative}
.service-picker__options input {position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}
.service-picker__options label>span {display:block;background:#fff;padding:12px 8px;text-align:center;border:1px solid #dad7cf;font-size:12px;font-weight:600;line-height:1.3;min-height:74px}
.service-picker__options label small {display:block;font-size:10px;color:#86827c;margin-top:6px;font-weight:400}
.service-picker__options input:checked+span {border:1px solid #111;background:#111;color:#fff}
.service-picker__options input:checked+span small {color:#ccc8c1}
.service-picker__options input:focus-visible+span {outline:2px solid #111;outline-offset:3px}
.field-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field {margin-bottom:22px}
.field label {display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.field label small {color:#88857e;font-weight:400}
.field input,.field textarea {border:1px solid #d6d3cb;background:#fff;border-radius:0;width:100%;padding:13px 14px;outline:none;min-height:49px;color:#111;font-size:14px;line-height:1.5}
.field textarea {resize:vertical;min-height:160px}
.field input:focus,.field textarea:focus {border-color:#111;box-shadow:0 0 0 1px #111}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"] {border-color:#9c4236}
.field input::placeholder,.field textarea::placeholder {color:#a5a29b}
.form-note {display:flex;gap:12px;align-items:start;padding:16px;background:#e9e6de;margin:3px 0 20px}
.form-note__symbol {border:1px solid #a5a197;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:11px;flex-shrink:0}
.form-note p {margin:0;font-size:11px;line-height:1.65;color:#6f6a63}
.form-note strong {color:#333}
.review-button {width:100%;justify-content:space-between}
.form-errors {margin-top:15px;font-size:12px;color:#873628}
.inquiry-preview {border-top:1px solid #d4d1c9;padding-top:25px;margin-top:12px}
.inquiry-preview__header h2 {font-size:28px;margin:12px 0}
.inquiry-preview__header>p {font-size:13px}
.inquiry-preview dl {padding:13px 0;border-top:1px solid #dad7cf}
.inquiry-preview dl div {padding:11px 0;border-bottom:1px solid #dad7cf}
.inquiry-preview dt {font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#827e76;margin-bottom:4px}
.inquiry-preview dd {font-size:14px;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6}
.inquiry-preview__actions {display:flex;flex-wrap:wrap;gap:10px}
.copy-status {font-size:12px;margin:12px 0 0}
.inquiry-honeypot {position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.inquiry-consent {display:flex;align-items:flex-start;gap:12px;font-size:11px;line-height:1.65;color:#595751;margin:2px 0 18px;cursor:pointer}
.inquiry-consent input {width:18px;height:18px;flex-shrink:0;margin:1px 0 0;accent-color:#222}
.inquiry-consent:has(input:focus-visible) {outline:2px solid #222;outline-offset:4px}
.inquiry-preview__actions .button:disabled {opacity:.45;cursor:not-allowed;transform:none}
#delivery-status {line-height:1.65;color:#5c574e}

/* Responsive */
@media (max-width:1100px) {
 .shell {width:min(var(--shell),calc(100% - 64px))}
 .hero {gap:4%;min-height:590px}
 .hero-art {height:450px}
 .hero-copy h1 {font-size:clamp(52px,6.1vw,76px)}
 .service-card {min-height:510px}
 .showcase-card__details {flex-direction:column}
 .overview-card {grid-template-columns:.26fr 1fr .25fr}
 .overview-card__monogram {font-size:170px}
}
@media (max-width:900px) {
 .header-inner {min-height:75px}
 .desktop-nav {display:none}
 .menu-toggle {display:flex}
 .mobile-nav {position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 32px 24px;box-shadow:0 16px 25px rgba(0,0,0,.04)}
 .mobile-nav:not([hidden]) {display:flex;flex-direction:column}
 .mobile-nav a {display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}
 .mobile-nav a:last-child {border-bottom:none;font-weight:650}
 .hero {gap:27px;padding:75px 0;min-height:0}
 .hero-copy h1 {font-size:clamp(50px,6vw,70px)}
 .hero-art {height:360px}
 .hero-understated {margin-top:45px}
 .section-pad {padding-block:85px}
 .section-pad--last {padding-top:25px;padding-bottom:80px}
 .statement-inner {gap:32px}
 .detail-hero {gap:5%;padding-block:80px}
 .detail-hero__media {min-height:360px}
 .studio-stage__orb {width:230px;height:230px}
 .studio-stage__word {font-size:50px}
 .contact-layout {gap:5%;padding-top:75px}
 .contact-panel {padding:30px 25px}
}
@media (max-width:720px) {
 .shell {width:calc(100% - 40px)}
 h2 {font-size:clamp(35px,9vw,49px)}
 .eyebrow {font-size:10px;letter-spacing:.14em}
 .hero {grid-template-columns:1fr;padding:66px 0 84px;gap:45px}
 .hero-copy h1 {font-size:clamp(52px,11.2vw,77px);margin:27px 0 23px}
 .hero-description {font-size:16px;max-width:580px}
 .hero-copy .action-row {margin-top:27px}
 .hero-understated {margin-top:43px}
 .hero-art {height:390px}
 .section-heading {display:block;margin-bottom:30px}
 .section-heading .eyebrow {width:auto;margin-bottom:24px}
 .section-heading__copy {width:100%}
 .section-heading__copy p {font-size:15px}
 .service-grid,.showcase-grid,.statement-inner,.studio-study,.solutions-showcase,.service-summary {grid-template-columns:1fr}
 .service-card {min-height:485px}
 .statement-inner {gap:24px}
 .statement-inner h2 {font-size:clamp(39px,8.5vw,55px)}
 .statement-inner>p {max-width:500px}
 .showcase-grid {gap:36px}
 .showcase-card__details {flex-direction:row;flex-wrap:wrap}
 .process-grid,.step-list {grid-template-columns:1fr 1fr;row-gap:12px}
 .process-grid h3,.step-list h3 {margin-top:25px}
 .contact-band {display:block;min-height:0;padding:33px 27px}
 .contact-band h2 {font-size:40px}
 .contact-band .button {margin-top:29px}
 .footer-main {display:block;padding-bottom:60px}
 .footer-nav {margin-top:40px;grid-template-columns:repeat(3,auto);justify-content:start}
 .footer-bottom {display:block;line-height:1.9}
 .page-lead {padding:75px 0 55px}
 .page-lead h1 {font-size:clamp(52px,10vw,76px)}
 .page-lead p:not(.eyebrow) {font-size:16px}
 .overview-card {min-height:300px;display:block;padding-top:28px}
 .overview-card__num {display:block;margin-bottom:24px}
 .overview-card__copy h2 {font-size:60px}
 .overview-card__monogram {display:none}
 .overview-card--warm {padding:30px 20px}
 .detail-hero {grid-template-columns:1fr;gap:36px;padding:72px 0 85px}
 .detail-hero h1 {font-size:clamp(52px,10vw,75px)}
 .detail-hero__copy>p:not(.eyebrow) {font-size:16px}
 .detail-hero__media {min-height:380px}
 .three-col {grid-template-columns:1fr;gap:0}
 .simple-feature {padding:20px 0;border-bottom:1px solid var(--line)}
 .simple-feature h3 {margin:13px 0}
 .simple-feature p {max-width:580px}
 .studio-study {gap:35px}
 .studio-study__media {min-height:370px}
 .solutions-showcase {gap:30px}
 .about-statement {grid-template-columns:1fr;gap:20px}
 .about-statement__mark {font-size:140px}
 .contact-layout {grid-template-columns:1fr;gap:45px;padding-top:67px;padding-bottom:85px}
 .contact-intro {position:static}
 .contact-intro h1 {font-size:clamp(60px,11vw,80px)}
 .contact-notes {margin-top:30px}
 .contact-panel {padding:28px 24px}
}
@media (max-width:420px) {
 .shell {width:calc(100% - 32px)}
 .header-inner {min-height:68px}
 .brand {font-size:21px}
 .hero {padding-top:52px}
 .hero-copy h1 {font-size:clamp(49px,13vw,59px)}
 .hero-art {height:310px;padding:18px}
 .hero-art__halo {width:260px}
 .hero-art__halo--two {width:320px}
 .hero-art__top,.hero-art__bottom {font-size:8px}
 .hero-art__core-mark {width:49%;max-width:180px}
 .service-card {min-height:430px;padding:21px}
 .service-card__visual {min-height:210px}
 .service-card__foot h3 {font-size:35px}
 .flow-mini {gap:6px;width:100%}
 .flow-mini span {font-size:8px;padding:17px 5px}
 .flow-mini i {width:8px}
 .showcase-card__art {height:225px}
 .demo-flow {gap:4px;font-size:8px}
 .demo-flow span:nth-child(odd) {padding:9px 5px}
 .footer-nav {grid-template-columns:repeat(2,auto)}
 .process-grid,.step-list {grid-template-columns:1fr 1fr;gap:15px}
 .process-grid h3,.step-list h3 {font-size:20px}
 .detail-hero__media {min-height:325px}
 .studio-stage__orb {width:200px;height:200px}
 .studio-stage__word {font-size:45px}
 .workflow-stage__flow>div {width:95%}
 .service-picker__options {gap:5px}
 .service-picker__options label>span {font-size:11px;padding:12px 4px}
 .field-grid {grid-template-columns:1fr;gap:0}
 .contact-panel {padding:22px 18px}
 .inquiry-preview__actions {flex-direction:column}
 .inquiry-preview__actions .button {width:100%}
}
@media (prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto}
 *,*::before,*::after {transition-duration:0.01ms!important;animation-duration:0.01ms!important}
}

/* Original Studio showcase: user-supplied production, restrained portrait-player layout. */
.showcase-card--linked{display:block;color:inherit;text-decoration:none}
.showcase-card--linked:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.showcase-card__art--video{position:relative}
.showcase-card__poster{position:absolute;left:50%;top:11px;transform:translateX(-50%);height:calc(100% - 22px);width:auto;max-width:70%;object-fit:cover}
.showcase-card__art--video .showcase-art-label,.showcase-card__art--video .showcase-art-bottom{position:relative;z-index:1;align-self:flex-start;background:rgba(25,25,24,.83);padding:5px 7px}
.studio-study__media.studio-feature__media{background:#20201f;min-height:440px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.studio-feature__video{display:block;aspect-ratio:9/16;width:min(100%,255px);height:auto;max-height:500px;object-fit:contain;background:#111;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.studio-feature__credit{color:#bbb7ae;font-size:10px;font-weight:600;letter-spacing:.12em;text-align:center}
.studio-study__copy .studio-feature__disclosure{font-size:13px;line-height:1.7;color:#67645e;margin-top:0;margin-bottom:28px}
.studio-study__copy .button{display:inline-flex}
@media(max-width:420px){.studio-study__media.studio-feature__media{padding:12px}.studio-feature__video{width:min(100%,235px)}}

/* QUICKLIFY-SOLUTIONS-DEMONSTRATION-1: original working demo, no shared template changes. */
.solutions-showcase.solutions-showcase--video{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.solutions-showcase--video .solutions-showcase__heading{max-width:780px}
.solutions-showcase--video .solutions-showcase__heading>p:not(.eyebrow){max-width:750px}
.solutions-demo__media{background:#eae9e5;min-width:0;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}
.solutions-demo__video{display:block;width:100%;max-width:1100px;height:auto;aspect-ratio:16/9;object-fit:contain;background:#171717;box-shadow:0 12px 26px rgba(0,0,0,.12)}
.solutions-demo__credit{font-size:10px;font-weight:600;letter-spacing:.12em;text-align:center;color:#68645e}
.solutions-demo__disclosure{max-width:820px;font-size:13px;line-height:1.7;color:#68645e;margin:0}
.showcase-card__art--solutions-video{background:#eae9e5}
.showcase-card__poster.showcase-card__poster--landscape{width:calc(100% - 24px);max-width:none;height:calc(100% - 24px);object-fit:contain}
@media(max-width:650px){.solutions-showcase.solutions-showcase--video{gap:20px}.solutions-demo__media{padding:7px}.solutions-demo__credit{font-size:9px}.showcase-card__poster.showcase-card__poster--landscape{width:calc(100% - 14px);height:calc(100% - 14px)}}

/* Private Q inquiry handoff. The Contact form remains the only submission surface. */
.inquiry-contact-note,.q-inquiry-explainer{font-size:12px;color:#68635c;line-height:1.6;margin:14px 0 18px}
.inquiry-contact-note strong{color:#333;font-weight:650}
.inquiry-preview__actions a[hidden]{display:none}
.q-inquiry-explainer{margin:18px 0 8px}