/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url('assets/fonts/instrument-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url('assets/fonts/instrument-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/instrument-serif-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/instrument-serif-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* AE: balanced compositions, open service displays and deliberate interactions. */
:root{--sans:'Instrument Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;--flow:cubic-bezier(.19,1,.22,1)}
body{font-family:var(--sans)}
h1,h2,h3{letter-spacing:-.04em;font-weight:450}
h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.025em;font-size:1.12em;line-height:1}
.button:not(.enquiry-submit){border-radius:999px}
.ae-film .button,.call-invitation .button{background:#b1cffb0a;border-color:#bed6fa50;box-shadow:inset 0 1px 0 #e9f2ff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ae-film .button:hover,.call-invitation .button:hover{background:#b1cffb18;border-color:#bed6fa8a;color:var(--ink)}

/* Restore the original full-height opening and its spacious framing. */
.hero-copy{padding-top:clamp(168px,17.8vh,220px)}
.hero h1{font-size:clamp(36px,3.1vw,50px);font-weight:400;max-width:650px;line-height:1.13;letter-spacing:-.035em}
.hero h1 .hero-title-accent{font-family:var(--serif);font-size:1.4em;font-weight:400;font-style:italic;letter-spacing:-.025em;line-height:1.05;margin-top:4px}
.opening-summary h2{font-size:clamp(30px,2.6vw,42px)}
.opening-summary h2 span:last-child{font-family:var(--serif);font-style:italic;font-size:1.17em;font-weight:400;letter-spacing:-.025em}
.opening-summary-meta{padding:18px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
.opening-summary .hero-bottom{font-size:8px}

/* Images share a baseline; their descriptions sit freely on the page. */
.client-showcase{padding:0 0 18px;border-radius:0}
.project-heading{border-top:0;padding-top:0}
.client-showcase iframe{border-radius:5px}
.project-footer{border:0;padding:20px 0 0}
.project-pair{gap:clamp(30px,4.5vw,72px);align-items:stretch}
.case-study,.case-study:nth-child(2){min-width:0;margin-top:0;background:none;border:0;border-radius:0;overflow:visible;display:flex;flex-direction:column}
.case-image{border-radius:5px;outline:1px solid #c3d6f022;outline-offset:7px;transition:outline-color .65s var(--flow),outline-offset .65s var(--flow)}
.case-image img{transition:transform 1.1s var(--flow);transform-origin:center}
.case-copy{padding:35px 0 0;flex:1;display:flex;flex-direction:column}
.case-copy h3{font-size:clamp(28px,2.6vw,42px)}
.case-copy>.text-link{align-self:start}
.case-copy .project-details{border-top:0;border-bottom:1px solid var(--line);margin-top:auto}
.project-details summary{transition:color .4s var(--flow)}
.project-details summary:hover{color:var(--accent)}
.project-open{background:#14202f91;border:1px solid #c2d9f462;color:#e2eeff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);width:48px;height:48px;transition:transform .65s var(--flow),background .65s var(--flow),border-color .65s var(--flow)}
.project-open .ae-icon{transition:transform .65s var(--flow)}

/* Three unboxed displays: movement belongs to the objects and the action. */
.services{border:0;padding-top:65px}
.section-heading{grid-template-columns:130px 1.4fr 1fr;gap:40px}
.section-heading h2{font-size:clamp(40px,4.4vw,68px)}
.service-list{border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4.5vw,70px);align-items:stretch}
.service-list article,.service-list article:hover{display:block;border:0;padding:0;transition:none;min-width:0}
.service-card-link{display:flex;flex-direction:column;position:relative;isolation:isolate;height:100%;padding:25px 0 24px;border:0;border-radius:0;background:none;transition:transform .7s var(--flow)}
.service-card-link::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(.16);transform-origin:left;opacity:.5;transition:transform .7s var(--flow),opacity .7s var(--flow)}
.service-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:12px;border-radius:5px}
.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.service-list .number{font-size:11px;padding:0;color:#b9cadf}
.service-card-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bdd5f138;border-radius:50%;color:#d4e4fb;transition:transform .65s var(--flow),background-color .65s var(--flow),border-color .65s var(--flow)}
.service-card-arrow svg{width:18px;height:18px}
.service-art{position:relative;display:grid;place-items:center;width:100%;height:210px;margin:0 auto 34px;opacity:.88;pointer-events:none;transition:transform .85s var(--flow),opacity .65s var(--flow)}
.service-art::before{content:'';position:absolute;width:180px;height:180px;border:1px solid #b3ccea1c;border-radius:50%;background:#a8caff04;transform:scale(.92);transition:transform .9s var(--flow),border-color .9s var(--flow),background-color .9s var(--flow)}
.service-art svg{position:relative;display:block;width:82%;max-width:270px;height:100%;stroke:#bdd8fc;stroke-width:1}
.service-art .art-back{opacity:.32}
.service-art .art-front{fill:#19232f}
.service-art .art-core{fill:#a9cfff;stroke:none}
.service-art g{transform-box:fill-box;transform-origin:center;transition:transform 1.1s var(--flow)}
.service-copy{position:relative;z-index:1;margin:0;flex:1}
.service-list h3{font-size:clamp(26px,2.45vw,39px);line-height:1.13;min-height:2.3em;margin-bottom:20px;max-width:350px}
.service-list p{color:#bdc9d9;font-size:14px;max-width:360px;line-height:1.85}
.service-list .service-tag{max-width:none;font-size:9px;margin-top:27px;color:#adc2de;letter-spacing:.07em}

/* Film: generous breathing room and a precise portrait frame. */
.ae-film{width:calc(100% - 2 * var(--gutter));max-width:1584px;padding:80px 7%;border:0;border-radius:6px;background:#1b2432;gap:10%;margin-top:24px;margin-bottom:24px}
.ae-film h3{font-size:clamp(40px,4.5vw,68px);font-weight:400}
.ae-film-player{isolation:isolate;max-width:290px}
.ae-film-player video{border-radius:5px;box-shadow:0 22px 50px #060b1638;outline:1px solid #c5d8f033;outline-offset:10px}
.ae-film-play{border-radius:30px;background:#bfd5f30a;border-color:#c3d9f345;font-size:11px;padding:10px 19px;margin-bottom:25px;transition:background .4s,border-color .4s}
.ae-film-play:hover{background:#bfd5f31a;border-color:#c3d9f38a}
.ae-film-direct{margin-top:12px}

/* Offers form a single collection, with a quiet wash on the active column. */
.package-grid{border:0;gap:0;background:#18202a;border-radius:5px;overflow:hidden}
.package-card,.package-card:first-child,.package-card:last-child{position:relative;border:0;border-radius:0;padding:38px clamp(24px,3vw,44px);background:transparent;transition:background .65s var(--flow)}
.package-card+.package-card{border-left:1px solid #bdd0e526}
.package-card.package-featured{background:transparent}
.package-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--flow)}
.package-card .number{font-family:var(--serif);font-style:italic;font-size:36px;line-height:1;color:#bdd0e8;margin-bottom:33px;transition:transform .65s var(--flow)}
.package-card h3{font-size:clamp(26px,2.15vw,34px);line-height:1.15;min-height:78px}
.package-card li{color:#c0c8d4;line-height:1.8}
.package-card li::before{border-radius:50%;width:4px;height:4px;background:#adc4e3;border:0}
.package-card .text-link{padding-top:15px}
.scope-note{margin-left:0}

/* Process stages share one axis rather than stepping down the page. */
.process-section{padding-top:45px}
.process-grid{gap:7%;position:relative}
.process-grid::before{content:'';position:absolute;top:25px;left:0;right:0;height:1px;background:var(--line)}
.process-grid li{border:0;padding-top:0}
.process-grid .number{position:relative;display:inline-block;width:auto;height:auto;padding-right:26px;background:var(--bg);border:0;border-radius:0;font-family:var(--serif);font-style:italic;font-size:54px;line-height:1;color:#c0d2e9;margin-bottom:35px}
.process-grid h3{font-size:26px;max-width:310px}
.process-grid p{font-size:14px;max-width:320px}

/* Studio: an uncropped, rectangular identity image and simple signatures. */
.studio{max-width:1760px;background:none;border:0;padding-top:70px}
.studio-art{display:block;align-self:center;padding:0;overflow:visible;background:none;border:0;border-radius:0}
.studio-art img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;border-radius:5px}
.studio-art figcaption{text-align:left;margin-top:20px;font-size:8px}
.studio-copy h2{font-size:clamp(38px,3.7vw,62px)}
.founders{border:0;gap:26px;margin-top:35px;padding:0}
.founders>div{position:relative;padding:20px 0 0;border:0;border-top:1px solid var(--line);border-radius:0}
.founder-initials{display:block;color:#c7daf5;margin-bottom:12px}
.founders h3{font-size:17px}

/* Disclosures and contact retain clear, comfortable interactions. */
.faq-section{gap:8%}
.faq-list{border:0;display:grid;gap:0}
.faq-list details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;transition:background-color .45s var(--flow),border-color .45s var(--flow)}
.faq-list details[open]{background:#a8caff04;border-color:#b5cdef49}
.faq-list summary{padding:25px 52px 25px 20px;font-size:14px;transition:color .4s var(--flow)}
.faq-list summary:after{right:20px;top:22px;color:#b7d1f4;transition:transform .4s var(--flow)}
.faq-list details p{padding:0 20px 26px;font-size:13px}
.connect-section{gap:7%;padding-top:10px;padding-bottom:90px}
.connect-section>div,.connect-section>div:last-child{border:0;padding:35px 0;border-radius:0;background:none}
.connect-section h3{font-size:30px}
.contact{border:0;border-radius:0;background:#1b293b}
.contact-heading{align-items:flex-start}
.contact-arrow{margin-top:10px;transition:background .5s var(--flow),transform .5s var(--flow),border-color .5s var(--flow)}
.enquiry-panel{border:0;border-radius:5px;padding:34px;background:#101b2b5c}
.form-field input,.form-field select,.form-field textarea{border-radius:4px;border-color:#bfd7f02e;background:#101b2b75;transition:border-color .3s,background-color .3s,box-shadow .3s}
.form-field:focus-within label{color:var(--accent)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#142033;box-shadow:0 0 0 3px #b0d0ff08}
.enquiry-submit{border-radius:40px}
.contact-details{border:0;padding-top:0;gap:28px}
.contact-details>div{border-top:1px solid #b5cdef29;padding-top:25px}
.text-link{position:relative;text-decoration:none;transition:color .35s var(--flow)}
.text-link::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--flow)}
.text-link:hover{text-decoration:none;color:#d8e6f8}
.text-link:hover::after,.text-link:focus-visible::after{transform:scaleX(1)}

@media(hover:hover) and (pointer:fine){
 .case-image:hover,.case-image:focus-visible{outline-color:#c3d6f065;outline-offset:10px}
 .case-image:hover img{transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) scale(1.035)}
 .case-image:hover .project-open{transform:translate(-3px,-3px);background:#24405cbd;border-color:#c2d9f49e}
 .case-image:hover .project-open svg{transform:translate(2px,-2px)}
 .service-card-link:hover,.service-card-link:focus-visible{transform:translateY(-5px)}
 .service-card-link:hover::after,.service-card-link:focus-visible::after{transform:scaleX(1);opacity:1}
 .service-card-link:hover .service-card-arrow,.service-card-link:focus-visible .service-card-arrow{transform:translate(3px,-3px);background:#bcd8ff10;border-color:#bdd5f17a}
 .service-card-link:hover .service-art{transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));opacity:1}
 .service-card-link:hover .service-art::before,.service-card-link:focus-visible .service-art::before{transform:scale(1.03);border-color:#b3ccea42;background:#a8caff08}
 .service-card-link:hover .art-back,.service-card-link:focus-visible .art-back{transform:translate(6px,-5px) rotate(5deg)}
 .service-card-link:hover .art-front,.service-card-link:focus-visible .art-front{transform:translate(-4px,4px) rotate(-3deg)}
 .service-card-link:hover .art-orbit,.service-card-link:focus-visible .art-orbit{transform:rotate(32deg)}
 .package-card:hover,.package-card:focus-within{background:#203149}
 .package-card:hover::after,.package-card:focus-within::after{transform:scaleX(1)}
 .package-card:hover .number{transform:translateX(5px)}
 .faq-list summary:hover{color:var(--accent)}
 .contact-arrow:hover{transform:translate(3px,-3px)}
}
@media(max-width:1100px){
 .hero h1{font-size:41px;max-width:630px}
 .section-heading{grid-template-columns:90px 1.35fr 1fr;gap:25px}
 .service-list{gap:28px}
 .service-art{height:180px}
 .service-art::before{width:150px;height:150px}
 .service-list h3{font-size:29px;min-height:3.4em}
 .service-list p{font-size:13px}
 .service-list .service-tag{font-size:8px}
 .ae-film{padding:70px 6%}
 .package-card,.package-card:first-child,.package-card:last-child{padding:30px 25px}
 .package-card h3{font-size:27px;min-height:94px}
 .package-card li{font-size:12px}
 .founders{grid-template-columns:1fr;gap:15px}
 .founders>div{display:grid;grid-template-columns:34px 1fr;gap:3px 14px;padding-top:15px}
 .founder-initials{grid-row:1/3;margin:0;align-self:center}
 .founders h3{margin:0}
 .founders>div>span:last-child{grid-column:2}
 .enquiry-panel{padding:26px}
}
@media(max-width:760px){
 .hero-copy{padding-top:147px}
 .hero h1{font-size:30px;max-width:460px;line-height:1.15}
 .hero h1 .hero-title-accent{font-size:1.4em;margin-top:6px}
 .opening-summary h2{font-size:30px}
 .opening-summary-meta{border-radius:0;padding:21px 0;display:block}
 .opening-summary .hero-kicker{margin-bottom:15px}
 .opening-summary .hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
 .opening-summary .hero-bottom>span{max-width:none}
 .project-heading{padding-top:0}
 .client-showcase iframe{border-radius:4px}
 .project-footer{padding:16px 0 0}
 .project-pair{gap:55px}
 .case-copy{padding:27px 0 0}
 .case-copy h3{font-size:29px}
 .case-image{outline-offset:4px}
 .section-heading{display:block}
 .section-heading h2{font-size:42px}
 .service-list{grid-template-columns:1fr;gap:32px}
 .service-card-link{display:grid;grid-template-columns:1fr 110px;gap:0 12px;padding:0 0 28px}
 .service-card-top{grid-column:1/-1;margin-bottom:15px}
 .service-art{grid-column:2;grid-row:2;align-self:start;width:110px;height:110px;margin:0}
 .service-art::before{width:94px;height:94px}
 .service-art svg{width:100%}
 .service-copy{grid-column:1;grid-row:2;margin:0}
 .service-list h3{font-size:31px;min-height:0;margin-bottom:18px}
 .service-list p{font-size:13px;line-height:1.85}
 .service-list .service-tag{grid-column:1/-1;grid-row:3;font-size:8px;margin-top:20px}
 .ae-film{width:calc(100% - 32px);margin-top:8px;padding:48px 28px;border-radius:5px;gap:38px;overflow:hidden}
 .ae-film h3{font-size:42px}
 .ae-film-player{max-width:250px}
 .package-grid{display:grid;grid-template-columns:1fr;gap:0}
 .package-card,.package-card:first-child,.package-card:last-child{padding:32px 28px;border-radius:0}
 .package-card+.package-card{border-left:0;border-top:1px solid var(--line)}
 .package-card .number{margin-bottom:24px}
 .package-card h3{font-size:30px;min-height:0}
 .package-card>p:not(.package-price){min-height:0}
 .package-card li{font-size:13px}
 .process-section{padding-top:15px}
 .process-grid{display:block}
 .process-grid::before{display:none}
 .process-grid li{display:grid;grid-template-columns:48px 1fr;gap:10px 23px;padding:0 0 38px}
 .process-grid li:last-child{padding-bottom:0}
 .process-grid .number{font-size:36px;padding:0;margin:0;grid-row:1/3}
 .process-grid h3{font-size:24px;margin:3px 0 4px}
 .process-grid p{font-size:13px}
 .studio{padding-top:45px;gap:35px}
 .studio-art img{height:auto;aspect-ratio:1.5}
 .studio-copy h2{font-size:42px}
 .founders{grid-template-columns:1fr 1fr;gap:18px}
 .founders>div{display:block;padding:19px 0 0}
 .founder-initials{margin-bottom:15px}
 .founders h3{font-size:16px;margin-bottom:7px}
 .faq-list summary{padding:22px 35px 22px 0;font-size:13px}
 .faq-list summary:after{right:0;top:19px}
 .faq-list details p{padding:0 10px 23px 0;font-size:12px}
 .connect-section{gap:18px;padding-bottom:60px}
 .connect-section>div,.connect-section>div:last-child{padding:25px 0}
 .connect-section h3{font-size:28px}
 .contact-heading h2{font-size:42px}
 .contact-heading{gap:12px}
 .contact-arrow{width:47px;height:47px;margin-top:5px}
 .enquiry-panel{padding:26px 20px;border-radius:5px}
 .form-field input,.form-field select,.form-field textarea{font-size:16px}
 .contact-details{gap:17px}
 .contact-details>div{padding-top:17px}
}
@media(max-width:380px){
 .hero-copy{padding-top:139px}
 .hero h1{font-size:27px}
 .hero h1 .hero-title-accent{font-size:1.42em}
 .case-copy h3{font-size:27px}
 .service-card-link{grid-template-columns:1fr 78px;column-gap:10px}
 .service-list h3{font-size:28px}
 .service-art{width:78px;height:90px}
 .service-art::before{width:74px;height:74px}
 .process-grid li{grid-template-columns:42px 1fr;column-gap:17px}
 .process-grid .number{font-size:32px}
 .process-grid h3{font-size:22px}
 .founders{grid-template-columns:1fr}
 .contact-heading h2{font-size:35px}
 .enquiry-panel{padding:25px 17px}
 .package-card,.package-card:first-child,.package-card:last-child{padding:28px 24px}
}
@media(prefers-reduced-motion:reduce){
 .case-image:hover img,.case-image:hover .project-open,.case-image:hover .project-open svg,.service-card-link:hover,.service-card-link:focus-visible,.service-card-link:hover .service-card-arrow,.service-card-link:focus-visible .service-card-arrow,.service-card-link:hover .service-art,.service-card-link:hover .service-art g,.service-card-link:focus-visible .service-art g,.package-card:hover .number,.contact-arrow:hover{transform:none}
 .service-card-link:hover .service-art::before,.service-card-link:focus-visible .service-art::before{transform:scale(.92)}
}

/* Colour only: the hero, header and existing geometry are deliberately untouched. */
main>section:not(.hero),footer{--accent:#dfbf80;--line:#d3bb8c2e}
main>section:not(.hero) h2 em,.opening-summary h2 span:last-child{color:#dfc18c}
main>section:not(.hero) .eyebrow,.opening-summary-heading .hero-side-note{color:#c5b699}
.opening-summary .hero-secondary{color:#e0c796;border-color:#cbb27b4d}
.opening-summary .hero-kicker{color:#c5b699}
.opening-summary .hero-bottom{color:#c6c1b7}
main>section:not(.hero) .text-link:hover{color:var(--accent)}

/* Each project keeps its own imagery and gains a related, quiet accent. */
.case-study:first-child{--accent:#bad0ae;--project-edge:#bad0ae43;--project-hover:#bad0ae83;--project-glass:#344332bd}
.case-study:nth-child(2){--accent:#e2bb7c;--project-edge:#e2bb7c43;--project-hover:#e2bb7c83;--project-glass:#54412abd}
.case-image{outline-color:var(--project-edge)}
.case-copy>.eyebrow{color:var(--accent)}
.project-open{color:var(--accent);border-color:var(--project-edge)}

/* Champagne for websites, slate and gold for advertising, bronze for identity. */
.service-list article:nth-child(1){--accent:#e2c28a;--art-halo:#c4a671;--art-edge:#e9d3a4;--art-stroke:#f0dcb6;--art-fill:#e1ceaa;--art-front-stroke:#68502a;--art-core:#705121;--art-halo-hover:#d3b984;--art-arrow:#d9bd8220}
.service-list article:nth-child(2){--accent:#b9d1ef;--art-halo:#24384d;--art-edge:#8faec94d;--art-stroke:#b8d1ed;--art-fill:#263f57;--art-front-stroke:#b8d1ed;--art-core:#e6bf71;--art-halo-hover:#2e475e;--art-arrow:#abc8ee18}
.service-list article:nth-child(3){--accent:#deb08c;--art-halo:#50392d;--art-edge:#d8a47b61;--art-stroke:#deb690;--art-fill:#6b4b37;--art-front-stroke:#f0cda9;--art-core:#f0cda9;--art-halo-hover:#604332;--art-arrow:#deb08c1a}
.service-art{opacity:1}
.service-art::before{background:var(--art-halo);border-color:var(--art-edge)}
.service-art svg{stroke:var(--art-stroke)}
.service-art .art-front{fill:var(--art-fill);stroke:var(--art-front-stroke)}
.service-art .art-core{fill:var(--art-core)}
.service-art .art-back{opacity:.65}
.service-list .number,.service-list .service-tag,.service-card-arrow{color:var(--accent)}
.service-card-arrow{border-color:color-mix(in srgb,var(--accent) 36%,transparent)}

/* A warmer screening space links the new gold details to the existing film. */
.ae-film{background:#29261f}
.ae-film-copy>p:not(.eyebrow){color:#c5bdaE}
.ae-film-player video{outline-color:#d4b77e55}
.ae-film-play,.ae-film .button{background:#dfbd7710;border-color:#dfbd775c;color:#eddbb5}
.ae-film-play:hover,.ae-film .button:hover{background:#dfbd7722;border-color:#dfbd778f;color:#f5e8cd}
.ae-film-direct{color:#c9bda4}

/* Distinct offer surfaces remain in the existing shared, aligned composition. */
.package-card:nth-child(1){--offer-bg:#ddcbaa;--offer-hover:#e7d6b7;--ink:#292720;--muted:#5b503e;--accent:#705022;--offer-line:#70502235;--offer-copy:#514635}
.package-card:nth-child(2){--offer-bg:#293b50;--offer-hover:#32485e;--ink:#f1f4f8;--muted:#c2d0e0;--accent:#e6c384;--offer-line:#b4cbe236;--offer-copy:#d0dbe7}
.package-card:nth-child(3){--offer-bg:#443127;--offer-hover:#503b2e;--ink:#f7ede1;--muted:#dcc7b0;--accent:#efc38b;--offer-line:#e0b58636;--offer-copy:#e7d4bd}
.package-card,.package-card:first-child,.package-card:last-child,.package-card.package-featured{background:var(--offer-bg);color:var(--ink);border-color:var(--offer-line)}
.package-card .number{color:var(--accent)}
.package-card li{color:var(--offer-copy)}
.package-card li::before{background:var(--accent)}
.package-card .text-link{color:var(--ink)}
.package-card .text-link:hover{color:var(--accent)}

/* Small details carry the same palette through the remaining sections. */
.process-grid li:nth-child(1) .number{color:#e3c58e}
.process-grid li:nth-child(2) .number{color:#b9cee7}
.process-grid li:nth-child(3) .number{color:#dcae84}
.founder-initials{color:#dec18b}
.faq-list details[open]{background:#dfbf8009;border-color:#d6b5736b}
.faq-list summary:after{color:#dfbf80}
.connect-section>div:first-child{--accent:#b9cee7}
.connect-section>div:last-child{--accent:#dfbf80}
.connect-section>div .eyebrow{color:var(--accent)}
.contact{background:#1d2b3b}
.contact-arrow{color:#e6c78e;border-color:#d9b87765}
.contact-arrow:hover{background:#dfbf80;color:#1d2631}
.call-invitation .button{background:#dfbf800b;border-color:#dfbf8055;box-shadow:inset 0 1px 0 #f4dfb51a}
.call-invitation .button:hover{background:#dfbf801a;border-color:#dfbf808f}
.enquiry-panel{background:#131f2d96}
.form-field input,.form-field select,.form-field textarea{border-color:#c7b48d45}
.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#d9bf8980}
.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline-color:#e3c58e}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#192635;box-shadow:0 0 0 3px #dfbf8010}
.enquiry-submit{background:#dec18b;border-color:#dec18b;color:#24241f}
.enquiry-submit:hover{background:#ecd5ad;border-color:#ecd5ad;color:#24241f}
.contact-details>div{border-color:#cfb78838}
.footer-wordmark{color:#dcd7cb}
.footer-wordmark span{color:#dfbf80}

@media(hover:hover) and (pointer:fine){
 .case-image:hover,.case-image:focus-visible{outline-color:var(--project-hover)}
 .case-image:hover .project-open{background:var(--project-glass);border-color:var(--project-hover)}
 .service-card-link:hover .service-card-arrow,.service-card-link:focus-visible .service-card-arrow{background:var(--art-arrow);border-color:color-mix(in srgb,var(--accent) 70%,transparent)}
 .service-card-link:hover .service-art::before,.service-card-link:focus-visible .service-art::before{background:var(--art-halo-hover);border-color:var(--art-edge)}
 .package-card:hover,.package-card:focus-within{background:var(--offer-hover)}
}