:root{--ink:#061524;--navy:#0b2741;--blue:#1fc9d3;--white:#f7fbff;--muted:#9badbd;--line:rgba(255,255,255,.18);--paper:#eef3f6;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--blue);color:var(--ink);padding:.75rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;height:84px;padding:0 clamp(1.25rem,4vw,4.5rem);display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(to bottom,rgba(6,21,36,.9),rgba(6,21,36,.2));backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.8rem;width:max-content;font:600 .82rem/1 var(--display);letter-spacing:.17em}.brand img{width:29px;height:37px;object-fit:contain}.site-header nav{position:absolute;top:84px;left:0;right:0;display:none;grid-template-columns:repeat(5,1fr);background:rgba(4,17,30,.98);border-bottom:1px solid var(--line);box-shadow:0 24px 50px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.site-header nav.open{display:grid}.site-header nav a{display:flex;align-items:center;justify-content:center;min-height:110px;border-right:1px solid var(--line);font:500 clamp(1rem,1.5vw,1.35rem)/1.2 var(--display);letter-spacing:-.02em;transition:background .2s ease,color .2s ease}.site-header nav a:last-child{border-right:0}.site-header nav a:hover{background:rgba(255,255,255,.06);color:var(--blue)}.site-header nav .nav-cta{background:var(--blue);color:var(--ink)}.site-header nav .nav-cta:hover{background:var(--white);color:var(--ink)}.text-link{transition:color .2s ease}.text-link:hover{color:var(--blue)}.menu-button{display:grid;width:44px;height:44px;place-items:center;justify-self:end;background:none;border:1px solid var(--line);color:var(--white);padding:0;cursor:pointer}.menu-icon{display:grid;gap:5px;width:20px}.menu-icon span{display:block;width:100%;height:1.5px;background:currentColor;transition:transform .25s ease,opacity .2s ease}.menu-button[aria-expanded="true"] .menu-icon span:first-child{transform:translateY(6.5px) rotate(45deg)}.menu-button[aria-expanded="true"] .menu-icon span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] .menu-icon span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:10rem clamp(1.25rem,6vw,6.5rem) 6rem;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(3,13,24,.98) 0%,rgba(3,13,24,.84) 38%,rgba(3,13,24,.12) 78%),linear-gradient(0deg,rgba(3,13,24,.75),transparent 45%)}.hero-content{position:relative;z-index:1;max-width:840px}.eyebrow,.section-index{margin:0 0 2.5rem;color:var(--blue);font:600 .73rem/1 var(--display);letter-spacing:.18em;text-transform:uppercase}.hero .eyebrow{line-height:1.8}.hero h1{margin:0;font:500 clamp(4rem,9vw,8.2rem)/.91 var(--display);letter-spacing:-.06em}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy{max-width:640px;margin:2.4rem 0 2rem;color:#d2dde6;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55}.hero-actions{display:flex;align-items:center;gap:2rem}.button{display:inline-flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;font-weight:600}.button-primary{background:var(--blue);color:var(--ink)}.button-primary:hover{background:var(--white)}.text-link{display:inline-flex;gap:.7rem;align-items:center;border-bottom:1px solid currentColor;padding-bottom:.2rem;font-weight:500}.hero-meta{position:absolute;z-index:1;right:clamp(1.25rem,4vw,4.5rem);bottom:2rem;display:flex;gap:1.5rem;color:var(--muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.section-pad{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,6vw,6.5rem)}.intro{background:var(--paper);color:var(--ink)}.intro-grid,.about-grid,.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,9rem)}.intro h2,.about h2,.contact h2,.section-heading h2{margin:0;font:500 clamp(2.5rem,5vw,5.2rem)/1.04 var(--display);letter-spacing:-.055em}.intro-copy{padding-top:.7rem;color:#354a5c;font-size:clamp(1.05rem,1.35vw,1.25rem)}.intro-copy p:first-child{margin-top:0}
.services{background:#071a2c}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:4rem}.section-heading .section-index{margin:0}.section-heading h2{max-width:760px;text-align:right}.service-list{border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:.2fr .65fr 1fr .75fr;gap:2rem;align-items:start;padding:2.2rem 0;border-bottom:1px solid var(--line)}.service-number{color:var(--blue);font:600 .8rem/1 var(--display)}.service-card h3{margin:0;font:500 clamp(1.4rem,2.5vw,2.1rem)/1.2 var(--display);letter-spacing:-.03em}.service-card p{margin:0;color:#b4c1cc}.service-card ul{margin:0;padding:0;list-style:none;color:#d7e0e7;font-size:.9rem}.service-card li+li{margin-top:.45rem}
.statement{overflow:hidden;padding:2rem 0;background:var(--blue);color:var(--ink);white-space:nowrap}.statement p{margin:0;text-align:center;font:700 clamp(1.4rem,4vw,3.8rem)/1 var(--display);letter-spacing:.04em}.statement span{padding:0 2vw;color:var(--white)}
.site-header nav{grid-template-columns:repeat(6,1fr)}
.selected-work{background:#03101c}.work-heading h2{max-width:830px}.featured-project{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.63fr);grid-template-areas:"image video" "copy video";gap:clamp(1.25rem,3vw,2.75rem);align-items:start}.featured-project+.featured-project{margin-top:clamp(6rem,12vw,11rem);padding-top:clamp(3rem,6vw,5rem);border-top:1px solid var(--line)}.work-image,.work-video{margin:0;overflow:hidden;background:#071a2c}.work-image{grid-area:image;aspect-ratio:3/2}.work-image img,.work-film video{display:block;width:100%;height:100%;object-fit:cover}.work-video{grid-area:video;position:relative;aspect-ratio:9/16}.work-video video{display:block;width:100%;height:100%;object-fit:cover}.work-video figcaption{position:absolute;left:1rem;bottom:1rem;margin:0;padding:.45rem .65rem;background:rgba(3,16,28,.82);color:#dbe6ed;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.project-copy{grid-area:copy;display:grid;grid-template-columns:.7fr 1.15fr;gap:.8rem clamp(2rem,5vw,5rem);padding-top:.4rem}.project-category{grid-column:1;margin:0;color:var(--blue);font:600 .74rem/1.4 var(--display);letter-spacing:.13em;text-transform:uppercase}.project-copy h3{grid-column:1;margin:0;font:500 clamp(2.4rem,5vw,5.4rem)/.95 var(--display);letter-spacing:-.055em}.project-description{grid-column:2;grid-row:1/span 2;max-width:600px;margin:0;color:#c0ccd5;font-size:clamp(1rem,1.3vw,1.18rem)}.project-services{grid-column:1;margin:1rem 0 0;padding:1rem 0 0;border-top:1px solid var(--line);list-style:none;color:#d7e0e7;font-size:.86rem}.project-services li+li{margin-top:.35rem}.project-link{grid-column:2;justify-self:start;align-self:end;margin-top:1rem}.editorial-project{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);grid-template-areas:"image copy";align-items:end}.editorial-project .work-image{aspect-ratio:16/9}.editorial-project .project-copy{display:block;padding:0 0 .35rem}.editorial-project .project-copy h3{margin-top:1rem}.editorial-project .project-description{margin-top:2rem}.editorial-project .project-services{max-width:300px}.editorial-project .project-link{margin-top:2rem}
.about{background:var(--white);color:var(--ink)}.about .section-index{margin-bottom:3rem}.about h2{max-width:720px}.dark-link{margin-top:2.2rem;color:#1d425d}.about-copy{font-size:clamp(1.05rem,1.35vw,1.2rem);color:#354a5c}.about-copy p:first-child{margin-top:0}.credentials{margin:2.5rem 0 0;border-top:1px solid #cdd7de}.credentials div{display:grid;grid-template-columns:1fr 1.6fr;padding:1rem 0;border-bottom:1px solid #cdd7de}.credentials dt{color:#647887}.credentials dd{margin:0;color:var(--ink);font-weight:600}
.process{background:#0b2741}.process .section-heading{align-items:start}.process .section-heading h2{max-width:850px}.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:.2fr 1fr;padding:1.8rem 0;border-bottom:1px solid var(--line)}.process-list>li>span{color:var(--blue);font-weight:600}.process-list div{display:grid;grid-template-columns:.5fr 1fr;gap:2rem}.process-list h3,.process-list p{margin:0}.process-list h3{font:500 1.4rem/1.3 var(--display)}.process-list p{color:#bdc9d2;max-width:650px}
.contact{background:var(--blue);color:var(--ink)}.light-index{color:#17405a}.contact h2{font-size:clamp(3.5rem,8vw,8rem)}.contact-grid>div>p{max-width:500px;font-size:1.1rem}.contact-action{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.contact-action>a{font:600 clamp(1.15rem,2vw,1.8rem)/1.3 var(--display);border-bottom:2px solid var(--ink);padding-bottom:.3rem;overflow-wrap:anywhere}.contact-action>p{margin-top:2rem;color:#184058}
footer{padding:2rem clamp(1.25rem,4vw,4.5rem);display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;background:#04111e;color:#8fa0ae;font-size:.78rem}footer p{margin:0}.footer-brand{color:var(--white)}footer p:last-child{text-align:right}
@media (max-width:860px){.site-header{height:72px}.site-header nav{top:72px;grid-template-columns:1fr;padding:0 1.25rem;background:var(--ink)}.site-header nav a{justify-content:flex-start;min-height:auto;padding:1rem 0;border-right:0;border-bottom:1px solid var(--line);font-size:1rem}.site-header nav .nav-cta{justify-content:center;margin:1rem 0;border-bottom:0}.hero{padding-bottom:5.5rem}.hero-meta{left:1.25rem;right:auto;gap:.75rem}.hero-meta span{font-size:.65rem}.intro-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:2.5rem}.section-heading{display:block}.section-heading .section-index{margin-bottom:2rem}.section-heading h2{text-align:left}.service-card{grid-template-columns:.16fr 1fr}.service-card p,.service-card ul{grid-column:2}.process-list li{grid-template-columns:.16fr 1fr}.process-list div{grid-template-columns:1fr;gap:.6rem}.contact-action{padding-top:2rem}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}
@media (max-width:860px){.featured-project{grid-template-columns:minmax(0,1fr) minmax(210px,.52fr);grid-template-areas:"image video" "copy copy"}.project-copy{margin-top:1rem}}
@media (max-width:860px){.editorial-project{grid-template-columns:1fr;grid-template-areas:"image" "copy"}.editorial-project .project-copy{margin-top:1rem}}
@media (max-width:620px){.featured-project{display:block}.work-video{width:min(72%,320px);margin:-3.5rem 1rem 0 auto;border:6px solid #03101c}.project-copy{display:block;margin-top:2rem}.project-copy h3{margin-top:.55rem}.project-description{margin-top:1.5rem}.project-services{margin-top:1.5rem}.project-link{margin-top:1.5rem}.editorial-project .project-copy{margin-top:2rem}}
@media (max-width:520px){.brand span{font-size:.72rem}.hero{min-height:780px}.hero h1{font-size:3.6rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.25rem}.hero-meta{flex-wrap:wrap}.service-card{gap:1rem}.contact-action>a{font-size:1rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.amfries-project .work-image{aspect-ratio:9/16;width:min(100%,420px);justify-self:center}.amfries-project{align-items:center}

.amfries-project{display:block}.amfries-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,2rem);max-width:960px;margin:0 auto 2.5rem}.amfries-still{margin:0;aspect-ratio:9/16;overflow:hidden}.amfries-still img{width:100%;height:100%;object-fit:cover}.amfries-project .amfries-media .work-image{width:100%;max-width:none;aspect-ratio:9/16}.amfries-project .project-copy{max-width:960px;margin:0 auto}.amfries-project .project-description{max-width:680px}

.amfries-media>.work-image{grid-area:auto;min-width:0;margin:0}.amfries-still img{object-position:50% 50%}

/* Why Us: an editorial grid extending the studio palette. */
.why-us{background:#071a2c;scroll-margin-top:84px}.why-us-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(2rem,6vw,6rem)}.why-us-item{position:relative;padding:2.25rem 0 2.5rem;border-top:1px solid var(--line)}.why-us-item .service-number{display:block;margin-bottom:1.5rem}.why-us-item h3{margin:0 0 1rem;font:500 clamp(1.5rem,2.8vw,2.4rem)/1.15 var(--display);letter-spacing:-.035em}.why-us-item p{margin:0;max-width:520px;color:#b4c1cc;font-size:1.05rem}.site-header nav{grid-template-columns:repeat(7,1fr)}
@media(max-width:860px){.site-header nav{grid-template-columns:1fr}.why-us{scroll-margin-top:72px}}
@media(max-width:620px){.why-us-grid{grid-template-columns:1fr}.why-us-item{padding:1.75rem 0 2rem}}

/* Refined studio rhythm, portfolio and project enquiries. */
section[id]{scroll-margin-top:100px}.section-pad{padding:clamp(4rem,7.5vw,7rem) clamp(1.25rem,6vw,6.5rem)}
.hero{min-height: min(960px,100svh);align-items:center;padding-top:10rem;padding-bottom:6rem}.hero-content{max-width:760px}.hero h1{font-size:clamp(3.5rem,7.6vw,7.2rem);line-height:1.02;letter-spacing:-.055em}.hero-copy{max-width:560px;font-size:clamp(1rem,1.35vw,1.2rem);margin:2rem 0 2.25rem}.hero-image{object-position:65% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,13,24,.95),rgba(3,13,24,.78) 42%,rgba(3,13,24,.12) 85%)}
.section-heading h2,.intro h2,.about h2{font-size:clamp(2.25rem,4.2vw,4.4rem);line-height:1.1}.section-index,.eyebrow{font-size:.875rem;line-height:1.5}.service-card ul,.project-services{font-size:.95rem}.service-card p{font-size:1rem}
.featured-project,.editorial-project,.amfries-project{display:block}.featured-project+.featured-project{margin-top:4.5rem;padding-top:4.5rem}.project-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem);width:100%;max-width:none;margin:0 0 2rem;align-items:stretch}.project-media figure,.project-media .work-image,.project-media .work-video,.amfries-project .project-media .work-image{grid-area:auto;margin:0;width:100%;max-width:none;border:0;aspect-ratio:4/5;min-width:0;position:relative}.project-media img,.project-media video{width:100%;height:100%;object-fit:cover;display:block}.piro-media{grid-template-columns:1fr}.piro-media .work-image{aspect-ratio:16/9}.ezone-media .work-image img{object-position:50% 50%}.project-media figcaption{font-size:.875rem;letter-spacing:.03em}.project-copy,.editorial-project .project-copy,.amfries-project .project-copy{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 3rem;margin:0;max-width:none;padding:0}.project-copy h3,.editorial-project .project-copy h3{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12;margin:0;grid-column:1;letter-spacing:-.04em}.project-category{font-size:.875rem;letter-spacing:.06em;grid-column:1}.project-description,.editorial-project .project-description{grid-column:2;grid-row:1/span 2;margin:0;font-size:1.05rem}.project-services,.editorial-project .project-services{grid-column:1;max-width:none;margin:.75rem 0 0;padding-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.project-services li+li{margin:0}.project-link,.editorial-project .project-link{grid-column:2;margin:.75rem 0 0;align-self:start}
.enquiry{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,6vw,6rem)}.enquiry-heading h2{font:500 clamp(2.5rem,4.5vw,4.5rem)/1.08 var(--display);letter-spacing:-.05em;margin:0}.enquiry-heading>p:not(.section-index){max-width:400px;color:#354a5c;font-size:1.1rem;margin-top:1.75rem}.enquiry-heading .dark-link{font-size:1rem;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.enquiry-form label{font-size:.95rem;font-weight:500}.form-grid label>span{color:#1d6470}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;min-height:48px;border:1px solid #a8b8c5;border-radius:0;background:#fff;color:var(--ink);font:400 1rem/1.5 var(--body);padding:.75rem;margin-top:.5rem}.form-grid textarea{resize:vertical}.full-width{grid-column:1/-1}.enquiry-form fieldset{border:0;margin:1.5rem 0;padding:0}.enquiry-form legend{font-weight:500;margin-bottom:.75rem}.proceed-options{display:flex;gap:1rem;flex-wrap:wrap}.proceed-options label{display:flex;align-items:center;gap:.5rem;min-height:44px}.proceed-options input{accent-color:#0b2741;width:18px;height:18px}.enquiry-submit{border:0;background:var(--navy);color:white;cursor:pointer;min-height:48px}.enquiry-submit:hover{background:#184863}.form-note,#enquiry-status{font-size:.875rem;line-height:1.6;color:#354a5c;max-width:540px}.enquiry-form :focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #1fc9d3;outline-offset:4px}.video-toggle{position:absolute;right:1rem;top:1rem;background:rgba(3,16,28,.85);color:#fff;border:1px solid rgba(255,255,255,.4);padding:.5rem .75rem;min-height:44px;font:500 .875rem var(--body);cursor:pointer}
@media(max-width:860px){.enquiry{grid-template-columns:1fr}.site-header nav{max-height:calc(100svh - 72px);overflow-y:auto}.hero{min-height:760px}.hero-image{object-position:65% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,13,24,.95),rgba(3,13,24,.65))}.project-copy,.editorial-project .project-copy,.amfries-project .project-copy{gap:1rem 2rem}.contact-action{padding-top:0}}
@media(max-width:620px){section[id]{scroll-margin-top:88px}.hero{min-height:100svh;padding-top:8rem;padding-bottom:4rem}.hero h1{font-size:clamp(3rem,12vw,4.2rem)}.hero-actions{flex-direction:column;align-items:flex-start;gap:1.25rem}.project-copy,.editorial-project .project-copy,.amfries-project .project-copy{display:block}.project-copy h3,.editorial-project .project-copy h3{margin:.5rem 0 1rem}.project-description,.editorial-project .project-description{margin:0 0 1.25rem}.project-link,.editorial-project .project-link{margin-top:1.5rem}.featured-project+.featured-project{padding-top:3rem;margin-top:3rem}.project-media{gap:.75rem}.project-media figure,.project-media .work-image,.project-media .work-video,.amfries-project .project-media .work-image{aspect-ratio:9/16}.piro-media .work-image{aspect-ratio:4/3}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.contact-action>a{font-size:1rem}.project-media figcaption{left:.5rem;bottom:.5rem;font-size:.75rem}.video-toggle{right:.5rem;top:.5rem;padding:.5rem;font-size:.75rem}.hero-copy{font-size:1.0625rem}.statement p{font-size:clamp(1rem,4vw,1.5rem)}}

/* Compact, accessible closing sections. */
.faq{background:#071a2c}.faq-list{max-width:100%;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 0;cursor:pointer;list-style:none;font:500 clamp(1.05rem,1.7vw,1.35rem)/1.5 var(--display);min-height:64px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';color:var(--blue);font-size:1.75rem;font-weight:400;line-height:1;flex-shrink:0}.faq-list details[open] summary::after{content:'−'}.faq-list summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.faq-answer{max-width:780px;padding:0 2rem 1.5rem 0;color:#bdc9d2;font-size:1.0625rem;line-height:1.7}.faq-answer p{margin:0}.connect{background:#03101c}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:end}.connect h2{font:500 clamp(2.5rem,4.2vw,4.4rem)/1.1 var(--display);letter-spacing:-.05em;margin:0}.connect-links a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line);font-size:1.05rem;overflow-wrap:anywhere}.connect-links a:hover{color:var(--blue)}.connect-platform{font-size:.875rem;color:var(--muted);flex-shrink:0}.connect-links p{margin:1.5rem 0 0;color:var(--muted);font-size:.95rem}@media(max-width:620px){.connect-grid{grid-template-columns:1fr}.connect-links a{font-size:1rem}.faq-list summary{gap:1rem;padding:1.25rem 0}.faq-answer{padding-right:0}}

.contact-action>.contact-project-link{margin-top:1.5rem;font-size:1rem;font-weight:600;border-bottom:1px solid var(--ink);padding:.5rem 0;min-height:44px}.contact-project-link:hover{color:#184058}

.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.enquiry-submit:disabled{opacity:.6;cursor:wait}#enquiry-status.success{color:#145444;font-weight:600}#enquiry-status.error{color:#a02929;font-weight:500}

.footer-contact{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem}.footer-contact a{color:var(--white);overflow-wrap:anywhere}.footer-contact a:hover{color:var(--blue)}
/* Consistent section headline rhythm and deliberate responsive wrapping. */
.section-heading{display:grid;grid-template-columns:minmax(12rem,.32fr) minmax(0,1fr);align-items:start;gap:2rem clamp(2rem,4vw,4rem);margin-bottom:clamp(2.5rem,4.5vw,4rem)}
.section-heading .section-index{margin:0;padding-top:.55rem;line-height:1.6}
.section-heading h2,.intro h2,.about h2,.enquiry-heading h2,.connect h2{font-size:clamp(2.25rem,4vw,4.25rem);line-height:1.16;letter-spacing:-.035em;text-wrap:balance;margin:0;overflow-wrap:normal}
.section-heading h2{max-width:100%;text-align:right;justify-self:end}
.intro>.section-index,.about>.section-index,.enquiry-heading>.section-index,.connect>.section-index{margin-bottom:clamp(1.5rem,2.5vw,2.25rem);line-height:1.6}
#work-title{max-width:20ch}#process-title{max-width:24ch}#why-us-title{max-width:23ch}#faq-title{max-width:22ch}
@media(max-width:860px){.section-heading{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem}.section-heading .section-index{padding-top:0;margin-bottom:0}.section-heading h2{justify-self:start;text-align:left;max-width:24ch}.intro h2,.about h2,.enquiry-heading h2,.connect h2{max-width:24ch}}
@media(max-width:520px){.section-heading h2,.intro h2,.about h2,.enquiry-heading h2,.connect h2{font-size:clamp(2rem,8.5vw,2.75rem);line-height:1.18;letter-spacing:-.025em}.section-heading{gap:1rem;margin-bottom:2rem}.section-heading .section-index{font-size:.8125rem;letter-spacing:.12em}}

.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.footer-identity .footer-location{font-size:.875rem;line-height:1.5;text-align:left;color:#9badbd;margin:0}

.footer-legal{display:flex;flex-direction:column;gap:.5rem;text-align:right}.footer-legal p{margin:0;text-align:right}.footer-legal .footer-location{font-size:.875rem;color:#9badbd;line-height:1.5}@media(max-width:860px){.footer-legal{justify-self:end;align-items:flex-end}.footer-legal,.footer-legal p{text-align:right}}
/* Align the footer's first text row; keep location secondary. */
footer{align-items:start}.footer-contact,.footer-legal{padding-top:.5rem}.footer-contact a,.footer-legal>p:first-child{font-size:.875rem;line-height:1.5}.footer-legal .footer-location{font-size:.75rem;line-height:1.5}.footer-legal{gap:.35rem}
@media(max-width:860px){footer{grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;row-gap:2rem}.footer-identity{grid-column:1 / -1}.footer-contact{grid-column:1;grid-row:2}.footer-legal{grid-column:2;grid-row:2}.footer-contact,.footer-legal{padding-top:0}}
/* White dropdown with readable blue navigation on desktop and mobile. */
.site-header nav{background:#fff;color:#0b4b82;border-bottom:1px solid #dbe5ee;backdrop-filter:none}.site-header nav a{color:#0b4b82;border-color:#dbe5ee}.site-header nav a:hover,.site-header nav a:focus-visible{background:#edf5fc;color:#07345b}.site-header nav .nav-cta{background:#fff;color:#0b4b82}.site-header nav .nav-cta:hover,.site-header nav .nav-cta:focus-visible{background:#edf5fc;color:#07345b}
.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav .nav-cta:hover,.site-header nav .nav-cta:focus-visible{background:var(--blue);color:#07345b}

.gwalia-project{grid-template-columns:1fr}.gwalia-project .project-copy{max-width:48rem}

.gwalia-project .project-copy{max-width:none}

.gwalia-media .work-image img{object-fit:cover;object-position:center}

.aayana-media{grid-template-columns:1fr}.aayana-media .work-image{aspect-ratio:3/2}@media(max-width:620px){.aayana-media .work-image{aspect-ratio:3/2}}



.aayana-media .work-image img{object-fit:cover;object-position:center}

.crack-media{grid-template-columns:1fr}.crack-media .work-image{aspect-ratio:3/2}@media(max-width:620px){.crack-media .work-image{aspect-ratio:3/2}}

/* Crack In The Pavement — restrained four-frame concert sequence */
.crack-slideshow{isolation:isolate;position:relative;background:#061523}
.crack-slideshow .crack-slide{position:absolute;inset:0;display:block;opacity:0;overflow:hidden;animation:crack-sequence 16s infinite ease-in-out}
.crack-slideshow .crack-slide:nth-child(1){animation-delay:0s}
.crack-slideshow .crack-slide:nth-child(2){animation-delay:-12s}
.crack-slideshow .crack-slide:nth-child(3){animation-delay:-8s}
.crack-slideshow .crack-slide:nth-child(4){animation-delay:-4s}
.crack-slideshow .crack-slide img{position:absolute;inset:-1.5%;width:103%;height:103%;max-width:none;object-fit:cover;animation:crack-drift 8s infinite alternate ease-in-out;will-change:transform}
.crack-slideshow .crack-slide:nth-child(even) img{animation-direction:alternate-reverse}
.crack-sequence-mark{position:absolute;z-index:5;right:1rem;bottom:1rem;padding:.4rem .55rem;background:rgba(3,16,28,.72);color:#e5edf2;font:600 .68rem/1 var(--display);letter-spacing:.13em;backdrop-filter:blur(8px)}
@keyframes crack-sequence{0%,20%{opacity:1}25%,95%{opacity:0}100%{opacity:1}}
@keyframes crack-drift{from{transform:scale(1.015) translate3d(-.35%,0,0)}to{transform:scale(1.045) translate3d(.35%,-.25%,0)}}
@media(prefers-reduced-motion:reduce){.crack-slideshow .crack-slide{display:none;animation:none}.crack-slideshow .crack-slide:first-child{display:block;opacity:1}.crack-slideshow .crack-slide img{animation:none;transform:none}.crack-sequence-mark{display:none}}

/* Aanaya Woods — slow architectural image sequence */
.aayana-slideshow{isolation:isolate;position:relative;background:#d8dedb}
.aayana-slideshow .aayana-slide{position:absolute;inset:0;display:block;opacity:0;overflow:hidden;animation:crack-sequence 16s infinite ease-in-out}
.aayana-slideshow .aayana-slide:nth-child(1){animation-delay:0s}
.aayana-slideshow .aayana-slide:nth-child(2){animation-delay:-12s}
.aayana-slideshow .aayana-slide:nth-child(3){animation-delay:-8s}
.aayana-slideshow .aayana-slide:nth-child(4){animation-delay:-4s}
.aayana-slideshow .aayana-slide img{position:absolute;inset:-1.5%;width:103%;height:103%;max-width:none;object-fit:cover;animation:crack-drift 8s infinite alternate ease-in-out;will-change:transform}
.aayana-slideshow .aayana-slide:nth-child(even) img{animation-direction:alternate-reverse}
.aayana-sequence-mark{position:absolute;z-index:5;right:1rem;bottom:1rem;padding:.4rem .55rem;background:rgba(3,16,28,.72);color:#e5edf2;font:600 .68rem/1 var(--display);letter-spacing:.13em;backdrop-filter:blur(8px)}
@media(prefers-reduced-motion:reduce){.aayana-slideshow .aayana-slide{display:none;animation:none}.aayana-slideshow .aayana-slide:first-child{display:block;opacity:1}.aayana-slideshow .aayana-slide img{animation:none;transform:none}.aayana-sequence-mark{display:none}}

/* Portfolio archive */
.portfolio-prompt{margin-top:clamp(4rem,8vw,8rem);padding-top:clamp(2rem,4vw,3.5rem);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(12rem,.65fr) minmax(0,1fr);gap:2rem clamp(3rem,8vw,8rem);align-items:start}.portfolio-prompt h3{font:500 clamp(2.4rem,4.5vw,4.75rem)/1.02 var(--display);letter-spacing:-.05em;margin:.75rem 0 0}.portfolio-prompt>div:last-child{max-width:38rem;justify-self:end}.portfolio-prompt p{color:var(--muted);font-size:1.05rem;line-height:1.75;margin:0 0 2rem}.portfolio-prompt .section-index{font-size:.82rem;line-height:1.4;margin:0;color:var(--blue)}
.portfolio-page{background:#061524;color:var(--white)}.portfolio-main{padding-top:clamp(9rem,15vw,12rem)}.portfolio-intro{padding-bottom:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--line)}.portfolio-intro .eyebrow{color:var(--blue);margin:0 0 1.5rem}.portfolio-intro h1{font:500 clamp(3.2rem,7.2vw,7.4rem)/.96 var(--display);letter-spacing:-.06em;max-width:11ch;margin:0}.portfolio-intro-copy{display:grid;grid-template-columns:1fr minmax(18rem,38rem);gap:3rem;margin-top:clamp(2.5rem,5vw,5rem)}.portfolio-intro-copy p{grid-column:2;margin:0;color:#bdc9d2;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.7}
.portfolio-filter{display:flex;flex-wrap:wrap;gap:.55rem;padding:1.5rem 0 1rem}.portfolio-filter::-webkit-scrollbar{display:none}.filter-button{appearance:none;border:1px solid var(--line);background:transparent;color:#bdc9d2;border-radius:999px;padding:.7rem 1rem;font:600 .76rem/1 var(--body);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:.2s ease}.filter-button:hover,.filter-button:focus-visible,.filter-button.is-active{background:var(--blue);border-color:var(--blue);color:#062039}.filter-button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.25rem,4vw,4.5rem) clamp(1rem,2.2vw,2rem);padding-top:clamp(2rem,4vw,4rem)}.archive-card{min-width:0}.archive-card[hidden]{display:none}.archive-card a{display:block}.archive-figure{aspect-ratio:4/5;overflow:hidden;background:#10283c;margin:0}.archive-figure img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .3s ease}.archive-card a:hover img,.archive-card a:focus-visible img{transform:scale(1.025);filter:brightness(1.05)}.archive-card a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.archive-meta{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem}.archive-meta h2{font:600 clamp(1.05rem,1.5vw,1.3rem)/1.25 var(--display);margin:0}.archive-meta p{font-size:.75rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right;margin:.15rem 0 0}.archive-card.featured{grid-column:span 2}.archive-card.featured .archive-figure{aspect-ratio:8/5}
.portfolio-disciplines{margin-top:clamp(5rem,10vw,10rem);padding-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1fr;gap:3rem}.portfolio-disciplines h2{font:500 clamp(2.4rem,4vw,4.4rem)/1.05 var(--display);letter-spacing:-.045em;margin:0}.discipline-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.75rem}.discipline-list span{border:1px solid var(--line);padding:.8rem 1rem;color:#bdc9d2;font-size:.86rem}.portfolio-cta{margin-top:clamp(5rem,10vw,10rem);background:var(--blue);color:#062039;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.portfolio-cta h2{font:500 clamp(3rem,6vw,6rem)/.98 var(--display);letter-spacing:-.06em;margin:0}.portfolio-cta p{max-width:34rem;font-size:1.05rem;line-height:1.7;margin:0 0 2rem}.portfolio-cta-actions{display:flex;gap:1rem;flex-wrap:wrap}.portfolio-cta .button-primary{background:#062039;color:#fff}.portfolio-cta .text-link{color:#062039;border-color:#062039}
@media(max-width:860px){.portfolio-prompt,.portfolio-intro-copy,.portfolio-disciplines,.portfolio-cta{grid-template-columns:1fr}.portfolio-prompt>div:last-child{justify-self:start}.portfolio-intro-copy p{grid-column:1}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-card.featured{grid-column:span 2}.portfolio-cta{align-items:start}}
@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.archive-card.featured{grid-column:auto}.archive-card.featured .archive-figure,.archive-figure{aspect-ratio:4/5}.portfolio-intro h1{max-width:9ch}.archive-meta p{max-width:11rem}.portfolio-prompt{gap:1.5rem}.portfolio-prompt h3{font-size:2.6rem}}
/* Selected frames hero tile */
.selected-frames{display:flex;align-items:flex-end;gap:1rem;margin-top:2.75rem;width:min(100%,520px)}.selected-frames-label{flex:0 0 auto;margin:0 0 .35rem;color:var(--muted);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.selected-frames-stage{position:relative;aspect-ratio:16/7;flex:1;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:var(--ink)}.selected-frame{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity 900ms ease}.selected-frame.is-active{opacity:1;pointer-events:auto}.selected-frame img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.88)}.selected-frame::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,13,24,.78))}.selected-frame span{position:absolute;z-index:1;left:1rem;bottom:.75rem;color:#fff;font-size:.78rem;letter-spacing:.04em}.selected-frame:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}@media(max-width:620px){.selected-frames{width:min(100%,460px);margin-top:2.25rem}.selected-frames-label{font-size:.6rem}.selected-frame span{left:.75rem;bottom:.6rem;font-size:.7rem}}
/* Three compact selected frames tiles */
.selected-frames{display:block;width:min(100%,620px);margin-top:2.75rem}.selected-frames-label{margin:0 0 .75rem;color:var(--muted);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.selected-frames-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.selected-frame-stack{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ink);border:1px solid rgba(255,255,255,.2)}.selected-frame-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.15s ease,transform 5.2s ease}.selected-frame-photo.is-active{opacity:1;transform:scale(1)}.selected-frame-stack::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(3,13,24,.72));pointer-events:none}.selected-frame-link{position:absolute;inset:0;z-index:2}.selected-frame-tile h3{margin:.65rem 0 .05rem;font:500 .78rem/1.2 var(--display);letter-spacing:-.015em}.selected-frame-tile p{margin:0;color:var(--muted);font-size:.62rem;line-height:1.35}.selected-frame-link:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}@media(max-width:620px){.selected-frames{width:min(100%,500px);margin-top:2.25rem}.selected-frames-grid{gap:.45rem}.selected-frame-tile h3{font-size:.66rem}.selected-frame-tile p{font-size:.55rem}}
/* Landscape selected-frame tiles */
.selected-frames{width:min(100%,1000px)}
.selected-frames-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.selected-frame-stack{aspect-ratio:5/4}
.selected-frame-tile p{display:none}
@media(max-width:900px){.selected-frames-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Banchharam’s portfolio tile — slow crossfade with subtle camera drift */
.banchharam-slideshow{position:relative;isolation:isolate;background:#b85c12}
.banchharam-slide{position:absolute;inset:0;display:block;opacity:0;overflow:hidden;animation:banchharam-sequence 24s infinite ease-in-out}
.banchharam-slide:nth-child(1){animation-delay:0s}.banchharam-slide:nth-child(2){animation-delay:-20s}.banchharam-slide:nth-child(3){animation-delay:-16s}.banchharam-slide:nth-child(4){animation-delay:-12s}.banchharam-slide:nth-child(5){animation-delay:-8s}.banchharam-slide:nth-child(6){animation-delay:-4s}
.banchharam-slide img{position:absolute;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;animation:banchharam-drift 8s infinite alternate ease-in-out;will-change:transform}
.banchharam-slide:nth-child(even) img{animation-direction:alternate-reverse}
@keyframes banchharam-sequence{0%,13%{opacity:1}17%,95%{opacity:0}100%{opacity:1}}
@keyframes banchharam-drift{from{transform:scale(1.015) translate3d(-.35%,0,0)}to{transform:scale(1.045) translate3d(.35%,-.25%,0)}}
@media(prefers-reduced-motion:reduce){.banchharam-slide{display:none;animation:none}.banchharam-slide:first-child{display:block;opacity:1}.banchharam-slide img{animation:none;transform:none}}