:root{--paper:#fff;--ink:#252529;--blue:#2145F3;--td-tint:#dbe3ff;--chroma:#FF2E93;--chroma-text:#B60058;--muted:#5c6470;--line:#dfe3e9;--soft:#f4f6fa;--space:clamp(22px,5.2vw,80px);--radius:3px;color-scheme:light;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.section-wrap{width:min(100%,1600px);padding-inline:var(--space);margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:5;background:var(--blue);color:#fff;padding:15px}.skip-link:focus{top:15px}
.site-header{height:85px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-inline:var(--space);border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:3}.wordmark{font-family:'Manrope',sans-serif;font-size:clamp(19px,2vw,25px);font-weight:800;letter-spacing:-1px;color:var(--blue);white-space:nowrap}.site-header nav{display:flex;gap:28px;align-items:center;font-size:13px}.site-header nav a{padding-block:10px}.site-header nav a:hover{color:var(--blue)}.nav-contact{border-bottom:2px solid var(--td-tint);font-weight:600}.menu-toggle{display:none;border:0;background:none;padding:10px 0}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding-block:65px 100px;min-height:calc(100svh - 85px)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:500;margin-bottom:25px}h1,h2{font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:-.065em;line-height:1.04}h1{font-size:clamp(54px,6.9vw,108px);margin-bottom:30px}h2{font-size:clamp(43px,5.8vw,88px)}.brand-mark{box-shadow:inset 0 -.2em 0 var(--td-tint)}.hero-description{font-size:clamp(16px,1.45vw,21px);line-height:1.55;color:var(--muted)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:49px;padding:14px 21px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:var(--radius);font-size:14px;font-weight:500;transition:transform .25s,background .25s}.button:hover{background:#1737c8;transform:translateY(-3px)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-bottom:1px solid var(--blue);padding:9px 0;background:none;color:var(--blue);font-size:14px;line-height:1.45}.text-link:hover span{transform:translate(2px,-2px)}.text-link span{transition:transform .2s}
.section-heading{max-width:850px;margin-bottom:52px}.section-heading>p:not(.eyebrow){max-width:560px;font-size:18px;color:var(--muted);line-height:1.6;margin-top:24px}.project-category{font-size:12px;color:var(--muted);margin-bottom:8px}
.art-section{padding-block:80px 105px;border-top:1px solid var(--line)}.gallery-filter{display:flex;flex-wrap:wrap;gap:10px 25px;margin-bottom:35px}.gallery-filter button{border:0;background:none;padding:10px 0;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.gallery-filter button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--td-tint)}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 7vw;align-items:start}.art-card:nth-child(even){padding-top:70px}.art-grid[data-filter]:not([data-filter=all]) .art-card{padding-top:0}.art-image{width:100%;display:block;background:var(--soft);border:0;padding:0;position:relative;overflow:hidden;border-radius:var(--radius)}.art-image img{width:100%;height:auto;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.art-image:hover img{transform:scale(1.035)}.image-action{position:absolute;bottom:15px;right:15px;background:var(--paper);padding:9px 12px;font-size:12px;color:var(--blue);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.art-image:hover .image-action,.art-image:focus-visible .image-action{opacity:1;transform:none}.art-caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:17px}.art-caption h3{font-weight:500;font-size:20px;letter-spacing:-.4px}.art-caption>span{font-size:13px;color:var(--muted)}
.service-list details{border-bottom:1px solid var(--line);padding-block:25px}.service-list details:first-child{padding-top:0}.service-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:clamp(24px,2.6vw,39px);font-family:'Manrope',sans-serif;letter-spacing:-1px;cursor:pointer;gap:25px}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span{color:var(--blue);font-size:30px;font-family:'DM Sans',sans-serif;transition:transform .25s}.service-list details[open] summary>span{transform:rotate(45deg)}.service-body{padding-top:24px}.service-body>p{font-size:16px;line-height:1.65;color:var(--muted);max-width:450px}.service-body>span{display:block;font-size:12px;color:var(--blue);margin-top:18px;line-height:1.5}

.contact{padding-block:90px 110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.contact h2{font-size:clamp(49px,6.4vw,95px)}.email-link{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-size:clamp(17px,1.75vw,25px);margin-top:35px;overflow-wrap:anywhere}.enquiry-form h3{font-family:'Manrope',sans-serif;font-size:26px;font-weight:600;letter-spacing:-.8px}.enquiry-form>p{font-size:14px;line-height:1.6;color:var(--muted);margin-block:12px 28px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.enquiry-form label{display:flex;flex-direction:column;font-size:13px;gap:10px;margin-bottom:22px}input,select,textarea{width:100%;border:1px solid #c3cad6;border-radius:var(--radius);background:#fff;padding:13px 12px;color:var(--ink);font-size:16px;min-width:0}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:#6f7783}.enquiry-form .form-status{font-size:13px;color:var(--blue);margin:15px 0 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:35px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer .wordmark{font-size:20px}.footer>div{display:flex;gap:22px}
dialog{color:var(--ink);background:var(--paper);padding:0;border:0;border-radius:var(--radius);width:min(1000px,calc(100% - 40px));max-height:90svh;overflow:auto}dialog::backdrop{background:#191b2199;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:13px;right:13px;background:#fff;color:var(--ink);border:1px solid var(--line);width:42px;height:42px;z-index:1;font-size:28px;border-radius:var(--radius)}.art-dialog-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.art-dialog-layout>img{width:100%;height:auto}.art-dialog-layout>div{padding:45px 35px}.art-dialog h2,.project-dialog h2{font-size:clamp(35px,4.5vw,55px);margin-block:16px 22px}.art-dialog p,.project-dialog p{line-height:1.65;font-size:16px;color:var(--muted)}.art-dialog .button{margin-top:30px}.art-dialog .dialog-note{font-size:12px;margin-top:17px}.project-dialog>img{width:100%;height:340px;object-fit:cover}.project-dialog-copy{padding:35px 45px 45px;max-width:800px}.project-dialog-copy p{margin-bottom:20px}.modal-open{overflow:hidden}
@media(prefers-reduced-motion:no-preference){html[data-motion=on] .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}html[data-motion=on] .reveal.visible{opacity:1;transform:none}.hero-copy{animation:hero-entry .8s cubic-bezier(.2,.7,.2,1) both}@keyframes hero-entry{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.site-header nav{gap:19px}.hero{gap:30px}.contact{gap:5vw}.footer{flex-wrap:wrap}.art-caption{flex-direction:column;gap:6px}}
@media(max-width:1000px){.site-header{height:72px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:20px var(--space) 28px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:13px;font-size:19px}.site-header.menu-open nav{display:flex}.menu-toggle{display:inline-flex;gap:12px;align-items:center;font-size:13px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding-block:48px 75px}.hero h1{font-size:clamp(52px,10vw,86px)}.hero-copy{max-width:650px}}
/* Scrolling studio portfolio,approved cobalt / hot pink / orange. */
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding-block:60px 75px;min-height:720px}.hero-copy,.hero-gallery{min-width:0}.hero h1>span{color:var(--blue)}.hero-gallery{position:relative;aspect-ratio:1.1;min-height:510px}.hero-print{position:absolute;display:block;width:76%;left:3%;top:20px;transform:rotate(-6deg);z-index:1;box-shadow:0 16px 30px #191b211c;transition:transform .45s}.hero-print img{width:100%;height:auto}.hero-print:hover{transform:rotate(-3deg) translateY(-5px)}.hero-print-small{width:46%;left:auto;right:3%;top:235px;transform:rotate(7deg);z-index:2}.hero-print-small:hover{transform:rotate(3deg) translateY(-5px)}.gallery-accent{position:absolute;right:8%;top:105px;width:65px;height:65px;background:var(--td-tint)}.hero-caption{position:absolute;bottom:0;left:3%;font-size:12px;line-height:1.55;color:var(--muted)}.direction-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding-block:22px;border-block:1px solid var(--line)}.direction-nav a{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px;min-height:35px}.direction-nav a:hover{color:var(--blue)}.direction-nav span{color:var(--blue)}.section-heading .text-link{margin-top:23px}.art-section{border-top:0;padding-block:100px 115px}.work-section{padding-block:75px 115px;border-top:1px solid var(--line)}.nottage-image{display:block;overflow:hidden}.nottage-image img{width:100%;height:clamp(340px,46vw,690px);object-fit:cover;transition:transform .8s}.nottage-image:hover img{transform:scale(1.03)}.project-summary{display:grid;grid-template-columns:1fr 1.1fr auto;gap:45px;padding-top:27px;align-items:start}.project-summary .eyebrow{font-size:11px;margin-bottom:10px;color:var(--muted)}.project-summary h3{font-family:'Manrope',sans-serif;font-weight:600;letter-spacing:-1px;font-size:28px}.project-summary p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.6;max-width:450px}.project-summary .text-link{margin-top:13px}.circle-link{width:57px;height:57px;border:1px solid var(--blue);color:var(--blue);border-radius:50%;display:grid;place-items:center;font-size:26px;transition:background .2s}.circle-link:hover{background:var(--td-tint)}.design-section{background:var(--blue);color:#fff}.design-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:100px}.design-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:440px;margin-top:28px}.design-copy .text-link{color:white;border-color:var(--td-tint);margin-top:25px}.design-copy .brand-mark{box-shadow:none;color:var(--td-tint)}.identity-study{min-height:320px;background:#fff;color:var(--blue);padding:30px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;overflow:hidden;gap:18px}.study-monogram{font-family:'Manrope',sans-serif;font-size:clamp(100px,12vw,180px);font-weight:800;line-height:1;letter-spacing:-12px;margin-top:42px}.study-wordmark{font-family:'Manrope',sans-serif;font-size:23px;font-weight:700;letter-spacing:-1px;line-height:1.08;margin-top:7px}.identity-swatches{position:absolute;bottom:26px;right:26px;display:flex;gap:8px}.identity-swatches i{display:block;width:22px;height:22px;background:var(--blue)}.identity-swatches i:nth-child(2){background:var(--td-tint)}.identity-swatches i:nth-child(3){background:var(--ink)}.study-caption{font-size:11px;line-height:1.5;margin-top:14px;color:var(--muted)}.design-section .study-caption{color:#fff;opacity:.8}.design-section .service-list{margin-top:40px}.design-section .service-list details{border-color:#ffffff4d}.design-section .service-list summary{font-size:29px}.design-section .service-list summary>span,.design-section .service-body>span{color:var(--td-tint)}.design-section .service-body>p{color:#fff}.visualisation-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:115px;align-items:center}.spatial-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--muted);max-width:470px;margin-top:25px}.spatial-copy .text-link{margin-top:22px}.spatial-graphic{height:450px;background:var(--soft);position:relative;perspective:900px;overflow:hidden;display:flex;align-items:center;justify-content:center}.space-block{position:absolute;width:160px;height:160px;left:50%;top:125px;transform-style:preserve-3d;transform:translateX(-50%) rotateX(-25deg) rotateY(-35deg);transition:transform .7s}.spatial-graphic:hover .space-block{transform:translateX(-50%) rotateX(-15deg) rotateY(15deg)}.space-block>div{position:absolute;width:160px;height:160px;border:1px solid var(--blue)}.space-left{transform:translateZ(80px);background:#2145f310}.space-right{transform:rotateY(90deg) translateZ(80px);background:#2145f325}.space-top{transform:rotateX(90deg) translateZ(80px);background:#2145f345}.spatial-word{position:absolute;bottom:30px;left:30px;font-family:'Manrope',sans-serif;font-size:70px;font-weight:800;letter-spacing:-4px;color:var(--blue)}.contact{border-top:0;padding-block:110px}.contact-heading>p:not(.eyebrow){font-size:17px;line-height:1.6;color:var(--muted);max-width:435px;margin-top:26px}.field-row{grid-template-columns:1fr}.site-header a[aria-current=location]{color:var(--blue);border-bottom:2px solid var(--td-tint)}
@media(max-width:1100px){.hero{min-height:640px}.hero-gallery{min-height:450px}.hero-print-small{top:205px}.identity-study{padding:24px;min-height:275px}.study-monogram{letter-spacing:-7px}.study-wordmark{font-size:18px}.project-summary{gap:25px}.design-layout,.visualisation-section{gap:5vw}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:35px}.hero h1{font-size:clamp(55px,11vw,85px)}.hero-gallery{width:min(100%,570px);justify-self:center;min-height:490px}.direction-nav{grid-template-columns:1fr 1fr;gap:15px 30px}.project-summary{grid-template-columns:1fr;gap:22px}.circle-link{display:none}.design-layout,.visualisation-section{grid-template-columns:minmax(0,1fr);gap:45px;padding-block:65px}.design-examples,.spatial-visual{min-width:0}.spatial-copy{grid-row:1}.identity-study{min-height:300px}.study-monogram{font-size:145px}.study-wordmark{font-size:27px}.spatial-graphic{height:420px}.work-section{padding-block:65px}.contact{padding-block:65px}}
@media(max-width:520px){.hero{padding-block:40px 55px}.hero h1{font-size:clamp(46px,13vw,65px)}.hero-gallery{min-height:340px}.hero-print-small{top:150px}.gallery-accent{width:45px;height:45px;top:65px}.hero-caption{font-size:11px}.direction-nav{gap:10px 22px;padding-block:15px}.direction-nav a{font-size:12px;gap:8px}.section-heading h2{font-size:clamp(34px,9.6vw,50px)}.art-section{padding-block:65px}.nottage-image img{height:300px}.project-summary h3{font-size:25px}.identity-study{min-height:250px;padding:20px}.study-monogram{font-size:110px;letter-spacing:-7px}.study-wordmark{font-size:19px}.design-copy h2,.spatial-copy h2{font-size:45px}.design-copy>p:not(.eyebrow){font-size:16px}.design-section .service-list summary{font-size:25px}.spatial-graphic{height:350px}.space-block{top:90px;transform:translateX(-50%) scale(.85) rotateX(-25deg) rotateY(-35deg)}.spatial-word{font-size:52px}.contact h2{font-size:clamp(35px,9.5vw,52px)}.contact .email-link{font-size:16px}.footer .wordmark{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-print,.space-block,.nottage-image img{transition:none}.spatial-graphic:hover .space-block{transform:translateX(-50%) rotateX(-25deg) rotateY(-35deg)}}

/* Confirmed Path1 palette: 11 October 2026. */
:root{--path1-brand:#FF5B23;--path1-text:#D4400F;--path1-small:#B9360B}




.site-header a[href="#path1"][aria-current=location]{color:var(--path1-small);border-bottom-color:var(--path1-brand)}

/* Shared surfaces; accents stay with the brand they identify. */
.brand-mark{box-shadow:none;color:var(--blue)}
.gallery-accent{background:var(--chroma)}
.hero-gallery{aspect-ratio:auto;min-height:0;height:clamp(430px,43vw,640px)}
.hero-print-small{top:40%}
.art-section{background:var(--ink);color:var(--paper)}
.art-section .brand-mark{color:var(--chroma)}
.chroma-wordmark{display:inline-flex;flex-direction:column;font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(42px,4.4vw,64px);line-height:.88;letter-spacing:-.075em;color:var(--chroma);margin-bottom:36px}.chroma-wordmark>span{display:block}
.art-section .section-heading>p:not(.eyebrow),.art-section .art-caption>span{color:#cccdd4}
.art-section .text-link{color:#fff;border-bottom-color:var(--chroma)}
.art-section .gallery-filter button{color:#cccdd4}
.art-section .gallery-filter button[aria-pressed=true]{color:#fff;border-bottom-color:var(--chroma)}
.art-section .image-action{color:var(--chroma-text)}
.art-section :is(a,button):focus-visible{outline-color:var(--chroma)}
.art-dialog .project-category{color:var(--chroma-text)}
.art-dialog .button{background:var(--chroma);color:#151519;border-color:var(--chroma)}
.art-dialog .button:hover{background:#ff55a7}
.site-header a[href="#art"]:hover,.site-header a[href="#art"][aria-current=location]{color:var(--chroma-text)}
.site-header a[href="#art"][aria-current=location]{border-bottom-color:var(--chroma)}
.direction-nav a[href="#art"] span,.footer a[href*="etsy.com"]{color:var(--chroma-text)}
.design-section .brand-mark{color:var(--td-tint)}
.design-section :is(a,summary):focus-visible{outline-color:#fff}
@media(max-width:800px){
.hero-gallery{width:min(100%,570px);height:clamp(330px,85vw,580px)}
.art-grid{gap:40px 30px}.art-card:nth-child(even){padding-top:40px}
.contact{grid-template-columns:minmax(0,1fr);gap:45px}.contact-heading{max-width:600px}.enquiry-form{max-width:700px}
.art-dialog-layout{grid-template-columns:minmax(0,1fr)}.art-dialog-layout>img{max-height:50svh;object-fit:contain;background:var(--soft)}.art-dialog-layout>div{padding:28px}
.footer{flex-wrap:wrap;gap:20px}.footer .wordmark{width:100%}
}
@media(max-width:520px){
.site-header{gap:14px}.wordmark{font-size:18px;letter-spacing:-.7px}
.hero-actions{align-items:flex-start;gap:15px;flex-direction:column}.hero-description{font-size:16px}
.art-grid{grid-template-columns:minmax(0,1fr);gap:35px}.art-card:nth-child(even){padding-top:0}
.art-caption{flex-direction:row;align-items:start}.art-caption h3{font-size:18px}.art-caption>span{font-size:12px;max-width:120px;text-align:right}
.gallery-filter{gap:8px 19px}.gallery-filter button{font-size:13px}.image-action{opacity:1;transform:none;font-size:11px}
.section-heading>p:not(.eyebrow){font-size:16px}.section-heading{margin-bottom:35px}
.footer>div{flex-wrap:wrap;gap:15px}.project-dialog>img{height:230px}.project-dialog-copy{padding:25px}.button{font-size:13px;padding-inline:17px}.dialog-close{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media(max-width:520px){.identity-study{gap:10px}.study-monogram{font-size:95px}}

/* Keep the company name intact across the identity and responsive layouts. */
.td-name,.study-wordmark{white-space:nowrap}
.site-header>.wordmark{flex-shrink:0}
.identity-study{container-type:inline-size;flex-direction:column;justify-content:flex-start}
.study-wordmark{order:-1;font-size:clamp(16px,6.5cqw,27px);margin-top:0}
.study-monogram{margin-top:18px}

/* Three businesses,with TD's services grouped under its own identity. */
.direction-nav{grid-template-columns:1fr 1.2fr 1fr;gap:0;padding-block:0;border-top:1px solid var(--line);border-bottom:0}
.direction-nav .brand-route{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;padding:32px 25px 34px;min-height:210px;border-right:1px solid var(--line)}
.direction-nav .brand-route:first-child{padding-left:0}
.direction-nav .brand-route:last-child{border-right:0}

.direction-nav .route-td-logo{font-family:'Manrope',sans-serif;font-weight:800;font-size:55px;line-height:1;letter-spacing:-.08em;color:var(--blue)}
.direction-nav .route-name{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.055em;font-size:17px;color:var(--blue);margin-top:-5px}
.direction-nav .route-path1 img{width:140px;height:auto;margin-bottom:8px}
.direction-nav .route-description{font-size:13px;line-height:1.5;color:var(--muted);display:flex;align-items:center;gap:18px}
.direction-nav .route-description>span{color:inherit}
.direction-nav .brand-route:hover .route-description{color:var(--ink)}
.td-brand-heading{display:flex;gap:26px;align-items:center;padding-bottom:35px;margin-bottom:55px;border-bottom:1px solid var(--line)}
.td-supporting-mark{font-family:'Manrope',sans-serif;font-weight:800;font-size:90px;line-height:1;letter-spacing:-.09em;color:var(--blue)}
.td-brand-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(18px,2.2vw,28px);letter-spacing:-.055em;color:var(--blue)}
.brand-section-caption{font-size:14px;line-height:1.5;margin-top:10px;color:var(--muted)}
.td-service-nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;margin-top:18px}
.td-service-nav a{border-bottom:1px solid var(--blue);padding-bottom:3px}
.design-section .eyebrow,.spatial-copy .eyebrow{text-transform:none;letter-spacing:0;font-size:13px;line-height:1.6}






@media(max-width:800px){
.direction-nav{grid-template-columns:1fr}
.direction-nav .brand-route{min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid var(--line);gap:10px}

.direction-nav .route-td-logo{font-size:45px}
.direction-nav .route-path1 img{width:124px;margin-bottom:0}
.td-brand-heading{gap:20px;align-items:flex-start;flex-direction:column;margin-bottom:40px;padding-bottom:28px}
.td-supporting-mark{font-size:72px}


}

/* Equal brand presence: Path1 is a full-width chapter,like the TD colour section. */
.direction-nav{grid-template-columns:repeat(3,minmax(0,1fr))}




 



 






@media(max-width:1100px){.direction-nav .brand-route{padding-inline:18px}.direction-nav .route-name{font-size:clamp(13px,1.45vw,17px)}}
@media(max-width:800px){.direction-nav{grid-template-columns:1fr}.direction-nav .brand-route{padding-inline:0}.direction-nav .route-name{font-size:17px} }

/* The GC device matches TD; brand routes share mark,name and caption baselines. */
.chroma-brand-heading{display:flex;align-items:center;gap:28px;margin-bottom:32px}
.gc-supporting-mark{font-family:'Manrope',sans-serif;font-weight:800;font-size:90px;line-height:1;letter-spacing:-.075em;color:var(--chroma)}
.chroma-brand-heading .chroma-wordmark{margin:0}
.direction-nav .brand-route{display:grid;grid-template-rows:64px 24px auto;align-items:end;align-content:center;justify-content:stretch;gap:10px;min-height:210px;padding-block:32px}
.direction-nav .route-gc-logo,.direction-nav .route-td-logo{font-family:'Manrope',sans-serif;font-weight:800;font-size:55px;line-height:1;letter-spacing:-.075em;align-self:end}
.direction-nav .route-gc-logo,.direction-nav .route-chroma .route-name{color:var(--chroma-text)}
.direction-nav .route-name{margin:0;line-height:24px;align-self:end}
.direction-nav .route-path1 img{width:140px;height:auto;margin:0;align-self:end}
.direction-nav .route-description{align-self:start;white-space:nowrap;gap:12px}
.art-grid[data-filter=featured]{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.art-grid[data-filter=featured] .art-card{padding-top:0}
.art-grid[data-filter=featured] .art-caption{display:block}
.art-grid[data-filter=featured] .art-caption>span{display:block;margin-top:7px;text-align:left}
@media(max-width:1100px){.direction-nav .route-description{font-size:12px}.art-grid[data-filter=featured]{gap:22px}}
@media(max-width:800px){.direction-nav .brand-route{grid-template-rows:54px 24px auto;min-height:0;padding-block:24px}.direction-nav .route-gc-logo,.direction-nav .route-td-logo{font-size:45px}.direction-nav .route-path1 img{width:124px}.chroma-brand-heading{gap:22px}.gc-supporting-mark{font-size:72px}.art-grid[data-filter=featured]{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}}
@media(max-width:520px){.chroma-brand-heading{gap:20px;align-items:center}.gc-supporting-mark{font-size:64px}.chroma-brand-heading .chroma-wordmark{font-size:40px}.art-grid[data-filter=featured]{grid-template-columns:minmax(0,1fr);gap:35px}}

.direction-nav .route-path1 .route-path1-mark{width:auto;height:55px;margin:0}
.direction-nav .route-path1 .route-name{color:var(--ink)}
.direction-nav .route-chroma .route-gc-logo{color:var(--chroma)}
@media(max-width:800px){.direction-nav .route-path1 .route-path1-mark{height:45px}}

/* Overview: the same mark column,identity row and caption row for each brand. */
.direction-nav .brand-route{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:18px;min-height:230px;padding:36px 24px;background:#fff}
.direction-nav .brand-route:first-child{padding-left:24px}
.direction-nav .route-mark{display:flex;align-items:center;justify-content:flex-start;height:100px;align-self:center}
.direction-nav .route-gc-logo,.direction-nav .route-td-logo{font-size:90px;line-height:1;letter-spacing:-.075em}
.direction-nav .route-copy{display:grid;grid-template-rows:68px minmax(40px,auto);gap:10px;min-width:0;text-align:left}
.direction-nav .route-name{display:flex;align-items:center;justify-content:flex-start;align-self:stretch;line-height:1.1;margin:0;font-size:clamp(13px,1.15vw,18px);text-align:left}
.direction-nav .route-chroma-wordmark{flex-direction:column;align-items:flex-start;justify-content:center;font-size:36px;line-height:.88;letter-spacing:-.075em;color:var(--chroma)}
.direction-nav .route-description{white-space:normal;align-items:flex-start;justify-content:flex-start;gap:10px;line-height:1.5;font-size:13px}
.direction-nav .route-description>span{flex:none}
.direction-nav .route-path1 .route-path1-mark{display:block;height:90px;width:auto;max-width:none;margin:0;align-self:auto}
.direction-nav .route-path1 .route-path1-logo{display:block;height:58px;width:auto;max-width:100%;margin:0;align-self:auto}
.direction-nav .route-path1 .route-description{color:var(--muted)}
.direction-nav .route-path1:hover .route-description{color:var(--ink)}
.direction-nav .route-path1:focus-visible{outline-color:var(--path1-brand);outline-offset:-5px}

/* Section signatures: device at the left gutter,larger identity at the right. */
.brand-lockup{display:grid;grid-template-columns:154px minmax(0,1fr);align-items:center;gap:28px;min-width:0;width:100%;min-height:160px}
.brand-lockup .lockup-mark{display:flex;align-items:center;justify-content:flex-start;height:160px;font-family:'Manrope',sans-serif;font-weight:800;font-size:120px;line-height:1;letter-spacing:-.075em}
.chroma-brand-heading.brand-lockup{margin-bottom:36px}
.chroma-brand-heading .chroma-wordmark{font-size:clamp(60px,5.6vw,88px);justify-self:end;align-items:flex-end;text-align:right}
.td-brand-heading{display:block}
.td-brand-heading .brand-lockup>div{justify-self:end;text-align:right;min-width:0}
.td-brand-name{margin:0;font-size:clamp(28px,3.8vw,56px);line-height:1.15}
.td-service-nav{margin-top:26px}














@media(max-width:1100px){
.direction-nav{grid-template-columns:minmax(0,1fr)}
.direction-nav .brand-route{padding:30px 24px;min-height:180px;border-right:0;border-bottom:1px solid var(--line)}
.direction-nav .route-copy{grid-template-rows:68px auto}
.direction-nav .route-name{font-size:20px}
.direction-nav .route-chroma-wordmark{font-size:36px}
.direction-nav .route-description{font-size:14px}
}
@media(max-width:800px){
.brand-lockup{grid-template-columns:116px minmax(0,1fr);gap:24px;min-height:130px}
.brand-lockup .lockup-mark{height:130px;font-size:90px}
.chroma-brand-heading .chroma-wordmark{font-size:64px}
.td-brand-name{font-size:clamp(22px,3.8vw,30px)}



}
@media(max-width:520px){
.direction-nav .brand-route,.direction-nav .brand-route:first-child{grid-template-columns:90px minmax(0,1fr);gap:16px;padding:28px 12px;min-height:160px}
.direction-nav .route-mark{height:80px}
.direction-nav .route-gc-logo,.direction-nav .route-td-logo{font-size:70px}
.direction-nav .route-copy{grid-template-rows:56px minmax(36px,auto);gap:8px}
.direction-nav .route-name{font-size:clamp(13px,3.9vw,15px)}
.direction-nav .route-chroma-wordmark{font-size:30px}
.direction-nav .route-description{font-size:12px}
.direction-nav .route-path1 .route-path1-mark{height:70px}
.direction-nav .route-path1 .route-path1-logo{height:48px}
.brand-lockup{grid-template-columns:92px minmax(0,1fr);gap:14px;min-height:90px}
.brand-lockup .lockup-mark{height:90px;font-size:72px}
.chroma-brand-heading .chroma-wordmark{font-size:clamp(40px,10vw,52px)}
.td-brand-name{font-size:clamp(16px,4.7vw,24px)}
.brand-section-caption{font-size:13px}



}
.button:disabled{opacity:.6;cursor:progress;transform:none}
/* Path1 chapter */
.path1-section{background:var(--ink);color:#fff;font-family:'Jost',sans-serif}
.p1{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:8vw;row-gap:72px;padding-block:100px 110px}
.p1-head{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:40px;border-bottom:1px solid #ffffff26}
.p1-logo{height:clamp(64px,7vw,104px);width:auto;max-width:100%}
.p1-strap{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(20px,1.9vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.2;text-align:right}
.p1-strap span{display:block;font-family:'Jost',sans-serif;font-size:15px;font-weight:400;letter-spacing:0;color:#cccdd4;margin-top:8px}
.p1-main h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(43px,5.4vw,78px);font-weight:700;line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.p1-main h2 span{color:var(--path1-brand)}
.p1-lede{font-size:19px;line-height:1.6;max-width:520px;margin-block:30px 32px}
.path1-section .p1-enquiry{background:var(--path1-brand);border-color:var(--path1-brand);color:var(--ink);font-size:16px}
.path1-section .p1-enquiry:hover{background:#ff7444;border-color:#ff7444}
.path1-section a:focus-visible{outline-color:var(--path1-brand)}
.p1-facts{margin:0;align-self:end;border-top:2px solid var(--path1-brand)}
.p1-facts>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;padding-block:22px;border-bottom:1px solid #ffffff26}
.p1-facts dt{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:#cccdd4;padding-top:3px}
.p1-facts dd{margin:0;font-size:17px;line-height:1.55}
@media(max-width:1000px){.p1{grid-template-columns:minmax(0,1fr);row-gap:56px;padding-block:80px}.p1-facts{align-self:start;max-width:620px}}
@media(max-width:800px){.p1{row-gap:44px;padding-block:65px}.p1-head{flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:30px}.p1-strap{text-align:left}.p1-main h2{font-size:clamp(39px,10vw,60px)}.p1-lede{font-size:17px}}
@media(max-width:520px){.p1-logo{height:56px}.p1-facts>div{grid-template-columns:minmax(0,1fr);gap:6px;padding-block:18px}.p1-facts dd{font-size:16px}}