:root{--paper:#1f2023;--ink:#f6f4ef;--muted:#c4c1b9;--gold:#c7ab61;--line:#c7ab613d;--white:#1f2023}
body{background-color:#1f2023;background-image:linear-gradient(rgba(24,25,27,.88),rgba(24,25,27,.88)),url('assets/design-wireframes.svg');background-size:cover;background-position:center;background-attachment:fixed;color:var(--ink)}
body[data-background="type"]{background-image:linear-gradient(rgba(15,16,18,.56),rgba(15,16,18,.56)),url('assets/design-type.svg')}
body[data-background="layouts"]{background-image:linear-gradient(rgba(15,16,18,.56),rgba(15,16,18,.56)),url('assets/design-layouts.svg')}
.review-bar{background:#25251fe6;color:#c7ab61;border-bottom:1px solid #c7ab6122}.header{background:rgba(24,25,27,.78);border:0}.brand img{filter:brightness(0) saturate(100%) invert(72%) sepia(30%) saturate(588%) hue-rotate(5deg) brightness(91%) contrast(89%)}
nav,.eyebrow,h1,h2,.small-star,.text-link,.email-display{color:var(--gold)}.nav-cta{border-color:#c7ab61}.nav-cta:hover{background:#c7ab61;color:#1f2023}.hero{padding-top:65px;padding-bottom:65px}.hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-2.7px}.hero h1 em{font-style:normal}.solid{background:var(--gold);border-color:var(--gold);color:#1f2023}.solid:hover{background:#ddc581}.outline{color:var(--gold);border-color:var(--gold)}.outline:hover{background:var(--gold);color:#1f2023}.hero-art{background:rgba(24,25,27,.32);border:1px solid #c7ab6144;color:#c7ab61;backdrop-filter:blur(1px)}.orbit{border-color:#c7ab6144}.orbit:before,.orbit:after{border-color:#c7ab6133}.art-tag{border-color:#c7ab6177}.browser-card{border-color:#c7ab6144;box-shadow:0 25px 45px #0006}.browser-bar{background:#303134;color:#d9c99e}.hero-note{color:#c4c1b9}.principles{border-color:#c7ab6133}.work-section,.process-section,.faq-section{background:rgba(24,25,27,.45)}.project-image{background:rgba(24,25,27,.4);border:1px solid #c7ab6144}.project-image-top,.project-image-bottom,.service-number,.service-arrow{color:#c7ab61}.pill{border-color:#c7ab6155;color:#c7ab61}dl>div{border-color:#c7ab6133}.care-art{background:rgba(24,25,27,.35);border:1px solid #c7ab6155}.care-symbol svg{stroke:#c7ab61}.care-symbol:before{border-color:#c7ab6144}.care-art-footer,.care-overline{color:#c7ab61}.check-list li:before{color:#c7ab61}.faq-list details{border-color:#c7ab6133}.form-heading{color:#c7ab61}input,select,textarea{background:#242528bb;color:#f6f4ef;border-color:#c7ab6155}input::placeholder,textarea::placeholder{color:#a7a49d}select option{background:#242528}.brief-result{background:#30322a}.brief-result h3{color:#c7ab61}footer{background:rgba(24,25,27,.6)}.footer-bottom{border-color:#c7ab6144}.scope-note>span{color:#c7ab61}.nav-cta:hover,.button:hover{box-shadow:none}.skip{background:#c7ab61;color:#1f2023}.menu-toggle{color:#c7ab61;border-color:#c7ab6177}nav.open{background:#1f2023}.text-link:hover{color:#e0c882}
@media(max-width:800px){.hero{padding-block:45px}body{background-attachment:scroll;background-size:auto 1400px;background-repeat:repeat-y}nav{background:#1f2023}}

.browser-card>img,.project-image img{aspect-ratio:auto;object-fit:contain;width:100%}
.background-picker{padding:12px 28px;background:#111214;display:flex;align-items:center;justify-content:center;gap:26px;border-bottom:1px solid #c7ab6166;color:#e6d9b6}.background-picker>span{font-size:12px;min-width:245px}.background-picker>div{display:flex;gap:8px}.background-picker button{padding:8px 13px;background:transparent;border:1px solid #c7ab6177;color:#d7c797;border-radius:20px;font-size:11px}.background-picker button[aria-pressed="true"]{background:#c7ab61;color:#111214;border-color:#c7ab61}.hero-copy{position:relative}.hero-copy:before{content:'';position:absolute;inset:-30px -20px;background:radial-gradient(ellipse,rgba(15,16,18,.36),transparent 75%);z-index:-1;pointer-events:none}
@media(max-width:800px){.background-picker{flex-direction:column;gap:7px;padding:10px 12px}.background-picker>span{text-align:center;min-width:0;font-size:11px}.background-picker button{font-size:10px;padding:7px 10px}}

nav a[aria-current="page"]{box-shadow:0 1px currentColor}.page-heading{padding-top:48px}.page-heading h1{font-size:clamp(36px,5vw,64px);margin:0}.page-heading+.section{padding-top:40px}.home-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.home-previews h2{font-size:32px}.home-previews p:not(.eyebrow){color:var(--muted);font-size:14px}.home-previews .eyebrow{margin-bottom:16px}@media(max-width:800px){.home-previews{grid-template-columns:1fr;gap:40px}.page-heading{padding-top:36px}}
.button,.nav-cta{background:transparent;border:1px solid var(--gold);color:var(--gold)}.button:hover,.nav-cta:hover{background:rgba(199,171,97,.12);color:#ead8a7;border-color:#ead8a7}.button:focus-visible,.nav-cta:focus-visible{outline:2px solid #ead8a7;outline-offset:4px}
.hero .actions>.button{width:220px;min-height:50px;justify-content:center;text-align:center;box-sizing:border-box}.hero .actions>.button:before,.hero .actions>.button:after{content:none}@media(max-width:600px){.hero .actions>.button{width:100%;min-height:50px}}

.service-list article{grid-template-columns:240px 1fr 28px}@media(max-width:1100px){.service-list article{grid-template-columns:200px 1fr 25px}}@media(max-width:800px){.service-list article{grid-template-columns:1fr 24px}.service-list article>div{grid-column:1;grid-row:2}.service-list .service-arrow{grid-column:2;grid-row:1}}
footer{padding:10px 0}.footer-bottom{padding-top:0;border-top:0;margin-block:0}


footer{background:transparent}.footer-bottom{border-top:1px solid #c7ab6144;padding-top:10px}

.nav-cta{width:auto;min-width:0;gap:0;padding:10px 20px;justify-content:center;line-height:1.4}.nav-cta:before,.nav-cta:after{content:none}
.hero .actions{display:inline-grid;grid-template-columns:repeat(2,1fr);width:max-content;max-width:100%;gap:20px}.hero .actions>.button{width:auto;min-width:0;min-height:46px;padding:12px 16px;white-space:nowrap}@media(max-width:600px){.hero .actions{grid-template-columns:1fr;gap:12px}.hero .actions>.button{width:100%;min-height:46px}}
.work-page-heading{display:flex;align-items:center;justify-content:flex-start;text-align:left;padding-block:28px;min-height:123px}.header{background:transparent;backdrop-filter:blur(8px)}
.work-section{background:transparent}
@media(min-width:801px){.care-art{width:92%;justify-self:start}}