:root{--black:#202224;--cosy:#16382A;--green:#00D062;--latte:#FFF6E1;--gutter:24px;--margin:48px;--radius:24px;--line:rgba(32,34,36,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--latte);color:var(--black);font-family:Graphik,"Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.5;letter-spacing:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.04;font-weight:800;letter-spacing:0}h1{font-size:clamp(54px,6.6vw,104px)}h2{font-size:clamp(38px,4.5vw,68px)}h3{font-size:32px}p+p{margin-top:24px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}svg{display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--cosy);outline-offset:6px}.dark a:focus-visible,.site-footer a:focus-visible{outline-color:var(--green)}[hidden]{display:none!important}.wrap{width:calc(100% - var(--margin)*2);max-width:1440px;margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:14px;font-weight:500;line-height:1.4;text-transform:uppercase}.lead{font-size:22px;line-height:1.48;max-width:650px}.flake{width:96px;height:108px;color:var(--black)}.skip-link{position:absolute;z-index:100;top:-80px;left:24px;padding:12px;background:var(--green);color:var(--black)}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:24px;gap:40px;position:relative}.brand{display:block;background:var(--green);padding:22px 25px;border-radius:12px;flex-shrink:0;width:242px}.brand img{width:192px;height:auto}.primary-nav{display:flex;gap:34px;align-items:center}.primary-nav a{font-size:16px;font-weight:500;padding-block:12px;position:relative}.primary-nav a:after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s}.primary-nav a:hover:after,.primary-nav a[aria-current]:after{transform:scaleX(1)}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:58px;padding:17px 23px;border:1px solid var(--black);border-radius:10px;background:var(--black);color:var(--latte);font-size:16px;font-weight:500;line-height:1.4;transition:background .18s,color .18s}.button:hover{background:var(--cosy)}.button span,.text-link span{font-size:24px;line-height:1;transition:transform .18s}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}.text-link{display:inline-flex;gap:24px;align-items:center;padding-block:9px;font-size:16px;font-weight:500;border-bottom:1px solid currentColor}.home-hero{display:grid;grid-template-columns:3.5fr 2.5fr;gap:48px;padding-block:56px 92px;align-items:center}.hero-copy .eyebrow{margin-bottom:30px}.hero-copy h1{max-width:10ch}.hero-copy .lead{margin-top:32px;max-width:590px}.hero-links{display:flex;gap:30px;align-items:center;margin-top:34px;flex-wrap:wrap}.hero-photo{background:var(--green);border-radius:var(--radius);padding:24px;align-self:stretch;display:flex;flex-direction:column;min-width:0}.hero-photo>img{width:100%;height:clamp(310px,33vw,500px);object-fit:cover;border-radius:12px;object-position:center 38%}.hero-photo figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;font-size:24px;line-height:1.15;font-weight:500}.hero-photo .flake{height:88px;width:79px}.section-heading{margin-bottom:52px}.section-heading .eyebrow{margin-bottom:22px}.areas-overview{border-top:1px solid var(--line)}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}.area-card{border-top:1px solid var(--line);padding-top:28px;display:flex;flex-direction:column;align-items:flex-start}.area-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:32px}.area-card-top img{width:92px;height:75px;object-fit:contain}.area-card h3{font-size:clamp(24px,2.7vw,38px);margin-bottom:20px}.area-card p{max-width:390px;font-size:18px;flex:1;margin-bottom:24px}.dark{background:var(--black);color:var(--latte)}.dark .eyebrow{color:var(--green)}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.project-card{display:block}.project-visual{background:var(--green);border-radius:var(--radius);overflow:hidden}.project-logo{height:350px;display:flex;align-items:center;justify-content:center;padding:80px}.project-logo img{width:85%;height:auto}.swatch-strip{display:grid;grid-template-columns:repeat(4,1fr);height:58px}.swatch-strip i:nth-child(1){background:var(--black)}.swatch-strip i:nth-child(2){background:var(--cosy)}.swatch-strip i:nth-child(3){background:var(--green)}.swatch-strip i:nth-child(4){background:var(--latte)}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:28px;gap:24px}.project-info .eyebrow{margin-bottom:12px}.project-info h3{font-size:38px;margin-bottom:12px}.project-info p:last-child{max-width:650px;margin:0}.round-arrow{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border:1px solid currentColor;border-radius:50%;font-size:28px;transition:background .18s,color .18s}.project-card:hover .round-arrow{background:var(--green);border-color:var(--green);color:var(--black)}.difference{display:grid;grid-template-columns:3.5fr 2.5fr;gap:72px;align-items:center}.difference-copy .eyebrow{margin-bottom:24px}.difference h2{max-width:10ch}.difference-copy p.lead{margin-block:32px}.difference-art{background:var(--black);border-radius:var(--radius);padding:48px;display:flex;min-height:440px;flex-direction:column;justify-content:space-between;color:var(--latte);gap:48px}.difference-art .flake{width:165px;height:185px;color:var(--green)}.difference-art p{font-size:30px;line-height:1.2}.cta{padding-block:88px 104px;border-top:1px solid var(--line)}.cta .eyebrow{margin-bottom:26px}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:64px}.cta h2{max-width:13ch}.cta p:not(.eyebrow){margin-top:22px;font-size:22px}.cta .button{flex-shrink:0}.site-footer{background:var(--black);color:var(--latte)}.footer-main{display:grid;grid-template-columns:3fr 1fr 2fr;gap:var(--gutter);padding-block:64px}.footer-brand{display:block;width:290px;padding:28px 26px;background:var(--black)}.footer-brand img{width:238px;height:auto}.footer-studio>p{margin-block:24px;font-size:16px}.footer-studio>.text-link{color:var(--green)}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:28px;font-size:16px}.footer-nav a:hover,.footer-contact a:hover{text-decoration:underline}.footer-contact{padding-top:28px;font-size:16px}.footer-contact .eyebrow{color:var(--green);margin-bottom:24px}.footer-contact p:last-child{margin-top:16px}.footer-bottom{border-top:1px solid rgba(255,246,225,.22);display:flex;align-items:center;gap:40px;padding-block:25px;font-size:13px;font-weight:500}.footer-bottom small{margin-right:auto;font-size:inherit}.page-hero{padding-block:70px 85px}.page-hero .eyebrow{margin-bottom:28px}.page-hero h1{max-width:14ch}.page-hero .lead{margin-top:36px;max-width:780px}.anchor-nav{display:flex;gap:38px;margin-top:42px;flex-wrap:wrap}.area-detail{display:grid;grid-template-columns:2fr 4fr;gap:var(--gutter);border-top:1px solid var(--line);scroll-margin-top:32px}.area-label .eyebrow{margin-bottom:22px}.area-label h2{font-size:clamp(30px,3vw,44px);overflow-wrap:anywhere}.area-label img{width:120px;height:96px;object-fit:contain;margin-top:40px}.area-description{padding-left:48px}.area-description h3{font-size:clamp(30px,3.5vw,48px);line-height:1.14;max-width:20ch;margin-bottom:32px}.area-description>p{max-width:740px;font-size:20px}.capabilities{margin-top:48px}.capabilities .eyebrow{margin-bottom:24px}.capabilities ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.capabilities li{padding-block:16px;border-top:1px solid var(--line);font-size:17px}.portfolio{padding-bottom:104px}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:28px 40px}.filter-bar button{padding:12px 22px;border:1px solid var(--black);border-radius:99px;background:transparent;color:var(--black);font-size:15px;font-weight:500}.filter-bar button[aria-pressed=true],.filter-bar button:hover{background:var(--black);color:var(--latte)}.portfolio-note{font-size:14px;margin-top:28px}.empty-work{background:var(--cosy);color:var(--latte);padding:64px;border-radius:var(--radius)}.empty-work .eyebrow{color:var(--green);margin-bottom:24px}.empty-work h2{max-width:15ch}.empty-work p:not(.eyebrow){margin-block:24px}.wide-photo>div{background:var(--green);padding:24px;border-radius:var(--radius)}.wide-photo img{width:100%;max-height:620px;object-fit:cover;border-radius:12px;object-position:center 42%}.about-intro{display:grid;grid-template-columns:2fr 4fr;gap:var(--gutter)}.large-copy{font-size:clamp(26px,3vw,42px);line-height:1.25}.editorial{display:grid;grid-template-columns:2fr 4fr;gap:48px}.editorial h2{font-size:clamp(38px,4vw,58px);margin-top:24px}.editorial .flake{color:var(--green);margin-top:50px;width:110px;height:125px}.editorial-copy{font-size:22px;max-width:760px}.dialogue{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.dialogue .eyebrow{margin-bottom:24px}.dialogue h2{max-width:11ch;margin-bottom:32px}.dialogue p:not(.eyebrow){font-size:20px}.dialogue-photo{background:var(--green);padding:24px;border-radius:var(--radius)}.dialogue-photo img{width:100%;height:500px;object-fit:cover;object-position:58% center;border-radius:12px}.case-hero{padding-block:40px 76px}.back-link{display:inline-block;font-size:15px;margin-bottom:54px}.case-hero .eyebrow{margin-bottom:24px}.case-hero .lead{margin-top:32px}.case-lockup>div{display:flex;justify-content:center;align-items:center;background:var(--green);border-radius:var(--radius);padding:110px 80px}.case-lockup img{width:80%;height:auto}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}.palette-grid>div{border-radius:18px;height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid rgba(255,246,225,.22);font-size:18px}.palette-grid code{font-family:inherit;font-size:14px}.palette-black{background:var(--black);color:var(--latte)}.palette-cosy{background:var(--cosy);color:var(--latte)}.palette-cosmic{background:var(--green);color:var(--black)}.palette-latte{background:var(--latte);color:var(--black)}.case-note{max-width:700px;margin-top:36px;font-size:20px}.case-illustrations{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}.case-illustrations figure{padding:44px 32px;border:1px solid var(--line);border-radius:var(--radius)}.case-illustrations img{width:150px;height:125px;object-fit:contain;margin-bottom:32px}.case-illustrations figcaption{font-size:22px;font-weight:500}.case-caption{display:grid;grid-template-columns:2fr 4fr;gap:var(--gutter);margin-top:40px}.case-caption h3{font-size:26px;max-width:14ch;line-height:1.15}.case-caption p{font-size:20px;max-width:750px}.case-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);background:var(--green);padding:24px;border-radius:var(--radius)}.case-photo-grid img{width:100%;height:610px;object-fit:cover;border-radius:12px}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:48px}.case-meta .eyebrow{margin-bottom:20px}.connect-layout{display:grid;grid-template-columns:2fr 4fr;gap:72px;padding-bottom:112px}.contact-aside h2{font-size:32px;margin-bottom:24px}.contact-aside p{font-size:17px}.contact-other{margin-block:56px}.contact-other>.eyebrow{font-size:13px}.email-link{display:inline-block;font-size:20px;margin-top:22px;border-bottom:1px solid var(--black);overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.form-grid>label{display:block;font-size:15px;font-weight:500}.form-grid input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--black);padding:16px;margin-top:10px;font-size:17px;font-weight:400;min-width:0}.form-grid input::placeholder{color:var(--black);opacity:.6}.full{grid-column:1/-1}.form-grid fieldset{border:0;padding:0;margin:0;min-width:0}.form-grid legend{font-size:15px;font-weight:500;margin-bottom:16px}.interest-options{display:flex;flex-wrap:wrap;gap:10px}.interest-options label{position:relative;cursor:pointer}.interest-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.interest-options span{display:block;border:1px solid var(--black);border-radius:99px;padding:11px 18px;font-size:14px}.interest-options input:checked+span{background:var(--black);color:var(--latte)}.interest-options input:focus-visible+span{outline:3px solid var(--cosy);outline-offset:4px}.optional{font-weight:400;font-size:12px;float:right}.form-note{font-size:14px;margin-block:30px;max-width:680px}.form-status{font-size:16px;margin-top:24px}.draft-fallback{padding:24px;border:1px solid var(--line);border-radius:12px;margin-top:20px;font-size:15px}.draft-fallback label{display:block;margin-top:20px;font-weight:500}.draft-fallback textarea{font-size:15px}.draft-fallback a{text-decoration:underline}.text-button{background:none;border:0;border-bottom:1px solid currentColor;color:var(--black);padding:8px 0;font-size:15px;margin-top:16px}.privacy-copy{max-width:850px;padding-bottom:112px}.privacy-copy h2{font-size:32px;margin-bottom:24px}.privacy-copy p+h2{margin-top:48px}.privacy-copy a{text-decoration:underline}
@media(min-width:1600px){:root{--margin:64px;--gutter:32px}.home-hero{gap:64px}.hero-copy h1{font-size:110px}}
@media(max-width:1050px){:root{--margin:32px;--gutter:16px}.primary-nav{gap:22px}.brand{width:215px;padding:20px}.brand img{width:175px}.home-hero{gap:32px;grid-template-columns:3fr 2.5fr}.hero-photo{padding:20px}.hero-photo>img{height:360px}.lead{font-size:20px}.hero-links{gap:20px}.hero-links .text-link{font-size:15px}.section{padding-block:88px}.area-card h3{font-size:27px}.area-card p{font-size:17px}.area-card .text-link{font-size:14px;gap:12px}.difference{gap:40px}.difference-art{padding:32px}.cta-row{gap:32px}.area-description{padding-left:20px}.editorial{gap:32px}.editorial-copy{font-size:20px}.dialogue{gap:40px}.connect-layout{gap:40px}.footer-main{grid-template-columns:2.5fr 1fr 2fr}.footer-brand{width:240px;padding-inline:22px}.footer-brand img{width:196px}.palette-grid>div{padding:20px;font-size:16px}}
@media(max-width:760px){:root{--margin:24px;--gutter:16px;--radius:20px}body{font-size:17px}.site-header{padding-block:18px;gap:20px}.brand{width:205px;padding:19px 22px}.brand img{width:161px}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;border:0;padding:12px 0;font-size:15px;font-weight:500;color:var(--black)}.menu-toggle span{font-size:25px;line-height:1}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--latte);padding:24px;z-index:20;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 20px rgba(32,34,36,.1)}.primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:10px}.primary-nav a{font-size:24px;display:block}.primary-nav a:after{display:none}.primary-nav a[aria-current]{color:var(--cosy);text-decoration:underline}.home-hero{grid-template-columns:1fr;padding-block:38px 64px;gap:40px}.hero-copy h1{font-size:clamp(54px,9.5vw,76px);max-width:11ch}.hero-copy .eyebrow{margin-bottom:24px}.hero-copy .lead{margin-top:28px}.hero-links{margin-top:28px}.hero-photo{max-width:none;padding:20px}.hero-photo>img{height:auto;max-height:500px;aspect-ratio:4/3;object-position:center 36%}.hero-photo figcaption{font-size:22px}.hero-photo .flake{height:74px;width:66px}.section{padding-block:64px}.section-heading{margin-bottom:36px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:42px}.area-grid{grid-template-columns:1fr;gap:34px}.area-card{position:relative;padding-top:22px}.area-card-top{margin-bottom:20px}.area-card-top img{width:84px;height:70px}.area-card h3{font-size:32px}.area-card p{max-width:550px}.area-card .text-link{font-size:16px}.heading-row{align-items:flex-start;flex-direction:column;gap:22px}.project-logo{height:240px;padding:40px 24px}.project-logo img{width:86%}.swatch-strip{height:38px}.project-info{align-items:flex-start;padding-top:24px}.project-info h3{font-size:32px}.project-info p:last-child{font-size:16px}.round-arrow{width:48px;height:48px;font-size:24px}.difference{grid-template-columns:1fr;gap:36px}.difference h2{max-width:12ch}.difference-art{min-height:360px;padding:32px}.difference-art .flake{width:130px;height:146px}.difference-art p{font-size:28px}.cta{padding-block:64px}.cta-row{display:block}.cta .button{margin-top:32px}.cta h2{font-size:46px;max-width:14ch}.cta p:not(.eyebrow){font-size:20px}.footer-main{grid-template-columns:1fr 1fr;gap:40px 24px;padding-block:48px}.footer-studio{grid-column:1/-1}.footer-brand{width:280px;padding:24px}.footer-brand img{width:232px}.footer-studio>p{margin-block:20px}.footer-nav,.footer-contact{padding-top:0}.footer-contact a{overflow-wrap:anywhere}.footer-contact .eyebrow{font-size:12px;margin-bottom:20px}.footer-bottom{gap:20px;font-size:12px;flex-wrap:wrap}.footer-bottom small{width:100%;margin:0}.page-hero{padding-block:42px 60px}.page-hero h1{font-size:clamp(50px,9vw,72px);max-width:14ch}.page-hero .lead{margin-top:28px}.anchor-nav{gap:20px;margin-top:30px}.anchor-nav .text-link{font-size:15px;gap:12px}.area-detail{grid-template-columns:1fr;gap:32px}.area-label{position:relative;min-height:80px;padding-right:85px}.area-label h2{font-size:36px}.area-label .eyebrow{margin-bottom:14px}.area-label img{position:absolute;right:0;top:0;margin:0;width:72px;height:70px}.area-description{padding:0}.area-description h3{font-size:34px;max-width:24ch}.area-description>p{font-size:18px}.capabilities{margin-top:32px}.capabilities ul{grid-template-columns:1fr;gap:0}.capabilities li{font-size:16px}.filter-bar{gap:10px}.filter-bar button{font-size:14px;padding:10px 16px}.portfolio{padding-bottom:64px}.empty-work{padding:32px}.empty-work h2{font-size:36px}.wide-photo>div{padding:16px}.wide-photo img{min-height:280px;max-height:420px;object-position:center}.about-intro{grid-template-columns:1fr;gap:26px}.large-copy{font-size:28px}.editorial{grid-template-columns:1fr;gap:32px}.editorial h2{font-size:42px}.editorial .flake{display:none}.editorial-copy{font-size:19px}.dialogue{grid-template-columns:1fr;gap:36px}.dialogue p:not(.eyebrow){font-size:18px}.dialogue-photo{padding:16px}.dialogue-photo img{height:360px}.case-hero{padding-block:30px 50px}.case-hero h1{font-size:clamp(48px,9vw,72px)}.back-link{margin-bottom:34px}.case-lockup>div{padding:70px 24px}.case-lockup img{width:88%}.palette-grid{grid-template-columns:1fr 1fr}.palette-grid>div{height:180px;font-size:17px}.case-illustrations{grid-template-columns:1fr}.case-illustrations figure{display:flex;gap:28px;align-items:center;padding:28px}.case-illustrations img{width:90px;height:75px;margin:0}.case-illustrations figcaption{font-size:20px}.case-caption{grid-template-columns:1fr;gap:20px;margin-top:28px}.case-caption h3{max-width:20ch}.case-caption p{font-size:18px}.case-photo-grid{padding:16px;gap:16px}.case-photo-grid img{height:340px}.case-meta{grid-template-columns:1fr;gap:32px}.connect-layout{grid-template-columns:1fr;gap:40px;padding-bottom:64px}.contact-aside{border-bottom:1px solid var(--line);padding-bottom:32px}.contact-other{margin-block:32px}.form-grid{gap:24px 16px}.form-grid>label{font-size:14px}.interest-options span{padding:10px 14px}.privacy-copy{padding-bottom:64px}}
@media(max-width:400px){:root{--margin:20px}.site-header{gap:16px}.brand{width:192px;padding:18px 17px}.brand img{width:158px}.hero-copy h1{font-size:53px}.hero-links{gap:20px}.hero-links .button{gap:28px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.case-photo-grid{grid-template-columns:1fr}.case-photo-grid img{height:390px}.footer-main{grid-template-columns:1fr}.footer-studio{grid-column:auto}.footer-contact{padding-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.home-hero .hero-copy>.eyebrow,.page-hero>.eyebrow,.case-hero>.eyebrow{font-size:clamp(14px,1.3vw,20px)}
/* Supplied project samples */
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px var(--gutter)}
.sample-visual{padding:12px;background:var(--green)}
.sample-visual img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:var(--latte);border-radius:14px}
.sample-project .project-info{align-items:flex-start;padding-top:24px;gap:20px}
.sample-project .project-info h3{font-size:clamp(27px,2.6vw,38px);line-height:1.12}
.sample-project .project-info p:last-child{font-size:17px;line-height:1.5;max-width:550px}
.sample-project .round-arrow{width:48px;height:48px;font-size:24px;margin-top:4px}
.sample-project .eyebrow{font-size:12px}
.portfolio-end{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.portfolio-end .portfolio-note{margin-top:0}
.sample-case-hero h1{max-width:16ch}
.sample-case-intro{display:grid;grid-template-columns:2fr 4fr;gap:48px;padding-bottom:64px}
.sample-case-intro h2{font-size:36px;line-height:1.15;max-width:14ch}
.sample-case-intro p{font-size:20px;max-width:760px}
.sample-gallery{display:grid;gap:64px}
.sample-image-frame{background:var(--green);padding:24px;border-radius:var(--radius)}
.sample-image-frame img{width:100%;height:auto;border-radius:12px}
.sample-gallery figcaption{font-size:14px;font-weight:500;margin-top:18px}
.next-project{padding-block:32px 64px;border-top:1px solid var(--line)}
.next-project .eyebrow{margin-bottom:18px}
.next-project .text-link{font-size:clamp(24px,3vw,40px);line-height:1.15;gap:40px}
/* Illustrations extracted from the brand identity guide */
.areas-hero-layout{display:grid;grid-template-columns:4fr 2fr;gap:48px;align-items:center}
.areas-hero-layout h1{font-size:clamp(48px,5.1vw,80px)}
.areas-hero-art{background:var(--green);padding:24px;border-radius:var(--radius);align-self:center}
.areas-hero-art img{width:100%;height:auto;border-radius:12px}
.area-illustration{background:var(--green);padding:16px;border-radius:var(--radius);margin-top:40px;max-width:360px}
.area-label .area-illustration img{position:static;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:var(--latte);border-radius:12px;margin:0;padding:24px}


@media(max-width:1050px){.work-grid{gap:48px var(--gutter)}.areas-hero-layout{grid-template-columns:3.7fr 2.3fr;gap:32px}.areas-hero-art{padding:16px}.area-label .area-illustration img{padding:20px}.area-illustration{padding:12px}.sample-case-intro{gap:32px}}
@media(max-width:760px){.work-grid{grid-template-columns:1fr;gap:44px}.sample-project .project-info h3{font-size:30px}.sample-visual{padding:10px}.sample-project .eyebrow{font-size:12px}.portfolio-end{display:block}.portfolio-end .text-link{margin-top:20px}.sample-case-hero h1{font-size:clamp(48px,9vw,72px)}.sample-case-intro{grid-template-columns:1fr;gap:24px;padding-bottom:44px}.sample-case-intro h2{font-size:30px;max-width:20ch}.sample-case-intro p{font-size:18px}.sample-gallery{gap:40px}.sample-image-frame{padding:16px}.areas-hero-layout{grid-template-columns:1fr;gap:36px}.areas-hero-layout h1{font-size:clamp(48px,8vw,64px)}.areas-hero-art{width:100%;padding:20px}.areas-hero-art img{height:380px;object-fit:contain;background:var(--latte)}.area-label{padding-right:0}.area-illustration{max-width:none;margin-top:28px;padding:16px}.area-label .area-illustration img{height:260px;aspect-ratio:auto;padding:24px}}

.sample-visual img[src*="GiftaTradition"]{object-fit:cover}
.areas-hero-layout>div{min-width:0}
@media(max-width:760px){.areas-hero-layout h1{font-size:clamp(34px,10.2vw,64px)}}
/* One automatic window for the homepage's selected work. */
.work-showcase{display:flex;flex-direction:column}
.showcase-slides{display:grid;order:1;isolation:isolate}
.showcase-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transition:opacity .8s ease,visibility 0s linear .8s}
.showcase-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transition:opacity .8s ease,visibility 0s}
.showcase-visual{padding:20px}
.showcase-visual img{aspect-ratio:2/1;object-fit:contain;background:var(--black);border-radius:12px}
.showcase-visual img[src*="GiftaTradition"]{object-fit:cover}
.showcase-controls{order:2;padding-top:20px}
.showcase-timeline{display:flex;flex:1;gap:12px;min-width:0}
.showcase-segment{display:block;flex:1;min-width:0;padding:18px 0;border:0;background:transparent;color:var(--latte);border-radius:4px}
.segment-track{display:block;height:4px;overflow:hidden;background:rgba(255,246,225,.25);border-radius:4px}
.segment-track>span{display:block;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left}
.showcase-segment[aria-current=true] .segment-track{background:rgba(0,208,98,.35)}
.showcase-segment:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
@media(max-width:760px){.showcase-visual{padding:12px}.showcase-visual img{aspect-ratio:4/3}.showcase-controls{padding-top:16px}.showcase-timeline{gap:10px}.showcase-segment{padding-block:12px}}
@media(prefers-reduced-motion:reduce){.showcase-slide{transition:none}}

/* Direct email contact, without an enquiry form. */
.connect-details{display:grid;grid-template-columns:4fr 2fr;gap:72px;padding-top:40px;padding-bottom:112px;border-top:1px solid var(--line)}
.contact-direct>.eyebrow,.contact-location .eyebrow{margin-bottom:24px}
.contact-direct h2{font-size:clamp(32px,3.4vw,48px);margin-bottom:24px}
.contact-direct>p:not(.eyebrow){max-width:620px;font-size:20px}
.contact-email{display:inline-flex;align-items:center;gap:24px;margin-top:36px;padding-bottom:12px;border-bottom:1px solid currentColor;font-size:clamp(24px,3vw,44px);line-height:1.25;font-weight:500}
.contact-email span{font-size:32px;flex-shrink:0}
.contact-email:hover{color:var(--cosy)}
.contact-location .text-link{font-size:20px;gap:24px;padding-top:0}
.contact-location>div{margin-top:48px}
.contact-location>div>p:last-child{font-size:20px}
.footer-contact p+p{margin-top:12px}
@media(max-width:760px){.connect-details{grid-template-columns:1fr;gap:44px;padding-top:32px;padding-bottom:64px}.contact-direct>p:not(.eyebrow){font-size:18px}.contact-email{font-size:clamp(22px,6.4vw,40px);gap:16px;margin-top:28px}.contact-email span{font-size:26px}.contact-location{padding-top:32px;border-top:1px solid var(--line)}.contact-location>div{margin-top:32px}}