/* Shared editorial rhythm, separate compositions and real palette variables for the trade demos. */
@font-face{font-family:Edition Serif;src:url(type/services-baskervville.ttf);font-style:normal;font-weight:400;font-display:swap}
body.trade[data-edition]{--margin:clamp(22px,5vw,92px);--edge:color-mix(in srgb,var(--ink) 24%,var(--paper));font-family:"DM Sans",Arial,sans-serif;line-height:1.55}
.trade[data-face=serif]{--display:"Edition Serif",Georgia,serif}.trade[data-face=industrial]{--display:"Trade Barlow","Arial Narrow",Arial,sans-serif}.trade[data-face=mono],.trade[data-face=sans]{--display:"DM Sans",Arial,sans-serif}
.trade[data-edition] .t-header{margin:0 var(--margin);min-height:76px;border-color:var(--edge)}
.trade[data-edition] .t-logo img{height:54px;max-width:230px}
.trade[data-edition] .t-menu,.trade[data-edition] .t-header nav{color:var(--ink)}
.trade[data-edition] .t-header .t-cta,.edition-action{background:var(--brand);color:#fff;display:inline-flex;gap:17px;align-items:center;justify-content:space-between;border:0;text-decoration:none;line-height:1.3;padding:12px 18px;min-height:42px;font:600 15px/1.3 "DM Sans",Arial,sans-serif;cursor:pointer}
.trade[data-edition] .edition-action:hover{filter:brightness(.9);text-decoration:underline}.trade[data-edition] .edition-action span{font-size:18px}
.ed-locale,.edition-project article>span,.ed-side>span,.edition-office dt,.ed-breadcrumb{font-size:12px;font-weight:600;line-height:1.45;letter-spacing:.08em}
.ed-locale{margin-bottom:13px!important}.ed-opening h1,.ed-innerhead h1,.edition-project h2,.edition-office h2,.edition-services h2,.edition-story h2,.edition-news h2,.edition-next h2{font-family:var(--display);font-weight:500;line-height:1.02;letter-spacing:-.045em;overflow-wrap:break-word}
.ed-opening h1{font-size:clamp(48px,5.65vw,96px);max-width:15ch}.ed-title>p:not(.ed-locale){max-width:43ch;margin:18px 0 23px;font-size:clamp(16px,1.25vw,19px);line-height:1.55}
.ed-opening{position:relative}.ed-opening figure{min-width:0;position:relative;margin:0}.ed-opening figure>img{height:100%;width:100%;object-fit:cover}
.ed-opening figcaption,.ed-innerhead figcaption{font-size:12px;line-height:1.4;letter-spacing:.015em;padding:6px 10px;position:absolute;right:0;bottom:0;background:#15191bdb;color:#fff}
.ed-side{display:flex;flex-direction:column;gap:4px;background:var(--tint);color:var(--ink);padding:19px 23px}.ed-side b{font-size:20px;line-height:1.15}.ed-side>span{font-weight:450;letter-spacing:0}.ed-side strong{font-size:15px}
.trade[data-layout=journal] .ed-opening{display:grid;grid-template-columns:1fr;gap:25px;margin:45px var(--margin) 0}
.trade[data-layout=journal] .ed-title{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);column-gap:7vw;align-items:end}
.trade[data-layout=journal] .ed-title .ed-locale{grid-column:1/-1}
.trade[data-layout=journal] .ed-title h1{grid-row:2/4;max-width:14ch}
.trade[data-layout=journal] .ed-title>p:not(.ed-locale){margin:0 0 13px}
.trade[data-layout=journal] .ed-title .edition-action{justify-self:start}
.trade[data-layout=journal] .ed-opening figure{height:clamp(265px,31vw,490px)}
.trade[data-layout=panorama] .ed-opening{min-height:clamp(510px,45vw,740px);display:grid;align-items:end;padding:clamp(40px,5vw,90px) var(--margin);isolation:isolate;background:#1c2326;color:#fff}
.trade[data-layout=panorama] .ed-title{position:relative;z-index:2;max-width:58%}
.trade[data-layout=panorama] .ed-opening figure{position:absolute;inset:0;z-index:-1}
.trade[data-layout=panorama] .ed-opening figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d141de6 0%,#111822a8 38%,#0e13231f 75%),linear-gradient(0deg,#10121850,transparent 50%)}
.trade[data-layout=panorama] .ed-opening figcaption{z-index:1}.trade[data-layout=panorama] .ed-title .edition-action{color:#101827;background:#fff}
.trade[data-layout=atelier] .ed-opening{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;gap:clamp(25px,5vw,85px);margin:32px var(--margin) 0}
.trade[data-layout=atelier] .ed-opening figure{grid-column:1;grid-row:1;height:clamp(450px,42vw,710px)}
.trade[data-layout=atelier] .ed-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.trade[data-layout=atelier] .ed-title h1{font-size:clamp(52px,6.25vw,101px)}
.trade[data-layout=atelier] .ed-opening figcaption{background:var(--paper);color:var(--ink);bottom:0;left:0;right:auto;padding:8px 12px 2px 0}
.trade[data-layout=spec] .ed-opening{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:auto auto;margin:24px var(--margin) 0;border:1px solid var(--edge)}
.trade[data-layout=spec] .ed-opening figure{grid-column:1;grid-row:1/3;min-height:clamp(380px,37vw,610px)}
.trade[data-layout=spec] .ed-opening figure img{position:absolute;inset:0}
.trade[data-layout=spec] .ed-title{background:var(--paper);padding:clamp(24px,3.3vw,60px)}
.trade[data-layout=spec] .ed-title h1{font-size:clamp(45px,4.7vw,80px)}
.trade[data-layout=spec] .ed-side{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;align-content:center;padding-inline:clamp(24px,3.3vw,60px);border-top:1px solid var(--edge)}
.trade[data-layout=spec] .ed-side>span,.trade[data-face=mono] .ed-locale{font-family:Consolas,monospace}
.trade[data-layout=dispatch] .ed-opening{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:clamp(400px,37vw,630px);margin:24px var(--margin) 0}
.trade[data-layout=dispatch] .ed-title{background:var(--tint);padding:clamp(26px,3.5vw,65px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.trade[data-layout=dispatch] .ed-opening figure{min-height:390px}.trade[data-layout=dispatch] .ed-opening figure img{position:absolute;inset:0}
.trade[data-layout=dispatch] .ed-side{position:absolute;bottom:25px;right:22px;max-width:185px;background:var(--paper);padding:16px 21px;box-shadow:0 4px 18px #0002}.trade[data-layout=dispatch] .ed-opening figcaption{left:0;right:auto}
.trade[data-layout=portrait] .ed-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);margin:0 var(--margin);border-bottom:1px solid var(--edge);padding-bottom:32px;gap:0 32px}
.trade[data-layout=portrait] .ed-title{align-self:end;padding:42px 0 26px}.trade[data-layout=portrait] .ed-title h1{color:var(--brand)}
.trade[data-layout=portrait] .ed-opening figure{grid-column:2;grid-row:1/3;min-height:clamp(410px,37vw,630px)}.trade[data-layout=portrait] .ed-opening figure img{position:absolute;inset:0}
.trade[data-layout=portrait] .ed-side{grid-column:1;background:var(--tint);display:grid;grid-template-columns:1fr 1fr;column-gap:16px;padding:20px}
.edition-quick,.edition-services,.edition-project,.edition-story,.edition-next,.edition-news,.edition-office{margin:clamp(38px,5vw,82px) var(--margin)}
.edition-quick{display:flex;flex-wrap:wrap;gap:0;margin-block:0;border-block:1px solid var(--edge)}
.edition-quick a{flex:1;padding:14px 15px 14px 0;font-size:15px;font-weight:600;min-width:120px}.edition-quick a:after,.edition-news a:after,.edition-next a:after{content:" ↗";color:var(--ink);margin-left:.35em}
.edition-project{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;min-height:260px}
.edition-project>div{min-width:0;position:relative}.edition-project img{position:absolute;inset:0;height:100%}
.edition-project article{background:var(--tint);padding:clamp(23px,4.2vw,70px)}
.edition-project h2,.edition-office h2,.edition-services h2,.edition-next h2,.edition-news h2{font-size:clamp(31px,3.55vw,60px);margin:8px 0 18px}
.edition-project p,.edition-office p,.edition-story p{max-width:62ch;line-height:1.65;font-size:clamp(16px,1.15vw,19px)}
.edition-services>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.edition-services>div>a{position:relative;display:flex;flex-direction:column;color:var(--ink);border-bottom:1px solid var(--edge);padding-bottom:17px}
.edition-services>div>a:hover{text-decoration:none}.edition-services>div>a:hover h3{text-decoration:underline;text-underline-offset:3px}
.edition-services a img{aspect-ratio:1.65;max-height:300px}.edition-services a h3{font:600 clamp(18px,1.6vw,26px)/1.15 var(--display);margin:15px 28px 8px 0}
.edition-services a p{font-size:15px;line-height:1.5}.edition-services a>span{position:absolute;right:0;top:0;background:var(--paper);padding:1px 10px;font-size:20px}
.trade[data-layout=spec] .edition-services>div,.trade[data-layout=dispatch] .edition-services>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 27px}
.trade[data-layout=spec] .edition-services a,.trade[data-layout=dispatch] .edition-services a{display:grid;grid-template-columns:minmax(82px,26%) 1fr;gap:16px;padding:17px 0;border-top:1px solid var(--edge);border-bottom:none}
.trade[data-layout=spec] .edition-services a img,.trade[data-layout=dispatch] .edition-services a img{height:100%;max-height:122px}
.trade[data-layout=spec] .edition-services a h3,.trade[data-layout=dispatch] .edition-services a h3{margin-top:0}
.trade[data-layout=spec] .edition-services a>span,.trade[data-layout=dispatch] .edition-services a>span{display:none}
.ed-innerhead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,6vw,100px);align-items:center;margin:clamp(28px,3vw,55px) var(--margin)}
.ed-innerhead>div{min-width:0}.ed-innerhead h1{font-size:clamp(38px,4.05vw,72px);margin:12px 0 14px}.ed-innerhead p{max-width:58ch;font-size:clamp(16px,1.22vw,20px)}
.ed-innerhead figure{position:relative;min-width:0}.ed-innerhead figure img{height:clamp(190px,20vw,340px)}.ed-breadcrumb{display:inline-block;border-bottom:1px solid var(--edge)}
.trade[data-layout=atelier] .ed-innerhead figure,.trade[data-layout=spec] .ed-innerhead figure{grid-column:1;grid-row:1}.trade[data-layout=atelier] .ed-innerhead,.trade[data-layout=spec] .ed-innerhead{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.trade[data-layout=panorama] .ed-innerhead,.trade[data-layout=dispatch] .ed-innerhead{background:var(--tint);gap:4vw}.trade[data-layout=panorama] .ed-innerhead>div,.trade[data-layout=dispatch] .ed-innerhead>div{padding:30px 0 30px clamp(22px,3vw,55px)}
.edition-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,6vw,115px);border-top:1px solid var(--edge);padding-top:clamp(20px,3vw,45px)}.edition-story h2{margin:0 0 12px;font-size:clamp(25px,2.2vw,38px)}
.edition-office{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;border-top:1px solid var(--edge);padding-top:28px}.edition-office .edition-action{margin-top:18px}.edition-office dl{margin:0}.edition-office dl>div{display:grid;grid-template-columns:38% 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--edge)}.edition-office dd{margin:0}.edition-office small{display:block;font-size:14px}
.edition-next,.edition-news{border-top:1px solid var(--edge);padding-top:22px}.edition-next>div{display:flex;flex-wrap:wrap;gap:12px 25px}.edition-next a,.edition-news a{font-size:15px;display:inline-block;padding:8px 0}.edition-next h2{font-size:26px}
.edition-fieldwork{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;margin:clamp(38px,4vw,70px) var(--margin);background:var(--tint)}
.edition-fieldwork figure{position:relative;min-width:0;min-height:240px}.edition-fieldwork figure img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.edition-fieldwork figcaption{position:absolute;bottom:0;left:0;background:#15191bdb;color:#fff;padding:6px 10px;font-size:12px}
.edition-fieldwork article{padding:clamp(24px,3.5vw,58px)}.edition-fieldwork h2{font:500 clamp(28px,3vw,48px)/1.1 var(--display);letter-spacing:-.035em;margin:6px 0 14px}
.edition-fieldwork p:not(.ed-locale){font-size:clamp(16px,1.15vw,19px);max-width:55ch;line-height:1.65}
.edition-fieldwork article a{display:inline-block;margin-top:17px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.edition-fieldwork{grid-template-columns:1fr}.edition-fieldwork figure{min-height:205px}}
.trade[data-edition] .t-gallery{margin:clamp(38px,5vw,82px) var(--margin)}
.trade[data-edition] footer{background:color-mix(in srgb,var(--brand) 50%,#19212a);color:#fff}.trade[data-edition] .drawer,.trade[data-edition] .enquiry,.trade[data-edition] .sample-hours{background:var(--tint);color:var(--ink)}
.trade[data-edition] .drawer a,.trade[data-edition] .drawer button{color:var(--ink)}
.trade[data-edition] .enquiry .demo-enquiry button{background:var(--brand)}
@media(max-width:800px){
.trade[data-edition]{--margin:clamp(17px,4.4vw,32px)}.trade[data-edition] .t-header{min-height:66px}.trade[data-edition] .t-logo img{height:46px;max-width:190px}.trade[data-edition] .t-header nav{gap:14px}
.ed-opening h1{font-size:clamp(42px,8vw,66px)}.ed-title>p:not(.ed-locale){font-size:16px;margin:14px 0 18px}
.trade[data-layout=journal] .ed-opening{margin-top:26px;gap:18px}.trade[data-layout=journal] .ed-title{display:block}.trade[data-layout=journal] .ed-title>p:not(.ed-locale){margin:12px 0 15px}.trade[data-layout=journal] .ed-opening figure{height:clamp(220px,46vw,370px)}
.trade[data-layout=atelier] .ed-opening,.trade[data-layout=dispatch] .ed-opening,.trade[data-layout=portrait] .ed-opening,.trade[data-layout=spec] .ed-opening{margin-top:18px;gap:0;display:flex;flex-direction:column;min-height:0}
.trade[data-layout=atelier] .ed-title,.trade[data-layout=portrait] .ed-title{padding:20px 0;align-self:start}.trade[data-layout=atelier] .ed-title h1,.trade[data-layout=spec] .ed-title h1{font-size:clamp(42px,8vw,65px)}
.trade[data-layout=atelier] .ed-opening figure,.trade[data-layout=portrait] .ed-opening figure,.trade[data-layout=spec] .ed-opening figure,.trade[data-layout=dispatch] .ed-opening figure{min-height:0;height:clamp(230px,51vw,395px)}
.trade[data-layout=dispatch] .ed-side{position:static;display:flex;align-items:baseline;flex-direction:row;max-width:none;flex-wrap:wrap;gap:4px 12px;box-shadow:none}
.trade[data-layout=panorama] .ed-opening{min-height:clamp(360px,70vw,510px)}.trade[data-layout=panorama] .ed-title{max-width:95%;width:90%}
.trade[data-layout=portrait] .ed-side{order:3}.trade[data-layout=spec] .ed-side{padding:14px 22px}
.edition-services>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.ed-innerhead,.trade[data-layout=atelier] .ed-innerhead,.trade[data-layout=spec] .ed-innerhead{display:flex;flex-direction:column;align-items:stretch;gap:18px}.ed-innerhead figure img{height:clamp(175px,39vw,280px)}
.trade[data-layout=panorama] .ed-innerhead>div,.trade[data-layout=dispatch] .ed-innerhead>div{padding:20px 19px 0}
.edition-project article{padding:24px}.edition-office{gap:22px}.edition-story{gap:24px}
}
@media(max-width:525px){
.trade[data-edition] .t-header nav>a:not(.t-cta),.trade[data-edition] .t-header nav>a.t-cta,.trade[data-edition] .t-header nav>button.t-cta{display:none}.trade[data-edition] .t-header .t-menu{min-height:44px}
.edition-project,.edition-story,.edition-office{grid-template-columns:1fr}.edition-project>div{height:210px}.edition-project article{padding:24px 19px}
.edition-services>div,.trade[data-layout=spec] .edition-services>div,.trade[data-layout=dispatch] .edition-services>div{grid-template-columns:1fr}
.edition-services>div>a{display:grid;grid-template-columns:minmax(75px,28%) 1fr;gap:14px}.edition-services a img{height:100%;max-height:124px}.edition-services a h3{margin-top:0}.edition-services a>span{display:none}
.edition-quick a{font-size:14px;flex:auto;min-width:0}.edition-office dd,.edition-office dt{font-size:14px}.edition-action{min-height:44px}
}