@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#2b2537;--paper:#f0ede7;--muted:#68656e;--accent:#837cc2;--wash:#e3ddeb;--line:#d5cfd6;--edge:clamp(24px,5vw,86px);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
button{border-radius:0}img{display:block;max-width:100%}[hidden]{display:none!important}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:650}
::selection{background:#837cc2;color:white}
.section-wrap{width:100%;max-width:1720px;margin:0 auto;padding-left:var(--edge);padding-right:var(--edge)}
.skip{position:absolute;z-index:1000;top:-80px;left:24px;background:var(--ink);color:var(--paper);padding:14px}
.skip:focus{top:12px}
.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;line-height:1.6}
.little-line{display:inline-block;width:27px;height:2px;background:var(--accent);vertical-align:middle;margin-right:12px}
h1{font-size:clamp(56px,5.5vw,90px);line-height:1.06;letter-spacing:-.065em}
h2{font-size:clamp(38px,3.8vw,60px);line-height:1.1;letter-spacing:-.052em}
h3{font-size:28px;line-height:1.2;letter-spacing:-.04em}
h1 em,h2 em{font-style:normal;color:var(--accent)}
.site-header{height:88px;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;gap:45px;position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line)}
.logo-mask{display:block;width:186px;aspect-ratio:3/1;background:currentColor;mask:url('assets/avmere-primary.png') center/contain no-repeat;-webkit-mask:url('assets/avmere-primary.png') center/contain no-repeat}
.site-header nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}
.site-header nav>a{padding:14px 0}.site-header nav>a:hover,.site-header nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}
.site-header nav .nav-contact{border:1px solid var(--line);padding:13px 18px;display:flex;gap:25px}
.menu-toggle{display:none}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:54px;padding:17px 23px;font-size:12px;font-weight:650;border:1px solid var(--ink);border-radius:2px;transition:background .2s,transform .2s}
.button>span{font-size:21px;line-height:1}.primary{background:var(--ink);color:var(--paper)}
.button:hover{background:#443a55;transform:translateY(-2px)}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px;font-weight:650;line-height:1.5}
.text-link:hover{border-color:currentColor}.text-link>span{font-size:18px}
.hero{padding-top:60px}
.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,4.8vw,82px);align-items:center}
.hero-copy>.eyebrow{margin-bottom:31px}
.hero h1{margin-bottom:29px}
.hero-description{font-size:clamp(17px,1.25vw,20px);color:var(--muted);line-height:1.8;max-width:420px}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px;flex-wrap:wrap}
.hero-image{min-width:0}
.hero-image>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:2px}
.hero-image>figcaption{display:flex;justify-content:space-between;font-size:10px;line-height:1.8;letter-spacing:.02em;padding:16px 0;border-bottom:1px solid var(--line);gap:20px;color:var(--muted)}
.hero-foot{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:29px 0;margin-top:32px;font-size:10px;color:var(--muted)}
.hero-foot a{display:flex;gap:25px}.hero-foot a:hover{text-decoration:underline;text-underline-offset:5px}
.intro-section{display:grid;grid-template-columns:.28fr 1fr;gap:60px;padding-top:90px;padding-bottom:100px}
.intro-section>.eyebrow{padding-top:10px}
.intro-section>div{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:start}
.intro-section h2{font-size:clamp(31px,2.8vw,44px)}
.intro-section p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted)}
.brands-section{padding-top:34px;padding-bottom:95px}
.section-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:40px}
.section-heading .eyebrow{margin-bottom:24px}
.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:340px;text-align:right}
.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}
.filters{display:flex;gap:7px;flex-wrap:wrap}
.filters button{font-size:11px;padding:11px 17px;min-height:42px;border:1px solid var(--line);border-radius:24px;background:transparent;white-space:nowrap}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.view-controls{display:flex;gap:20px;flex-shrink:0}
.view-controls button{background:transparent;border:0;border-bottom:1px solid transparent;font-size:11px;padding:10px 0}
.view-controls button[aria-pressed=true]{border-color:var(--ink)}
.brand-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:42px 25px}
.brand-card{grid-column:span 4;display:flex;flex-direction:column;min-width:0}
.brand-card.card-wide{grid-column:span 6}
.brand-media{height:245px;width:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:var(--wash);border-radius:2px}
.card-wide .brand-media{height:320px}
.brand-media>img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.brand-card:hover .brand-media>img{transform:scale(1.035)}
.media-shift{background:#11110e}.media-shift>img{width:190px;height:190px;object-fit:contain}
.media-clout{background:#18232b}.media-clout>img{object-position:center 54%}
.media-travel>img{object-position:center 48%}
.media-swarm{background:#080808}.media-swarm>img{object-fit:contain}
.media-guidance{background:#f3f0e8}.media-guidance>img{object-fit:contain;width:94%}
.media-inventory{background:#dcd8e5}
.inventory-graphic{width:78%;max-width:350px;padding:25px;background:#f7f4ef;transform:rotate(-5deg);border-radius:5px;box-shadow:13px 15px 0 #bbb2cc;color:#443b50}
.graphic-kicker{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.inventory-graphic>strong{display:block;font-weight:600;font-size:24px;letter-spacing:-.045em;line-height:1.2}
.inventory-slips{display:flex;gap:9px;margin-top:22px}
.inventory-slips>span{border-top:1px solid #c6becf;padding-top:10px;font-size:9px;flex:1}
.inventory-bars{display:block;margin-top:17px;height:16px;width:75px;background:repeating-linear-gradient(90deg,#64586e 0 2px,transparent 2px 4px,#64586e 4px 5px,transparent 5px 8px,#64586e 8px 10px,transparent 10px 13px)}
.media-creation{background:#2b2537;color:#f0ede7}
.creation-frame{position:absolute;width:190px;height:190px;border:1px solid #b9add2;border-radius:25px;transform:rotate(-18deg);background:linear-gradient(145deg,#9986b366,#6d638433)}
.frame-two{transform:rotate(16deg) translate(30px,-10px);background:linear-gradient(160deg,#b6a3db55,#837cc233)}
.creation-words{position:relative;z-index:1;font-size:35px;font-weight:600;line-height:1.1;letter-spacing:-.05em;text-align:center}
.creation-words>em{font-style:normal;color:#b9aee0}.creation-caption{position:absolute;bottom:26px;font-size:9px;letter-spacing:.12em}
.card-body{display:flex;flex-direction:column;align-items:start;flex:1;padding-top:24px}
.card-category{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);line-height:1.7;margin-bottom:13px}
.card-title{font-size:29px;line-height:1.16;letter-spacing:-.05em;margin-bottom:13px}
.card-wide .card-title{font-size:37px}
.card-summary{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:24px;max-width:580px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px;align-self:stretch;margin-top:auto;font-size:11px;font-weight:600}
.card-bottom>span{font-size:20px}.brand-card:hover .card-title{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.card-number{display:none}
.portfolio-foot{display:flex;justify-content:space-between;gap:30px;margin-top:34px;font-size:10px;line-height:1.8;color:var(--muted)}
.brand-grid[data-view=index]{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.brand-grid[data-view=index] .brand-card{display:grid;grid-template-columns:30px minmax(0,1fr);grid-column:auto;gap:25px;padding:27px 12px 27px 0;border-bottom:1px solid var(--line)}
.brand-grid[data-view=index] .brand-card:hover{background:#e7e2ec}
.brand-grid[data-view=index] .brand-media{display:none}
.brand-grid[data-view=index] .card-number{display:block;font-size:10px;color:var(--muted);padding-top:4px;font-variant-numeric:tabular-nums}
.brand-grid[data-view=index] .card-body{display:grid;grid-template-columns:minmax(170px,1fr) minmax(200px,1.1fr) 145px;gap:10px 30px;padding:0;align-items:center}
.brand-grid[data-view=index] .card-category{grid-column:1;grid-row:1;margin:0;font-size:8px}
.brand-grid[data-view=index] .card-title{grid-column:1;grid-row:2;margin:0;font-size:28px}
.brand-grid[data-view=index] .card-summary{grid-column:2;grid-row:1/3;margin:0}
.brand-grid[data-view=index] .card-bottom{grid-column:3;grid-row:1/3;border:0;padding:0;margin:0;align-self:center;font-size:10px}
.approach-band{background:var(--ink);color:var(--paper);padding-top:95px;padding-bottom:95px}
.approach-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:110px}
.approach-grid .eyebrow{color:#bfb5d6;margin-bottom:35px}
.approach-grid h2{font-size:clamp(43px,4.2vw,66px)}
.approach-grid h2 em{color:#b7addc}
.approach-grid .text-link{margin-top:32px;border-color:#7e718f}
.approach-copy{padding-top:38px}
.approach-copy>p{font-size:17px;line-height:1.9;color:#d0c8d9;margin-bottom:23px;max-width:580px}
.approach-copy>p:first-child{color:var(--paper);font-size:21px;line-height:1.7}
.capability-tags{display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:35px}
.capability-tags>span{font-size:10px;border-top:1px solid #65586f;padding-top:11px;flex:1;min-width:75px}
.principles-section{padding-top:95px;padding-bottom:100px}
.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:55px}
.principle-grid article{border-top:1px solid var(--line);padding-top:23px}
.principle-grid article>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.principle-grid h3{margin-top:28px;margin-bottom:18px;font-size:27px}
.principle-grid p{font-size:14px;line-height:1.9;color:var(--muted);max-width:360px}
.closing{border-top:1px solid var(--line);padding-top:85px;padding-bottom:90px;display:grid;grid-template-columns:1fr auto;gap:30px 55px;align-items:end}
.closing>.eyebrow{grid-column:1/-1}
.closing h2{font-size:clamp(45px,6vw,90px)}
.closing .button{margin-bottom:8px}
.company-footer{background:var(--ink);color:var(--paper);padding-top:70px;padding-bottom:28px}
.footer-top{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:70px}
.footer-top .logo-mask{width:225px;margin-bottom:23px}
.footer-top>div:first-child>p{font-size:13px;line-height:1.8;color:#c9c1d1}
.footer-links{display:flex;flex-direction:column;align-items:start;gap:15px}
.footer-links>.eyebrow{color:#c4b8d8;margin-bottom:7px}
.footer-links>a{font-size:12px;line-height:1.6}
.footer-links>a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-links>p{font-size:11px;line-height:1.9;color:#bcb3c6;max-width:210px}
.footer-base{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #5a4e66;padding-top:25px;margin-top:65px;font-size:10px;color:#c9c1d1}
.page-hero{padding-top:80px;padding-bottom:75px}
.page-hero>.eyebrow{margin-bottom:32px}
.page-hero>h1{margin-bottom:32px;max-width:1200px}
.page-lead{font-size:21px;color:var(--muted);line-height:1.85;max-width:780px}
.editorial-section{padding-top:25px;padding-bottom:70px}
.editorial-section>.eyebrow{margin-bottom:32px}
.editorial-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:100px}
.editorial-grid h2{font-size:48px}
.editorial-grid p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:24px}
.about-image>img{width:100%;height:440px;object-fit:cover;object-position:center 54%;border-radius:2px}
.family-section{padding-top:90px;padding-bottom:90px}
.family-list{border-top:1px solid var(--line)}
.family-list>a{display:grid;grid-template-columns:30px 1fr .8fr 20px;gap:25px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}
.family-number{font-size:10px;color:var(--muted)}
.family-list strong{font-size:28px;letter-spacing:-.04em;font-weight:600}
.family-list>a>span:nth-last-child(2){font-size:12px;color:var(--muted)}
.family-list>a>span:last-child{font-size:23px;color:var(--accent)}
.family-list>a:hover strong{text-decoration:underline;text-underline-offset:5px}
.name-section{background:var(--wash);padding:85px 0}
.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.name-grid>.eyebrow,.name-grid .eyebrow{margin-bottom:26px}
.name-grid h2{font-size:115px;letter-spacing:-.07em;line-height:1}
.pronunciation{font-size:15px;color:var(--muted);margin-top:25px}
.name-grid h3{font-size:40px;margin-bottom:28px}
.name-grid>div>p:not(.eyebrow):not(.pronunciation){font-size:15px;line-height:1.9;color:var(--muted);margin-top:20px}
.name-grid strong{font-weight:650;color:var(--ink)}
.capabilities{padding-top:25px;padding-bottom:85px}
.capability-list{margin-top:50px}
.capability-list article{display:grid;grid-template-columns:40px .8fr 1fr;gap:55px;border-top:1px solid var(--line);padding:40px 0}
.capability-list article>span{font-size:11px;color:var(--accent);padding-top:8px}
.capability-list h3{font-size:33px}
.capability-list p{font-size:16px;line-height:1.9;color:var(--muted);max-width:580px;margin-bottom:20px}
.capability-list ul{padding-left:18px;margin:0;font-size:13px;line-height:2;color:var(--muted)}
.resource-section{padding-top:20px;padding-bottom:90px}
.logo-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.logo-proof{height:260px;display:grid;place-items:center;position:relative;padding:45px;border:1px solid var(--line)}
.logo-proof .logo-mask{width:90%;max-width:410px}
.logo-proof>span:last-child{position:absolute;bottom:22px;left:25px;font-size:10px;opacity:.7}
.light-proof{background:#f0ede7;color:#2b2537}.dark-proof{background:#2b2537;color:#f0ede7}
.palette-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px;margin-bottom:55px}
.colour{border:0;background:transparent;text-align:left;display:grid;gap:10px;padding:0;min-width:0}
.colour-swatch{height:100px;background:var(--swatch);border:1px solid #88888833}
.colour strong{font-size:13px;font-weight:600}.colour>span:last-child{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}
.asset-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.asset-downloads>a{display:flex;flex-direction:column;gap:15px;border-top:1px solid var(--line);padding-top:22px}
.asset-downloads strong{display:flex;justify-content:space-between;gap:20px;font-size:19px;letter-spacing:-.03em;font-weight:600}
.asset-downloads>a>span{font-size:11px;color:var(--muted)}
.brand-usage{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;border-top:1px solid var(--line);padding-top:38px;margin-top:60px}
.brand-usage p{font-size:14px;line-height:1.9;color:var(--muted)}
.profile-hero{padding-top:35px;padding-bottom:45px}
.breadcrumbs{display:flex;gap:14px;font-size:10px;color:var(--muted);line-height:1.8;margin-bottom:48px}
.breadcrumbs a:hover{text-decoration:underline}
.profile-title-row{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}
.profile-title-row .eyebrow{margin-bottom:23px}
.profile-title-row h1{font-size:clamp(48px,6vw,94px);margin-bottom:24px;overflow-wrap:anywhere}
.profile-lead{font-size:19px;line-height:1.85;color:var(--muted);max-width:720px}
.profile-actions{display:flex;flex-direction:column;align-items:start;gap:16px;min-width:235px}
.profile-actions .button{width:100%}
.share-profile{border:0;border-bottom:1px solid var(--line);background:none;display:flex;justify-content:space-between;gap:35px;font-size:11px;padding:9px 0;color:var(--muted)}
.profile-visual>.brand-media{height:clamp(330px,31vw,510px)}
.profile-visual .media-shift>img{width:240px;height:240px}
.profile-visual .inventory-graphic{transform:rotate(-5deg) scale(1.3)}
.profile-visual .creation-words{font-size:60px}
.profile-visual .creation-frame{width:280px;height:280px}
.profile-purpose{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;padding-top:85px;padding-bottom:65px}
.profile-purpose .eyebrow{margin-bottom:27px}
.profile-purpose h2{font-size:48px}
.profile-purpose>div>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:24px}
.profile-work{padding-top:10px;padding-bottom:75px}
.profile-work>.eyebrow{margin-bottom:23px}
.profile-work>h2{font-size:40px}
.profile-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}
.profile-feature-grid article{border-top:1px solid var(--line);padding-top:23px}
.profile-feature-grid article>span{font-size:10px;color:var(--accent)}
.profile-feature-grid h3{margin-top:23px;margin-bottom:18px;font-size:25px}
.profile-feature-grid p{font-size:14px;line-height:1.9;color:var(--muted);max-width:360px}
.product-note{font-size:12px;line-height:1.85;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:40px}
.product-visit{background:var(--wash);display:flex;justify-content:space-between;align-items:end;gap:50px;padding-top:45px;padding-bottom:45px}
.product-visit .eyebrow{margin-bottom:20px}.product-visit h2{font-size:43px}
.related-brands{padding-top:75px;padding-bottom:80px}
.related-brands h2{font-size:35px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.related-grid>a{display:flex;flex-direction:column;gap:22px;align-items:start;border-top:1px solid var(--line);padding-top:24px}
.related-grid>a>span:first-child{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.related-grid strong{font-size:27px;letter-spacing:-.04em;line-height:1.2;font-weight:600}
.related-grid>a>span:last-child{display:flex;justify-content:space-between;gap:30px;align-self:stretch;font-size:11px;color:var(--muted)}
.related-grid a:hover strong{text-decoration:underline;text-underline-offset:5px}
.toast{position:fixed;z-index:150;bottom:26px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;max-width:calc(100vw - 40px);background:var(--ink);color:var(--paper);border:1px solid #8a7c9d;padding:14px 23px;font-size:12px;line-height:1.7;transition:opacity .2s,transform .2s;text-align:center;overflow-wrap:anywhere}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1200px){
 .site-header nav{gap:25px}.hero{padding-top:45px}.hero-grid{gap:40px}
 .hero h1{font-size:clamp(48px,5.8vw,72px)}.hero-description{font-size:17px}
 .hero-actions{gap:20px}.hero-actions .button{gap:25px;padding-left:18px;padding-right:18px}
 .hero-actions .text-link{font-size:11px;gap:20px}
 .intro-section{grid-template-columns:1fr;gap:28px;padding-top:65px;padding-bottom:75px}
 .intro-section>div{gap:60px}
 .brand-grid{gap:35px 22px}.brand-card,.brand-card.card-wide{grid-column:span 6}
 .brand-media,.card-wide .brand-media{height:260px}.card-title,.card-wide .card-title{font-size:32px}
 .approach-grid{gap:65px}.approach-copy{padding-top:25px}.approach-copy>p{font-size:16px}
 .footer-top{gap:45px}.editorial-grid,.name-grid,.profile-purpose{gap:65px}
 .editorial-grid h2,.profile-purpose h2{font-size:41px}
 .profile-title-row h1{font-size:68px}.profile-actions{min-width:220px}
 .brand-grid[data-view=index] .card-body{grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) 120px;gap:10px 22px}
 .brand-grid[data-view=index] .card-title{font-size:26px}
}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(55px,9vw,82px)}
 .hero-description{max-width:480px;font-size:19px}.hero-image{max-width:760px}
 .hero-foot{margin-top:20px}
 .site-header nav{gap:22px;font-size:12px}.site-header{gap:25px}
 .approach-grid{gap:45px}.approach-grid h2{font-size:45px}
 .principle-grid{gap:25px}.principle-grid h3{font-size:24px}
 .page-hero h1{font-size:73px}.page-lead{font-size:19px}
 .profile-title-row{gap:35px}.profile-title-row h1{font-size:56px}
 .profile-actions{min-width:190px}.profile-actions .button{gap:18px;font-size:11px}
 .capability-list article{grid-template-columns:30px .85fr 1fr;gap:28px}.capability-list h3{font-size:28px}
 .name-grid h2{font-size:88px}.name-grid h3{font-size:34px}
 .footer-top{grid-template-columns:1.2fr .8fr 1fr;gap:35px}
}
@media(max-width:760px){
 html{scroll-padding-top:95px}.site-header{height:76px;padding:0 24px;gap:20px}.site-header .logo-mask{width:164px}
 .menu-toggle{display:flex;align-items:center;gap:18px;background:transparent;border:0;padding:10px 0;font-size:12px}
 .menu-toggle>span{font-size:22px}
 .site-header nav{display:none;position:absolute;top:75px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:17px 24px 24px;border-bottom:1px solid var(--line);background:var(--paper);box-shadow:0 12px 18px #2b253712}
 .site-header nav.open{display:flex}.site-header nav>a{font-size:16px;padding:16px 0;border-bottom:1px solid var(--line)}
 .site-header nav .nav-contact{font-size:13px;margin-top:17px;padding:14px}
 .eyebrow{font-size:9px;letter-spacing:.13em}
 h2{font-size:36px}h3{font-size:25px}
 .hero{padding-top:34px}.hero-grid{gap:34px}.hero-copy>.eyebrow{margin-bottom:26px;max-width:310px}
 .hero h1{font-size:clamp(47px,12.2vw,65px);line-height:1.07;margin-bottom:23px}
 .hero-description{font-size:17px;line-height:1.8;max-width:370px}
 .hero-actions{margin-top:28px;gap:22px}.hero-actions .button{font-size:11px;gap:20px;min-height:51px;padding:15px 17px}
 .hero-actions .text-link{font-size:10px;gap:16px}.hero-image>figcaption{font-size:9px;padding:12px 0}
 .hero-foot{margin-top:13px;padding:19px 0;font-size:9px;line-height:1.7;gap:25px}
 .hero-foot>span{max-width:180px}.hero-foot>a{gap:13px;align-items:center}
 .intro-section{padding-top:53px;padding-bottom:57px;gap:22px}
 .intro-section>.eyebrow{padding-top:0}.intro-section>div{display:block}.intro-section h2{font-size:34px;margin-bottom:24px}
 .intro-section p:not(.eyebrow){font-size:14px;line-height:1.9}
 .brands-section{padding-top:24px;padding-bottom:55px}
 .section-heading{display:block;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:20px}
 .section-heading>p{font-size:12px;text-align:left;margin-top:20px}
 .portfolio-toolbar{align-items:start;flex-wrap:wrap;gap:20px;margin-bottom:25px}
 .filters{gap:6px}.filters button{font-size:10px;padding:9px 13px;min-height:39px}
 .view-controls{margin-left:auto;gap:18px}.view-controls button{font-size:10px;padding:5px 0}
 .brand-grid{grid-template-columns:1fr;gap:34px}
 .brand-card,.brand-card.card-wide{grid-column:1}.brand-media,.card-wide .brand-media{height:225px}
 .card-body{padding-top:21px}.card-category{font-size:8px;margin-bottom:11px}
 .card-title,.card-wide .card-title{font-size:32px;margin-bottom:13px}
 .card-summary{font-size:13px;margin-bottom:21px}
 .card-bottom{font-size:10px;padding-top:14px}
 .media-shift>img{width:155px;height:155px}
 .inventory-graphic{padding:21px;max-width:280px}.inventory-graphic>strong{font-size:21px}
 .creation-words{font-size:32px}.creation-frame{width:175px;height:175px}
 .portfolio-foot{font-size:9px;gap:20px;margin-top:25px}.portfolio-foot>span:first-child{max-width:210px}
 .brand-grid[data-view=index] .brand-card{grid-template-columns:20px minmax(0,1fr);gap:15px;padding:23px 8px 23px 0}
 .brand-grid[data-view=index] .card-body{display:flex;align-items:stretch;gap:0}
 .brand-grid[data-view=index] .card-category{margin-bottom:11px;font-size:8px}
 .brand-grid[data-view=index] .card-title{font-size:27px;margin-bottom:11px}
 .brand-grid[data-view=index] .card-summary{font-size:12px;margin-bottom:17px}
 .brand-grid[data-view=index] .card-bottom{align-self:stretch;font-size:10px}
 .approach-band{padding-top:55px;padding-bottom:55px}.approach-grid{display:block}
 .approach-grid .eyebrow{margin-bottom:25px}.approach-grid h2{font-size:40px}
 .approach-grid .text-link{margin-top:25px}.approach-copy{padding-top:40px}
 .approach-copy>p{font-size:14px;margin-bottom:20px}.approach-copy>p:first-child{font-size:19px}
 .capability-tags{gap:12px 15px;margin-top:28px}.capability-tags>span{font-size:9px;min-width:60px}
 .principles-section{padding-top:58px;padding-bottom:55px}.principle-grid{grid-template-columns:1fr;gap:29px;margin-top:35px}
 .principle-grid article{padding-top:20px}.principle-grid article>span{font-size:9px}
 .principle-grid h3{font-size:26px;margin-top:19px;margin-bottom:14px}
 .principle-grid p{font-size:14px;max-width:100%}
 .closing{display:block;padding-top:53px;padding-bottom:58px}
 .closing>.eyebrow{margin-bottom:27px}.closing h2{font-size:clamp(38px,10.5vw,61px)}
 .closing .button{margin-top:30px;margin-bottom:0;max-width:100%}
 .company-footer{padding-top:48px;padding-bottom:25px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}
 .footer-top>div:first-child{grid-column:1/-1}.footer-top .logo-mask{width:200px;margin-bottom:15px}
 .footer-top>div:first-child>p{font-size:12px}.footer-links{gap:13px}
 .footer-links>a{font-size:11px}.footer-links>p{font-size:10px}
 .footer-base{flex-wrap:wrap;gap:20px;margin-top:39px;padding-top:24px;font-size:9px}
 .footer-base>span:nth-child(2){order:3;width:100%}
 .page-hero{padding-top:43px;padding-bottom:48px}.page-hero>.eyebrow{margin-bottom:25px}
 .page-hero>h1{font-size:clamp(43px,11vw,65px);margin-bottom:25px;line-height:1.08}
 .page-lead{font-size:17px;line-height:1.85}
 .editorial-section{padding-top:12px;padding-bottom:30px}.editorial-section>.eyebrow{margin-bottom:25px}
 .editorial-grid{display:block}.editorial-grid h2{font-size:35px;margin-bottom:28px}
 .editorial-grid p{font-size:14px;line-height:1.9;margin-bottom:22px}
 .about-image>img{height:240px;object-position:center}
 .family-section{padding-top:55px;padding-bottom:55px}
 .family-list>a{grid-template-columns:20px minmax(0,1fr) 20px;gap:10px 14px;padding:22px 0}
 .family-list strong{font-size:25px;line-height:1.25}
 .family-number{grid-column:1;grid-row:1/3;align-self:start;padding-top:4px;font-size:9px}
 .family-list>a>strong{grid-column:2;grid-row:1}
 .family-list>a>span:nth-last-child(2){grid-column:2;grid-row:2;font-size:10px}
 .family-list>a>span:last-child{grid-column:3;grid-row:1/3}
 .name-section{padding:55px 0}.name-grid{display:block}
 .name-grid h2{font-size:89px}.pronunciation{margin-top:18px;font-size:13px}
 .name-grid>div:last-child{margin-top:38px}.name-grid h3{font-size:34px;margin-bottom:24px}
 .name-grid>div>p:not(.eyebrow):not(.pronunciation){font-size:14px;margin-top:18px}
 .capabilities{padding-top:12px;padding-bottom:40px}.capability-list{margin-top:35px}
 .capability-list article{grid-template-columns:22px minmax(0,1fr);gap:14px 18px;padding:27px 0}
 .capability-list article>span{font-size:10px;padding-top:5px}
 .capability-list h3{font-size:30px}.capability-list article>div{grid-column:2}
 .capability-list p{font-size:14px;margin-bottom:17px}.capability-list ul{font-size:12px;line-height:2.1}
 .resource-section{padding-top:8px;padding-bottom:55px}
 .logo-pair{grid-template-columns:1fr;gap:17px}.logo-proof{height:190px;padding:30px}
 .logo-proof>span:last-child{font-size:9px;bottom:17px;left:20px}
 .palette-row{grid-template-columns:1fr 1fr;gap:25px 17px;margin-top:28px;margin-bottom:35px}
 .colour-swatch{height:80px}.colour strong{font-size:12px}.colour>span:last-child{font-size:10px}
 .asset-downloads{grid-template-columns:1fr;gap:25px}.asset-downloads strong{font-size:19px}
 .brand-usage{display:block;margin-top:37px;padding-top:28px}.brand-usage h3{font-size:27px;margin-bottom:18px}
 .brand-usage p{font-size:13px}
 .profile-hero{padding-top:27px;padding-bottom:32px}.breadcrumbs{font-size:9px;margin-bottom:32px}
 .profile-title-row{display:block}.profile-title-row .eyebrow{margin-bottom:20px}
 .profile-title-row h1{font-size:clamp(40px,11.5vw,61px);margin-bottom:20px}
 .profile-lead{font-size:16px;line-height:1.85}.profile-actions{margin-top:27px;gap:12px;min-width:0}
 .profile-actions .button{width:auto;max-width:100%;font-size:12px;gap:30px}
 .share-profile{font-size:10px}
 .profile-visual>.brand-media{height:260px}.profile-visual .media-shift>img{width:170px;height:170px}
 .profile-visual .inventory-graphic{transform:rotate(-5deg);max-width:260px}
 .profile-visual .creation-words{font-size:43px}.profile-visual .creation-frame{width:200px;height:200px}
 .profile-purpose{display:block;padding-top:48px;padding-bottom:25px}
 .profile-purpose .eyebrow{margin-bottom:22px}.profile-purpose h2{font-size:35px;margin-bottom:27px}
 .profile-purpose>div>p:not(.eyebrow){font-size:14px;margin-bottom:20px}
 .profile-work{padding-top:12px;padding-bottom:48px}.profile-work>h2{font-size:33px}
 .profile-feature-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}
 .profile-feature-grid article{padding-top:20px}.profile-feature-grid h3{font-size:25px;margin-top:18px;margin-bottom:14px}
 .profile-feature-grid p{font-size:13px;max-width:100%}.product-note{font-size:11px;margin-top:29px;padding-top:18px}
 .product-visit{display:block;padding-top:37px;padding-bottom:39px}
 .product-visit h2{font-size:35px}.product-visit .button{margin-top:27px}
 .related-brands{padding-top:48px;padding-bottom:50px}.related-brands h2{font-size:31px}
 .related-brands .section-heading .text-link{margin-top:20px}
 .related-grid{grid-template-columns:1fr;gap:27px}.related-grid>a{gap:17px;padding-top:21px}
 .related-grid strong{font-size:28px}
 .toast{font-size:11px;bottom:20px;padding:12px 18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}