@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(inter-400.woff2) format('woff2')}@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url(inter-500.woff2) format('woff2')}@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url(inter-600.woff2) format('woff2')}@font-face{font-family:Michroma;font-weight:400;font-style:normal;font-display:swap;src:url(michroma-400.woff2) format('woff2')}
:root{--black:#0b0b0b;--white:#fff;--paper:#f7f7f4;--dark:#111315;--orange:#f26a21;--orange-ink:#bf4d0e;--muted:#595959;--line:#d4d4d0;--dark-muted:#9aa0a6;--gutter:clamp(24px,4.45vw,86px);--display:Michroma,Arial,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;background:var(--white);color:var(--black);font:400 17px/1.65 var(--body)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;border-radius:0}a,button,summary{touch-action:manipulation}a:hover{text-decoration:underline;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h2,h3{font-weight:500}h3{font-size:23px;line-height:1.4}p+p{margin-top:18px}.icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.display{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:1.42;overflow-wrap:break-word}.display:after{content:'.';color:var(--orange-ink)}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.2em;line-height:1.5;text-transform:uppercase;display:flex;align-items:center;gap:20px}.index{color:var(--orange-ink);font-size:12px;letter-spacing:.1em}.lead{font-size:17px;line-height:1.75}.section{padding:76px var(--gutter)}.section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:60px;margin-bottom:38px}.section-heading h2{font-size:clamp(28px,2.8vw,44px);margin-top:22px}.section-heading>p,.section-heading>div+div{max-width:440px;justify-self:end}.section-heading>p{color:var(--muted)}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex='-1']:focus-visible{outline:2px solid var(--black);outline-offset:3px;box-shadow:0 0 0 5px var(--white)}.skip-link{position:absolute;top:0;left:24px;z-index:20;transform:translateY(-150%);background:var(--white);padding:14px}.skip-link:focus{transform:none}main:focus-visible{outline:none;box-shadow:none}.site-header{min-height:94px;padding:18px var(--gutter);display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:var(--white)}.brand{display:inline-flex;align-items:center;min-height:48px}.brand img{width:152px;height:auto}.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px;font-weight:500}.desktop-nav a{display:flex;align-items:center;min-height:48px;position:relative}.desktop-nav a[aria-current]:after{content:'';position:absolute;bottom:2px;height:2px;background:var(--orange-ink);left:0;right:0}.header-actions{display:flex;gap:24px;align-items:center}.header-enquire{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;border:1px solid var(--black);font-size:13px;min-height:48px;padding:10px 18px}.header-enquire .icon{width:16px;height:16px}.menu-toggle{display:none;align-items:center;gap:7px;min-height:48px;font-size:13px;padding:0}.menu-toggle .icon{width:17px}
.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--orange);color:var(--black);padding:16px 21px;min-height:58px;font-size:14px;font-weight:500}.primary-button:hover{background:var(--black);color:var(--white);text-decoration:none}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;border-bottom:1px solid currentColor;font-size:14px;color:var(--orange-ink);padding:8px 0}.text-link .icon{width:19px;height:19px}
.hero{padding:0 var(--gutter)}
.page-meta{display:flex;align-items:center;gap:14px;padding:14px 0 0;font-size:12px;color:var(--muted)}
.page-meta a{display:flex;align-items:center;min-height:48px;min-width:48px}.meta-right{margin-left:auto;letter-spacing:.18em;text-transform:uppercase;font-size:12px}
.hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);margin:22px 0 32px;align-items:stretch;background:var(--paper)}
.hero-copy{padding:clamp(28px,3vw,48px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;min-width:0}
.hero-copy>*{min-width:0;max-width:100%}.system-name{font-size:clamp(32px,3.1vw,56px);letter-spacing:0;text-transform:uppercase;margin:22px 0 18px}.hero-statement{font-size:clamp(27px,2.4vw,38px);line-height:1.3;letter-spacing:-.03em}.hero-statement br{display:none}
.hero-copy .lead{max-width:350px;font-size:16px}.hero-copy .primary-button{margin-top:28px}.hero-secondary{display:flex;align-items:center;gap:16px;width:fit-content;min-height:48px;margin-top:10px;font-size:13px;color:var(--muted)}.hero-secondary .icon{width:17px}
.hero-art{display:flex;flex-direction:column;min-width:0}.hero-art img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:54% 50%;aspect-ratio:1.5}.hero-art figcaption{padding:13px 18px;font-size:12px;line-height:1.6;display:flex;justify-content:space-between;gap:12px;background:var(--paper);color:var(--muted)}
.page-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);margin-bottom:26px}.page-nav a{display:flex;align-items:center;gap:18px;min-height:74px;padding:18px 20px;font-size:13px}.page-nav a+a{border-left:1px solid var(--line)}.page-nav a:first-child{padding-left:0}.page-nav a>span{font-size:12px;color:var(--orange-ink)}.page-nav .icon{margin-left:auto;width:18px;height:18px}.page-nav a:hover{background:var(--paper);text-decoration:none}
/* One joined study: the diagram, controls and explanation share their state. */
.bespoke-section{padding-top:64px;background:var(--white)}
.bespoke-study{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;border:1px solid var(--line);background:#f3f3ee;position:relative}
.study-topline{grid-column:1;grid-row:1/3;display:flex;justify-content:space-between;align-items:center;gap:14px;align-self:start;padding:25px 28px;font-size:12px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.study-instruction{font-size:12px;letter-spacing:0;text-transform:none}
.study-controls{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:24px 28px 0;background:#e5e5dd;padding:4px}
.study-controls button{min-width:0;min-height:54px;padding:10px 8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:1.4}
.study-controls button>span{font-size:12px;color:var(--muted)}.study-controls button[aria-pressed=true]{background:var(--white);color:var(--black);box-shadow:0 1px 4px #0000000d}.study-controls button[aria-pressed=true]>span{color:var(--orange-ink)}.study-controls button:hover{background:#fafaf7}
.pergola-diagram{grid-column:1;grid-row:2/4;min-width:0;padding:0 20px;align-self:center}.drawing-stage{width:100%;aspect-ratio:960/620;display:flex;align-items:center}.pergola-drawing{display:block;width:100%;height:auto;overflow:visible}
.pergola-diagram figcaption{display:flex;justify-content:space-between;gap:14px;margin:0 8px;padding:16px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.bespoke-legend{grid-column:2;grid-row:2/4;min-width:0;padding:36px 32px 28px;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.bespoke-legend article+article{margin-top:28px}.study-ready .bespoke-legend article{margin:0}.study-ready .bespoke-legend{min-height:422px}
.study-kicker{font-size:12px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:var(--orange-ink)}.bespoke-legend h3{font-size:clamp(27px,2.4vw,37px);line-height:1.25;letter-spacing:-.035em;margin:18px 0 20px}.bespoke-legend article>p:not(.study-kicker){font-size:14px;line-height:1.8;color:var(--muted);max-width:360px}
.bespoke-legend ul{padding:0;margin:24px 0;list-style:none;display:grid;gap:11px}.bespoke-legend li{font-size:12px;line-height:1.6;padding-left:17px;position:relative}.bespoke-legend li:before{content:'';position:absolute;left:0;top:.55em;width:5px;height:5px;border:1px solid var(--orange-ink)}.study-enquire{margin-top:auto;font-size:12px;gap:16px}
.study-bottomline{grid-row:4;grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 28px;border-top:1px solid var(--line);background:#ecece5;font-size:12px;line-height:1.6}.study-bottomline p+p{margin:0;color:var(--muted);font-size:12px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.study-overlay{display:none}.study-space{display:block}.study-ready[data-focus=structure] .study-space,.study-ready[data-focus=details] .study-space{display:none}.study-ready[data-focus=structure] .study-structure,.study-ready[data-focus=details] .study-details{display:block}.drawing-footprint{opacity:.9}.study-ready:not([data-focus=space]) .drawing-footprint{opacity:0}
/* Both concept views keep one calm frame, with controls directly above it. */
.settings-section{background:var(--dark);color:var(--white)}.settings-section .index,.settings-section .display:after,.enquiry-section .index,.enquiry-section .display:after{color:var(--orange)}.settings-section .section-heading>p,.enquiry-section .section-heading>div+div{color:var(--dark-muted)}.settings-section .section-heading{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.settings-section .section-heading h2{font-size:clamp(25px,2.5vw,40px)}
.setting-feature{display:block}.setting-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.setting-toolbar>p{font-size:12px;color:var(--dark-muted)}
.setting-choices{display:flex;gap:5px;background:#292d2e;padding:5px}.setting-choices button{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;line-height:1.5;min-height:48px;padding:12px 20px}.setting-choices .icon{width:18px;height:18px}.setting-choices button[aria-pressed=true]{background:var(--paper);color:var(--black)}.setting-choices button:hover:not([aria-pressed=true]){background:#363b3c}
.setting-gallery{min-width:0}.setting-photo img{width:100%;aspect-ratio:1.9;object-fit:cover;object-position:50% 57%;background:var(--black)}.setting-photo figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:12px 0;color:var(--dark-muted);border-bottom:1px solid #454a4d}
.setting-copy{display:grid;grid-template-columns:minmax(0,1.25fr) auto;align-items:start;gap:0 60px;margin-top:16px}.setting-note{font-size:13px;color:var(--dark-muted);max-width:530px}.setting-copy .text-link{font-size:12px;color:var(--orange);margin-top:-6px}.setting-status{grid-column:1/-1;min-height:1.6em;margin-top:7px!important;font-size:12px;color:var(--dark-muted)}.settings-section :focus-visible,.enquiry-section :focus-visible,.site-footer :focus-visible{outline-color:var(--white);box-shadow:0 0 0 5px var(--dark)}
html:not(.enhanced) .setting-photo+.setting-photo{margin-top:24px}
.project-section{background:var(--paper)}.brief-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);background:var(--white)}.brief-cards article{padding:30px 32px}.brief-cards article+article{border-left:1px solid var(--line)}.brief-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brief-illustration{height:96px;width:96px;stroke:#636860;stroke-width:1.2;fill:none;stroke-linejoin:round}.accent-stroke{stroke:var(--orange-ink)}.brief-cards h3{margin:22px 0 12px;font-size:23px;letter-spacing:-.02em}.brief-cards p{font-size:14px;line-height:1.8;color:var(--muted);max-width:345px}
.project-questions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;margin-top:48px}.project-questions>.eyebrow{align-self:start;margin-top:24px}.questions{display:block}.questions details{border-top:1px solid var(--line);padding:0}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:74px;cursor:pointer;font-size:15px;line-height:1.6;list-style:none;padding:16px 0}.questions summary::-webkit-details-marker{display:none}.questions .icon{width:17px;height:17px;transform:rotate(45deg)}.questions details[open] .icon{transform:rotate(225deg)}.questions details p{font-size:14px;color:var(--muted);padding:0 38px 22px 0;max-width:680px}
.enquiry-section{background:var(--dark);color:var(--white)}.enquiry-lead{color:var(--white);font-size:20px}.enquiry-section .section-heading p+p{font-size:16px}.stage-label{font-size:12px;margin:32px 0 16px}.stage-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid #51565a}.stage-links>a{padding:24px 24px 28px;min-height:165px;position:relative}.stage-links>a+a{border-left:1px solid #51565a}.stage-links h3{font-size:20px;margin:16px 0 8px}.stage-links p{font-size:12px;line-height:1.5;color:var(--dark-muted);max-width:175px}.stage-links .icon{position:absolute;right:20px;top:22px;width:18px;height:18px}.stage-links>a:hover{background:#232729;text-decoration:none}.enquiry-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:30px}.enquiry-bottom>p{font-size:12px;color:var(--dark-muted)}.enquiry-section .primary-button:hover{background:var(--white);color:var(--black)}

.site-footer{background:var(--dark);color:var(--white);padding:36px var(--gutter) 20px;border-top:1px solid var(--muted)}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:32px}.footer-top>p{font-size:13px}.footer-top>.text-link{margin-left:auto;color:var(--white)}.footer-bottom{border-top:1px solid var(--muted);padding-top:18px;display:flex;gap:34px;align-items:center;font-size:12px;color:var(--dark-muted)}.footer-bottom a{display:flex;align-items:center;gap:16px;min-height:48px}.footer-bottom>a:last-child{margin-left:auto}.footer-bottom .icon{width:16px;height:16px}dialog{border:0;padding:28px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);color:var(--black);background:var(--white)}dialog::backdrop{background:rgb(11 11 11 / 65%)}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.menu-heading h2{font-size:18px}.menu-close{display:flex;align-items:center;justify-content:center;width:48px;min-height:48px}dialog nav{display:grid}dialog nav a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:65px;padding:12px 0;border-bottom:1px solid var(--line);font-size:18px}dialog>.header-enquire{margin-top:20px;display:flex}.menu-open{overflow:hidden}html:not(.enhanced) .menu-toggle{display:none}html:not(.enhanced) .desktop-nav{display:flex;flex-wrap:wrap}html:not(.enhanced) .site-header{flex-wrap:wrap}

@media(min-width:1921px){.hero,.section,.site-header,.site-footer{padding-inline:max(var(--gutter),calc((100vw - 1748px)/2))}}
@media(max-width:1200px){.desktop-nav{gap:15px;font-size:12px}.site-header{gap:20px}.brand img{width:130px}.hero-copy{padding:28px;gap:24px}.system-name{font-size:34px}.hero-copy .lead{font-size:15px}.hero-art img{min-height:500px}.hero-statement{font-size:29px}.section-heading{gap:36px}.page-nav a{font-size:12px;padding-inline:14px}.bespoke-study{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.study-topline{padding:24px 20px}.study-instruction{display:none}.study-controls{margin:20px 20px 0}.study-controls button{gap:5px;padding:8px 5px;font-size:12px}.study-controls button>span{display:none}.bespoke-legend{padding:28px 24px}.bespoke-legend h3{font-size:29px}.study-ready .bespoke-legend{min-height:415px}.brief-cards article{padding:26px}.stage-links>a{padding-inline:18px}.stage-links h3{font-size:18px}.setting-copy{gap:0 28px}}
@media(max-width:959px){.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:flex}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.hero-copy{padding:28px 24px}.system-name{font-size:30px}.hero-statement{font-size:27px}.hero-art img{min-height:500px}.bespoke-study{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.pergola-diagram{padding:0 4px}.study-topline{font-size:12px}.bespoke-legend{padding-inline:22px}.bespoke-legend h3{font-size:27px}.study-bottomline{padding:18px 22px}.study-controls{margin-inline:18px}.brief-cards article{padding:24px}.brief-illustration{height:80px;width:80px}.brief-cards h3{font-size:21px}}
@media(max-width:759px){
 body{font-size:16px}.site-header{min-height:78px;padding:14px var(--gutter);gap:18px}.brand img{width:110px}.header-actions{gap:18px}.header-enquire{padding:9px 12px;gap:18px;font-size:12px}.section{padding:48px var(--gutter)}.page-meta{padding-top:8px;font-size:12px}.meta-right{display:none}
 .hero-grid{display:flex;flex-direction:column;margin:14px 0 26px;background:var(--paper)}.hero-copy{display:contents}.hero-heading{order:0;padding:26px 26px 24px}.hero-art{order:1}.hero-intro{order:2;padding:24px 26px 22px}.system-name{font-size:clamp(29px,8vw,44px);margin:16px 0 12px}.hero-statement{font-size:25px}.hero-copy .lead{font-size:15px;max-width:450px}.hero-art img{height:auto;min-height:0;aspect-ratio:1.5;object-fit:cover;object-position:50% 50%}.hero-art figcaption{font-size:12px;padding:10px 14px;background:#eeeee8;flex-wrap:wrap}.hero-copy .primary-button{margin-top:22px;min-height:52px;width:100%}.hero-secondary{font-size:12px;margin-top:6px}.hero-grid .eyebrow{font-size:12px}
 .page-nav{grid-template-columns:1fr 1fr;margin-bottom:0}.page-nav a{min-height:62px;padding:12px;gap:10px;font-size:12px}.page-nav a:first-child{padding-left:12px}.page-nav a:nth-child(3){border-left:0}.page-nav a:nth-child(n+3){border-top:1px solid var(--line)}.page-nav .icon{width:16px}
 .section-heading{display:block;margin-bottom:28px}.section-heading h2,.settings-section .section-heading h2{font-size:clamp(23px,6.1vw,36px);margin-top:18px}.section-heading>p,.section-heading>div+div{margin-top:22px;font-size:15px;max-width:480px}.eyebrow{font-size:12px;gap:16px}
 .bespoke-study{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;margin-inline:-8px}.study-topline{grid-column:1;grid-row:1;padding:18px 18px 0;justify-content:center;font-size:12px}.study-controls{grid-column:1;grid-row:2;margin:16px 16px 0}.study-controls button{min-height:48px;font-size:12px;padding:10px 5px}.study-controls button>span{display:inline;font-size:12px}.pergola-diagram{grid-column:1;grid-row:3;padding:10px 6px 0}.drawing-stage{aspect-ratio:960/620}.pergola-drawing{width:100%}.pergola-diagram figcaption{font-size:12px;padding:12px 3px;margin-inline:10px;gap:10px}.bespoke-legend{grid-column:1;grid-row:4;padding:26px 24px 24px;border-left:0}.study-ready .bespoke-legend{min-height:365px;justify-content:flex-start}.bespoke-legend h3{font-size:29px;margin:14px 0 16px}.bespoke-legend h3 br{display:none}.bespoke-legend article>p:not(.study-kicker){font-size:14px;max-width:none}.bespoke-legend ul{gap:8px;margin:19px 0}.bespoke-legend li{font-size:12px}.study-enquire{font-size:12px;min-height:48px;margin-top:auto}.study-bottomline{grid-column:1;grid-row:5;display:block;padding:17px 24px}.study-bottomline p{font-size:12px}.study-bottomline p+p{margin-top:7px;font-size:12px}
 .setting-toolbar{display:block;margin-bottom:14px}.setting-toolbar>p{font-size:12px;margin-bottom:15px}.setting-choices{display:grid;grid-template-columns:1fr 1fr}.setting-choices button{padding:10px 8px;font-size:12px;gap:9px}.setting-photo img{aspect-ratio:1.5;object-position:50% 50%}.setting-photo figcaption{font-size:12px}.setting-copy{display:block;margin-top:15px}.setting-note{font-size:13px}.setting-copy .text-link{font-size:12px;margin-top:12px}.setting-status{min-height:1.6em;font-size:12px}
 .brief-cards{grid-template-columns:1fr}.brief-cards article{padding:24px}.brief-cards article+article{border-left:0;border-top:1px solid var(--line)}.brief-card-top{height:62px;align-items:flex-start}.brief-illustration{height:74px;width:74px;margin-top:-8px}.brief-cards h3{font-size:23px;margin:10px 0}.brief-cards p{font-size:14px;max-width:none}.project-questions{display:block;margin-top:30px}.project-questions>.eyebrow{margin:0 0 20px}.questions summary{min-height:76px;font-size:14px}.questions details p{font-size:13px;padding-right:20px}
 .stage-label{margin-top:28px}.stage-links{grid-template-columns:1fr}.stage-links>a{min-height:112px;padding:18px 45px 19px 38px}.stage-links>a+a{border-left:0;border-top:1px solid #51565a}.stage-links>a>.index{position:absolute;left:0;top:25px}.stage-links h3{font-size:19px;margin:0 0 5px}.stage-links p{font-size:12px;max-width:none}.stage-links .icon{right:3px;top:25px;width:18px}.enquiry-lead{font-size:19px}.enquiry-section .section-heading p+p{font-size:15px}.enquiry-bottom{display:block;margin-top:25px}.enquiry-bottom .primary-button{width:100%}.enquiry-bottom>p{margin-top:20px;font-size:12px}
 .site-footer{padding:30px var(--gutter) 16px}.footer-top{gap:18px;flex-wrap:wrap;padding-bottom:24px}.footer-top>.text-link{width:100%;margin-left:0;font-size:13px}.footer-top>p{font-size:12px}.footer-bottom{gap:14px;flex-wrap:wrap;font-size:12px}.footer-bottom>p{width:100%}.footer-bottom>a:last-child{margin-left:auto}dialog{padding:22px}
}
@media(max-width:360px){:root{--gutter:20px}.brand img{width:98px}.header-actions{gap:12px}.header-enquire{gap:11px;padding-inline:9px}.menu-toggle{gap:3px}.hero-heading{padding:24px 20px 22px}.hero-intro{padding-inline:20px}.system-name{font-size:29px}.hero-statement{font-size:24px}.page-nav a{font-size:12px;gap:8px}.page-nav a>span{font-size:12px}.study-controls button{font-size:12px;gap:5px}.study-controls button>span{display:none}.bespoke-legend{padding-inline:22px}.study-ready .bespoke-legend{min-height:389px}.study-bottomline{padding-inline:22px}.setting-choices button{font-size:12px;gap:8px}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s ease,color .15s ease}.drawing-footprint{transition:opacity .18s ease}button:active{transform:translateY(1px)}}
/* Reserve the tallest explanation so switching views never moves the page. */
.study-ready .bespoke-legend{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;align-content:start;align-items:start}
.study-ready [data-study-panel]{grid-area:1/1}
.study-ready [data-study-panel][hidden]{display:block!important;visibility:hidden}
.study-ready .study-enquire{grid-area:2/1;justify-self:start}
.study-kicker,.study-enquire{color:#8e3b13}
.study-controls button[aria-pressed=true]>span{color:#8e3b13}