*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf9f5;color:#20201f;font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #f25135;outline-offset:5px}header{max-width:1500px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd8d0;gap:32px}.brand{font-size:30px;font-weight:800;line-height:.9;letter-spacing:-1.5px}.brand span{display:block;color:#cf3820}nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:700}nav a:last-child{background:#20201f;color:white;padding:13px 22px}nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}#menu{display:none}section{padding:90px 6%;max-width:1500px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;padding-top:70px;padding-bottom:70px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;line-height:1.5}h1,h2,h3{font-weight:800;letter-spacing:-.06em;line-height:1.03;margin:25px 0}h1{font-size:clamp(58px,7.7vw,118px)}h2{font-size:clamp(40px,5vw,72px)}h3{font-size:32px;letter-spacing:-1px}em{font-style:normal;color:#cf3820}.intro{font-size:20px;max-width:560px;line-height:1.55}.button{display:inline-block;background:#cf3820;color:#fff;border:0;padding:17px 26px;font:700 16px Arial;cursor:pointer;margin-top:15px}.button:hover{background:#a92917}.heroimage{margin:0;position:relative;background:#20201f;transform:rotate(2deg);box-shadow:18px 18px 0 #f25135}.heroimage img{width:100%;height:470px;object-fit:cover;display:block}.heroimage figcaption{color:white;font-size:12px;letter-spacing:1.5px;padding:20px}.ticker{overflow:hidden;background:#f25135;color:#20201f;padding:17px 0;font-weight:800;font-size:18px;letter-spacing:1px}.ticker div{white-space:nowrap;width:max-content;animation:ticker 35s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.sectionhead{display:flex;justify-content:space-between;align-items:start;margin-bottom:45px}.sectionhead h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{border-top:1px solid #bbb6ae;padding:28px 0 15px;display:block}.card p{color:#55514c}.textlink{display:inline-block;border-bottom:2px solid #cf3820;font-weight:700;margin-top:18px}.dark{background:#20201f;color:#fbf9f5;max-width:none}.dark em{color:#ff765b}.dark .button{background:#f25135}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.split h2{margin:0}.pagehero{padding-bottom:40px;border-bottom:1px solid #ddd8d0}.pagehero h1{font-size:clamp(50px,6.8vw,98px)}.pagehero .intro{max-width:720px}.faq{max-width:850px}details{border-bottom:1px solid #ccc;padding:22px 0}summary{cursor:pointer;font-weight:700;font-size:20px}footer{padding:60px 6% 20px;border-top:1px solid #ccc;background:#eeeae3}.footergrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;font-size:15px}.credit{display:flex;justify-content:space-between;border-top:1px solid #d3cec6;margin-top:45px;padding-top:20px;font-size:12px;color:#68635c;gap:20px}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.biglink{display:block;font-size:clamp(18px,2vw,28px);overflow-wrap:anywhere;font-weight:700;margin:15px 0}form{background:#eeeae3;padding:35px}label{display:block;font-size:14px;font-weight:700;margin-bottom:18px}input,select,textarea{display:block;width:100%;font:16px Arial;padding:14px;margin-top:7px;border:1px solid #aaa;background:#fff;color:#20201f}textarea{resize:vertical}.small{font-size:14px;color:#555}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:0}@media(max-width:950px){nav{gap:14px;font-size:13px}.heroimage img{height:360px}.hero{gap:5%}.grid{gap:20px}.sectionhead{display:block}}@media(max-width:740px){header{padding:20px 6%;flex-wrap:wrap}.brand{font-size:27px}#menu{display:block;background:none;border:1px solid #aaa;padding:10px 15px;font-size:16px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:15px 0;font-size:16px}nav.open{display:flex}.hero,.split,.grid,.contactgrid{grid-template-columns:1fr}.hero{padding-top:40px}.heroimage{margin:30px 10px 0 0}.heroimage img{height:320px}section{padding:60px 6%}h1{font-size:64px}.intro{font-size:18px}.split{gap:30px}.grid{gap:25px}.footergrid{grid-template-columns:1fr}.credit{flex-direction:column}.pagehero h1{font-size:52px}form{padding:23px}.contactgrid{gap:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}
.showcase{padding:55px 5%;display:grid;grid-template-columns:1fr 1.4fr;gap:7%;align-items:center;background:#f2f5ff}.collection-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.collection-buttons button{background:white;color:#12254b;border:1px solid #9daac4;padding:12px 18px;cursor:pointer}.collection-buttons button[aria-pressed=true]{background:#1746c7;color:white;border-color:#1746c7}.showcase input{padding:0;accent-color:#1746c7;max-width:310px}.sample-view{margin:0;overflow:hidden;position:relative;background:#1746c7;aspect-ratio:3/2}.sample-view img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.sample-view figcaption{position:absolute;bottom:15px;left:15px;background:#12254be6;color:white;padding:7px 12px;font-size:14px}.featurecopy{overflow-wrap:break-word}.cinemacopy h1{letter-spacing:-.04em}@media(max-width:740px){.showcase{grid-template-columns:1fr;padding:35px 6%;gap:22px}}@media(max-width:380px){.cinemacopy h1{font-size:54px}.feature h1,.contactintro h1{font-size:44px}}
/* Full-colour redesign */
:root{--ink:#10101b;--blue:#193aff;--pink:#ff45ae;--yellow:#ffdf35}body{background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif}header{max-width:none;background:var(--ink);border-bottom:1px solid #ffffff25;padding:24px 5%}.brand span{color:var(--pink)}nav a:last-child{background:var(--yellow);color:var(--ink)}nav a:hover{color:var(--pink)}nav a:last-child:hover{color:var(--ink)}h1,h2{letter-spacing:-.055em;line-height:.98}em{color:var(--pink)}.eyebrow{font-size:14px;letter-spacing:1.8px}.button{background:var(--yellow);color:var(--ink);padding:18px 26px;border-radius:0}.button:hover{background:var(--pink);color:var(--ink)}.cinema{max-width:none;padding:0;min-height:720px;height:calc(100svh - 100px);max-height:1050px;position:relative;overflow:hidden;display:flex;align-items:center}.cinema-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:cinema-drift 18s ease-in-out infinite alternate}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,27,.96),rgba(8,9,27,.72) 34%,rgba(8,9,27,.08) 75%),linear-gradient(0deg,rgba(8,9,27,.7),transparent 25%)}.cinema-copy{position:relative;padding:70px 6%;max-width:850px;animation:copy-in .9s ease-out}.cinema h1{font-size:clamp(80px,10.8vw,168px);margin:28px 0}.cinema h1 em{color:var(--yellow)}.cinema-copy>p:not(.eyebrow){font-size:22px;line-height:1.55}.cinema-foot{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:14px;letter-spacing:1.7px}.ticker{background:var(--pink);color:var(--ink);padding:22px 0;font-size:26px}.collections{max-width:none;padding:100px 5%;background:var(--ink)}.sectionhead{align-items:center}.sectionhead h2{font-size:clamp(48px,6vw,88px)}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.image-card{overflow:hidden;background:#20202e;display:block}.image-card img{width:100%;height:350px;object-fit:cover;display:block;transition:transform .6s}.image-card:hover img{transform:scale(1.035)}.image-card>div{padding:28px}.image-card h3{font-size:32px;margin:18px 0}.image-card p{font-size:16px;color:#d0d0da;margin-bottom:0}.image-note{font-size:14px;color:#a9a9bc;margin:25px 0 0}.design-statement{background:var(--blue);max-width:none;padding:100px 6%}.design-statement h2{font-size:clamp(52px,6.7vw,96px)}.design-statement em{color:var(--yellow)}.final-call{max-width:none;background:var(--pink);color:var(--ink);padding:100px 6%}.final-call h2{font-size:clamp(60px,9vw,132px)}.final-call em{color:var(--ink)}.final-call .button{background:var(--ink);color:#fff}footer{background:#0a0a12;border-color:#ffffff25;color:#dddde7}.credit{color:#a9a9bc;border-color:#ffffff25;font-size:14px}.pagehero{max-width:none;background:var(--blue);border:0;padding:80px 6% 60px}.pagehero em{color:var(--yellow)}.service-visual{margin:50px 0 0}.service-visual img{width:100%;max-height:560px;object-fit:cover;display:block}.service-visual figcaption{font-size:14px;margin-top:8px;color:#d0d6ff}.card{border-color:#ffffff35}.card p{color:#d0d0da}.dark{background:#26263d;color:#fff}.dark em{color:var(--pink)}.dark .button{background:var(--yellow);color:var(--ink)}.textlink{border-color:var(--pink)}details{border-color:#ffffff30}form{background:#26263d}.small{color:#d0d0da}input,select,textarea{background:#fff;color:var(--ink);border:0}.skip{color:var(--ink)}#menu{color:#fff;border-color:#ffffff60}.contactgrid h2{font-size:clamp(40px,4vw,64px)}@keyframes cinema-drift{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:950px){.image-grid{gap:16px}.image-card>div{padding:20px}.image-card img{height:270px}.cinema{min-height:650px}}@media(max-width:740px){.cinema{height:780px;max-height:none;min-height:0;align-items:flex-start}.cinema-copy{padding:65px 6%}.cinema h1{font-size:clamp(70px,17vw,110px)}.cinema-copy>p:not(.eyebrow){font-size:19px}.cinema-bg{object-position:65% center}.cinema-shade{background:linear-gradient(180deg,rgba(8,9,27,.85),rgba(8,9,27,.7) 52%,rgba(8,9,27,.05) 78%,rgba(8,9,27,.75))}.cinema-foot{flex-direction:column;gap:8px;font-size:12px}.image-grid{grid-template-columns:1fr;gap:28px}.image-card img{height:300px}.collections,.design-statement,.final-call{padding:65px 6%}.ticker{font-size:22px}.pagehero{padding:60px 6% 40px}.pagehero h1{font-size:clamp(40px,10vw,68px)}.service-visual{margin-top:35px}.service-visual img{height:300px}.footergrid{font-size:16px}}@media(prefers-reduced-motion:reduce){.cinema-bg,.cinema-copy{animation:none}.image-card img{transition:none}}
/* Hatfield Forest / print colour direction */
:root{--ink:#071322;--blue:#10344c;--cyan:#27d9f4;--pink:#ff43ab;--yellow:#ffe04b}body{background:var(--ink)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.03}h1 em,h2 em{font-style:italic;color:var(--cyan)}.brand span{color:var(--cyan)}.cinema h1{font-size:clamp(82px,9.5vw,148px)}.cinema h1 em{color:var(--cyan)}.cinema-copy{max-width:780px;z-index:2}.cinema-shade{background:linear-gradient(90deg,rgba(3,14,28,.93),rgba(3,14,28,.68) 42%,rgba(3,14,28,.38)),linear-gradient(0deg,rgba(3,14,28,.8),transparent 35%)}.cinema-bg{object-position:center 58%}.hero-print{position:absolute;width:38%;right:5%;top:22%;margin:0;transform:rotate(3deg);background:var(--cyan);padding:12px 12px 0;box-shadow:20px 22px 0 #ff43ab,0 30px 70px #0008;animation:print-float 9s ease-in-out infinite alternate}.hero-print img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.hero-print figcaption{font-size:14px;letter-spacing:1.5px;padding:16px 8px;color:var(--ink);font-weight:700}.cinema-foot{z-index:2}.button{background:var(--cyan);color:var(--ink)}.button:hover{background:var(--yellow)}.image-card{background:#10233a}.image-card .eyebrow{color:var(--cyan)}.image-card:nth-child(2){background:#3b1230}.image-card:nth-child(2) .eyebrow{color:#ff86c9}.image-card:nth-child(3){background:#252620}.image-card:nth-child(3) .eyebrow{color:var(--yellow)}.design-statement{background:#10344c}.final-call{background:#f43aa0}.final-call h2 em{color:var(--ink)}.pagehero{position:relative;background:linear-gradient(90deg,#071322ed,#071322a6),url('/hatfield-lake.webp') center/cover;overflow:hidden}.pagehero h1{font-size:clamp(56px,6.5vw,104px);max-width:960px;position:relative}.pagehero h1 em{color:var(--cyan)}.pagehero .intro{max-width:750px}.service-visual{max-width:1000px;box-shadow:14px 14px 0 var(--cyan)}.service-visual figcaption{background:#10344c;margin:0;padding:12px 18px;color:#fff}.photo-credit{font-size:12px;line-height:1.6;color:#aebccc;margin-top:20px}.photo-credit a{text-decoration:underline}.contactgrid form{background:#102a43}.dark{background:#102a43}.dark .button{background:var(--cyan)}.textlink{border-color:var(--cyan)}.credit{font-size:14px}a:focus-visible,button:focus-visible{outline-color:var(--yellow)}@keyframes print-float{from{transform:rotate(3deg) translateY(0)}to{transform:rotate(1deg) translateY(-12px)}}@media(max-width:1100px){.cinema h1{font-size:clamp(74px,9vw,112px)}.cinema-copy{max-width:60%}.hero-print{width:34%;right:5%;top:29%}}@media(max-width:740px){.cinema{height:auto;min-height:1050px;padding-bottom:100px;display:block}.cinema-copy{max-width:none;padding:55px 6% 35px}.cinema h1{font-size:clamp(70px,17vw,108px)}.hero-print{position:relative;width:78%;right:auto;top:auto;margin:15px auto 55px;padding:8px 8px 0;box-shadow:12px 14px 0 var(--pink)}.hero-print figcaption{font-size:12px;padding:12px 8px}.cinema-shade{background:linear-gradient(180deg,#071322dd,#07132270 75%,#071322e8)}.pagehero h1{font-size:clamp(44px,10vw,70px)}.service-visual{box-shadow:8px 8px 0 var(--cyan)}}@media(prefers-reduced-motion:reduce){.hero-print{animation:none}}
/* Original Chelmer identity, preserved on a light logo plate. */
.brand{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:3px;padding:9px 15px;line-height:1;flex-shrink:0;letter-spacing:normal}.original-logo{display:block;width:112px;height:96px;object-fit:contain}.footergrid .brand{justify-self:start}.cinema{height:calc(100svh - 165px)}@media(max-width:950px){header{gap:20px;padding:18px 4%}nav{gap:16px}.original-logo{width:96px;height:82px}}@media(max-width:740px){header{padding:16px 6%}.original-logo{width:88px;height:76px}.brand{padding:7px 12px}.cinema{height:auto}}
.services-ticker{background:var(--pink);color:var(--ink);padding:20px 0}.services-ticker .ticker-track{display:flex;width:max-content;animation:service-scroll 100s linear infinite}.ticker-group{white-space:nowrap;flex-shrink:0;padding-right:20px;font-size:22px;font-weight:800;letter-spacing:1px}.ticker-group>span{margin:0 16px}.services-ticker:hover .ticker-track{animation-play-state:paused}@keyframes service-scroll{to{transform:translateX(-50%)}}@media(max-width:740px){.ticker-group{font-size:18px}.services-ticker{padding:16px 0}}@media(prefers-reduced-motion:reduce){.services-ticker{overflow:visible}.services-ticker .ticker-track{animation:none;display:block;width:auto;padding:0 6%}.ticker-group{white-space:normal;line-height:2.1}.ticker-group[aria-hidden=true]{display:none}}
.services-ticker .ticker-track{animation-duration:170s}
.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.catalogue-grid .image-card>img{height:360px}.catalogue-grid .catalogue-image{object-fit:contain;background:#e3e4e6;padding:20px}.catalogue-visual{max-width:520px;background:#e3e4e6;margin-top:45px}.catalogue-visual img{height:auto;max-height:460px;width:100%;object-fit:contain;padding:18px}.artwork-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;max-width:1000px}.artwork-products .service-visual{width:100%;margin-top:45px}.catalogue-grid .image-card:nth-child(4){background:#252620}.catalogue-grid .image-card:nth-child(4) .eyebrow{color:var(--yellow)}@media(max-width:740px){.catalogue-grid,.artwork-products{grid-template-columns:1fr}.catalogue-grid .image-card>img{height:310px}.catalogue-visual{max-width:100%;box-shadow:8px 8px 0 var(--cyan)}.artwork-products{gap:10px}}
.footer-sorted{font-size:clamp(1.4rem,3vw,2rem);line-height:1.15;margin:1rem 0 0;}
.interactive-print{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:linear-gradient(135deg,#091729,#182045 65%,#391442);border-block:1px solid #36def444}.interactive-print p{max-width:38rem}.interactive-print figure{margin:0;min-width:0}.product-stage{min-height:320px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,#12cee433,transparent 65%),#101a30;border:1px solid #79e9fa44;border-radius:24px;touch-action:pan-y;padding:2rem}.product-stage img{width:min(100%,400px);height:auto;object-fit:contain;border-radius:12px;transition:transform .16s ease-out;user-select:none;box-shadow:0 24px 60px #0008}.interactive-print figcaption{font-size:.875rem;margin-top:1rem;color:#c5d1e5}.product-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.product-tabs button,#reset-product{background:#172640;color:#fff;border:1px solid #687997;border-radius:100px;padding:.75rem 1rem;font:inherit;cursor:pointer}.product-tabs button[aria-pressed=true]{background:#4de6f1;color:#071626;border-color:#4de6f1}.showcase-zoom{display:flex;gap:1rem;align-items:center;margin:1rem 0}.showcase-zoom input{width:180px;accent-color:#4de6f1}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.quote-summary{padding:1rem;border:1px solid #4de6f166;background:#4de6f10d;border-radius:12px;margin:1rem 0}.quote-summary p{font-size:.95rem;margin:.5rem 0 0}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.revealed{opacity:1;transform:none}a.button,button.button{transition:transform .2s ease,box-shadow .2s ease}a.button:hover,button.button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #39d8ef33}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffe047;outline-offset:4px}@media(max-width:760px){.interactive-print{grid-template-columns:1fr;gap:1.5rem}.quote-fields{grid-template-columns:1fr}.product-stage{min-height:260px;padding:1.5rem}}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.product-stage img,a.button,button.button{transition:none}.ticker-track{animation:none!important}a.button:hover,button.button:hover{transform:none}}
/* A different local landscape for each page, one shared cinematic language. */
.cinematic-landmark{isolation:isolate;max-width:none;background:#071322!important;border-bottom:1px solid #43d9f844;min-height:590px;padding:95px 6% 85px;--scene-glow:#13bddb35;--scene-warm:#e83b9a20}
.cinematic-landmark::before{content:"";position:absolute;z-index:-2;inset:-3%;background-image:var(--landmark);background-size:cover;background-position:var(--landmark-position,center);filter:saturate(1.35) contrast(1.12);animation:landmark-drift 24s ease-in-out infinite alternate;transform-origin:65% 40%}
.cinematic-landmark::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#06101fea 0%,#071322b5 38%,#07132222 76%),linear-gradient(0deg,#071322f5 0%,transparent 35%,#07132233 100%),radial-gradient(ellipse at 85% 30%,var(--scene-glow),transparent 65%),linear-gradient(135deg,transparent 35%,var(--scene-warm))}
.cinematic-landmark h1{max-width:870px;text-shadow:0 4px 36px #0006}.cinematic-landmark .intro{color:#f1f6ff;text-shadow:0 2px 15px #000;max-width:650px}.cinematic-landmark>.eyebrow{color:#a4f5ff}.landmark-label{position:absolute;bottom:25px;right:6%;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#e3f5ff;border-top:1px solid #ffffff66;padding-top:10px;text-shadow:0 2px 8px #000}
.scene-design .cinematic-landmark{--scene-glow:#13d9e84a;--scene-warm:#5935fa3d}.scene-displays .cinematic-landmark{--scene-glow:#ff3c9a44;--scene-warm:#f69a2433}.scene-about .cinematic-landmark{--scene-glow:#535bff3d;--scene-warm:#ff3e9b30}.scene-contact .cinematic-landmark{--scene-glow:#25e4bf30;--scene-warm:#ffd35922}
@media(min-width:1000px){.cinematic-landmark:has(.service-visual){display:grid;grid-template-columns:1.15fr .85fr;column-gap:7%;align-content:center;min-height:700px}.cinematic-landmark:has(.service-visual)>:not(.service-visual):not(.landmark-label){grid-column:1}.cinematic-landmark>.service-visual{grid-column:2;grid-row:1 / span 4;width:100%;max-width:430px;align-self:center;margin:0;transform:rotate(2deg);box-shadow:12px 14px 0 #16d6ea,0 25px 70px #0007}.cinematic-landmark:has(.service-visual) h1{font-size:clamp(56px,6vw,96px)}}
@keyframes landmark-drift{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-.7%,.6%,0)}}
@media(max-width:740px){.cinematic-landmark{padding:65px 6% 80px;min-height:560px}.cinematic-landmark::before{background-position:var(--landmark-position,center)}.cinematic-landmark::after{background:linear-gradient(90deg,#06101fcb,#07132265),linear-gradient(0deg,#071322f5,transparent 60%),radial-gradient(ellipse at 85% 20%,var(--scene-glow),transparent 70%)}.landmark-label{font-size:.75rem;max-width:88%;right:6%}.cinematic-landmark>.service-visual{margin-top:35px}.cinematic-landmark h1{font-size:clamp(46px,12vw,70px)}}
@media(prefers-reduced-motion:reduce){.cinematic-landmark::before{animation:none;transform:none}}