/* LAYO · considered motion, compact navigation, clearer material decisions. */
:root{--glass:rgba(247,248,241,.96);--ease-out:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:110px}body{overflow-x:clip}.site-header{height:82px;padding:0 var(--gutter);gap:24px;position:sticky;top:0;z-index:90;display:flex;align-items:center;background:rgba(245,245,238,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(54,64,48,.13)}
.site-header .brand{gap:12px;flex-shrink:0}.site-header .brand-sub{font-size:9px;letter-spacing:.18em}.site-header .brand-sub small{display:block;font-size:8px;letter-spacing:.12em;margin-top:4px}.site-header .brand-rule{height:28px;border-left:1px solid #a7aba0}.site-header .nav-links{display:flex;align-items:center;gap:23px;margin:auto;min-width:0}.site-header .nav-actions{display:flex;align-items:center;gap:19px;flex-shrink:0}.site-header .selection-label{display:inline}.site-header .mobile-menu{display:none!important}
.precision-nav .nav-group{position:relative;display:flex;align-items:center;gap:3px;height:82px}.precision-nav .nav-parent{font-size:12px;white-space:nowrap;padding:30px 0;color:var(--ink)}.precision-nav .nav-parent:after{bottom:22px}.precision-nav .nav-group.active>.nav-parent:after{width:100%}.precision-nav .nav-trigger{display:grid;place-items:center;min-width:22px;width:22px;height:32px;padding:0;background:transparent;border:0;color:inherit;border-radius:5px}.precision-nav .nav-trigger svg{width:13px;height:13px;transition:transform .24s var(--ease-out)}.precision-nav .is-open>.nav-trigger svg{transform:rotate(180deg)}.precision-nav .nav-trigger:hover{background:rgba(91,104,76,.08)}.precision-nav .nav-trigger:focus-visible{outline:2px solid #788769;outline-offset:3px}
.precision-nav .nav-panel{position:absolute;display:block;top:calc(100% - 5px);left:-16px;width:254px;min-width:0;max-width:calc(100vw - 36px);max-height:min(72vh,450px);overflow:auto;padding:12px 9px;background:var(--glass);border:1px solid rgba(255,255,255,.8);border-radius:13px;box-shadow:0 16px 42px rgba(34,43,31,.11),0 0 0 1px rgba(56,70,44,.07);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px) scale(.985);transform-origin:top left;transition:opacity .2s ease,transform .28s var(--ease-out),visibility .2s;font-weight:400}.precision-nav .nav-group:last-child .nav-panel{left:auto;right:-8px}.precision-nav .nav-group.is-open>.nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.nav-panel-kicker{font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#78816e;padding:4px 11px 10px;border-bottom:1px solid rgba(74,88,59,.1);margin-bottom:5px}.precision-nav .nav-panel>a{display:block;padding:8px 11px;min-height:32px;font-size:11px;line-height:1.45;border-radius:6px;white-space:normal;transition:background .18s ease,transform .18s ease}.precision-nav .nav-panel>a:after{display:none}.precision-nav .nav-panel>a:hover,.precision-nav .nav-panel>a:focus-visible{background:rgba(108,125,85,.1);transform:translateX(2px);outline:none}.precision-nav .nav-panel>a:first-of-type{font-weight:600}.nav-panel::-webkit-scrollbar{width:3px}.nav-panel::-webkit-scrollbar-thumb{background:#c2c9b7;border-radius:5px}
.mobile-route-links{display:none}.mobile-navigation{padding:12px 26px 34px}.mobile-navigation details{border-bottom:1px solid var(--line)}.mobile-navigation summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;list-style:none;font-size:19px;letter-spacing:-.03em;cursor:pointer}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation summary svg{width:17px;height:17px}.mobile-navigation details[open] summary svg{transform:rotate(45deg)}.mobile-navigation details>div{display:grid;gap:3px;padding:0 0 17px}.mobile-navigation details a{padding:9px 12px;background:rgba(132,144,114,.05);font-size:13px;border-radius:5px}.mobile-nav-next{display:grid;gap:13px;padding-top:25px;font-size:13px}
.material-advantage{padding-top:78px;padding-bottom:50px;background:linear-gradient(160deg,#f1f2e9 0%,#f6f6ef 75%);border-bottom:1px solid var(--line);position:relative;isolation:isolate}.advantage-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;max-width:1280px;margin:auto}.advantage-heading h2{font-size:clamp(32px,3.4vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin-top:16px}.advantage-heading p{max-width:480px;font-size:14px;line-height:1.8;color:#69735f;margin:0 0 20px}.advantage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;margin:42px auto 0;gap:14px}.advantage-card{min-height:242px;padding:25px 22px 39px;position:relative;border:1px solid rgba(87,104,68,.17);background:rgba(255,255,250,.5);border-radius:3px;transition:transform .4s var(--ease-out),background .4s ease,box-shadow .4s ease}.advantage-card>.mono{color:#839074;font-size:9px}.advantage-card h3{font-size:21px;font-weight:400;line-height:1.22;letter-spacing:-.025em;margin:25px 0 14px}.advantage-card p{font-size:12px;line-height:1.75;color:#6d7663;max-width:245px}.advantage-arrow{position:absolute;right:18px;bottom:16px;display:grid;place-items:center;width:25px;height:25px;color:#839074;transition:transform .3s}.advantage-arrow svg{width:17px;height:17px}.advantage-card:hover{transform:translateY(-5px);background:#fafbf4;box-shadow:0 12px 35px rgba(48,64,37,.07)}.advantage-card:hover .advantage-arrow{transform:translate(2px,-2px)}.advantage-proof{max-width:1280px;margin:38px auto 0;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px}.advantage-proof>span{font:9px/1.7 var(--mono);letter-spacing:.13em;color:#7f8975}.advantage-proof .proof-strip{margin:0;padding:0;background:transparent;border:0}.advantage-proof .proof-strip strong{font-size:25px}.advantage-proof .proof-strip span{font-size:10px}
.kinetic-brands{padding-top:52px;padding-bottom:48px;overflow:hidden}.kinetic-brands .section-title{font-size:clamp(27px,3vw,42px)}.brand-heading-aside{display:flex;align-items:flex-end;flex-direction:column;gap:14px}.brand-heading-aside .section-intro{font-size:12px;max-width:320px}.brand-motion-toggle{font:10px var(--mono);padding:7px 10px;border:1px solid #d6ddcb;border-radius:20px;color:#6c785e;background:transparent}.brand-motion-toggle:hover{background:#e9eddf}.kinetic-brands .brand-experience-panel{padding:0;border:0;background:transparent}.brand-viewport{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.brand-track{display:flex;width:max-content;animation:brand-drift 75s linear infinite;animation-play-state:paused;will-change:transform}.kinetic-brands.is-visible:not(.is-paused) .brand-track{animation-play-state:running}.brand-viewport:hover .brand-track,.brand-viewport:focus-within .brand-track,.kinetic-brands.is-paused .brand-track{animation-play-state:paused!important}.brand-run{display:flex;gap:12px;padding-right:12px;flex-shrink:0}.kinetic-brands .brand-experience-cell{display:flex;align-items:center;justify-content:center;flex-direction:column;width:174px;min-height:118px;gap:13px;padding:19px;border:1px solid #e0e4d7;background:#f9faf4;border-radius:3px;transition:background .25s,border-color .25s}.kinetic-brands .brand-experience-cell:hover{background:#fff;border-color:#b9c5aa}.kinetic-brands .brand-experience-mark{height:42px;width:124px;display:grid;place-items:center}.kinetic-brands .brand-experience-mark img{max-width:118px;max-height:35px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.8;transition:opacity .25s,transform .3s}.kinetic-brands a:hover img{opacity:1;transform:scale(1.045)}.kinetic-brands .brand-experience-cell small{font-size:8px;letter-spacing:.06em;color:#8a927f}.kinetic-brands .brand-experience-key{text-align:center;font-size:9px;margin-top:18px;color:#838b79}@keyframes brand-drift{to{transform:translateX(-50%)}}
.material-card .card-image img,.app-tile img,.journal-image img{transition:transform .8s var(--ease-out)}.material-card:hover .card-image img,.app-tile:hover img,.journal-card:hover .journal-image img{transform:scale(1.035)}.material-card .card-content{transition:background .25s}.material-card:hover .card-content{background:rgba(227,233,216,.2)}.page-enter{animation:refined-page-enter .45s var(--ease-out)}@keyframes refined-page-enter{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}.button{transition:background .25s,color .25s,transform .25s}.button:hover{transform:translateY(-1px)}.button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #8a9b77;outline-offset:4px}.footer-links a,.footer-links button{font-size:13px;line-height:1.8}.footer-links h4{letter-spacing:.1em;font-size:11px}.footer-content{border-top:1px solid var(--line)}
.material-colour-section{margin:24px 0;padding:20px;border:1px solid #dfe4d7;background:#f5f7ef;border-radius:4px}.material-colour-section>p{font-size:11px;line-height:1.65;color:#75816b}.inline-colour-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.inline-colour-grid button{display:grid;gap:6px;min-width:0;text-align:center}.inline-colour-grid i{height:30px;display:block;background:var(--swatch);border:1px solid rgba(0,0,0,.08);border-radius:3px;transition:transform .2s}.inline-colour-grid button:hover i{transform:translateY(-3px)}.inline-colour-grid span{font:8px var(--mono);overflow:hidden;text-overflow:ellipsis}.colour-section-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:12px 0}.colour-copy-link{font-size:10px;color:#7a846e;text-decoration:underline;text-underline-offset:3px}.palette-modal .sample-colour-grid{max-height:38vh;overflow:auto;overscroll-behavior:contain}.sample-colour{transition:transform .16s,border-color .16s}.sample-colour:hover{transform:translateY(-2px)}
.email-composer{padding:6px 32px 30px;max-width:620px}.email-composer>p{font-size:13px;color:#75806b;line-height:1.7}.email-composer>label{display:block;font:10px var(--mono);margin:20px 0 7px;color:#7d8873}.email-address-row{display:flex;gap:8px}.email-address-row input{min-width:0;flex:1;background:#f2f4ea;border:1px solid #dfe5d5;padding:12px;font:14px var(--sans);border-radius:4px}.email-address-row button{white-space:nowrap;border:1px solid #dfe5d5;padding:0 12px;font-size:11px;border-radius:4px}.email-compose-options{display:grid;gap:9px;margin:24px 0}.email-compose-options a{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #e0e5d7;border-radius:5px;transition:background .2s,border-color .2s}.email-compose-options a:hover{background:#eef2e6;border-color:#c6d0b7}.email-compose-options a>svg,.email-provider-mark{width:24px;height:24px;flex-shrink:0}.email-provider-mark{font-size:19px;text-align:center}.email-compose-options a>span:not(.email-provider-mark){flex:1;font-size:14px}.email-compose-options small{display:block;margin-top:5px;font-size:10px;color:#7b8770}.email-compose-options a>svg:last-child{width:15px;height:15px}.email-help{font-size:11px!important}.copy-dialog{padding:24px}.copy-dialog input{width:100%;padding:12px;border:1px solid var(--line)}.contact-island-panel{max-height:80vh;overflow:auto;background:rgba(247,249,241,.92);backdrop-filter:blur(22px);border:1px solid rgba(123,142,99,.18);box-shadow:0 15px 45px rgba(43,62,30,.12)}.contact-island-toggle{background:rgba(246,248,240,.93);backdrop-filter:blur(14px)}
@media(max-width:1220px){.site-header{height:76px;gap:20px}.site-header .precision-nav{display:none}.site-header .nav-actions{margin-left:auto}.site-header .mobile-menu{display:inline-flex!important}.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advantage-card{min-height:216px}.advantage-proof{grid-template-columns:140px 1fr}}
@media(max-width:700px){.site-header{height:70px;padding:0 20px;gap:10px}.site-header .brand{gap:8px}.site-header .brand-sub{font-size:8px}.site-header .brand-sub small{font-size:6px}.site-header .nav-actions{gap:13px}.site-header .selection-label{display:none}.site-header .company-logo{max-width:60px}.site-header .brand-rule{height:23px}.material-advantage{padding-top:48px;padding-bottom:34px}.advantage-heading{grid-template-columns:1fr;gap:23px}.advantage-heading h2{font-size:39px}.advantage-heading p{font-size:13px}.advantage-grid{gap:10px;margin-top:27px}.advantage-card{padding:19px 15px 32px;min-height:231px}.advantage-card h3{font-size:19px;margin:20px 0 12px}.advantage-card p{font-size:11px}.advantage-proof{grid-template-columns:1fr;gap:15px;margin-top:28px}.advantage-proof .proof-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.advantage-proof .proof-strip strong{font-size:22px}.advantage-proof .proof-strip span{font-size:8px}.kinetic-brands{padding-top:38px;padding-bottom:30px}.kinetic-brands .section-top{align-items:flex-start;gap:20px}.brand-heading-aside{align-items:flex-start}.brand-heading-aside .section-intro{display:none}.brand-motion-toggle{font-size:8px;white-space:nowrap}.kinetic-brands .brand-experience-cell{width:138px;min-height:102px}.kinetic-brands .brand-experience-mark{width:98px}.kinetic-brands .brand-experience-mark img{max-width:95px;max-height:29px}.kinetic-brands .section-title{font-size:29px}.email-composer{padding:0 20px 22px}.email-address-row input{font-size:12px}.email-address-row button{font-size:10px;padding:0 8px}.material-colour-section{padding:15px}.colour-section-actions .text-link{font-size:11px}.footer-links a,.footer-links button{font-size:12px}.contact-island{right:12px}}
@media(max-width:380px){.advantage-grid{grid-template-columns:1fr}.advantage-card{min-height:190px}.site-header .brand-sub{display:none}.site-header .brand-rule{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.brand-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.brand-track{transform:none!important;will-change:auto}.brand-run[aria-hidden=true]{display:none}.motion-ready .pending{opacity:1;transform:none}}
@media print{.site-header,.contact-island,.brand-motion-toggle{display:none!important}.brand-track{animation:none!important;transform:none!important}.brand-run[aria-hidden=true]{display:none}.brand-viewport{overflow:visible;mask-image:none}.brand-run{flex-wrap:wrap;width:100%}.advantage-card{break-inside:avoid}}
.site-status-banner{position:relative;text-align:center;padding:6px;font:10px var(--mono);background:#e2e7d8}

.palette-modal .palette-selected{max-height:24vh;overflow:auto;overscroll-behavior:contain}.brand-motion-toggle{color:#59664c;border-color:#bcc8ae}
.email-copy-status{min-height:15px;margin:6px 0 0!important;font-size:10px!important;color:#60734f!important}