/* Sites by Sunset — supplied November 2026 identity. Demo brands remain independent. */
:root{--bg:#040e21;--panel:#0c1930;--ink:#f6ecdd;--muted:#c8c2bb;--coral:#eb655d;--mint:#f3ba8c;--line:#344052;--display:'Cormorant Garamond',Georgia,serif;--body:'Jost',Arial,sans-serif;--cream:#f6ecdd;--peach:#e9806a;--apricot:#f3ba8c;--terracotta:#c96c58}
body{font-family:var(--body);font-size:16px;line-height:1.7}button,input,select,textarea{font-family:var(--body)}
h1,h2,h3,.section h2,.pagehero h1,.closing h2,.studio-intro h2,.studio-end h2,.process-page h2,.steps h3,.package h3,.template h3,.price,.subtotal strong{font-family:var(--display);font-weight:500;letter-spacing:-.025em;line-height:1.04}
h1 em,h2 em,h3 em{font-weight:500;color:var(--apricot)}h3{line-height:1.16}a{transition:color .18s,background-color .18s}p{overflow-wrap:break-word}
.wrap{width:min(1280px,calc(100% - 112px))}.nav,.agency-home .nav{height:132px;gap:36px}.brand-logo{display:block;width:234px;height:auto;max-width:100%}.nav>.brand{flex-shrink:0;padding:18px 0}.footer-top .brand-logo{width:260px}.nav nav{gap:26px;font-size:13px}.nav-soon{display:block;font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.13em;color:var(--apricot)}nav a[aria-current]{color:var(--apricot)}nav a:last-child{border-color:#68717e}nav a{white-space:nowrap}
.eyebrow{color:var(--apricot);font-size:11px;line-height:1.6;letter-spacing:.18em}.button{background:var(--apricot);border-color:var(--apricot);color:var(--bg);font-size:13px;font-weight:500;padding:16px 24px;border-radius:0}.button:hover{background:var(--cream);border-color:var(--cream);color:var(--bg)}.button.outline{background:transparent;color:var(--cream);border-color:#7d7f83}.button.outline:hover{background:var(--cream);color:var(--bg)}.text-link{font-size:14px;border-color:#7e7b76}.button:disabled{background:#253148;border-color:#536079;color:#c8c2bb}.lead{font-size:19px;line-height:1.7}.inline-link{text-decoration:underline;text-underline-offset:4px}.inline-link:hover{color:var(--apricot)}
.brand-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding-block:86px 96px;min-height:660px}.brand-hero h1{font-size:clamp(62px,6.8vw,100px);margin:0 0 28px;line-height:.98;letter-spacing:-.035em}.brand-hero h1>span{font-style:italic;color:var(--apricot)}.brand-hero .eyebrow{margin-bottom:28px}.brand-hero .lead{max-width:485px}.brand-hero .actions{margin-top:30px;flex-wrap:wrap;gap:26px}.brand-price{font-size:12px;color:var(--muted);margin:24px 0 0}.brand-price span{color:var(--apricot)}.brand-hero-identity{min-width:0;padding:20px}.hero-sun{display:block;width:100%;max-width:430px;height:auto;margin:0 auto}.identity-caption{display:flex;justify-content:space-between;gap:20px;margin-top:40px;border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:var(--muted)}.identity-caption>span:last-child{color:var(--apricot);font-size:9px;letter-spacing:.13em}
.service-edit{padding-block:70px 90px;border-top:1px solid var(--line)}.service-edit h2{font-size:clamp(43px,4.5vw,65px)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service-grid article{position:relative;border-top:1px solid var(--line);padding-top:24px}.service-number{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--apricot);display:block;margin-bottom:25px}.service-grid h3{font-size:34px;max-width:260px;margin-bottom:18px}.service-grid p{color:var(--muted);font-size:15px;margin-bottom:26px}.service-grid .status-pill{margin:0 0 12px}.status-pill{display:inline-flex;padding:5px 12px;border:1px solid var(--apricot);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--apricot);line-height:1.6}
.studio-intro{background:var(--cream);color:var(--bg);padding-block:80px}.studio-intro .eyebrow{color:var(--bg)}.studio-intro h2{font-size:clamp(42px,4.7vw,68px)}.studio-intro h2 em{color:#6e4035}.intro-bottom p{font-size:16px}.studio-offer{padding-block:100px;gap:90px}.offer-heading h2,.process-title h2,.studio-packages h2{font-size:clamp(43px,4.5vw,64px)}.offer-list h3,.process-track h3{font-family:var(--display);font-size:32px}.offer-list p,.process-track p{font-size:15px;line-height:1.75}.offer-list article>span{color:var(--apricot)}.studio-process,.process-section{background:var(--panel)}.process-index{font:italic 40px/1 var(--display);color:var(--apricot)}.process-footnote{font-size:12px}.package{background:var(--panel);border-color:var(--line)}.signature{background:#112038;border-color:var(--apricot)}.home-v2 .package h3,.package h3{font-size:48px}.price{font-size:64px}.price small,.subtotal small{font-family:var(--body);font-size:12px}.package p,.package ul{font-size:14px}.package ul{color:var(--muted)}.package-top{font-size:10px}.pricing-foot p{font-size:12px}.studio-end h2{font-size:clamp(48px,5.6vw,80px)}.studio-end>p:last-child{font-size:15px}.end-link{border-color:var(--apricot);color:var(--apricot)}.end-link:hover{background:var(--apricot)}
.pagehero{padding-block:78px 48px}.pagehero h1{font-size:clamp(60px,7.5vw,100px)}.pagehero .lead{font-size:19px;max-width:590px}.section h2{font-size:clamp(42px,4.5vw,62px)}.service-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding-bottom:80px}.service-hero .button{margin-top:12px}.identity-art{background:var(--cream);color:var(--bg);padding:38px}.identity-art img{display:block;width:44%;height:auto;margin:0 0 30px auto}.identity-word{font:500 58px/.95 var(--display);letter-spacing:-.02em;display:block;margin-bottom:32px}.identity-word em{color:#7b4439}.swatches{display:flex;height:26px;gap:8px}.swatches i{display:block;flex:1;background:var(--bg)}.swatches i:nth-child(2){background:var(--cream);border:1px solid #ae9d8b}.swatches i:nth-child(3){background:var(--apricot)}.swatches i:nth-child(4){background:var(--coral)}.identity-art>p{font-size:8px;letter-spacing:.17em;margin:18px 0 0}.identity-deliverables{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.identity-deliverables article{border-top:1px solid var(--line);padding-block:28px}.identity-deliverables article>span{font-size:11px;color:var(--apricot)}.identity-deliverables h3{font-size:36px;margin:15px 0}.identity-deliverables p{color:var(--muted);max-width:470px;margin:0}.scope-band{padding-block:75px;background:var(--cream);color:var(--bg)}.scope-band .eyebrow{color:var(--bg)}.scope-band h2 em{color:#6e4035}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.scope-grid p:last-child{margin-bottom:0}.scope-grid h2{margin-bottom:0}.scope-band .inline-link:hover{color:#6e4035}
.automation-hero{position:relative;isolation:isolate;min-height:650px;padding-bottom:85px}.automation-hero .status-pill{margin-bottom:24px}.automation-hero .eyebrow{margin-bottom:20px}.automation-hero h1{max-width:780px}.automation-hero .lead{max-width:590px}.automation-sun{position:absolute;right:0;top:150px;width:28%;height:auto;z-index:-1}.automation-hero>.availability-note{font-size:15px;max-width:550px;border-left:2px solid var(--apricot);padding-left:20px;color:var(--cream);margin:27px 0}.cta-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:22px;max-width:520px}.closing .cta-note{margin-inline:auto}.automation-hero .cta-note{max-width:520px}.contact-art{background:var(--panel);border:1px solid var(--line);padding:40px 25px;gap:24px}.contact-sun{width:150px;height:auto}.contact-art p{font:500 46px/1 var(--display);margin:0}.contact-art>span:last-child{color:var(--apricot)}.contact-layout h2{font-size:56px;margin-bottom:10px}.contact-layout>div:last-child>p{font-size:16px}.contact-email{font-size:clamp(18px,2vw,25px);display:inline-block;margin:14px 0;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:7px}.contact-layout .cta-note{font-size:12px!important}.footer-top p{font:500 30px/1.1 var(--display)}footer{background:var(--bg)}.footer-services{display:flex;gap:30px;padding:0 0 25px;font-size:13px;color:var(--muted);flex-wrap:wrap}.footer-bottom{font-size:11px}.details-grid p,.process-page p{font-size:16px}.notice{font-size:14px}.plus p,.checkout-layout p{font-size:15px}.template-info h3{font-size:38px}.template-info p{font-size:14px}.template-info small{font-size:10px}.gallery-toolbar{font-size:13px}.caption{font-size:13px}.text-link:hover,a:hover{color:var(--apricot)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-color:var(--apricot)}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.nav nav{gap:17px;font-size:12px}.brand-logo{width:205px}.nav{gap:25px}.brand-hero{gap:35px}.service-hero{gap:45px}.automation-sun{width:25%;top:210px}.scope-grid{gap:45px}.service-grid{gap:26px}}
@media(max-width:1000px){.nav,.agency-home .nav{height:110px}.nav .menu{display:flex;gap:12px;align-items:center;background:none;color:var(--ink);border:1px solid var(--line);padding:10px 15px;font-size:13px}.menu span{font-size:20px}.nav nav{display:none;position:absolute;top:110px;left:0;right:0;padding:20px 32px;background:var(--bg);border-bottom:1px solid var(--line);z-index:10}.nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav nav a,.nav nav a:last-child{padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:16px;min-height:48px}.nav-soon{display:inline;margin-left:10px}.brand-hero h1{font-size:70px}.brand-hero{min-height:580px}.identity-caption{flex-direction:column;gap:8px}.service-grid h3{font-size:30px}.automation-sun{opacity:.12;width:45%;right:-10px;top:150px}.automation-hero{overflow:hidden}.automation-hero .lead,.automation-hero>.availability-note{max-width:590px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav,.agency-home .nav{height:104px;gap:20px}.brand-logo{width:196px}.nav nav{top:104px;padding-inline:20px}.brand-hero{grid-template-columns:1fr;gap:32px;padding-block:44px 55px;min-height:0}.brand-hero h1{font-size:clamp(53px,13vw,78px)}.brand-hero .lead{font-size:17px}.brand-hero-identity{padding:0 20px;max-width:400px;justify-self:center}.hero-sun{max-width:265px}.identity-caption{margin-top:25px;flex-direction:row;font-size:10px}.identity-caption>span:last-child{font-size:8px}.brand-hero .actions{gap:22px}.brand-hero .eyebrow{font-size:10px;margin-bottom:22px}.button{font-size:13px;gap:20px;padding:15px 20px}.text-link{font-size:13px}.service-edit{padding-block:45px 55px}.service-grid{grid-template-columns:1fr;gap:32px}.service-grid h3{font-size:34px;max-width:none}.service-grid p{margin-bottom:20px}.service-number{margin-bottom:18px}.section-head{gap:16px}.section-head p:not(.eyebrow){font-size:15px}.service-edit h2,.studio-intro h2,.offer-heading h2,.process-title h2,.studio-packages h2,.section h2{font-size:43px}.studio-intro{padding-block:50px}.intro-bottom p{font-size:16px}.studio-offer{padding-block:55px;gap:30px}.offer-list h3,.process-track h3{font-size:31px}.offer-list p,.process-track p{font-size:15px}.process-track article{grid-template-columns:35px 1fr;gap:10px 15px}.process-index{font-size:34px}.home-v2 .package h3{font-size:44px}.package-top{font-size:9px}.pricing-foot p{font-size:12px}.studio-end h2{font-size:45px}.studio-end>p:last-child{max-width:none}.studio-end>div{align-items:flex-start}.end-link{width:48px;height:48px;margin-top:12px}.pagehero{padding-block:45px 35px}.pagehero h1{font-size:clamp(50px,12vw,76px)}.pagehero .lead{font-size:17px}.service-hero{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.identity-art{padding:30px;max-width:440px;width:100%;justify-self:center}.identity-word{font-size:55px}.identity-deliverables{grid-template-columns:1fr;gap:0}.identity-deliverables h3{font-size:34px}.scope-band{padding-block:50px}.scope-grid{grid-template-columns:1fr;gap:28px}.scope-grid h2{font-size:44px}.closing h2{font-size:56px}.closing{padding-block:55px}.automation-hero{min-height:0;padding-bottom:55px}.automation-sun{width:75%;top:150px;right:-55px;opacity:.09}.automation-hero .actions{align-items:flex-start;flex-direction:column;gap:22px}.automation-hero>.availability-note{font-size:15px}.automation-hero .cta-note{font-size:12px;max-width:100%}.contact-layout{gap:35px}.contact-art{min-height:330px;padding:30px}.contact-sun{width:125px}.contact-art p{font-size:43px}.contact-layout h2{font-size:48px}.contact-email{font-size:clamp(18px,5.4vw,24px)}.footer-top .brand-logo{width:234px}.footer-services{gap:14px 25px;flex-direction:column}.footer-top{gap:26px}.notice{font-size:13px}.checkout-panel{padding:22px}.gallery-toolbar{gap:15px}.gallery-toolbar label{font-size:12px}.gallery-toolbar select{font-size:13px}.caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}
@media(max-width:360px){.nav>.brand .brand-logo{width:160px}.nav,.agency-home .nav{gap:12px}.nav .menu{padding:9px 10px;gap:8px}.brand-hero h1{font-size:50px}.brand-hero-identity{padding-inline:10px}.identity-caption{font-size:9px}.package{padding:22px}.package-top{font-size:8px}}
.service-hero>div{min-width:0}.service-hero .button{max-width:100%}.service-hero h1{overflow-wrap:normal}
@media(max-width:360px){.service-hero h1{font-size:46px}.service-hero .button{font-size:12px;padding-inline:16px;gap:14px}.identity-word{font-size:48px}}
@media(max-width:1000px){.automation-sun{display:none}}
.study-alternatives{width:min(1280px,calc(100% - 112px));margin:0 auto 45px;border-block:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:14px}.study-alternatives summary{cursor:pointer;color:var(--apricot)}.study-alternatives p{margin:18px 0 0}@media(max-width:1150px){.study-alternatives{width:calc(100% - 64px)}}@media(max-width:700px){.study-alternatives{width:calc(100% - 40px)}}
/* Quieter homepage and a more useful design collection. */
.quiet-hero{padding-block:80px 85px;display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}.quiet-hero h1{font-size:clamp(86px,10vw,150px);line-height:.86;letter-spacing:-.04em;margin-bottom:32px}.quiet-hero .lead{max-width:450px;font-size:19px}.quiet-hero .button{margin-top:18px}.quiet-price{font-size:12px;color:var(--muted);margin:22px 0 0}.quiet-mark{padding:35px}.quiet-mark img{width:100%;max-width:350px;height:auto;margin:auto}.quiet-work{padding-block:65px 80px;border-top:1px solid var(--line)}.quiet-section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.quiet-section-head h2{font-size:clamp(43px,4.7vw,64px);margin:0}.quiet-section-head>.text-link{flex-shrink:0;margin-bottom:7px}.quiet-featured{display:grid;grid-template-columns:1fr 1fr;gap:35px}.quiet-design>span{display:flex;align-items:center;gap:20px;font:36px var(--display);padding-top:18px}.quiet-design small{font:12px var(--body);color:var(--muted);margin-left:auto}.quiet-design b{font:20px var(--body)}.quiet-services{background:var(--cream);color:var(--bg);padding-block:75px}.quiet-services .eyebrow{color:#6e4035}.quiet-services h2 em{color:#6e4035}.quiet-section-head>p{font-size:15px;flex-shrink:0;margin:0 0 5px}.quiet-service-list>a{display:grid;grid-template-columns:35px 1.1fr 1fr 20px;gap:25px;align-items:center;border-top:1px solid #bbb5aa;padding:25px 0}.quiet-service-list>a:last-child{border-bottom:1px solid #bbb5aa}.quiet-service-list>a>span{font-size:10px}.quiet-service-list h3{font-size:39px;margin:0}.quiet-service-list p{font-size:15px;margin:0}.quiet-service-list small{font:10px var(--body);display:inline-block;letter-spacing:.08em;text-transform:uppercase;margin-left:12px}.quiet-service-list>a:hover{color:#6e4035}.quiet-packages{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:65px;padding-block:85px}.quiet-packages h2{font-size:52px}.quiet-package{border-top:1px solid var(--line);padding-top:22px}.quiet-package h3{font-size:44px;margin-bottom:8px}.quiet-package>span{color:var(--muted);font-size:13px}.quiet-package>p{font:54px var(--display);margin:25px 0}.quiet-package small{font:12px var(--body);color:var(--muted)}.quiet-package>a{font-size:13px;text-decoration:underline;text-underline-offset:6px}.quiet-contact{border-top:1px solid var(--line);padding-block:65px 80px;text-align:center}.quiet-contact h2{font-size:clamp(55px,6vw,82px)}.collection-toolbar{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:35px;padding:25px 0;border-block:1px solid var(--line);margin-bottom:20px}.collection-toolbar label{display:block;font-size:12px;color:var(--muted)}.collection-toolbar input,.collection-toolbar select{display:block;margin-top:10px;background:var(--panel);border:1px solid #687284;color:var(--ink);padding:13px 15px;width:100%;font:14px var(--body);border-radius:0}.collection-toolbar input::placeholder{color:#b6b8c0}.collection-toolbar>#gallery-status{font-size:12px;padding-bottom:14px;color:var(--apricot)}.template-foot{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0;font-size:12px}.template-foot>span{color:var(--muted)}.template-info{gap:25px}.template-info p{max-width:440px}.gallery{row-gap:55px}.demo-viewport{aspect-ratio:1.45}.demo-viewport iframe{height:883px}#gallery-empty{padding:40px 0;color:var(--muted)}.checkout-panel a.button{width:100%;justify-content:center}
@media(max-width:1000px){.quiet-hero{gap:45px;padding-block:65px}.quiet-mark{padding:15px}.quiet-hero h1{font-size:110px}.quiet-packages{gap:35px;grid-template-columns:1fr 1fr}.quiet-packages>div:first-child{grid-column:1/-1}.quiet-packages h2{font-size:50px}.quiet-section-head{gap:35px}.quiet-service-list>a{grid-template-columns:25px 1fr 1fr 20px;gap:20px}.quiet-service-list h3{font-size:34px}.quiet-service-list small{display:block;margin:8px 0 0}.collection-toolbar{gap:20px}}
@media(max-width:700px){.quiet-hero{grid-template-columns:1fr;gap:35px;padding-block:45px 55px}.quiet-hero h1{font-size:clamp(86px,23vw,140px);line-height:.9}.quiet-hero .eyebrow{font-size:10px}.quiet-hero .lead{font-size:17px;max-width:100%}.quiet-mark{display:none}.quiet-work{padding-block:45px 55px}.quiet-section-head{display:block;margin-bottom:30px}.quiet-section-head h2{font-size:43px;margin-bottom:25px}.quiet-featured{grid-template-columns:1fr;gap:30px}.quiet-design>span{font-size:33px;gap:12px}.quiet-design small{font-size:11px}.quiet-services{padding-block:50px}.quiet-section-head>p{font-size:15px}.quiet-service-list>a{grid-template-columns:22px 1fr 15px;gap:15px;padding-block:22px}.quiet-service-list h3{font-size:34px}.quiet-service-list p{grid-column:2;font-size:14px}.quiet-service-list b{grid-column:3;grid-row:1/3}.quiet-service-list small{display:block;margin:8px 0 0}.quiet-packages{grid-template-columns:1fr 1fr;gap:35px 22px;padding-block:55px}.quiet-packages h2{font-size:44px}.quiet-package h3{font-size:36px}.quiet-package>p{font-size:43px;margin-block:20px}.quiet-package small{display:block;font-size:10px}.quiet-package>span{font-size:12px}.quiet-package>a{font-size:12px}.quiet-contact{padding-block:50px}.quiet-contact h2{font-size:56px}.collection-toolbar{grid-template-columns:1fr;gap:20px;align-items:start}.collection-toolbar>#gallery-status{padding:0}.template-foot{gap:15px;font-size:11px}.template-info h3{font-size:35px}.template-info p{font-size:14px}.demo-viewport{aspect-ratio:1.45}.gallery{row-gap:40px}}
@media(max-width:360px){.quiet-package h3{font-size:31px}.quiet-package>p{font-size:37px}.quiet-hero h1{font-size:82px}.quiet-contact h2{font-size:49px}}
[hidden]{display:none!important}#stripe-checkout{margin-top:14px}#checkout-status{border-left:2px solid var(--apricot);padding-left:15px}
.collection-page .pagehero{padding-block:40px 25px}.collection-page .pagehero .eyebrow{margin-bottom:16px}.collection-page .pagehero h1{font-size:clamp(48px,5vw,64px);line-height:.98;margin-bottom:18px}.collection-page .pagehero .lead{font-size:17px;max-width:850px;margin:0}.collection-page .collection-toolbar{padding-block:18px;gap:30px;margin-bottom:15px}.collection-page .collection-toolbar input,.collection-page .collection-toolbar select{padding:10px 13px}.collection-page .caption{font-size:12px;margin:15px 0 25px;max-width:950px}@media(max-width:700px){.collection-page .pagehero{padding-block:35px 20px}.collection-page .pagehero h1{font-size:52px}.collection-page .pagehero .lead{font-size:16px}.collection-page .collection-toolbar{gap:17px}.collection-page .caption{font-size:12px;line-height:1.6}}

.quiet-hero h1{font-size:clamp(68px,7.6vw,112px);line-height:.98}.footer-top p{font-size:27px}@media(max-width:1000px){.quiet-hero h1{font-size:80px}}@media(max-width:700px){.quiet-hero h1{font-size:clamp(52px,12.4vw,78px)}}@media(max-width:360px){.quiet-hero h1{font-size:48px}}
.identity-art.identity-board{padding:0;background:var(--cream);border:1px solid var(--line);color:var(--bg)}.identity-navy-panel{background:#040e21;color:#f6ecdd;padding:45px 38px 25px}.identity-navy-panel img{display:block;width:100%;height:auto;margin:0;max-width:none}.identity-navy-panel>p{color:#f3ba8c;font:9px/1.6 var(--body);letter-spacing:.15em;margin:30px 0 0}.identity-palette-panel{padding:26px 30px 30px}.identity-palette-panel>p{font-size:9px;letter-spacing:.16em;margin-bottom:20px}.labelled-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 16px}.labelled-swatches i{display:block;width:100%;height:34px;border:1px solid #b3a79b}.labelled-swatches span{display:block;font:11px/1.35 var(--body);margin-top:9px}.labelled-swatches small{display:block;font-size:9px;margin-top:4px;color:#5f544a}.custom-inline{grid-column:1/-1;margin:0;padding-top:25px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.custom-inline a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.custom-project{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-block:1px solid var(--line);padding-block:50px;margin-top:40px}.custom-project h2{font-size:48px}.custom-project>div>p:not(.eyebrow){font-size:16px;color:var(--muted)}.custom-gallery-note{font-size:16px;color:var(--muted);max-width:650px;margin:0 auto 30px}@media(max-width:700px){.identity-navy-panel{padding:38px 30px 25px}.identity-palette-panel{padding:25px}.labelled-swatches{grid-template-columns:1fr 1fr;gap:22px 18px}.labelled-swatches span{font-size:12px}.labelled-swatches small{font-size:10px}.custom-project{grid-template-columns:1fr;gap:20px;padding-block:35px;margin-top:30px}.custom-project h2{font-size:42px;margin:0}.custom-inline{font-size:13px;line-height:1.7}.custom-inline a{display:block;margin-top:8px}.custom-gallery-note{font-size:15px}}
/* Navy-led identity, with contained light and sunset breaks. */
.visual-pass main{--bg:#040e21;--panel:#0c1930;--ink:#f6ecdd;--muted:#c8c2bb;--coral:#eb655d;--apricot:#f3ba8c;--mint:#f3ba8c;--line:#344052;background:#040e21;color:#f6ecdd}.visual-pass main h1 em,.visual-pass main h2 em{color:#f3ba8c}.visual-pass main .price small,.visual-pass main .subtotal small{letter-spacing:normal;line-height:1.6}
.home-v4 .wrap{width:min(1168px,calc(100% - 112px))}.v4-hero{padding:70px 0 60px}.v4-hero h1{font-size:clamp(68px,7.8vw,106px);line-height:.98;letter-spacing:-.03em;margin:0 0 25px}.v4-hero>div>p{font-size:19px;line-height:1.6;margin:0;max-width:550px}.v4-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.v4-actions>span{font-size:12px;color:var(--muted)}.v4-heading{margin:0 0 32px;max-width:860px}.v4-heading h2{font:500 clamp(42px,4.2vw,58px)/1.08 var(--display);letter-spacing:-.025em;margin:0 0 18px}.v4-heading .eyebrow{font-size:10px;margin-bottom:18px}.v4-heading>p:not(.eyebrow){font-size:16px;color:inherit;margin:0 0 20px}.v4-heading .text-link{display:inline-block}.v4-work{padding:45px 0 65px;border-top:1px solid #344052}.showcase-tabs{display:flex;gap:0;border-bottom:1px solid #344052;margin-bottom:25px}.showcase-tabs button{flex:1;text-align:left;background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:15px 0 18px;margin-bottom:-1px;cursor:pointer;font:500 23px/1.2 var(--display);min-height:70px}.showcase-tabs button span{display:block;font:12px/1.5 var(--body);margin-top:5px}.showcase-tabs button[aria-selected=true]{color:#f3ba8c;border-bottom-color:#f3ba8c}.showcase-screen{display:block;border:1px solid #bfb6ab;border-radius:6px 6px 0 0;overflow:hidden;background:#fff;box-shadow:0 18px 35px #46352112}.browser-frame{height:38px;display:flex;align-items:center;gap:6px;background:#f6ecdd;border-bottom:1px solid #ddd4c8;padding:0 16px;color:#6b635c}.browser-frame i{width:6px;height:6px;border:1px solid #a59b8f;border-radius:50%;display:block}.browser-frame span{font:10px/1 var(--body);margin-left:16px}.browser-frame b{margin-left:auto;font:16px var(--body)}.showcase-screen>img{display:block;width:100%;height:auto;object-fit:contain}.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:25px}.showcase-caption p{font-size:14px;color:var(--muted);margin:0}.showcase-caption .text-link{flex-shrink:0}.v4-small{font-size:11px;line-height:1.65;margin:22px 0 0;color:inherit;opacity:.8}.v4-services{background:#eddbcb;padding:65px 0}.v4-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.v4-service-grid article{border-top:1px solid #b6a492;padding-top:24px}.v4-service-grid h3{font:500 34px/1.1 var(--display);margin:0 0 18px;letter-spacing:-.02em}.v4-service-grid p{font-size:15px;line-height:1.7;max-width:290px;margin:0 0 24px}.v4-pricing{background:#040e21;color:#f6ecdd;padding:65px 0}.home-v4 .v4-pricing h2{color:#f6ecdd}.v4-pricing .eyebrow{color:#f3ba8c}.v4-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.v4-pricing-grid article{border-top:1px solid #657083;padding-top:24px}.v4-pricing h3{font:500 38px/1.1 var(--display);margin:0 0 20px}.v4-price{font:500 57px/1 var(--display);margin-bottom:22px}.v4-price small{font:12px var(--body);margin-left:8px}.v4-pricing article>p{font-size:14px;line-height:1.6;color:#d1c9bf;margin:0 0 25px}.home-v4 .v4-pricing .button.outline{color:#f6ecdd;border-color:#9f9c95}.home-v4 .v4-pricing .button.outline:hover{background:#f6ecdd;color:#040e21}.home-v4 .v4-pricing .text-link{display:inline-block;color:#f6ecdd;border-color:#a39a8c;margin-top:22px}.home-v4 .v4-pricing a:focus-visible{outline-color:#f3ba8c}.v4-contact{padding:65px 0 75px}.v4-contact .v4-heading{margin-bottom:25px}.visual-pass .closing h2{font-size:clamp(44px,5vw,65px)}.visual-pass .footer-top>p{display:none}.visual-pass .footer-top{padding-bottom:25px}.visual-pass .footer-services{padding-bottom:20px}.visual-pass .pagehero{padding-top:55px}.visual-pass .pagehero .lead{font-size:18px}.visual-pass .process-page h2{font-size:38px}.visual-pass .process-page article{gap:30px}.visual-pass .process-page article>p{line-height:1.8}.visual-pass .service-hero{padding-bottom:60px}.visual-pass .service-hero h1{font-size:clamp(54px,6vw,80px)}
@media(max-width:1050px){.home-v4 .wrap{width:calc(100% - 64px)}.v4-service-grid{gap:28px}.showcase-caption{gap:20px}.showcase-caption p{font-size:13px}.v4-pricing-grid{gap:35px}}
@media(max-width:700px){.home-v4 .wrap{width:calc(100% - 40px)}.v4-hero{padding:40px 0 45px}.v4-hero h1{font-size:clamp(52px,12.7vw,80px);margin-bottom:24px}.v4-hero>div>p{font-size:17px;line-height:1.65}.v4-actions{align-items:start;flex-direction:column;gap:16px;margin-top:25px}.v4-actions>span{font-size:12px}.v4-work{padding:35px 0 45px}.v4-heading{margin-bottom:25px}.v4-heading h2{font-size:43px;margin-bottom:16px}.v4-heading .eyebrow{margin-bottom:16px;font-size:9px}.v4-heading>p:not(.eyebrow){font-size:15px}.showcase-tabs{gap:15px;margin-bottom:20px}.showcase-tabs button{font-size:21px;min-height:70px;padding:10px 0 15px}.showcase-tabs button span{font-size:10px;line-height:1.5;max-width:85px}.browser-frame{height:29px;padding-inline:11px}.browser-frame span{font-size:8px;margin-left:8px}.browser-frame i{width:4px;height:4px}.showcase-caption{display:block;margin-top:20px}.showcase-caption p{font-size:14px;margin-bottom:16px}.showcase-caption .text-link{display:inline-block}.v4-small{font-size:11px;margin-top:20px}.v4-services{padding:45px 0}.v4-service-grid{grid-template-columns:1fr;gap:28px}.v4-service-grid article{padding-top:22px}.v4-service-grid h3{font-size:33px;margin-bottom:15px}.v4-service-grid p{font-size:15px;max-width:none;margin-bottom:20px}.v4-pricing{padding:45px 0}.v4-pricing-grid{grid-template-columns:1fr;gap:32px}.v4-pricing h3{font-size:38px}.v4-price{font-size:53px}.v4-pricing article>p{font-size:14px}.v4-contact{padding:45px 0 55px}.visual-pass .closing h2{font-size:49px}.visual-pass .pagehero{padding-top:40px}.visual-pass .pagehero .lead{font-size:17px}.visual-pass .service-hero h1{font-size:52px}.visual-pass .footer-top .brand-logo{width:215px}}
@media(max-width:360px){.v4-hero h1{font-size:48px}.v4-heading h2{font-size:38px}.showcase-tabs{gap:12px}.showcase-tabs button{font-size:19px}.showcase-tabs button span{font-size:9px}.visual-pass .service-hero h1{font-size:46px}}

.v4-services{background:#f6ecdd;color:#040e21;--ink:#040e21;--muted:#605a53;--apricot:#754b38;--line:#c9bfb3}.v4-services a:hover{color:#754b38}.v4-contact{background:linear-gradient(115deg,#f3ba8c,#e9806a);color:#040e21;--apricot:#613d2d;--ink:#040e21}.v4-contact .button{background:#040e21;color:#f6ecdd;border-color:#040e21}.v4-contact .button:hover{background:#f6ecdd;color:#040e21;border-color:#f6ecdd}.showcase-tabs button{color:#c8c2bb}.showcase-tabs button[aria-selected=true]{color:#f3ba8c;border-bottom-color:#f3ba8c}.showcase-caption .text-link{color:#f6ecdd}.showcase-caption p{color:#c8c2bb}.browser-frame{color:#6b635c}.visual-pass .scope-band{background:#f6ecdd;color:#040e21}.visual-pass .scope-band .eyebrow{color:#754b38}.visual-pass .scope-band h2 em{color:#754b38}.visual-pass .scope-band a:hover{color:#754b38}.visual-pass .identity-board{color:#040e21}.visual-pass .identity-palette-panel{color:#040e21}.visual-pass .pricing{--bg:#f6ecdd;--panel:#f6ecdd;--ink:#040e21;--muted:#605a53;--apricot:#754b38;--mint:#754b38;--line:#c9bfb3;color:#040e21}.visual-pass .pricing .package{background:#f6ecdd}.visual-pass .pricing .signature{background:#f3ba8c}.visual-pass .pricing .package ul{color:#605a53}.visual-pass .pricing .button{background:#040e21;color:#f6ecdd;border-color:#040e21}.visual-pass .pricing .button.outline{background:transparent;color:#040e21;border-color:#5b5a56}.visual-pass .pricing .button:hover{background:#040e21;color:#f6ecdd}.visual-pass .pricing .button:focus-visible{outline-color:#040e21}.visual-pass .contact-art{background:#f6ecdd;color:#040e21;border-color:#8b8c84}.visual-pass .contact-art>span:last-child{color:#754b38}
.visual-pass main>.closing{width:100%;max-width:none;padding:65px 30px 70px;margin:0;background:linear-gradient(115deg,#f3ba8c,#e9806a);color:#040e21;text-align:center;border-top:0}.visual-pass main>.closing .eyebrow{color:#613d2d;margin-bottom:20px}.visual-pass main>.closing h2{font-size:clamp(42px,5vw,64px);line-height:1.1;max-width:950px;margin:0 auto 28px;letter-spacing:-.025em}.visual-pass main>.closing h2 em{color:#040e21}.visual-pass main>.closing .button{background:#040e21;color:#f6ecdd;border-color:#040e21}.visual-pass main>.closing .button:hover{background:#f6ecdd;color:#040e21;border-color:#f6ecdd}.visual-pass main>.closing .cta-note{max-width:600px;margin:22px auto 0;color:#3e2c23}.visual-pass main>.closing .custom-gallery-note{max-width:650px;margin:0 auto 28px;color:#3e2c23}.visual-pass main>.closing .button:focus-visible{outline-color:#040e21}
@media(max-width:700px){.visual-pass main>.closing{padding:45px 24px 50px}.visual-pass main>.closing h2{font-size:43px;max-width:440px;margin-bottom:25px}.v4-services .v4-service-grid p{color:#403c37}.v4-contact .v4-heading h2{color:#040e21}}@media(max-width:360px){.visual-pass main>.closing h2{font-size:39px}}

/* Keep the homepage balanced without a template showcase. */
.home-v4 .v4-hero{text-align:center;padding-block:clamp(62px,8vw,112px)}
.home-v4 .v4-hero h1{max-width:1000px;margin-inline:auto;text-wrap:balance}
.home-v4 .v4-hero>div>p{margin-inline:auto}
.home-v4 .v4-actions{justify-content:center;align-items:center}
.home-v4 .v4-heading{margin-inline:auto;text-align:center}
.home-v4 .v4-contact{text-align:center}

.process-steps-band{background:#14243b;color:#f6ecdd;--line:#425168;--muted:#d2c8bb;--mint:#f3ba8c;padding:12px 0}
.process-steps-band .process-page article:first-child{border-top:0}
.process-steps-band .process-page article p{color:var(--muted)}

.package-details-band{background:#f6ecdd;color:#040e21;--line:#d4c9bd;--muted:#554d45;--apricot:#754b38;--mint:#754b38;padding-block:4px 14px}
.package-details-band .custom-project{margin-top:0;border-top:0}
.package-details-band .button.outline{color:#040e21;border-color:#756456}
.package-details-band .button.outline:hover{background:#040e21;color:#f6ecdd}

.identity-summary{--line:#d4c9bd;--muted:#554d45;padding-block:0}
.identity-summary .section{padding-block:55px}
.identity-summary details{border-top:1px solid var(--line);padding-top:20px;margin-top:12px}
.identity-summary summary{cursor:pointer}
.identity-summary details p{max-width:65ch;margin:14px 0 0}

.package-details-band{background:#14243b;color:#f6ecdd;--line:#425168;--muted:#d2c8bb;--apricot:#f3ba8c;--mint:#f3ba8c}
.package-details-band .custom-project,.package-details-band .plus{border-color:var(--line)}
.package-details-band .button.outline{color:#f6ecdd;border-color:#a89b91}
.package-details-band .button.outline:hover{background:#f6ecdd;color:#040e21}

/* Separate these sections without adding another background colour. */
.visual-pass main :is(.package-details-band,.process-steps-band){
  background:transparent;
  color:var(--ink);
  --line:rgba(243,186,140,.22);
  border-top:1px solid var(--line);
  padding-block:clamp(22px,4vw,48px);
}
.visual-pass main .package-details-band .plus{border-block:1px solid var(--line)}
.visual-pass main .package-details-band .custom-project{border-bottom:0}

.visual-pass main .pagehero{text-align:center}
.visual-pass main .pagehero h1,.home-v4 .v4-hero h1{font-size:clamp(44px,6.1vw,84px);line-height:1.04;max-width:none;margin-inline:auto;text-wrap:balance}
.visual-pass main .pagehero :is(.lead,.availability-note,.cta-note){margin-inline:auto}
.visual-pass main .service-hero{display:flex;flex-direction:column;align-items:center;gap:30px}
.visual-pass main .service-hero .identity-board{width:min(100%,500px);text-align:left}
.visual-pass main .automation-hero .actions{justify-content:center;align-items:center}
.visual-pass main .automation-hero img{opacity:.12;pointer-events:none}

/* Warm, inset reading panels, with the original midnight navy around them. */
.visual-pass main .identity-summary h2{text-align:center}
.visual-pass main :is(.process-steps-band .process-page,.package-details-band > .wrap){
 background:#e6bdab;color:#171825;
 --line:#ae8377;--muted:#48312e;--mint:#653c32;--apricot:#653c32;
 box-sizing:border-box;padding:clamp(18px,4vw,48px);
}
.visual-pass main .package-details-band .button.outline{color:#171825;border-color:#653c32}
.visual-pass main .package-details-band .button.outline:hover{color:#f6ecdd;background:#171825}
.visual-pass main .package-details-band .eyebrow{color:#653c32}

.visual-pass main .automation-relief{background:transparent;padding-block:24px 44px}
.visual-pass main .automation-relief .scope-grid{
 background:#e6bdab;color:#171825;box-sizing:border-box;padding:clamp(18px,4vw,48px);
}
.visual-pass main .automation-relief :is(h2 em,a){color:#653c32}

.visual-pass main .contact-art{
 background:linear-gradient(115deg,#f3ba8c,#e9806a);color:#040e21;
 border:0;min-height:clamp(170px,22vw,285px);justify-content:center;
}
.visual-pass main .contact-art p{margin:0;text-wrap:balance}

.visual-pass main .contact-simple{display:block;max-width:620px;text-align:center;padding-block:28px 64px}.visual-pass main .contact-simple p{margin-inline:auto}

.visual-pass main .contact-simple{width:min(620px,calc(100% - 40px));margin-bottom:clamp(35px,6vw,72px);padding:clamp(24px,4vw,42px);box-sizing:border-box;background:#e6bdab;color:#171825}
.visual-pass main .contact-simple :is(a,.cta-note){color:#48312e}
.visual-pass main .contact-simple a:hover{color:#171825;text-decoration:underline}
.visual-pass main .contact-simple .interest{border-color:#ae8377}