/* Open process steps retain their scroll reveal without card containers. */
.reference-theme .ref-process-grid article,.reference-theme .ref-process-grid article:first-child{position:relative;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none;padding:1.25em 0}
.reference-theme .ref-process-grid article:before{content:none}
.reference-theme .ref-process-grid article.is-lit{border:0;box-shadow:none}
.reference-theme .ref-process-grid article .ref-step-top>svg,.reference-theme .ref-process-grid article:first-child .ref-step-top>svg{width:2.6em;height:2.6em;padding:0;border-radius:0;background:none;color:white;transition:color .55s,filter .55s;transition-delay:var(--step-delay,0ms)}
.reference-theme .ref-process-grid article.is-lit .ref-step-top>svg{background:none;color:var(--yellow);filter:drop-shadow(0 0 .65em #ffd60a44)}
.reference-theme .ref-process-grid article h3{transition:color .55s;transition-delay:var(--step-delay,0ms)}
.reference-theme .ref-process-grid article.is-lit h3{color:var(--yellow)}
.reference-theme .ref-process-grid article p,.reference-theme .ref-process-grid article:first-child p{color:white}
@media(min-width:768px){.reference-theme .ref-process-grid{gap:3em}}
@media(max-width:767px){.reference-theme .ref-process-grid{gap:2em}}
@media(prefers-reduced-motion:reduce){.reference-theme .ref-process-grid article h3,.reference-theme .ref-step-top>svg{transition:none!important}}
.motion-reduced .ref-process-grid article h3,.motion-reduced .ref-step-top>svg{transition:none!important}
/* The same reference typography and chrome throughout the route inventory. */
.inner-page .page-hero{padding:8em 0 6em;background:linear-gradient(#00f,#6166ff);color:white;overflow:clip}
.page-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.8em;color:#cfd0ff;font: .75em/1.5 var(--body-font);text-transform:uppercase;margin-bottom:2.3em;position:relative;z-index:2}
.page-crumbs a:hover{color:white}
.inner-page .page-hero>.container{position:relative}
.inner-page .page-hero h1{font-size:10em;line-height:.88;letter-spacing:-1px;max-width:10em;position:relative;z-index:2;overflow-wrap:normal}
.inner-title-accent{position:relative;display:inline;color:var(--yellow)}
.inner-page .page-hero-bottom{display:block;margin-top:3em;position:relative;z-index:2}
.inner-page .page-hero-bottom>p{font-size:1.5em;line-height:1.5;color:white;max-width:38em}
.inner-page .page-hero-bottom .actions{margin-top:2em;gap:.75em}
.inner-page .page-hero-bottom .actions:empty{display:none}
.inner-page .page-hero .hero-arrow{right:0;top:2em;width:22em;height:24em;color:#b7b9ff35;pointer-events:none;z-index:0;font-size:1em}
.inner-page .page-hero .hero-arrow svg{height:100%;width:100%}
.hero-facts{display:flex;flex-wrap:wrap;gap:.65em;margin-top:2em;font-size:1em}
.hero-facts>*{display:inline-flex;align-items:center;border:1px solid #ffffff55;border-radius:100px;padding:.7em 1.2em;color:white}
.hero-facts>a{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.hero-facts>a:hover{background:white;border-color:white}
.inner-page .button.small{font-size:1em;min-height:3em;padding:.65em 1.4em}
.inner-page .hand-note{font-family:KingdomHand,cursive;font-weight:500;font-style:normal}
.inner-page .page-hero+.section{position:relative}
.inner-page .paper{background:var(--paper)}
.inner-page .section-heading{max-width:70em}
.inner-page .section-heading .eyebrow{display:none}
.inner-page .split{gap:5em;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.inner-page .split p{font-size:1.25em;line-height:1.5;margin-top:1.5em}
.inner-page .extra-services{display:flex;gap:1em;flex-wrap:wrap;margin-top:3em}
/* About: portrait hero, a personal story, people and authentic client feedback. */
.about-hero{background:linear-gradient(#00f,#6166ff);color:white;overflow:hidden}
.about-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:3em;align-items:end;padding-top:8em;min-height:47em}
.about-hero-grid>div:first-child{position:relative;z-index:2;padding-bottom:9em}
.about-hero h1{font-size:11em;line-height:.88;letter-spacing:-1px}
.about-hero h1>span{color:var(--yellow);position:relative}
.about-hero h1>span:after{content:'';position:absolute;bottom:-.16em;left:0;width:100%;height:.05em;border-top:.04em solid var(--yellow);border-radius:80%}
.about-hero p{font-size:1.5em;max-width:30.5em;color:white;line-height:1.5;margin-top:2.5em}
.about-hero .actions{margin-top:2em;gap:.75em}
.about-hero-art{position:relative;align-self:stretch;min-height:39em;isolation:isolate}
.about-hero-art>img{width:140%;max-width:none;height:100%;object-fit:contain;object-position:bottom;position:absolute;bottom:-10%;left:-20%;z-index:1}
.about-ticket{position:absolute;top:16%;left:0;background:var(--yellow);color:var(--ink);transform:rotate(10deg);padding:1.5em 2em;border:.4em solid white;border-radius:1.25em;width:100%;font: .9em/1.4 monospace;box-shadow:0 1em 2em #05053d44}
.about-ticket strong{display:block;font:4em/.9 var(--display);margin-top:.3em}
.about-hero-art>.hand-note{position:absolute;z-index:3;bottom:17%;left:-25%;background:none;color:var(--yellow);font-size:2em;padding:0}
.story-intro{max-width:65em}
.story-timeline{margin-top:5em;position:relative}
.story-timeline:before{content:'';position:absolute;top:0;bottom:0;left:27%;width:1px;background:var(--line)}
.story-timeline article{display:grid;grid-template-columns:3fr 7fr;gap:6em;padding:3em 0;position:relative;border-top:1px solid var(--line)}
.story-timeline article:before{content:'';position:absolute;left:calc(27% - .4em);top:3.2em;width:.8em;height:.8em;border-radius:50%;background:var(--blue);box-shadow:0 0 0 .5em white}
.story-timeline .eyebrow{font-size:.85em;color:var(--blue)}
.story-timeline h3{font-size:2.75em;line-height:1.1;margin-bottom:.7em}
.story-timeline p{font-size:1.25em;line-height:1.6;max-width:40em}
.inner-page .people-grid{gap:1.5em}
.inner-page .people-grid article{padding:3em;border:0;background:white;border-radius:1.5em}
.inner-page .people-grid h3{font-size:3em;margin-bottom:.7em}
.inner-page .people-grid .eyebrow{font-size:.75em;color:var(--blue)}
.inner-page .people-grid p{font-size:1.25em;line-height:1.6;margin-top:1.5em}
/* Service index uses the same illustrated cards as the homepage. */
.reference-theme .service-index .container{padding-right:3em}
.reference-theme .service-index-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5em;overflow:visible;padding:0}
.reference-theme .service-index-grid .service-card{width:100%;max-width:none;margin:0!important}
/* Service detail pages keep their existing copy in reference-style split bands. */
.service-band-grid{display:grid;grid-template-columns:5fr 7fr;gap:5em;align-items:start}
.inner-page .service-band h2{font-size:4.5em;line-height:.98;color:var(--ink)}
.service-band-copy{max-width:65em}
.service-band-copy h3,.service-band-copy h4{font-size:1.85em;line-height:1.2;margin:1.6em 0 .7em}
.service-band-copy h3:first-child,.service-band-copy h4:first-child{margin-top:0}
.service-band-copy p{font-size:1.25em;line-height:1.7;margin-bottom:1.2em}
.service-band-copy .article-bullet{display:flex;align-items:start;gap:1em;background:white;border:1px solid var(--line);padding:1em 1.2em;border-radius:1em;font-size:1.125em;margin-bottom:.75em}
.service-band:not(.paper) .article-bullet{background:var(--paper);border-color:transparent}
.service-band-copy .article-bullet>.ui-symbol{flex:none;width:1.1em;height:1.5em;color:var(--blue)}
/* Contact keeps the existing working form and consent, presented like the reference. */
.contact-message{background:var(--paper)}
.inner-page .contact-grid{grid-template-columns:4.5fr 7.5fr;gap:5em}
.contact-founder{display:flex;align-items:center;gap:1em;margin-bottom:2em}
.contact-founder img{height:5em;width:5em;border-radius:50%;background:var(--blue);object-fit:cover;object-position:50% 20%}
.contact-founder .hand-note{font-size:1.75em;background:none;color:var(--blue);padding:0;max-width:8em}
.inner-page .contact-grid h2{font-size:5.25em}
.inner-page .contact-grid aside>p{font-size:1.25em;line-height:1.5}
.inner-page .contact-email{font-size:1.5em;overflow-wrap:anywhere}
.inner-page .contact-promise{padding:1.5em;border:1px solid var(--line);border-radius:1.25em;margin-block:2em;background:white}
.inner-page .contact-promise svg{height:3em;width:3em;stroke:var(--blue);fill:none;stroke-width:1.5}
.inner-page .contact-promise p{font-size:1.125em}
.inner-page .contact-form{background:white;border:0;border-radius:2em;padding:3em}
.inner-page .field-grid{gap:2em 1.5em}
.inner-page .field-grid label{font-size:1em;line-height:1.4}
.inner-page .field-grid input,.inner-page .field-grid select,.inner-page .field-grid textarea{font-size:1.125em;background:var(--paper);border:1px solid var(--line);border-radius:.65em;padding:.9em 1em;margin-top:.6em;min-height:3.2em}
.inner-page .field-grid input:focus,.inner-page .field-grid select:focus,.inner-page .field-grid textarea:focus{border-color:var(--blue);outline:2px solid #0000ff20}
.inner-page .contact-consent{font-size:.875em;line-height:1.6;margin-block:2em}
.inner-page .form-note{font-size:.875em;line-height:1.5}
/* Portfolio, case studies, articles and policies. */
.inner-page .work-index .project-grid{gap:4em 2em}
.inner-page .project-image{height:36em;border-radius:1.5em;background:var(--paper);border:0;padding:1.25em 1.25em 0}
.inner-page .project-image .browser-bar{display:none}
.inner-page .project-image>img{border-radius:.75em .75em 0 0}
.inner-page .project-caption{padding-top:1.5em}
.inner-page .project-caption h3{font-size:2em;margin-top:.7em}
.inner-page .project-caption .eyebrow{font-size:.75em;color:var(--blue)}
.inner-page .project-caption p{font-size:1.125em;line-height:1.5;margin-top:1em}
.inner-page .filter-row{gap:.65em;margin-bottom:3em}
.inner-page .filter-row button{font-size:1em;padding:.75em 1.4em;border-radius:100px;border:1px solid var(--line);background:var(--paper)}
.inner-page .filter-row button.active{background:var(--blue);color:white;border-color:var(--blue)}
.inner-page .case-visual{padding:1.25em 1.25em 0;background:var(--paper);border-radius:2em;margin-top:5em;width:calc(100% - 6em);overflow:hidden}
.inner-page .case-visual .browser-bar{height:2.5em;background:#e6e8fb;font-size:.75em;border-radius:1em 1em 0 0}
.inner-page .case-visual>img{max-height:60em;width:100%;object-fit:cover;object-position:top;border-radius:.5em .5em 0 0}
.inner-page .article-layout{grid-template-columns:3fr 8fr;gap:6em;padding-top:7em;padding-bottom:7em}
.inner-page .article-layout>aside{top:8em;border-top:1px solid var(--line);padding-top:1.5em}
.inner-page .article-layout>aside .eyebrow{font-size:.8em;color:var(--blue)}
.inner-page .article-layout>aside h3{font-size:2em;line-height:1.1;margin-block:1em}
.inner-page .article-layout>aside p{font-size:1.125em;line-height:1.6}
.inner-page .article-layout>aside .button{font-size:1em;margin-top:1.5em}
.inner-page .article-content h2{font-size:4em;line-height:1;overflow-wrap:normal}
.inner-page .article-content h3,.inner-page .article-content h4{font-size:1.85em;line-height:1.2;margin:1.5em 0 .7em}
.inner-page .article-content p{font-size:1.25em;line-height:1.75;margin-bottom:1.2em}
.inner-page .article-content .article-bullet{font-size:1.125em;line-height:1.6;padding:1em 1.25em;border-radius:1em;background:var(--paper)}
.inner-page .article-section{margin-bottom:3em;padding-bottom:3em}
.inner-page .insight-index{background:white}
.inner-page .insight-index .insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3em 1.5em}
.inner-page .insight-card{padding:0;background:white;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden}
.guide-cover{min-height:19em;padding:2em;background:linear-gradient(135deg,#00f,#6166ff);color:white;border-radius:1.25em;margin-bottom:2em}
.guide-cover>span{font:.75em/1.4 monospace;letter-spacing:.1em}
.guide-cover>strong{font:5em/.9 var(--display);display:block;margin-top:.6em;color:white}
.insight-card:nth-child(2n) .guide-cover{background:var(--ink)}
.insight-card:nth-child(3n) .guide-cover{background:var(--yellow);color:var(--ink)}
.insight-card:nth-child(3n) .guide-cover>strong{color:var(--ink)}
.inner-page .insight-card .eyebrow{font-size:.75em;color:var(--blue)}
.inner-page .insight-card h2{font-size:3.5em;line-height:1;margin:.6em 0 .5em}
.inner-page .insight-card p{font-size:1.125em;line-height:1.6;margin-bottom:2em;max-width:90%}
.inner-page .insight-card .text-link{font-size:1em;margin-top:auto}
.page-article .page-hero h1{font-size:7.5em;line-height:.95;max-width:12em}
.page-legal .page-hero h1{font-size:8em;line-height:.95}
.page-legal .page-hero-bottom>p{font-size:1.25em}
.page-legal .legal-body{max-width:64em;padding-top:6em;padding-bottom:6em}
.page-legal .article-content h2{font-size:2.75em;line-height:1.1}
.page-legal .article-content p{font-size:1.125em;line-height:1.8}
.inner-page .care-grid{gap:1.5em}
.inner-page .care-grid article{background:white;padding:2.5em;border-radius:1.5em;border:0}
.inner-page .care-grid h3{font-size:2em}
.inner-page .care-grid strong{font-size:4.5em;color:var(--blue)}
.inner-page .care-grid strong small{font-size:.25em}
.inner-page .care-grid p{font-size:1.125em;line-height:1.6;margin-block:1.5em}
.inner-page .care-grid .button{font-size:1em}
.inner-page .care-terms{margin-top:2em;font-size:1.125em}
.package-builder-page .pb-workspace{font-size:16px}
@media(max-width:991px){
.inner-page .page-hero{padding-top:7.5em;padding-bottom:5em}
.inner-page .page-hero h1{font-size:7em;max-width:11em}
.inner-page .page-hero-bottom>p{font-size:1.25em;max-width:35em}
.inner-page .page-hero .hero-arrow{width:16em;height:19em}
.about-hero-grid{padding-top:7.5em;min-height:40em;grid-template-columns:7fr 5fr;gap:2em}
.about-hero h1{font-size:8em}
.about-hero p{font-size:1.125em}
.about-hero-grid>div:first-child{padding-bottom:6em}
.about-hero-art{min-height:30em}
.about-ticket{font-size:.7em}
.story-timeline article{gap:4em}
.story-timeline h3{font-size:2.25em}
.reference-theme .service-index .container{padding-right:1.5em}
.reference-theme .service-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-band-grid{gap:3em;grid-template-columns:5fr 7fr}
.inner-page .service-band h2{font-size:3.5em}
.service-band-copy p{font-size:1.125em}
.inner-page .contact-grid{grid-template-columns:1fr;gap:4em}
.inner-page .contact-grid aside{max-width:50em}
.inner-page .article-layout{grid-template-columns:1fr;gap:3em;padding-block:5em}
.inner-page .article-layout>aside{position:static;max-width:60em}
.inner-page .case-visual{width:calc(100% - 3em)}
.inner-page .project-image{height:29em}
.inner-page .project-caption h3{font-size:1.75em}
.inner-page .insight-card h2{font-size:3em}
.inner-page .guide-cover{min-height:17em}
.page-article .page-hero h1{font-size:6.25em}
.page-legal .page-hero h1{font-size:6em}
}
@media(max-width:767px){
.inner-page .page-hero{padding-top:7.5em;padding-bottom:4.5em}
.page-crumbs{font-size:.7em;margin-bottom:2em;gap:.7em}
.inner-page .page-hero h1{font-size:5em;line-height:.93;letter-spacing:-.4px;max-width:100%;overflow-wrap:break-word}
.inner-page .page-hero-bottom{margin-top:2em}
.inner-page .page-hero-bottom>p{font-size:1.125em;line-height:1.5;max-width:100%}
.inner-page .page-hero-bottom .actions{margin-top:1.75em;gap:.65em}
.inner-page .page-hero .hero-arrow{width:14em;height:15em;top:1.5em;color:#b7b9ff20}
.inner-page .button{font-size:.95em;min-height:3.5em;padding:.9em 1.35em;gap:.75em}
.inner-page .site-header .button.small{font-size:.9em;min-height:3em;padding:.65em 1.1em}
.hero-facts{font-size:.875em;gap:.6em;margin-top:1.75em}
.hero-facts>*{padding:.75em 1em}
.inner-page .split{grid-template-columns:1fr;gap:2.5em}
.inner-page .split p{font-size:1.125em}
.about-hero-grid{display:block;padding-top:7.5em;min-height:0}
.about-hero-grid>div:first-child{padding-bottom:0}
.about-hero h1{font-size:6.2em;line-height:.9;letter-spacing:-.4px}
.about-hero p{font-size:1.125em;line-height:1.5;max-width:100%;margin-top:2.5em}
.about-hero .actions{gap:.75em;margin-top:1.75em}
.about-hero-art{height:28em;min-height:0;margin-top:2em}
.about-hero-art>img{height:110%;width:140%;left:-15%;bottom:-13%;object-position:bottom}
.about-ticket{top:10%;left:8%;width:84%;font-size:.6em;padding:1.5em 2em;transform:rotate(8deg)}
.about-hero-art>.hand-note{bottom:10%;left:0;font-size:1.75em;max-width:6em}
.story-timeline{margin-top:3em}
.story-timeline:before{left:.4em}
.story-timeline article{grid-template-columns:1fr;gap:1.25em;padding:2em 0 2em 2em}
.story-timeline article:before{left:0;top:2em}
.story-timeline h3{font-size:2em;margin-bottom:.65em}
.story-timeline p{font-size:1.125em;line-height:1.6}
.story-timeline .eyebrow{font-size:.75em}
.inner-page .people-grid{grid-template-columns:1fr;gap:1.25em}
.inner-page .people-grid article{padding:1.75em}
.inner-page .people-grid h3{font-size:2.5em}
.inner-page .people-grid p{font-size:1.125em}
.reference-theme .service-index .container{padding-right:1em}
.reference-theme .service-index-grid{grid-template-columns:1fr;gap:1.5em}
.reference-theme .service-index-grid .service-card{max-width:100%;width:100%}
.reference-theme .service-index-grid .service-art{height:17em;min-height:17em}
.inner-page .extra-services{gap:.75em;margin-top:2em}
.service-band-grid{grid-template-columns:1fr;gap:2em}
.inner-page .service-band h2{font-size:3.25em;line-height:1}
.service-band-copy h3,.service-band-copy h4{font-size:1.6em}
.service-band-copy p{font-size:1.125em;line-height:1.65}
.service-band-copy .article-bullet{font-size:1em;padding:1em;border-radius:.85em;line-height:1.5}
.inner-page .contact-grid{gap:3em}
.contact-founder{gap:1em;margin-bottom:2em}
.contact-founder .hand-note{font-size:1.65em}
.inner-page .contact-grid h2{font-size:4em}
.inner-page .contact-grid aside>p{font-size:1.125em}
.inner-page .contact-email{font-size:1.3em}
.inner-page .contact-promise{padding:1.25em;margin-block:1.75em}
.inner-page .contact-promise p{font-size:1em}
.inner-page .contact-form{padding:1.75em 1.25em;border-radius:1.5em}
.inner-page .field-grid{grid-template-columns:1fr;gap:1.5em}
.inner-page .field-grid label{font-size:1em}
.inner-page .field-grid input,.inner-page .field-grid select,.inner-page .field-grid textarea{font-size:1em;padding:1em;min-height:3.5em}
.inner-page .contact-consent{font-size:.8em;margin-block:1.75em}
.inner-page .form-note{font-size:.8em}
.inner-page .contact-result{padding:1.5em}
.inner-page .work-index .project-grid{grid-template-columns:1fr;gap:3em}
.inner-page .project-image{height:29em;border-radius:1.25em;padding:1em 1em 0}
.inner-page .project-caption h3{font-size:1.75em}
.inner-page .project-caption p{font-size:1.125em}
.inner-page .project-caption .eyebrow{font-size:.65em}
.inner-page .filter-row{gap:.5em;margin-bottom:2em}
.inner-page .filter-row button{font-size:.9em;padding:.75em 1em}
.inner-page .case-visual{width:calc(100% - 2em);margin-top:3em;padding:.65em .65em 0;border-radius:1.25em}
.inner-page .case-visual .browser-bar{font-size:.6em}
.inner-page .article-layout{padding-block:4em;display:flex;flex-direction:column;gap:3em}
.inner-page .article-layout>aside{order:2;width:100%;padding-top:1.5em}
.inner-page .article-layout>aside h3{font-size:1.85em}
.inner-page .article-layout>aside p{font-size:1.125em}
.inner-page .article-content{width:100%;min-width:0}
.inner-page .article-content h2{font-size:3em;line-height:1.05;overflow-wrap:break-word}
.inner-page .article-content h3,.inner-page .article-content h4{font-size:1.6em}
.inner-page .article-content p{font-size:1.125em;line-height:1.7}
.inner-page .article-content .article-bullet{font-size:1em;padding:1em;line-height:1.6}
.inner-page .article-section{padding-bottom:2.5em;margin-bottom:2.5em}
.inner-page .insight-index .insight-grid{grid-template-columns:1fr;gap:3em}
.inner-page .guide-cover{min-height:18em;padding:1.5em;margin-bottom:1.5em}
.inner-page .guide-cover>strong{font-size:5em}
.inner-page .insight-card h2{font-size:3em;margin:.7em 0 .5em}
.inner-page .insight-card p{font-size:1.125em;max-width:100%;margin-bottom:1.5em}
.inner-page .insight-card .eyebrow{font-size:.7em}
.page-article .page-hero h1{font-size:4em;line-height:1}
.page-legal .page-hero h1{font-size:4.5em}
.page-legal .legal-body{padding-top:4em;padding-bottom:4em}
.page-legal .article-content h2{font-size:2.5em}
.page-legal .article-content p{font-size:1.05em;line-height:1.8}
.inner-page .care-grid{grid-template-columns:1fr;gap:1.25em}
.inner-page .care-grid article{padding:1.75em}
.inner-page .care-grid strong{font-size:4em}
.inner-page .care-grid h3{font-size:1.75em}
.inner-page .care-grid p{font-size:1.125em}
.inner-page .care-terms{font-size:1em}
}
@media(max-width:360px){.inner-page .page-hero h1{font-size:4.3em}.about-hero h1{font-size:5.8em}.hero-facts{font-size:.85em}.inner-page .page-crumbs{font-size:.7em}.page-article .page-hero h1{font-size:3.5em}.inner-page .contact-form{padding:1.5em 1em}.inner-page .contact-email{font-size:1.2em}}

@media(min-width:992px){.about-hero h1{font-size:8.7em;white-space:nowrap}}
@media(max-width:991px){.about-hero h1>span{display:block}}

.inner-page .prices-section{background:white}
.hero-facts>a{gap:.5em}
.hero-facts .ui-symbol{width:1em;height:1em;flex:none}
.inner-page .page-hero h1 .yellow-text{display:inline-block;position:relative}
.inner-page .page-hero h1 .yellow-text:after{content:'';position:absolute;left:0;bottom:-.16em;width:100%;height:.06em;border-top:.04em solid var(--yellow);border-radius:70% 80% 0 0}
/* Keep service illustration captions inside their cards at every width. */
.reference-theme .service-illustration .art-sticker{left:50%;right:auto;bottom:-.45em;width:max-content;max-width:calc(100% - 1em);white-space:normal;text-align:center;font-size:1.25em;line-height:1.1;transform:translateX(-50%) rotate(2deg);padding:.2em .45em;box-sizing:border-box}
.reference-theme .mini-calendar{padding-bottom:2.25em}
/* A zero-minimum grid track prevents the laptop's intrinsic image width
   from widening the stage; viewport-based sizing also bounds the link. */
.reference-theme .solution-stage{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;overflow:clip}
.reference-theme .solution-laptop{display:block;width:min(44em,80vw);max-width:100%;min-width:0;justify-self:center;box-sizing:border-box}
.reference-theme .laptop-lid,.reference-theme .laptop-screen{min-width:0;box-sizing:border-box}
.reference-theme .laptop-screen{display:flex;flex-direction:column}
.reference-theme .laptop-screen>.browser-bar{flex:none;min-height:0;padding:.35em .75em;gap:.45em;height:2.2em}
.reference-theme .laptop-screen>.browser-bar>i{flex:none;width:.45em;height:.45em}
.reference-theme .laptop-screen>.browser-bar>span:last-child{font-size:1em;line-height:1.3;min-width:0;max-width:75%;margin-inline:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-theme .laptop-screen>img{flex:1;min-height:0;width:100%;height:0;object-fit:cover;object-position:top}
@media(max-width:767px){
.reference-theme .solution-laptop{width:92vw;max-width:92vw}
.reference-theme .solution-stage{min-height:0;padding-block:2.5em;margin-top:2em;margin-bottom:1em}
.reference-theme .laptop-screen>.browser-bar{font-size:.55em;height:2.2em}
.reference-theme .solution-backdrop{max-height:100%;overflow:hidden}
}
.reference-theme .service-illustration{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.reference-theme .service-illustration>div{min-width:0;max-width:100%;box-sizing:border-box}
/* Kingdom's enquiry-led hero. */
.reference-theme .kingdom-phone-scene{position:absolute;right:0;bottom:-1em;width:43%;height:37em;isolation:isolate}
.phone-kicker{position:absolute;top:2em;left:4em;right:1em;font: .68em monospace;letter-spacing:.12em;text-align:center;color:#ffffffb3}
.phone-orbit{position:absolute;inset:13% 3% 9%;border:1px solid #ffffff24;border-radius:50%;transform:rotate(-25deg)}
.phone-orbit:after{content:'';position:absolute;inset:10%;border:1px dashed #ffffff20;border-radius:50%}
.kingdom-phone{position:absolute;inset:2em -1em 0;width:calc(100% + 2em);height:calc(100% - 2em);padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 1em 1em #100a7222);transform:rotate(-9deg);transition:transform .4s}
.kingdom-phone svg{display:block;width:100%;height:100%;overflow:visible}
.kingdom-phone:hover{transform:rotate(-6deg) translateY(-.35em)}
.kingdom-phone:focus-visible{outline:2px solid #fff;outline-offset:-2em;border-radius:50%}
.phone-receiver{transform-origin:290px 160px;animation:kingdom-idle-ring 8s 2s infinite}
.phone-ring-lines{opacity:0;animation:kingdom-ring-lines 8s 2s infinite}
.phone-caption{position:absolute;left:0;bottom:2.1em;color:#ffd60a;font-family:KingdomHand,cursive;font-size:2em;line-height:1;transform:rotate(-7deg);pointer-events:none}
.phone-caption svg{position:absolute;right:-1em;bottom:1em;width:2.5em;fill:none;stroke:#ffd60a;stroke-width:2.5;stroke-linecap:round}
.phone-touch{position:absolute;bottom:.9em;right:3em;font:.58em monospace;letter-spacing:.1em;color:#ffffffa0}
.phone-response{position:absolute;top:4em;right:1em;background:#fff;color:#16105f;border-radius:2em;padding:.7em 1em;font-size:.85em;opacity:0;transform:translateY(.5em) rotate(5deg);transition:.25s;pointer-events:none}
.kingdom-phone-scene.is-ringing .phone-response{opacity:1;transform:translateY(0) rotate(5deg)}
.kingdom-phone-scene.is-ringing .phone-receiver{animation:kingdom-tap-ring .13s ease-in-out 10 alternate}
.kingdom-phone-scene.is-ringing .phone-ring-lines{animation:none;opacity:1}
@keyframes kingdom-idle-ring{0%,5%,10%,100%{transform:translateY(0) rotate(0)}2%,7%{transform:translateY(-13px) rotate(-4deg)}4%,9%{transform:translateY(-13px) rotate(4deg)}}
@keyframes kingdom-ring-lines{0%,11%,100%{opacity:0}1%,9%{opacity:1}}
@keyframes kingdom-tap-ring{from{transform:translateY(-19px) rotate(-5deg)}to{transform:translateY(-19px) rotate(5deg)}}
@media(max-width:767px){.reference-theme .kingdom-phone-scene{position:relative;right:auto;bottom:auto;width:100%;height:30em;margin-top:1em}.phone-kicker{top:0}.kingdom-phone{inset:0;width:100%;height:100%}.phone-caption{left:.4em;bottom:1.7em;font-size:1.85em}.phone-touch{bottom:.4em;right:1.5em}.phone-response{top:2em}}
@media(prefers-reduced-motion:reduce){.phone-receiver,.phone-ring-lines,.kingdom-phone-scene.is-ringing .phone-receiver{animation:none}.kingdom-phone{transition:none}}
.motion-reduced .phone-receiver,.motion-reduced .phone-ring-lines{animation:none}
/* A free preview, offered after visitors have had time to look around. */
.preview-offer{position:fixed;inset:0;width:min(840px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #ffffff55;border-radius:28px;background:#00f;color:#fff;overflow:auto;box-shadow:0 30px 100px #100a7255}
.preview-offer[open]{display:grid;grid-template-columns:.86fr 1fr;animation:offer-in .3s ease-out}
.preview-offer::backdrop{background:#0b074b8c;backdrop-filter:blur(7px)}
.preview-offer-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;background:#ffffff20;display:grid;place-items:center;z-index:2;color:#fff}
.preview-offer-close svg{width:20px;stroke:currentColor;stroke-width:1.5}
.preview-offer-close:hover{background:#ffffff40}
.preview-offer-art{position:relative;display:grid;place-items:center;padding:58px 28px;background:radial-gradient(ellipse at 20% 80%,#6266ff,transparent 80%);overflow:hidden;min-height:440px}
.offer-browser{width:100%;border-radius:12px;overflow:hidden;transform:rotate(-9deg);background:#fff;box-shadow:10px 18px 0 #16105f38;color:#16105f}
.offer-browser-bar{display:flex;align-items:center;gap:4px;border-bottom:1px solid #16105f20;padding:11px;background:#f6f7ff}.offer-browser-bar i{width:5px;height:5px;border-radius:50%;background:#00f}.offer-browser-bar span{font:8px monospace;letter-spacing:.1em;margin-left:8px}
.offer-browser-body{position:relative;padding:24px 20px 26px;overflow:hidden}.offer-browser-body>span:first-child{font:9px monospace;letter-spacing:.08em}.offer-browser-body strong{font:76px/.85 var(--display);display:block;margin-top:12px;letter-spacing:-1px}.offer-browser-lines{width:55%;height:17px;margin:15px 0;background:repeating-linear-gradient(0deg,#16105f22 0 2px,transparent 2px 7px)}.offer-browser-pill{display:inline-block;font:9px var(--body-font);background:#ffd60a;border-radius:25px;padding:9px 16px}.offer-spark{position:absolute;font:140px/1 Arial;right:-12px;top:65px;color:#00f;transform:rotate(-8deg)}
.offer-hand{position:absolute;bottom:42px;right:28px;transform:rotate(-9deg);font:36px/1 KingdomHand,cursive;color:#ffd60a}
.preview-offer-copy{padding:54px 34px 34px 14px;display:flex;flex-direction:column;align-items:flex-start}.preview-offer-label{font:9px/1.4 monospace;letter-spacing:.12em;color:#ffffffb0;margin-bottom:18px}.preview-offer h2{font-size:66px;line-height:.9;letter-spacing:-.5px}.preview-offer h2 span{color:#ffd60a}.preview-offer p{color:#fff;font-size:15px;line-height:1.5;margin:20px 0 22px}.preview-offer .button{font-size:14px;padding:15px 23px;min-height:50px;gap:25px;width:100%;justify-content:space-between}.preview-offer-later{color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:4px;align-self:center;padding:14px 5px}.preview-offer-small{font-size:10px;color:#ffffffa6;align-self:center;text-align:center}
body.preview-offer-open{overflow:hidden}
@keyframes offer-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.preview-offer{border-radius:22px;width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}.preview-offer[open]{grid-template-columns:1fr}.preview-offer-art{display:none}.preview-offer-copy{padding:42px 26px 23px;background:radial-gradient(ellipse at 100% 100%,#6166ff88,transparent 80%)}.preview-offer-label{font-size:8px;max-width:85%;margin-bottom:18px}.preview-offer h2{font-size:clamp(49px,15vw,70px)}.preview-offer p{font-size:14px;margin:17px 0 20px}.preview-offer-close{right:12px;top:12px;width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.preview-offer[open]{animation:none}}
.motion-reduced .preview-offer[open]{animation:none}
/* Compact frosted offer card; explicit intrinsic height prevents Safari stretching. */
.reference-theme .preview-offer{width:min(390px,calc(100vw - 40px));height:max-content;min-height:0;max-height:calc(100dvh - 40px);border-radius:24px;background:rgba(22,16,95,.88);border:1px solid #ffffff30;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 18px 65px #100a7240;color:#fff}
.reference-theme .preview-offer[open]{display:block}
.reference-theme .preview-offer::backdrop{background:#100a722e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.reference-theme .preview-offer-art{display:none}
.reference-theme .preview-offer-copy{padding:32px 25px 21px;background:none}
.reference-theme .preview-offer-close{top:12px;right:12px;width:32px;height:32px;background:#ffffff14}
.reference-theme .preview-offer-label{font-size:8px;letter-spacing:.08em;max-width:calc(100% - 26px);margin-bottom:17px;color:#ffffff9c}
.reference-theme .preview-offer h2{font-size:43px;line-height:.92;letter-spacing:0}
.reference-theme .preview-offer p{font-size:14px;line-height:1.45;margin:16px 0 19px;color:#e2e0ff}
.reference-theme .preview-offer .button{font-size:13px;min-height:46px;padding:12px 18px;gap:12px}
.reference-theme .preview-offer-later{font-size:12px;padding:13px 4px 11px}
.reference-theme .preview-offer-small{font-size:10px;color:#ffffff85}
@media(max-width:360px){.reference-theme .preview-offer{width:calc(100vw - 32px)}.reference-theme .preview-offer-copy{padding:30px 20px 19px}.reference-theme .preview-offer h2{font-size:38px}.reference-theme .preview-offer p{font-size:13px}.reference-theme .preview-offer-label{font-size:7px}}
/* Tactile details, kept inside the established composition. */
.reference-theme .kingdom-phone:hover{transform:rotate(calc(-6deg + var(--phone-lean,0deg))) translateY(calc(-.35em + var(--phone-lift,0px)))}
.phone-dial-wheel{transform-origin:0 -6px}
.kingdom-phone-scene.is-ringing .phone-dial-wheel{animation:kingdom-dial 1.8s cubic-bezier(.25,.7,.2,1) both}
.kingdom-phone-scene.is-ringing .phone-orbit{animation:kingdom-orbit 1s ease-out 2}
@keyframes kingdom-dial{0%{transform:rotate(0)}45%{transform:rotate(145deg)}65%{transform:rotate(145deg)}100%{transform:rotate(0)}}
@keyframes kingdom-orbit{from{opacity:1;scale:.97}to{opacity:0;scale:1.12}}
.reference-theme .service-illustration .search-result:first-of-type{border-radius:.6em}
.art-in-view .search-result:nth-child(2){animation:kingdom-found 3.6s ease-in-out 2}
.art-in-view .mini-calendar b:nth-child(17){animation:kingdom-date 2.5s ease-out 3}
.mini-enquiry>div i{position:relative;overflow:hidden}
.mini-enquiry>div i:after{content:'';position:absolute;left:.5em;top:50%;height:2px;background:#aaa6d3;width:0;transform:translateY(-50%)}
.art-in-view .mini-enquiry>div i:after{animation:kingdom-fill 4s ease 2}
.art-in-view .mini-enquiry>div:nth-child(3) i:after{animation-delay:.4s}
.art-in-view .mini-enquiry>div:nth-child(4) i:after{animation-delay:.8s}
.art-in-view .mini-ad{animation:kingdom-ad 4s ease-in-out 2}
.art-in-view .mini-browser>img{animation:kingdom-browser-peek 6s ease-in-out 1}
@keyframes kingdom-found{0%,100%{background:#ffffff00;box-shadow:0 0 0 1px #ffffff00}40%,65%{background:#ffffff16;box-shadow:0 0 0 1px #ffffff50}}
@keyframes kingdom-date{0%,100%{box-shadow:0 0 0 0 #ffd60a00}30%{box-shadow:0 0 0 .35em #ffd60a50}75%{box-shadow:0 0 0 .7em #ffd60a00}}
@keyframes kingdom-fill{0%,10%,100%{width:0;opacity:0}25%,80%{width:58%;opacity:1}}
@keyframes kingdom-ad{0%,100%{transform:rotate(3deg)}50%{transform:rotate(-1deg) translateY(-.25em)}}
@keyframes kingdom-browser-peek{0%,100%{object-position:50% 0%}50%,65%{object-position:50% 17%}}
.reference-theme .rail-position{display:flex;align-items:center;justify-content:space-between;gap:2em;margin-top:1.6em;color:inherit;opacity:.6}
.rail-position-label{font:max(10px,.68em)/1.4 monospace;letter-spacing:.15em;white-space:nowrap}
.rail-position-label:before{content:'DRAG TO EXPLORE'}
.rail-position-track{display:block;position:relative;width:9em;height:2px;border-radius:4px;background:currentColor;isolation:isolate}
.rail-position-track:before{content:'';position:absolute;inset:-1px 0;background:inherit;opacity:.15}
.rail-position-track i{position:absolute;left:0;top:-1px;height:4px;min-width:12px;border-radius:5px;background:var(--blue);box-shadow:0 0 0 2px var(--paper);transition:left .18s ease-out}
.home-work .rail-position-track i{background:var(--yellow);box-shadow:0 0 0 2px var(--blue)}
@media(pointer:coarse){.rail-position-label:before{content:'SWIPE TO EXPLORE'}}
@media(hover:hover) and (pointer:fine){.reference-theme .project-caption h3 a>span{transition:transform .3s}.reference-theme .project-card:hover .project-caption h3 a>span{transform:translate(.15em,-.15em)}.reference-theme .service-card-cta svg{transition:transform .3s}.reference-theme .service-card:hover .service-card-cta svg{transform:translate(.15em,-.15em)}}
@media(prefers-reduced-motion:reduce){.art-in-view *,.kingdom-phone-scene.is-ringing .phone-dial-wheel,.kingdom-phone-scene.is-ringing .phone-orbit{animation:none!important}.rail-position-track i{transition:none}.reference-theme .kingdom-phone:hover{transform:rotate(-9deg)}}
.motion-reduced .art-in-view *,.motion-reduced .kingdom-phone-scene.is-ringing .phone-dial-wheel,.motion-reduced .kingdom-phone-scene.is-ringing .phone-orbit,.motion-reduced .kingdom-phone-scene.is-ringing .phone-receiver{animation:none!important}
/* Kingdom people: a visual identity that belongs to both sides of the business. */
.kingdom-team-art{position:relative;padding:2.5em 1em 3.5em;min-width:0;isolation:isolate}
.team-art-caption{font:.62em/1.4 monospace;letter-spacing:.15em;color:#c7c3f7;text-align:center;margin-bottom:2.2em}
.kingdom-person{position:relative;min-height:14em;border-radius:1.2em;padding:2em 1.6em;display:flex;align-items:center;gap:1.5em;box-shadow:0 1em 2em #08054430;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.brandon-card{color:var(--ink);background:var(--yellow);transform:rotate(-5deg);z-index:2}
.kurtis-card{color:var(--ink);background:var(--paper);transform:rotate(4deg);margin-top:1em;margin-left:1em}
.kingdom-person-mark{font:7.6em/.8 var(--display);position:relative;min-width:.65em;letter-spacing:-.03em}
.kingdom-person-mark>span{position:absolute;right:-.4em;top:-.1em;font: .45em/1 Arial;color:var(--blue)}
.kingdom-person-details{position:relative;z-index:1;min-width:0}
.person-role{display:block;font:.55em/1.5 monospace;letter-spacing:.09em;margin-bottom:.8em}
.reference-theme .kingdom-person h3{font-family:var(--display);font-size:3.1em;line-height:1;text-transform:uppercase;color:var(--ink)}
.reference-theme .studio-section .kingdom-person p{color:var(--ink);font-size:.8em;margin:.45em 0 0;line-height:1.3}
.person-signature{position:absolute;bottom:.55em;right:.8em;font:1.35em/1 KingdomHand,cursive;transform:rotate(-3deg);color:var(--blue)}
.team-art-note{display:block;font:1.75em/1 KingdomHand,cursive;color:var(--yellow);margin:1.2em 0 0 1.2em;transform:rotate(-5deg)}
@media(hover:hover){.kingdom-person:hover{transform:rotate(0) translateY(-.3em)}}
@media(max-width:767px){.kingdom-team-art{padding:1em .7em 2em;max-width:31em;margin-inline:auto;width:100%}.kingdom-person{min-height:12em;padding:1.6em 1.25em;gap:1.4em}.kingdom-person-mark{font-size:6.5em}.reference-theme .kingdom-person h3{font-size:2.8em}.person-role{font-size:.52em}.team-art-note{font-size:1.6em}}
/* Preview: the same bold language, with a direct route to a real enquiry. */
.reference-theme .preview-page-hero{background:linear-gradient(160deg,#00f 35%,#6166ff);color:#fff;padding:4em 0 5.5em}
.preview-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3em}
.preview-page-hero .page-crumbs{margin-bottom:2.7em}
.preview-page-hero .hand-note{font:1.8em/1 KingdomHand,cursive;color:var(--yellow);margin-bottom:1em}
.reference-theme .preview-page-hero h1{font-size:7.2em;line-height:.9;letter-spacing:-.01em}
.preview-page-hero h1>span{color:var(--yellow)}
.preview-page-hero p{font-size:1.25em;color:#fff;max-width:27em;margin:1.6em 0}
.preview-no-obligation{display:block;font:.58em/1.5 monospace;letter-spacing:.1em;color:#ffffffa6;margin-top:1.6em}
.preview-browser-scene{position:relative;padding:2em .5em 5em;min-width:0}
.preview-browser-window{background:var(--paper);color:var(--ink);border-radius:1em;box-shadow:1em 1.5em 0 #16105f40;transform:rotate(5deg);overflow:hidden;transition:transform .6s}
.preview-browser-toolbar{display:flex;align-items:center;gap:.35em;padding:1em;border-bottom:1px solid #16105f22;background:#fff}
.preview-browser-toolbar i{width:.4em;height:.4em;border-radius:50%;background:#00f}
.preview-browser-toolbar>span{font:.5em/1 monospace;letter-spacing:.12em;margin:auto;color:#69618c}
.preview-browser-page{padding:1.6em;min-height:27em;background:radial-gradient(ellipse at 110% 110%,#d9d7ff,transparent 65%)}
.preview-browser-nav{display:flex;justify-content:space-between;gap:1em;font:.52em/1.3 monospace;letter-spacing:.05em}
.preview-browser-nav>span:first-child{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-browser-heading{font:4.8em/.9 var(--display);letter-spacing:-.01em;margin:1em 0 .35em}
.preview-browser-heading>span{color:var(--blue)}
.preview-browser-rule{height:1px;background:#16105f30;margin-top:1.8em}
.preview-browser-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1em;font:.5em/1.5 monospace;letter-spacing:.1em}
.preview-browser-foot>span:last-child{font:4em/1 Arial;color:var(--blue)}
.preview-browser-note{position:absolute;bottom:1.5em;left:.7em;transform:rotate(-6deg);font:1.6em/1 KingdomHand,cursive;color:var(--yellow)}
.preview-browser-seal{position:absolute;bottom:2.2em;right:-.3em;background:var(--yellow);color:var(--ink);border-radius:50%;width:9em;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;rotate:-10deg;box-shadow:0 .4em 1em #16105f30}
.preview-browser-seal>span{font:.48em/1 monospace;letter-spacing:.07em;margin-bottom:.8em}
.preview-browser-seal strong{font:2.5em/.85 var(--display);text-align:center}
.preview-included-head{max-width:58em}
.preview-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3em;margin-top:4em}
.preview-scope article{border-top:2px solid var(--blue);padding-top:1.5em}
.preview-scope article>span{font:.65em/1.4 monospace;letter-spacing:.12em;color:var(--blue)}
.preview-scope h3{font-size:1.75em;margin:.8em 0 1em;line-height:1.15}
.preview-scope p{font-size:1.1em;line-height:1.5}
.preview-brief-note{border:1px solid #16105f26;transform:rotate(-2deg);border-radius:.5em;background:#fff;padding:1.5em;margin:2em .5em 2em 0;max-width:24em}
.preview-brief-note>span{font:.65em/1.5 monospace;letter-spacing:.1em;color:var(--blue)}
.preview-request .preview-brief-note p{font:1.7em/1.25 KingdomHand,cursive!important;margin:.7em 0 0;color:var(--ink)}
.preview-request .preview-scope-note{font-size:.85em!important;line-height:1.6!important;max-width:28em}
.preview-request .contact-form{background:#fff;border-radius:1.5em;padding:2em;border:1px solid #16105f15;box-shadow:0 1em 2em #16105f08}
.preview-request .contact-form input:focus,.preview-request .contact-form textarea:focus,.preview-request .contact-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0000ff14}
.reference-theme .notepad .note-list li{transition:background .45s,color .45s;position:relative}
.reference-theme .notepad .note-list li.note-in-focus{color:var(--blue);background:#ffd60a26}
.reference-theme .notepad .note-list li.note-in-focus .note-cross{stroke:var(--blue);transform:rotate(-7deg)}
.note-cross{transition:stroke .4s,transform .4s}
@media(min-width:768px) and (hover:hover){.preview-browser-scene:hover .preview-browser-window{transform:rotate(1deg) translateY(-.3em)}}
@media(max-width:991px){.reference-theme .preview-page-hero h1{font-size:6.2em}.preview-hero-grid{gap:2em}.preview-browser-heading{font-size:3.7em}.preview-browser-page{min-height:23em}.preview-browser-seal{font-size:.85em}}
@media(max-width:767px){.reference-theme .preview-page-hero{padding:2em 0 3em}.preview-hero-grid{grid-template-columns:1fr;gap:2em}.preview-page-hero .page-crumbs{margin-bottom:2em}.reference-theme .preview-page-hero h1{font-size:5.3em}.preview-page-hero .hand-note{font-size:1.6em}.preview-page-hero p{font-size:1.125em;margin:1.5em 0}.preview-browser-scene{max-width:29em;width:100%;margin:auto;padding:1em 1em 4.5em}.preview-browser-heading{font-size:4em}.preview-browser-page{min-height:23em}.preview-browser-note{font-size:1.35em;left:1em;bottom:.5em}.preview-browser-seal{bottom:2.4em;right:.2em;font-size:.8em}.preview-scope{grid-template-columns:1fr;gap:2.5em;margin-top:3em}.preview-scope h3{font-size:1.75em;margin:.7em 0}.preview-scope p{font-size:1.1em}.preview-request .contact-form{padding:1.4em}.preview-request .contact-grid{gap:3em}}
@media(prefers-reduced-motion:reduce){.kingdom-person,.preview-browser-window,.reference-theme .notepad .note-list li,.note-cross{transition:none}}
.motion-reduced .kingdom-person,.motion-reduced .preview-browser-window,.motion-reduced .notepad .note-list li,.motion-reduced .note-cross{transition:none}
.reference-theme .preview-page-hero{padding-top:8em}
.preview-page-hero .hand-note{background:none;padding:0;transform:rotate(-4deg);display:block}
@media(max-width:767px){.reference-theme .preview-page-hero{padding-top:7em}}
/* Keep the floating contact controls available without covering the reading flow. */
.reference-theme .site-header{transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s ease}
.reference-theme .site-header.scrolled.nav-hidden{transform:translateY(-115%);opacity:0;pointer-events:none}
.reference-theme .site-header.scrolled.nav-hidden .header-actions{pointer-events:none}
.reference-theme .site-header:focus-within{transform:translateY(0);opacity:1}
@media(prefers-reduced-motion:reduce){.reference-theme .site-header{transition:none}}
.motion-reduced .site-header{transition:none}
/* A real clipped comparison: both captures fill the same window. */
.reference-theme .mini-rebuild{display:block}
.reference-theme .mini-rebuild>div{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:.2em}
.reference-theme .mini-rebuild>div:first-child{z-index:2;clip-path:inset(0 50% 0 0)}
.reference-theme .mini-rebuild>div:nth-child(2){z-index:1}
.reference-theme .mini-rebuild>div img{display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:cover;object-position:top left}
.reference-theme .mini-rebuild .mini-divider{z-index:3;top:0;left:50%}
.art-in-view .mini-rebuild>div:first-child{animation:kingdom-before-after 5.8s cubic-bezier(.4,0,.2,1) both}
.art-in-view .mini-rebuild .mini-divider{animation:kingdom-before-after-handle 5.8s cubic-bezier(.4,0,.2,1) both}
@keyframes kingdom-before-after{0%,100%{clip-path:inset(0 50% 0 0)}20%,35%{clip-path:inset(0 3% 0 0)}65%,80%{clip-path:inset(0 97% 0 0)}}
@keyframes kingdom-before-after-handle{0%,100%{left:50%}20%,35%{left:97%}65%,80%{left:3%}}
.reference-theme .footer-personal .footer-preview-link{font-family:var(--body-font);font-size:1em;color:white;display:inline-flex;align-items:center;gap:.6em;margin-top:1.5em;text-decoration:underline;text-underline-offset:.3em;max-width:100%}
@media(prefers-reduced-motion:reduce){.art-in-view .mini-rebuild>div:first-child,.art-in-view .mini-rebuild .mini-divider{animation:none!important}}
.motion-reduced .art-in-view .mini-rebuild>div:first-child,.motion-reduced .art-in-view .mini-rebuild .mini-divider{animation:none!important}
/* Kingdom Forms feedback within the existing enquiry design. */
.reference-theme .contact-form .tff-theme-form-status{padding:1em 1.1em;border-radius:.75em;background:#f1f0ff;color:var(--ink);font-size:.9em;margin:0 0 1.2em}
.reference-theme .contact-form .tff-theme-form-status:empty{display:none}
.reference-theme .contact-form .tff-theme-form-status.is-error{background:#fff0f2;color:#9a1630;border:1px solid #f1bac6}
.reference-theme .contact-form .tff-theme-form-status.is-success{background:#edf9f3;color:#155b3e;border:1px solid #add8c3}
.reference-theme .contact-form [aria-invalid="true"]{border-color:#b32240}
.reference-theme .tff-spam-check{max-width:100%;margin-block:1em;overflow:clip}
.reference-theme .tff-spam-check__message{font-size:.8em;line-height:1.4}

/* Kingdom business profiles: local SVGs, comfortable touch targets. */
.reference-footer .kingdom-social-links{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.reference-footer .kingdom-social-links a{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border:1px solid #ffffff66;border-radius:50%;color:#fff;background:#ffffff0a;transition:background .2s,color .2s,transform .2s,border-color .2s}
.reference-footer .kingdom-social-links svg{width:22px;height:22px;display:block;flex:none}
.reference-footer .kingdom-social-links a:hover{color:#181158;background:#ffdf00;border-color:#ffdf00;transform:translateY(-3px)}
.reference-footer .kingdom-social-links a:focus-visible{outline:3px solid #ffdf00;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.reference-footer .kingdom-social-links a{transition:none}.reference-footer .kingdom-social-links a:hover{transform:none}}
/* Reserve a clear caption row below the animated phone. */
.reference-theme .kingdom-phone{inset:2em -1em 7em;height:calc(100% - 9em)}
.reference-theme .phone-caption{left:0;right:0;bottom:1.1em;font-size:clamp(28px,2vw,36px);line-height:1.15;text-align:center;transform:rotate(-3deg);z-index:2}
.reference-theme .phone-caption svg{display:none}
/* Let the receipt and blue pricing panel follow their content. */
.reference-theme .home-package-panels .price-card{min-height:0;grid-template-rows:auto auto auto;row-gap:0}
.reference-theme .home-package-panels .package-receipt{min-height:0;height:auto;grid-row:1/4;align-self:start;padding:2em 1.75em}
.reference-theme .home-package-panels .receipt-bottom{margin-top:0;padding-top:2em;align-self:auto}
@media(max-width:767px){
 .reference-theme .kingdom-phone{inset:0 0 7em;width:100%;height:calc(100% - 7em)}
 .reference-theme .phone-caption{font-size:clamp(24px,6vw,30px);bottom:1.1em;left:0;right:0}
}
@media(max-width:700px){
 .reference-theme .home-package-panels .price-card{grid-template-rows:auto auto auto auto}
 .reference-theme .home-package-panels .package-receipt{grid-row:4;grid-column:1;margin-top:2em;padding:1.75em 1.25em;min-height:0}
}
/* Concept images open directly in the viewer, without a case study. */
.reference-theme button.project-image{display:block;width:100%;text-align:left;color:inherit;cursor:zoom-in;font:inherit}
.reference-theme .project-caption>h3{color:var(--ink)}
.reference-theme .final-projects .project-strip .concept-tile{display:block;height:15em;margin:0;padding:0;width:100%;flex:none;overflow:hidden;border:0;border-radius:.75em;background:var(--paper);cursor:zoom-in;transition:translate .3s}
.reference-theme .final-projects .project-strip .concept-tile img{width:100%;height:100%;object-fit:cover;object-position:top}
.reference-theme .final-projects .project-strip .concept-tile:hover{translate:0 -.4em}
.reference-theme .final-projects .concept-tile:focus-visible,.reference-theme .project-image:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.concept-dialog{width:min(1050px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);border:0;border-radius:20px;padding:0;background:#fff;color:#16105f;overflow:auto;box-shadow:0 20px 100px #09084855;overscroll-behavior:contain}
.concept-dialog::backdrop{background:#100a72c9;backdrop-filter:blur(8px)}
.concept-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #16105f22}
.concept-dialog-head span{font:10px/1.4 monospace;letter-spacing:.12em}
.concept-dialog-head h2{font-family:var(--display);font-size:32px;line-height:1.1;margin:6px 0 0}
.concept-dialog-head button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #16105f33;border-radius:50%;color:#16105f;background:#f5f5ff;flex:none}
.concept-dialog-head button:focus-visible{outline:3px solid #00f;outline-offset:3px}
.concept-dialog-head svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}
.concept-dialog-image{display:block;width:100%;height:auto}
body:has(.concept-dialog[open]){overflow:hidden}
.art-in-view .mini-browser>.service-page-preview{animation:kingdom-service-page-scroll 14s ease-in-out infinite}
@keyframes kingdom-service-page-scroll{0%,15%,100%{object-position:50% 0%}65%,80%{object-position:50% 100%}}
.service-card:hover .service-page-preview,.service-card:focus-visible .service-page-preview{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.reference-theme .concept-tile{transition:none!important}.art-in-view .mini-browser>.service-page-preview{animation:none!important;object-position:top}}
.motion-reduced .art-in-view .mini-browser>.service-page-preview{animation:none!important;object-position:top}
@media(max-width:700px){.concept-dialog-head{padding:12px 16px}.concept-dialog-head h2{font-size:25px}}
/* Real technology marks in the yellow strip. */
.reference-theme .tech-band .proof-group{gap:4em;min-width:0;padding:2em 3em}
.reference-theme .tech-band .proof-track{animation-duration:36s}
.tech-logo{display:inline-flex;align-items:center;gap:.65em;flex:none;white-space:nowrap;color:var(--ink);font-weight:600;font-size:1.65em;letter-spacing:-.04em}
.tech-logo img{display:block;width:1.65em;height:1.65em;object-fit:contain;flex:none}
/* A compact package header, with its receipt directly underneath. */
.reference-theme .home-package-picker{max-width:48em;margin-inline:auto;padding:2em}
.reference-theme .package-tabs{width:100%;min-width:0;margin-bottom:1.75em}
.reference-theme .home-package-panels .price-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:2em;min-height:0}
.reference-theme .home-package-panels .price-value{grid-column:1;grid-row:1;align-self:center}
.reference-theme .home-package-panels .price-value>strong{font-size:8em;letter-spacing:-.03em}
.reference-theme .home-package-panels .price-card-top{grid-column:2;grid-row:1;margin:0;align-self:center}
.reference-theme .home-package-panels .price-card-top h3{font-size:2em;margin:0 0 .6em}
.reference-theme .home-package-panels .price-card-top p{font-size:1.125em;margin:0;max-width:24ch}
.reference-theme .home-package-panels .package-receipt{grid-column:1/-1;grid-row:2;min-height:0;height:auto;margin:1.75em 0 0;padding:1.75em 2em;transform:none}
.reference-theme .home-package-panels .receipt-top{position:static;top:auto;margin:0 0 1em;padding-bottom:1em}
.reference-theme .home-package-panels .receipt-bottom{padding-top:1.25em;margin-top:0}
.reference-theme .home-package-panels .price-card>.button{grid-column:1/-1;grid-row:3;margin:1.5em auto 0;min-height:3.25em}
@media(max-width:700px){
 .reference-theme .home-package-picker{padding:1.5em 1.25em}
 .reference-theme .package-tabs{margin-bottom:1.5em}
 .reference-theme .home-package-panels .price-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}
 .reference-theme .home-package-panels .price-value{grid-column:1;grid-row:1}
 .reference-theme .home-package-panels .price-value>strong{font-size:6.5em}
 .reference-theme .home-package-panels .price-card-top{grid-column:1;grid-row:2;margin-top:1em}
 .reference-theme .home-package-panels .package-receipt{grid-column:1;grid-row:3;margin-top:1.5em;padding:1.5em 1.25em}
 .reference-theme .home-package-panels .price-card>.button{grid-column:1;grid-row:4;margin-left:0}
 .reference-theme .tech-band .proof-group{gap:2.5em;padding:1.7em 2em}
 .tech-logo{font-size:1.4em}
}
.motion-reduced .tech-band .proof-track{animation:none;will-change:auto}
.motion-reduced .tech-band{overflow:auto}
/* Delivered client work: editorial chapters and inspectable captures. */
.case-feature{margin-top:4em;margin-bottom:0;background:var(--paper);padding:1.25em;border-radius:1.5em;overflow:hidden}
.case-feature .browser-bar{height:2.8em;font-size:.75em;border-radius:.8em .8em 0 0;background:#e5e5f8}
.case-capture{position:relative;display:block;width:100%;border:0;padding:0;cursor:zoom-in;background:var(--ink);overflow:hidden;border-radius:0 0 .8em .8em}
.case-capture img{display:block;width:100%;height:36em;object-fit:cover;object-position:top;transition:object-position 1.4s ease}
.case-capture:hover img,.case-capture:focus-visible img{object-position:center}
.case-capture>span{position:absolute;bottom:1.3em;right:1.3em;background:var(--yellow);color:var(--ink);padding:.8em 1.2em;border-radius:2em;font-size:.9em}
.case-capture:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.case-feature figcaption,.case-comparison figcaption{font-size:.85em;line-height:1.6;margin-top:1em;color:#565378}
.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:2em;padding-top:2em;padding-bottom:2em;border-bottom:1px solid #dddced;margin-top:0}
.case-facts dt{font-size:.75em;text-transform:uppercase;letter-spacing:.08em;color:#666184;margin-bottom:.6em}
.case-facts dd{margin:0;font-size:1.3em;line-height:1.4;color:var(--ink)}
.case-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:5em;padding-top:6em;padding-bottom:6em}
.case-intro h2{font-family:inherit;font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.1;letter-spacing:-.045em;margin:0}
.case-intro p,.case-reading p{font-size:1.15em;line-height:1.8;color:#48436d}
.case-intro p{margin:0}
.case-story{display:grid;grid-template-columns:1fr 2.3fr;gap:6em;align-items:start;padding-bottom:6em}
.case-index{position:sticky;top:6em;display:grid;gap:1.1em;padding-top:.4em}
.case-index>a{display:flex;justify-content:space-between;gap:1em;text-decoration:none;padding:.7em 0;border-bottom:1px solid #dddced;font-size:.95em}
.case-index>a:hover{color:var(--blue)}
.case-index .text-link{margin-top:1.5em;justify-content:flex-start}
.case-chapter{scroll-margin-top:6em;margin-bottom:4.5em}
.case-chapter h2,.case-scope h2{font-family:inherit;font-size:clamp(1.8rem,2.7vw,2.8rem);line-height:1.15;letter-spacing:-.04em;margin:.55em 0 .7em}
.case-reading p+p{margin-top:1.1em}
.case-comparison{margin:0 0 4.5em}.case-comparison .comparison{border-radius:1em}
.case-scope{background:var(--paper);padding:2.5em;border-radius:1.5em}
.case-scope dl{margin:2em 0 0}.case-scope dl>div{padding:1.2em 0;border-top:1px solid #d7d4e8}.case-scope dt{font-size:1.05em;margin-bottom:.4em}.case-scope dd{margin:0;color:#514a75;line-height:1.65}
.case-next{padding:3em;background:var(--blue);color:white;border-radius:1.5em;margin-bottom:5em}.case-next h2{font-family:inherit;font-size:clamp(2rem,4vw,4rem);line-height:1.1;letter-spacing:-.04em;margin:.5em 0}.case-next p{max-width:40em;margin-bottom:2em}
@media(max-width:767px){.case-feature{margin-top:2.5em;padding:.75em}.case-capture img{height:24em}.case-capture>span{font-size:.75em;bottom:1em;right:1em}.case-facts{grid-template-columns:1fr 1fr;gap:1.5em}.case-facts dd{font-size:1.1em}.case-intro{grid-template-columns:1fr;gap:1.5em;padding-top:3em;padding-bottom:3em}.case-story{grid-template-columns:1fr;gap:2.5em;padding-bottom:3em}.case-index{position:static;grid-template-columns:1fr 1fr;gap:.5em 1.5em}.case-index .eyebrow{grid-column:1/-1}.case-index .text-link{margin-top:.5em}.case-reading p,.case-intro p{font-size:1.05em}.case-chapter{margin-bottom:3em}.case-scope{padding:1.5em}.case-next{padding:2em;margin-bottom:3em}}
@media(prefers-reduced-motion:reduce){.case-capture img{transition:none}}
/* Exact project feedback and owner-supplied Google reviews. */
.reviews-heading{display:flex;justify-content:space-between;align-items:end;gap:3em;margin-bottom:3em}.reviews-heading h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.98;margin:.25em 0 0}.reviews-heading>p{line-height:1.7;color:#514b75}.project-reviews{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.3em}
.review-card{display:flex;flex-direction:column;min-width:0;margin:0;background:var(--paper);padding:2em;border-radius:1.5em}.review-card figcaption{display:grid;gap:.35em}.review-card figcaption strong{font-size:1.1em}.review-card figcaption>span{font-size:.8em;color:#676080}.review-card blockquote{margin:1.5em 0;font-size:1em;line-height:1.8;letter-spacing:0;font-family:inherit}.review-card blockquote p{margin:0 0 1em}.review-card blockquote p:last-child{margin:0}.review-card>.text-link{margin-top:auto;font-size:.9em;align-self:start}
.google-reviews{margin-top:2em;background:var(--ink);color:white;border-radius:1.5em;padding:2.5em}.google-reviews>header{display:flex;justify-content:space-between;align-items:center;gap:2em;margin-bottom:2em}.google-reviews h3{font-size:2.5em;line-height:1.1;font-family:inherit;letter-spacing:-.04em;margin:.3em 0}.google-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5em}.google-review{background:#ffffff0d;border:1px solid #ffffff26}.google-review figcaption>span{color:#cbc7e8}.review-stars{display:flex;gap:.2em;margin-top:1em;color:var(--yellow)}.review-stars svg{width:1.1em;height:1.1em;fill:currentColor}.google-review .text-link{color:var(--yellow)}
.case-client-quote{margin-top:3em}.case-client-quote>.eyebrow{display:block;margin-bottom:1em}.case-client-quote .review-card{background:var(--ink);color:white}.case-client-quote .review-card p{color:white;font-size:1.15em}.case-client-quote .review-card figcaption>span{color:#cbc7e8}.case-client-quote .text-link{display:none}
@media(max-width:767px){.reviews-heading{display:block;margin-bottom:2em}.reviews-heading>p{margin-top:1.5em}.project-reviews,.google-review-grid{grid-template-columns:1fr}.review-card{padding:1.5em}.google-reviews{padding:1.5em}.google-reviews>header{display:block}.google-reviews .button{margin-top:1.5em}.google-reviews h3{font-size:2em}}

.google-review blockquote p{color:white}.google-reviews .eyebrow{color:#cbc7e8}

.review-profile{display:inline-flex;align-items:center;gap:1em;color:white;text-decoration:underline;text-underline-offset:5px;flex:none}.review-profile .ui-symbol{width:1em;height:1em}.review-profile:hover{color:var(--yellow)}

.case-live-bar{padding-top:2em}.case-live-bar+.case-feature{margin-top:2em}
/* Readable white copy across blue and navy panels. */
.reference-theme .case-next p,
.reference-theme .page-hero p,
.reference-theme .page-crumbs,
.reference-theme .home-work .project-caption p,
.reference-theme .home-work .project-caption .eyebrow,
.reference-theme .studio-section .split p,
.reference-theme .ref-process-head>p,
.reference-theme .ref-process-grid article p,
.reference-theme .ref-process-grid article:first-child p,
.reference-theme .included-section p,
.reference-theme .home-package-panels .price-card-top p,
.reference-theme .home-package-panels .price-value>span,
.reference-theme .footer-personal p,
.reference-theme .reference-footer .footer-grid p,
.reference-theme .preview-offer p,
.reference-theme .preview-offer-label,
.reference-theme .preview-offer-small,
.reference-theme .preview-no-obligation,
.reference-theme .team-art-caption,
.reference-theme .phone-kicker,
.reference-theme .phone-touch,
.reference-theme .google-review figcaption>span,
.reference-theme .google-reviews .eyebrow,
.reference-theme .case-client-quote .review-card figcaption>span{color:#fff}
/* A real missing-page destination, with the same Kingdom identity. */
.not-found{background:linear-gradient(155deg,#0000ff 35%,#6166ff);color:white;padding:5em 0 6em;min-height:76svh;display:grid;align-items:center}
.not-found-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3em}.not-found-copy{position:relative;z-index:1}.not-found .eyebrow{color:white;margin-bottom:1.8em}.not-found h1{font-size:clamp(6rem,11vw,12rem);line-height:.87;letter-spacing:-.04em}.not-found p{color:white;font-size:1.2em;line-height:1.7;max-width:28em;margin:2em 0}.not-found .actions{gap:1em}.not-found-contact{display:inline-flex;align-items:center;gap:.5em;margin-top:2em;font-size:.95em;color:white}.not-found-number{font-family:var(--display);font-size:clamp(10rem,26vw,29rem);line-height:1;letter-spacing:-.075em;white-space:nowrap;transform:rotate(-8deg);color:white;user-select:none}.not-found-number>span{color:var(--yellow)}.not-found-number .not-found-dot{font-size:.7em}
@media(max-width:767px){.not-found{padding:3em 0 4em;min-height:0}.not-found-grid{grid-template-columns:1fr;gap:2em}.not-found-number{grid-row:1;font-size:clamp(6rem,35vw,11rem);justify-self:end;line-height:.9;margin-bottom:.1em}.not-found h1{font-size:clamp(5rem,21vw,8rem)}.not-found .eyebrow{margin-bottom:1.2em}.not-found p{font-size:1.1em;margin:1.6em 0}.not-found-contact{font-size:.85em}}