:root{--paper:#f8f5ef;--white:#fffdf9;--ink:#101524;--muted:#64656c;--line:#d7d7d2;--red:#cc3926;--blue:#0750db;--navy:#092951;--scene-paper:#f8f5ef;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--display:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--gutter:clamp(1.25rem,4.5vw,5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;isolation:isolate;color:var(--ink);background:var(--scene-paper);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased}body.nav-open,body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{color:white;background:var(--blue)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}p{margin-top:0}em{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.055em}h2{margin:0;font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1.04}h2 em{color:var(--blue)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:1rem;left:1rem;z-index:500;padding:.8rem 1rem;color:white;background:var(--ink);transform:translateY(-200%);border-radius:9px}.skip-link:focus{transform:none}.scroll-progress{position:fixed;top:0;left:0;z-index:400;width:100%;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left}.staging-notice{margin:0;padding:.55rem var(--gutter);color:white;background:var(--ink);font-size:.75rem;text-align:center}.section-shell{max-width:1512px;margin:0 auto;padding:5rem var(--gutter)}.site-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--scene-paper);transition:background-color 700ms ease}.background-type{position:absolute;bottom:-.2em;left:-.06em;color:transparent;-webkit-text-stroke:1px #b0b9c8;font:700 min(30vw,440px)/1 var(--display);letter-spacing:-.08em;white-space:nowrap;opacity:.18}html[data-scroll-scene="work"]{--scene-paper:#f2f3ec}html[data-scroll-scene="play"]{--scene-paper:#f0f3fa}html[data-scroll-scene="services"]{--scene-paper:#f5f1eb}html[data-scroll-scene="audits"]{--scene-paper:#f9efe8}.eyebrow,.section-kicker,.control-label,.micro-label{font-size:.66rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.section-kicker{margin-bottom:1rem;color:var(--muted)}.section-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.section-heading>p{max-width:27rem;margin:0 0 .2rem;color:var(--muted);font-size:.94rem;line-height:1.7}.button{display:inline-flex;min-height:3.1rem;align-items:center;justify-content:center;gap:1.75rem;padding:.85rem 1.25rem;border:1px solid transparent;border-radius:99px;font-size:.82rem;font-weight:650;line-height:1.3;transition:background 200ms,transform 200ms}.button:hover{transform:translateY(-2px)}.button>span,.text-link>span{font-size:1.15rem;transition:translate 200ms}.button:hover>span,.text-link:hover>span{translate:3px 0}.button-red{color:white;background:var(--red)}.button-red:hover{background:#a72f20}.button-paper{color:var(--ink);background:var(--paper)}.button-outline{background:transparent;border-color:#a3a5ac}.button-outline:hover{color:white;background:var(--ink)}.text-link{display:inline-flex;gap:1.4rem;align-items:center;min-height:2.75rem;padding:.4rem 0;border-bottom:1px solid currentColor;font-size:.82rem;font-weight:600}.mobile-only{display:none}
/* Quiet masthead, generous workbench. */
.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:2rem;height:100px;padding:0 var(--gutter);background:var(--scene-paper);transition:background-color 700ms,box-shadow 200ms}.site-header.is-scrolled{box-shadow:0 1px 0 #10152416}.brand{display:inline-flex;flex-direction:column;flex-shrink:0;line-height:1}.brand>span{font-family:var(--display);font-size:1.85rem;font-weight:800;letter-spacing:-.065em}.brand-period{color:var(--red)}.brand>small{margin-top:.55rem;font-size:.46rem;font-weight:700;letter-spacing:.29em}.site-nav{display:flex;align-items:center;gap:1.8rem;font-size:.83rem;font-weight:600}.site-nav>a:not(.button){padding:.7rem 0}.site-nav>a:not(.button):hover{color:var(--blue)}.site-nav .button{min-height:2.85rem;font-size:.77rem}.motion-toggle{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.4rem 0;border:0;background:none;font-size:.59rem;font-weight:500;white-space:nowrap}.motion-toggle:disabled{color:var(--muted);cursor:default}.menu-toggle{display:none}
.hero{padding-top:1.1rem;padding-bottom:1.5rem}.hero-intro{text-align:center}.hero-intro .eyebrow{margin:.65rem 0 1.2rem;font-size:.62rem;letter-spacing:.19em}.hero h1{margin:0;font-size:clamp(3.5rem,6.6vw,7rem);line-height:1.08;letter-spacing:-.065em}.title-line{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.03em}.title-line>span{display:block}.js .title-line>span{animation:type-arrive 700ms cubic-bezier(.16,1,.3,1) both}.hero h1 em{position:relative;display:inline-block;color:var(--blue);padding:0 .08em .06em 0}.hero h1 em:after{position:absolute;right:3%;bottom:-.02em;left:3%;height:.07em;border-radius:70% 30% 60% 50%;background:var(--blue);content:"";rotate:-5deg}.hero-lede{margin:1rem 0 2.4rem;color:var(--muted);font-size:.88rem}.play-wrap{position:relative}.paint-swipe{position:absolute;inset:-8% -6%;z-index:-1;width:112%;height:116%;pointer-events:none}.play-studio{display:grid;grid-template-columns:235px minmax(0,1fr);padding:1.25rem 1.25rem 1.25rem 0;border-radius:28px;background:linear-gradient(130deg,#164986,#062451 70%);box-shadow:0 14px 35px #0c284b13;color:#fff}.play-controls{padding:.45rem 1.3rem;min-width:0}.segmented{display:flex;padding:3px;border:1px solid #ffffff30;border-radius:99px;background:#03214d}.segmented button{flex:1;min-height:2.6rem;padding:.5rem .6rem;border:0;border-radius:99px;background:transparent;color:#fff;font-size:.72rem}.segmented button[aria-pressed="true"]{color:var(--ink);background:#fff;box-shadow:0 2px 5px #0002}.control-label{margin:0 0 1rem;color:#d0e0f5;font-size:.56rem;font-weight:500;letter-spacing:.18em}.mood-control{padding:1.6rem 0 1.4rem}.mood-options{display:flex;justify-content:space-between;gap:.7rem}.mood-options button{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-height:3.8rem;padding:.15rem;border:0;background:transparent;color:#dce6f6;font-size:.64rem}.swatch{display:block;width:2.1rem;height:2.1rem;border:1px solid #ffffffb0;border-radius:50%;outline:1px solid transparent;outline-offset:4px}.natural{background:#73947c}.warm{background:#efa464}.bold{background:#1e67b7}.mood-options button[aria-pressed="true"]{color:white;font-weight:700}.mood-options button[aria-pressed="true"] .swatch{outline-color:white}.project-control{padding-top:1.4rem;border-top:1px solid #ffffff24}.project-choices{display:grid;gap:.5rem}.project-choices button{display:flex;align-items:center;gap:.7rem;width:100%;min-height:3.25rem;padding:.4rem;border:1px solid transparent;border-radius:10px;background:none;color:#dce6f6;text-align:left;font-size:.69rem}.project-choices button[aria-pressed="true"]{color:var(--ink);background:var(--paper)}.project-choices img{width:2.6rem;height:2.4rem;border-radius:6px;object-fit:cover;object-position:50% 30%}.project-choices b{margin-left:auto;font-size:1.2rem;font-weight:400}.play-hint{margin:1.4rem 0 0;padding:.9rem .4rem 0;border-top:1px solid #ffffff24;color:#c7d7ee;font-size:.73rem;line-height:1.7}.play-stage{min-width:0;display:flex;flex-direction:column;align-items:center}.project-browser{position:relative;z-index:2;width:100%;overflow:hidden;border:1px solid #ffffff65;border-radius:18px;background:#10202a;box-shadow:0 12px 18px #0003;container-type:inline-size;transition:width 550ms cubic-bezier(.16,1,.3,1)}.browser-chrome{display:flex;gap:1rem;align-items:center;justify-content:space-between;height:28px;padding:0 .9rem;color:#e0e7ec;background:#16232c;font-size:.5rem}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#ed5c4f}.browser-dots i:nth-child(2){background:#e5b84c}.browser-dots i:nth-child(3){background:#71ad66}.browser-chrome>span:last-child{color:#c4cdd6}.project-preview{position:relative;height:410px;overflow:hidden;color:white;background:#35462d;isolation:isolate;--preview-accent:#ffd075;--preview-bg:#35462d}.preview-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% 32%;transition:filter 450ms}.project-preview:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c160d70,transparent 80%),linear-gradient(0deg,#080e0f9c,transparent 70%);content:""}.preview-nav{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.35rem 1.7rem;font-size:.59rem}.preview-nav strong{font-size:1rem;letter-spacing:-.04em}.preview-nav i{display:none;font-size:1.2rem;font-style:normal}.preview-copy{position:absolute;bottom:2rem;left:2rem;right:2rem}.preview-copy>p:first-child{margin:0 0 .65rem;font-size:.53rem;letter-spacing:.1em;text-transform:uppercase}.preview-copy h2{max-width:11ch;font-size:clamp(3.2rem,5.1vw,5.4rem);line-height:.94;font-weight:750;letter-spacing:-.055em}.preview-description{max-width:24rem;margin:.9rem 0 1.1rem;font-family:Georgia,serif;font-style:italic;font-size:1rem;line-height:1.3}.preview-cta{display:inline-flex;gap:1.5rem;align-items:center;min-height:2.6rem;padding:.65rem 1rem;border-radius:99px;background:var(--preview-accent);color:#18201d;font-size:.68rem;font-weight:700}.preview-corner{position:absolute;bottom:2.2rem;right:1.6rem;text-align:right;font-size:.59rem;line-height:1.5}.project-peeks{width:94%;margin-top:-3px}.project-peeks>div{display:flex;align-items:center;gap:1.5rem;height:43px;overflow:hidden;padding:0 1.5rem;border-radius:0 0 12px 12px;background:#ead6d2;color:#552338;box-shadow:0 5px 8px #0004}.project-peeks>div+div{width:96%;margin:auto;background:#26251f;color:#f6d473}.project-peeks span{font-family:Georgia,serif;font-size:1.4rem;font-style:italic;white-space:nowrap}.project-peeks small{font:500 .43rem var(--body)}.project-peeks em{font-size:.85rem;letter-spacing:-.03em}.project-peeks img{width:5rem;align-self:stretch;object-fit:cover;margin-left:auto}.project-peeks b{font-size:1rem;font-weight:400}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem}.hero-foot>p{margin:0;color:var(--muted);font-size:.65rem}.hero-foot .text-link{font-size:.74rem}
[data-mood="warm"] .project-preview{--preview-accent:#ffba87;--preview-bg:#a65839}[data-mood="warm"] .preview-photo{filter:sepia(.3) saturate(.85)}[data-mood="bold"] .project-preview{--preview-accent:#a7f2ff;--preview-bg:#103a6e}[data-mood="bold"] .preview-copy h2{font-style:italic}[data-mood="bold"] .preview-photo{filter:saturate(1.35) contrast(1.05)}[data-project="badiya"] .project-preview{color:#562b40;background:#efdadd}[data-project="badiya"] .preview-photo{left:48%;width:52%;object-position:center}[data-project="badiya"] .project-preview:after{background:linear-gradient(90deg,#efdadd 38%,#efdaddc4 52%,transparent 75%)}[data-project="badiya"] .preview-copy{right:40%}[data-project="badiya"] .preview-copy h2{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(2.5rem,4.8vw,4.9rem)}[data-project="badiya"] .preview-cta{background:#642e47;color:white}[data-project="signature"] .project-preview{--preview-accent:#f3d374}[data-project="signature"] .preview-photo{object-position:center}[data-project="signature"] .preview-copy h2{font-size:clamp(2.8rem,4.7vw,4.8rem)}[data-project="signature"] .project-preview:after{background:linear-gradient(90deg,#171b14c4,transparent 100%),linear-gradient(0deg,#111a14a6,transparent)}.project-browser.is-mobile{width:310px}.project-preview.is-entering{animation:photo-wipe 440ms cubic-bezier(.16,1,.3,1)}
@container (max-width:420px){.project-preview{height:365px}.preview-nav{padding:1rem}.preview-nav>span{display:none}.preview-nav i{display:block}.preview-nav strong{font-size:.8rem}.preview-copy{left:1.2rem;right:1.2rem;bottom:1.5rem}.preview-copy h2{font-size:3.1rem}.preview-description{max-width:15rem;font-size:.9rem}.preview-corner{display:none}.preview-copy>p:first-child{font-size:.5rem}.preview-cta{font-size:.65rem}[data-project="badiya"] .preview-copy{right:1rem}[data-project="badiya"] .preview-copy h2{font-size:2.8rem}[data-project="badiya"] .preview-photo{left:20%;width:80%}[data-project="badiya"] .project-preview:after{background:linear-gradient(0deg,#efdadd 10%,#efdadd90 75%)}[data-project="signature"] .preview-copy h2{font-size:2.8rem}}
/* Real work, not stock brand tiles. */
.work{padding-top:3rem}.project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem 1.5rem}.project{grid-column:span 2;min-width:0}.project figure{margin:0}.project-image{overflow:hidden;aspect-ratio:1.38;border-radius:18px;background:#ddd}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:scale 500ms cubic-bezier(.16,1,.3,1)}.project:hover .project-image img{scale:1.035}.project figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem .1rem}.project h3{margin:0;font-family:var(--body);font-size:1rem;letter-spacing:-.025em;font-weight:650}.project figcaption div>span,.project-small div>span{display:block;margin-top:.25rem;font-size:.65rem;color:var(--muted)}.visit-arrow{font-size:1.2rem;transition:translate 200ms}.project:hover .visit-arrow{translate:4px 0;color:var(--blue)}.project-small{grid-column:span 3;display:flex;align-items:center;gap:1.2rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#fff8}.project-small img{width:85px;height:55px;object-fit:cover;object-position:top;border-radius:7px}.project-small .visit-arrow{margin-left:auto}
/* A single invitation, with the process built into it. */
.studio-invite{padding-top:1rem;padding-bottom:3rem}.invite-card{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem 4rem;padding:clamp(1.7rem,4vw,4rem);border-radius:28px;overflow:hidden;color:white;background:#123c82}.invite-card .section-kicker{color:#c5d8fb}.invite-card h2{font-size:clamp(2.8rem,4.6vw,4.7rem)}.invite-card h2 em{color:#c2d7ff}.invite-card p:not(.section-kicker){max-width:28rem;margin:1.4rem 0 1.8rem;color:#e0e8f9;font-size:.9rem}.invite-card small{display:block;margin-top:.85rem;color:#c5d8fb;font-size:.65rem}.invite-art{position:relative;align-self:center;min-width:0}.mini-site{overflow:hidden;border:1px solid #ffffffb0;border-radius:14px;background:#f9f5ed;color:#282e24;rotate:-4deg;box-shadow:0 15px 35px #00153e60}.mini-nav{display:flex;justify-content:space-between;padding:1rem;font-size:.65rem;font-weight:700}.mini-nav>span{font-size:.5rem;font-weight:400}.mini-body{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;align-items:center;padding:1.4rem;background:#e8e8da}.mini-body>div>span{font-size:.5rem}.mini-body strong{display:block;margin:.7rem 0 1rem;font-size:clamp(1.5rem,3vw,3rem);line-height:1;letter-spacing:-.055em}.mini-body i{display:inline-block;padding:.5rem .7rem;border-radius:99px;background:#3c543f;color:#fff;font-size:.5rem;font-style:normal}.mini-arch{display:grid;place-items:center;height:14vw;max-height:200px;border-radius:50% 50% 5px 5px;background:linear-gradient(145deg,#acbf91,#4e6954);color:#f6f0d3}.mini-arch b{font:italic 500 clamp(2rem,5vw,5rem) Georgia,serif;rotate:-15deg}.mini-bottom{display:flex;justify-content:space-around;padding:1rem .3rem;font-size:.45rem}.draft-sticker{position:absolute;right:-1rem;bottom:-1rem;display:grid;place-content:center;width:8rem;height:8rem;border-radius:50%;color:#242c24;background:#e9eead;rotate:12deg;font-size:1rem;text-align:center;line-height:1.2;box-shadow:0 3px 0 #0001}.draft-sticker em{font-size:1.3rem}.invite-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0;padding:0;list-style:none}.invite-steps li{padding-top:.9rem;border-top:2px solid #82a5e4;font-size:.75rem}.invite-steps span{margin-right:.5rem;color:#c4d7fa;font-size:.55rem}
.services{padding-top:3rem}.service-explorer{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--white)}.service-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.6rem;border-bottom:1px solid var(--line);background:#f0eee8}.service-tabs button{min-height:3.2rem;padding:.7rem;border:0;border-radius:12px;background:transparent;font-size:.9rem;font-weight:600;transition:background 200ms}.service-tabs button[aria-selected="true"]{color:white;background:var(--ink)}.service-panel{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:clamp(1.5rem,4vw,3.5rem)}.service-panel.is-entering{animation:panel-in 350ms ease}.panel-top .micro-label{color:var(--blue);font-size:.58rem}.panel-top h3{margin:1rem 0;font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.05}.panel-top>p:not(.micro-label){max-width:28rem;color:var(--muted);font-size:.9rem;line-height:1.7}.service-visual{min-height:260px;padding:2rem;border-radius:18px;background:#edece5}.visual-build{background:#e3e9d9;color:#344a39}.visual-build>span{font-size:.65rem}.visual-build>strong{display:block;margin:1.2rem 0 2rem;font-size:clamp(2rem,3.3vw,3.5rem);line-height:1;letter-spacing:-.06em}.visual-build>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.visual-build i{padding:.5rem .2rem;border-top:1px solid #a1b293;font-size:.65rem;font-style:normal}.visual-seo{background:#ede3d5}.visual-seo ol{padding-left:1rem;font-size:.9rem;line-height:2.8}.visual-seo>p:last-child{margin:1rem 0 0;color:#635b50;font-size:.7rem}.visual-ai{background:#ede1ea;color:#502d46}.question-tag{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.visual-ai blockquote{margin:1.5rem 0;font:italic 2.2rem/1.05 Georgia,serif;letter-spacing:-.05em}.visual-ai p{font-size:.8rem}.visual-ai small{display:block;font-size:.63rem}.visual-host{background:#e0e7ed}.visual-host dl{margin:0}.visual-host dl>div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #b5c0cc;font-size:.8rem}.visual-host dt{color:#4f5c6c}.visual-host dd{margin:0}
.audits{padding-top:2rem}.audit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.audit-row{display:flex;flex-direction:column;gap:1.7rem;min-width:0;padding:1.9rem;border:1px solid var(--line);border-radius:24px;background:var(--white)}.audit-number{color:var(--muted);font-size:.56rem;letter-spacing:.09em}.audit-name{flex:1}.audit-name h3{margin:0 0 .7rem;font-family:var(--body);font-size:1.55rem;line-height:1.05;letter-spacing:-.04em}.audit-name>p{font-size:.83rem;color:var(--muted);min-height:2.5rem}.audit-name summary{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem;border-bottom:1px solid var(--line);list-style:none;cursor:pointer;font-size:.75rem}.audit-name summary::-webkit-details-marker{display:none}.audit-name summary>span{font-size:1.1rem}.audit-name details[open] summary>span{rotate:45deg}.audit-name ul{padding-left:1.1rem;font-size:.76rem;line-height:1.9}.audit-price>strong{font-size:3.1rem;font-weight:600;line-height:1;letter-spacing:-.06em}.audit-price>span{margin-left:.8rem;color:var(--muted);font-size:.6rem}.audit-row>.button{justify-content:space-between;gap:.4rem;font-size:.74rem}.audit-complete{background:#f3e6de;border-color:#dcc5b6}.custom-pricing{display:flex;justify-content:space-between;gap:2rem;margin-top:1.4rem;color:var(--muted);font-size:.7rem;line-height:1.8}.custom-pricing a:not(.text-link){text-decoration:underline}.custom-pricing .text-link{font-size:.72rem;color:var(--ink)}
.quote{padding-top:1rem;padding-bottom:2rem}.quote-card{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;padding:clamp(1.6rem,4.5vw,4.5rem);border-radius:28px;color:var(--paper);background:#141b29}.quote-heading .section-kicker{color:#bec5d3}.quote-heading h2{font-size:clamp(3rem,5.5vw,5.7rem);line-height:1}.quote-heading h2 em{color:#c6d7fa}.quote-heading>p:not(.section-kicker){max-width:25rem;margin:1.5rem 0;color:#c3c8d2;font-size:.85rem}.quote-email{font-size:clamp(.72rem,1vw,.85rem);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.quote-form{align-self:center}.quote-form label{display:block;margin-bottom:1.2rem}.quote-form label>span{display:block;margin-bottom:.5rem;font-size:.72rem;color:#d5d9e0}.quote-form input,.quote-form textarea{display:block;width:100%;min-height:2.9rem;padding:.65rem .8rem;border:1px solid #666e7d;border-radius:9px;color:white;background:#ffffff08;outline-offset:2px}.quote-form input:focus,.quote-form textarea:focus{border-color:#c5d9ff;outline:2px solid #c5d9ff}.quote-form textarea{resize:vertical;min-height:110px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quote-form .form-trap{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;pointer-events:none}.form-footer{display:flex;gap:1.2rem;align-items:center;justify-content:space-between}.form-footer p{max-width:12rem;margin:0;color:#bec5d3;font-size:.63rem}.form-footer a{text-decoration:underline}.form-footer .button{flex-shrink:0;font-size:.73rem;gap:.7rem}.form-status{margin:1rem 0 0;font-size:.8rem;line-height:1.5}.form-status[data-state="error"]{color:#ffb4a8}.form-status[data-state="success"]{color:#d1edb6}.spam-check{margin:0 0 1rem;min-height:1.5rem}.spam-check p{margin:.4rem 0;color:#bec5d3;font-size:.65rem}.quote-form [aria-invalid="true"]{border-color:#ffb4a8}.button:disabled{opacity:.55;cursor:wait;transform:none}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-top:2rem;padding-bottom:3rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.68rem}.footer-links a{padding:.6rem 0}.audit-dialog{width:min(520px,calc(100% - 2rem));max-height:calc(100svh - 2rem);overflow:auto;padding:0;border:1px solid #bfc2c8;border-radius:22px;background:var(--white);color:var(--ink)}.audit-dialog::backdrop{background:#101524a6;backdrop-filter:blur(5px)}.audit-dialog[open]{animation:panel-in 250ms ease}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.5rem;border-bottom:1px solid var(--line)}.dialog-top p{margin:0;font-size:.68rem}.dialog-close{width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#eeece7;font-size:1.5rem}.dialog-selection{padding:1.5rem;border-bottom:1px solid var(--line)}.dialog-selection .micro-label{color:var(--muted);font-size:.55rem}.dialog-selection h2{margin:.7rem 0;font-size:2.8rem}.dialog-selection>strong{font-size:1.3rem}.audit-checkout{padding:1.5rem;font-size:.87rem}.audit-checkout a:not(.button){text-decoration:underline}.dialog-submit{width:100%;margin-top:.6rem}.dialog-note{margin:.8rem 0 0;color:var(--muted);font-size:.72rem;text-align:center}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 600ms ease,transform 600ms cubic-bezier(.16,1,.3,1)}.js .reveal.is-visible{opacity:1;transform:none}@keyframes type-arrive{from{transform:translateY(115%) rotate(2deg)}to{transform:none}}@keyframes photo-wipe{from{clip-path:inset(0 0 10% 0);opacity:.4;translate:0 8px}to{clip-path:inset(0);opacity:1;translate:0 0}}@keyframes panel-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}html.motion-paused{scroll-behavior:auto}html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.motion-paused.js .reveal{opacity:1;transform:none}
/* Policies and error pages share the same readable, dependency-free type. */
.policy-page{background:var(--paper)}.policy-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem var(--gutter);border-bottom:1px solid var(--line)}.policy-header>a:last-child{font-size:.8rem;text-decoration:underline}.policy-page main{max-width:820px;margin:auto;padding:3.5rem var(--gutter) 5rem}.policy-page h1{font-size:clamp(2.8rem,6vw,4.7rem);line-height:1.03}.policy-page h2{margin:2.5rem 0 1rem;font-size:1.7rem}.policy-page main>p{font-size:.94rem;line-height:1.8;color:#4f5260}.policy-page main a:not(.button){text-decoration:underline;text-underline-offset:3px}.not-found{display:grid;min-height:100svh;place-items:center;padding:3rem}.not-found main{max-width:56rem}.not-found h1{font-size:clamp(3.5rem,12vw,9rem);line-height:.95}.not-found p{max-width:30rem;color:var(--muted)}
@media(min-width:1600px){.site-header{padding-inline:max(var(--gutter),calc((100vw - 1376px)/2))}.project-preview{height:460px}}
@media(max-width:1100px){.site-nav{gap:1.1rem}.motion-toggle{font-size:.53rem}.site-nav .button{gap:.8rem;padding-inline:1rem}.brand>span{font-size:1.6rem}.play-studio{grid-template-columns:205px minmax(0,1fr)}.play-controls{padding-inline:1rem}.project-choices button{font-size:.62rem;gap:.5rem}.preview-corner{display:none}.project-preview{height:390px}.preview-nav>span{font-size:.5rem}.invite-card{gap:2rem}.quote-card{gap:2.5rem}.audit-row{padding:1.4rem}.audit-name h3{font-size:1.35rem}.service-panel{gap:2rem}}
@media(max-width:760px){:root{--gutter:1.2rem}html{scroll-padding-top:6rem}.section-shell{padding-top:3.4rem;padding-bottom:3.4rem}.site-header{height:82px}.site-header>.brand{position:relative;z-index:102}.brand>span{font-size:1.6rem}.brand>small{font-size:.42rem}.menu-toggle{position:relative;z-index:102;display:flex;align-items:center;gap:.7rem;min-height:2.75rem;padding:.3rem 0;border:0;background:transparent;font-size:.72rem}.menu-icon,.menu-icon:after{display:block;width:1.3rem;height:2px;background:currentColor;content:"";transition:transform 200ms}.menu-icon:after{transform:translateY(6px)}.menu-toggle[aria-expanded="true"] .menu-icon{transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-icon:after{transform:rotate(-90deg)}.site-nav{position:fixed;inset:0;z-index:101;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:6.5rem var(--gutter) 2rem;background:var(--paper);font-size:2rem;pointer-events:none;transform:translateY(-105%);transition:transform 300ms cubic-bezier(.16,1,.3,1)}.site-nav.is-open{pointer-events:auto;transform:none}.site-nav>a:not(.button){padding:.65rem 0;border-bottom:1px solid var(--line)}.site-nav .button{margin-top:1.5rem;justify-content:space-between;font-size:.9rem}.motion-toggle{margin-top:1rem;justify-content:space-between;font-size:.75rem}.hero{padding-top:1rem;padding-bottom:1rem}.hero-intro .eyebrow{max-width:23rem;margin:.1rem auto 1rem;font-size:.49rem;line-height:1.8;letter-spacing:.15em}.hero h1{font-size:clamp(2.5rem,9.7vw,4.5rem);line-height:1.1}.hero h1 em{display:block;width:max-content;margin:0 auto}.hero-lede{max-width:20rem;margin:1.1rem auto 1.6rem;font-size:.77rem}.play-studio{display:flex;flex-direction:column;padding:.65rem;border-radius:20px}.play-stage{order:-1}.project-browser{border-radius:13px}.project-preview{height:360px}.play-controls{display:grid;grid-template-columns:1fr;padding:1rem .35rem .4rem}.play-controls>.segmented{width:100%}.segmented button{font-size:.69rem;min-height:2.55rem}.mood-control{padding:1.2rem 0}.control-label{margin-bottom:.7rem;font-size:.52rem}.mood-options{justify-content:flex-start;gap:1.7rem}.mood-options button{font-size:.6rem;gap:.5rem;min-width:2.7rem}.swatch{width:1.9rem;height:1.9rem}.project-control{padding-top:1rem}.project-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.project-choices button{flex-direction:column;justify-content:flex-start;gap:.5rem;min-height:4.3rem;padding:.35rem .25rem .5rem;font-size:.56rem;text-align:center}.project-choices img{width:100%;height:46px;border-radius:6px;object-fit:cover}.project-choices b{display:none}.play-hint{margin:1rem 0 0;padding:.75rem 0 0;text-align:center;font-size:.65rem}.play-hint br{display:none}.play-hint br:after{content:" "}.project-peeks{display:none}.project-browser.is-mobile{width:min(275px,90%)}.browser-chrome{height:25px;padding:0 .6rem;font-size:.43rem}.hero-foot{align-items:flex-start;flex-direction:column;gap:.5rem;margin-top:.7rem}.hero-foot>p{font-size:.56rem}.hero-foot .text-link{width:100%;justify-content:space-between;font-size:.74rem}.paint-swipe{inset:5% -6%;height:90%}.section-heading{grid-template-columns:1fr;gap:1.2rem;margin-bottom:1.7rem}.section-heading>p{max-width:26rem;font-size:.82rem}.section-kicker{font-size:.55rem}.mobile-only{display:block}h2{font-size:clamp(2.5rem,10.5vw,4rem)}.project-grid{grid-template-columns:1fr;gap:1.5rem}.project,.project-small{grid-column:auto}.project-image{border-radius:15px;aspect-ratio:1.5}.project figcaption{padding:.8rem .1rem}.project h3{font-size:.95rem}.project-small{gap:.8rem;padding:.8rem}.project-small h3{font-size:.86rem}.project-small img{width:66px;height:50px}.project-small div>span{font-size:.58rem}.studio-invite{padding-top:0;padding-bottom:1rem}.invite-card{grid-template-columns:1fr;gap:2.5rem;padding:1.6rem;border-radius:23px}.invite-card h2{font-size:2.8rem}.invite-card p:not(.section-kicker){font-size:.83rem}.invite-card small{font-size:.6rem}.invite-art{margin:0 .3rem .7rem}.mini-body{padding:1rem;gap:.5rem}.mini-body strong{font-size:1.9rem}.mini-arch{height:120px}.mini-arch b{font-size:3.5rem}.draft-sticker{width:6.5rem;height:6.5rem;right:-.8rem;bottom:-1rem;font-size:.85rem}.draft-sticker em{font-size:1rem}.invite-steps{gap:.7rem .9rem;grid-template-columns:1fr 1fr}.invite-steps li{font-size:.65rem}.services{padding-top:2.6rem}.service-tabs{grid-template-columns:1fr 1fr;padding:.45rem}.service-tabs button{min-height:2.9rem;font-size:.8rem}.service-panel{grid-template-columns:1fr;gap:1.6rem;padding:1.4rem}.panel-top h3{font-size:2.2rem}.panel-top>p:not(.micro-label){font-size:.83rem}.service-visual{min-height:220px;padding:1.5rem}.visual-build>strong{font-size:2.4rem}.visual-ai blockquote{font-size:2.1rem}.visual-seo ol{font-size:.8rem;line-height:2.3}.visual-host dl>div{font-size:.72rem}.audits{padding-top:.5rem}.audit-list{grid-template-columns:1fr;gap:1rem}.audit-row{gap:1.2rem;padding:1.5rem;border-radius:20px}.audit-name h3{font-size:1.6rem}.audit-name>p{min-height:0}.audit-price>strong{font-size:2.8rem}.audit-row>.button{font-size:.8rem}.custom-pricing{flex-direction:column;gap:.5rem;font-size:.66rem}.quote{padding-top:0;padding-bottom:1rem}.quote-card{grid-template-columns:1fr;gap:2.5rem;padding:1.6rem;border-radius:22px}.quote-heading h2{font-size:3.6rem}.quote-heading>p:not(.section-kicker){font-size:.8rem}.quote-email{font-size:.72rem}.form-grid{grid-template-columns:1fr;gap:0}.form-footer{flex-direction:column-reverse;align-items:stretch;gap:1rem}.form-footer p{max-width:none}.quote-form input,.quote-form textarea{font-size:1rem}.site-footer{align-items:flex-start;flex-direction:column;gap:1.4rem;padding-top:2rem;padding-bottom:2rem}.footer-links{gap:1rem;font-size:.64rem}.audit-checkout,.dialog-top,.dialog-selection{padding-inline:1.2rem}.dialog-selection h2{font-size:2.4rem}.policy-header{padding-block:1.5rem}.policy-page main{padding-top:2rem}.policy-page main>p{font-size:.87rem}.not-found{padding:1.5rem}}
/* The brush can bleed to the viewport edge without making the page sideways-scroll. */
.project-approach{margin:0 0 .9rem;color:var(--muted);font-size:.78rem;line-height:1.75}.project-approach>strong{display:block;margin-bottom:.35rem;color:var(--ink);font-size:.82rem;font-weight:600}.project-technique{display:block;padding-top:.7rem;border-top:1px solid var(--line);color:#4f5969;font-size:.57rem;line-height:1.7}.project-kenflicks .project-image{background:#f0ece6}.project-kenflicks .project-image img{object-fit:contain}.project-grid{row-gap:2.5rem}
@media(max-width:760px){.project-approach{font-size:.76rem;margin-bottom:.8rem}.project-approach>strong{font-size:.8rem}.project-technique{font-size:.56rem}.project-grid{row-gap:2rem}}
body{overflow-x:clip}.hero{overflow:clip}.section-heading h2>em{margin-left:.08em}.preview-photo{object-position:65% 20%}
@container(max-width:420px){.preview-photo{object-position:65% 32%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}