/* Collection finishing layer: individual worlds, shared standards of legibility. */
.demo-body :is(.fieldwork-concept,.object-concept,.mono-concept,.workroom-concept,.industry-demo){color-scheme:light}
.demo-body :is(.ic-vanta,.ic-circuit,.ic-batch){color-scheme:dark}
.demo-body :is(h1,h2,h3,h4){letter-spacing:-.04em;text-wrap:balance}
html.motion-ready .demo-body .reveal{opacity:1;transform:none;transition:none}
.demo-professional .mono-hero>.concept-kicker{display:none}
.demo-circuit .circuit-services>.at-kicker{display:none}
.wr-sidebar nav i,.wr-stat-grid article>i,.wr-timeline i{display:grid;place-items:center}.wr-sidebar nav i svg{width:18px;height:18px}.wr-stat-grid article>i svg,.wr-timeline i svg{width:14px;height:14px}.wr-next-panel .wr-panel-heading>span svg{width:18px;height:18px}
.demo-body :is(.ic-button,.at-button,.fw-button):hover:not(:disabled){box-shadow:none}
.demo-body :is(h1,h2,h3,h4,p,em,button,label,dt,dd){min-width:0;overflow-wrap:anywhere}
.demo-body :is(.fieldwork-concept,.object-concept,.mono-concept)>*,.demo-body :is(.fw-hero,.obj-hero,.mono-expertise,.mono-hero>div)>*{min-width:0;max-width:100%}
.demo-body :is(.at-brand,.ic-brand){max-width:100%;overflow-wrap:anywhere}.demo-body .ia-tag{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.demo-professional .mono-footer{flex-wrap:wrap;gap:20px}.demo-professional .mono-footer>b{max-width:100%;overflow-wrap:anywhere}.demo-service .fw-hero-foot{flex-wrap:wrap;gap:14px}
@media(max-width:500px){.demo-professional .mono-footer>b{font-size:clamp(1.5rem,9vw,2rem)}}
.demo-service .fw-hero-image{min-width:0;width:100%;aspect-ratio:auto}.demo-shop .obj-hero-copy{min-width:0}.demo-circuit .circuit-approach>*{min-width:0;max-width:100%}.demo-marlow .marlow-treatments button{min-width:0;max-width:100%;flex-wrap:wrap;gap:16px}.demo-marlow .marlow-treatments button>span{min-width:0;max-width:100%}.demo-crumb .crumb-total{flex-wrap:wrap;gap:20px}
@media(min-width:761px) and (max-width:900px){.demo-service .fw-hero{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.demo-body :is(.fw-hero,.obj-hero,.mono-expertise,.mono-hero>div:first-of-type){grid-template-columns:minmax(0,1fr)}.demo-service .fw-hero-image{aspect-ratio:1.05}.demo-circuit .circuit-symbol{font-size:clamp(4rem,20vw,8rem)}.demo-forma .forma-hero figcaption{flex-wrap:wrap}.demo-marlow .marlow-treatments button>strong{margin-left:auto}.demo-crumb .crumb-total strong{max-width:100%}}
@media(max-width:500px){.demo-haven .haven-summary{grid-template-columns:minmax(0,1fr)}}
.demo-body :is(.concept-kicker,.ic-kicker,.at-kicker):has(+h1,+h2,+h3){display:none}
.demo-body :is(input,textarea){caret-color:currentColor}.demo-body :is(table,output,.ia-stats,.wr-stat-grid){font-variant-numeric:tabular-nums}
.demo-body :is(.industry-demo,.atelier-layout) :focus-visible{outline:2px solid var(--ic-ink);outline-offset:5px}
.demo-body :is(.industry-demo,.atelier-layout) ::selection{background:var(--ic-ink);color:var(--ic-bg)}
.demo-body .demo-bar{padding-block:12px;background:#111;color:#e1e3e9;border-bottom:1px solid #ffffff26;font-size:.75rem;gap:20px}.demo-body .demo-bar>a{color:#c7eaff;min-height:30px;display:flex;align-items:center}
.demo-body .demo-project-cta{font-size:.75rem;min-height:48px;padding:10px 16px;gap:12px;border:0;background:#111;color:#fff;backdrop-filter:none;box-shadow:0 6px 22px #0003}.demo-body .demo-project-cta:hover{background:#243446}.demo-body .concept-next{padding-block:60px}.demo-body .concept-next-links strong{font-size:1.5rem;letter-spacing:-.03em}.demo-body .concept-next-heading{font-size:.8125rem}.demo-body .concept-explainer{padding-block:65px}.demo-body .concept-explainer>div>span{display:none}.demo-body .concept-explainer h2{font-size:2.25rem;letter-spacing:-.04em}.demo-body .concept-explainer p{font-size:1rem;line-height:1.8;max-width:70ch}.demo-body .concept-explainer a{font-size:.875rem}
.demo-body :is(.fw-header,.obj-header,.mono-header,.ic-nav,.at-nav){min-height:90px}.demo-body :is(.fw-header,.obj-header,.mono-header,.ic-nav,.at-nav) nav{font-size:.8125rem}
.demo-body :is(.ic-section-head,.at-section-head) h2{margin-top:0;line-height:1.15;max-width:20ch}.demo-body :is(.ic-section-head,.at-section-head)>p{font-size:1rem;line-height:1.75;max-width:42ch}.demo-body :is(.ic-button,.at-button,.fw-button){min-height:48px;transition:background .2s,color .2s,transform .2s cubic-bezier(.23,1,.32,1)}.demo-body :is(.ic-button,.at-button,.fw-button):active{transform:scale(.97)}
/* Fieldwork / a garden journal. */
.demo-service .fw-hero{min-height:650px;gap:6%;grid-template-columns:1fr 1.1fr;padding-block:46px 65px}.demo-service .fw-hero-copy{padding:36px 0 0}.demo-service .fw-hero h1{font-size:clamp(3.5rem,6.1vw,6rem);line-height:1.05;margin:15px 0 28px;letter-spacing:-.04em}.demo-service .fw-hero-copy>p{font-size:1.0625rem;line-height:1.85}.demo-service .fw-hero-image{min-height:560px}.demo-service .fw-hero-image img{object-position:55% center}.demo-service .fw-hero-image figcaption{font-size:.6875rem}.demo-service .fw-approach h2{font-size:clamp(2.75rem,5.5vw,5rem);letter-spacing:-.04em}.demo-service .fw-project{gap:7%}.demo-service .fw-project-image img{object-position:75% center}.demo-service .fw-services article{padding-block:30px}.demo-service .fw-services h3{font-size:1.625rem}.demo-service .fw-services p{font-size:1rem}.demo-service .fw-hero-foot{font-size:.6875rem}
/* OBJECT / a warm, spacious object catalogue. */
.demo-shop .obj-hero{padding-block:50px 70px;min-height:640px;gap:6%}.demo-shop .obj-hero-copy{padding-top:25px}.demo-shop .obj-hero h1{font-size:clamp(3.25rem,5.5vw,5.75rem);line-height:1.08;letter-spacing:-.04em;margin-top:20px}.demo-shop .obj-hero-copy>p:not(.concept-kicker){font-size:1.0625rem;line-height:1.8}.demo-shop .obj-featured{background:#e4dfd6}.demo-shop .obj-product-image{background:#e9e5dd}.demo-shop .obj-product-title h3{font-size:1.375rem}.demo-shop .obj-product-title>span{font-size:1rem}.demo-shop .obj-product>p{font-size:.9375rem}.demo-shop .obj-product-image img{transition:transform .3s cubic-bezier(.23,1,.32,1)}
/* Monogram / expressive type, a precise service explorer. */
.demo-professional .mono-hero{padding-block:65px 38px}.demo-professional .mono-hero>div:first-of-type{margin-top:0;grid-template-columns:1.25fr 1fr;align-items:center;gap:8%}.demo-professional .mono-hero h1{font-size:clamp(4rem,7vw,6rem);line-height:1.04;letter-spacing:-.04em}.demo-professional .mono-big-symbol{max-width:340px;width:100%;margin-left:auto}.demo-professional .mono-hero-side{gap:20px}.demo-professional .mono-hero-side>p{font-size:1.0625rem}.demo-professional .mono-hero-side>a{margin-top:5px}.demo-professional .mono-hero-bottom{font-size:.6875rem}.demo-professional .mono-service-panel{background:#e6d2bc;border:0;border-radius:0;padding:45px}.demo-professional .mono-service-panel h3{font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.1}.demo-professional .mono-service-panel p{font-size:1rem}
/* FORMA / an architectural spread, with the house in the first view. */
.demo-forma .forma-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;padding-block:65px;align-items:center}.demo-forma .forma-hero h1{font-size:clamp(3.75rem,6.4vw,6rem);line-height:1.03;letter-spacing:-.04em;margin:0}.demo-forma .forma-hero h1 em{display:inline-block;margin-left:14%}.demo-forma .forma-hero h1>span{position:static;display:block;width:auto;max-width:25ch;font-size:1rem;line-height:1.8;margin:35px 0 0 14%}.demo-forma .forma-hero figure{min-width:0}.demo-forma .forma-hero img{height:560px;object-position:60% center}.demo-forma .forma-hero figcaption{font-size:.6875rem;line-height:1.7;align-items:start}.demo-forma .forma-hero figcaption>span{max-width:25ch}.demo-forma .forma-hero figcaption a{font-size:.8125rem;text-align:right}
/* VANTA and CIRCUIT / clear type against the actual subject. */
.demo-vanta .vanta-hero{min-height:660px;padding-block:70px}.demo-vanta .vanta-hero h1,.demo-circuit .circuit-hero h1{font-size:clamp(4rem,7.2vw,6rem);line-height:1.02;letter-spacing:-.04em}.demo-vanta .vanta-hero>img{object-position:68% center}.demo-vanta .vanta-hero>div{max-width:640px}.demo-circuit .circuit-hero{min-height:660px;padding-block:75px}.demo-circuit .circuit-hero p,.demo-vanta .vanta-hero p{font-size:1.0625rem;line-height:1.8}.demo-circuit .circuit-hero>img{object-position:65% center}
/* Supper, Clover and crumb / character without competing ornaments. */
.demo-supper .supper-hero{padding-block:50px 65px;gap:7%}.demo-supper .supper-hero h1{font-size:clamp(4rem,6.6vw,6rem);line-height:1.02;letter-spacing:-.04em;margin-top:0}.demo-supper .supper-hero img{border-radius:48% 48% 0 0;height:560px}.demo-supper .supper-hero p{font-size:1rem}.demo-supper .supper-seal{display:none}.demo-clover .clover-hero{gap:8%;padding-block:60px 70px}.demo-clover .clover-hero h1{font-size:clamp(3.5rem,6.2vw,5.75rem);line-height:1.06;letter-spacing:-.04em;margin-top:0}.demo-clover .clover-hero p{font-size:1.0625rem;line-height:1.8}.demo-clover .clover-hero img{height:570px;border-radius:42% 42% 8px 8px}.demo-crumb .crumb-hero{gap:8%;padding-block:55px 70px}.demo-crumb .crumb-hero h1{font-size:clamp(4rem,6.8vw,6rem);letter-spacing:-.04em;line-height:1.02;margin-top:0}.demo-crumb .crumb-hero p{font-size:1.0625rem}.demo-crumb .crumb-hero img{height:560px;border-radius:48% 48% 8px 8px}.demo-crumb .crumb-stamp{display:none}.demo-body :is(.supper-hero,.clover-hero,.crumb-hero) figcaption{font-size:.6875rem;line-height:1.7}
/* Editorial brands retain their own lettering, proportions and colour. */
.demo-evermere .evermere-hero{min-height:720px}.demo-evermere .evermere-hero h1{font-size:clamp(3.75rem,6.5vw,6rem);line-height:1.05;letter-spacing:-.035em;margin-block:20px}.demo-evermere .evermere-hero>div{padding:50px 65px}.demo-evermere .evermere-hero>div>span{display:none}.demo-evermere .evermere-hero-foot{font-size:.6875rem}.demo-maison .maison-hero h1{font-size:clamp(3.5rem,6vw,5.75rem);line-height:1.08;letter-spacing:-.04em;margin-top:0}.demo-maison .maison-hero p{font-size:1rem}.demo-maison .maison-hero img{height:560px}.demo-maison .maison-hero figcaption{font-size:.6875rem}.demo-meridian .meridian-hero h1{font-size:clamp(3.75rem,7vw,6rem);letter-spacing:-.04em;line-height:1.03;margin-top:0}.demo-meridian .meridian-hero p{font-size:1.0625rem}.demo-chapter .chapter-hero h1{font-size:clamp(3.25rem,5.7vw,5.5rem);letter-spacing:-.04em;line-height:1.06;margin-top:0}.demo-chapter .chapter-hero p{font-size:1.0625rem;line-height:1.8}.demo-chapter .chapter-book{box-shadow:10px 22px 35px #572c1c30;transform:rotate(7deg)}.demo-studio79 .studio-hero h1{font-size:clamp(4rem,7.2vw,6rem);letter-spacing:-.04em;line-height:1.03;margin-top:0}.demo-studio79 .studio-hero>div>span{display:none}.demo-studio79 .studio-hero figure{margin-left:-8%;transform:rotate(3deg)}.demo-studio79 .studio-hero img{height:580px}.demo-studio79 .studio-hero figcaption{font-size:.6875rem}.demo-pace .pace-hero h1{font-size:clamp(4rem,8vw,6rem);letter-spacing:-.04em;line-height:1.05;margin-top:10px;margin-bottom:110px}.demo-pace .pace-hero h1 em{-webkit-text-stroke:1.5px #262821}.demo-ridge .ridge-hero h1{font-size:clamp(3.75rem,6.5vw,6rem);letter-spacing:-.04em;line-height:1.05}.demo-aurel .aurel-hero h1{font-size:clamp(3.75rem,6.5vw,6rem);letter-spacing:-.04em;line-height:1.05}.demo-aurel .aurel-hero>div{padding-block:60px}
/* Working tools / readable records and intentional states. */
.demo-body :is(.ia-topbar,.ia-toolbar){gap:22px}.demo-body .ia-heading h1{font-size:clamp(2.75rem,4.5vw,4rem);letter-spacing:-.04em;line-height:1.1}.demo-body .ia-heading>div>p:not(.ic-kicker){font-size:1rem;line-height:1.8;max-width:62ch}.demo-body .ia-stats article{border-radius:0;box-shadow:none}.demo-body .ia-stats article>span{font-size:.75rem}.demo-body .ia-stats article>small{font-size:.75rem}.demo-body :is(.ia-panel,.wr-panel){box-shadow:none}.demo-body :is(.ia-panel h2,.wr-panel h2){letter-spacing:-.035em}.demo-body :is(.table-scroll td,.table-scroll th){padding-block:19px;font-size:.875rem}.demo-body :is(.wr-stock-list>div){transition:background .15s}.demo-body :is(.ia-toolbar input,.ia-toolbar select,.wr-filters input,.wr-filters select){font-size:.875rem;min-height:46px}.demo-body .wr-page-heading{padding-top:46px}.demo-body .wr-page-heading h1{font-size:clamp(2.5rem,4vw,3.5rem);letter-spacing:-.04em}.demo-body .wr-demo-note{font-size:.8125rem;line-height:1.7}.demo-body .wr-stat-grid article{border-radius:0}.demo-body .wr-stat-grid article strong{font-weight:500;font-size:2.75rem}.demo-body .wr-stat-grid article>small{font-size:.75rem}.demo-body .wr-panel-heading h2{font-size:1.5rem}.demo-body .wr-chart-panel{background:#e9ede7}.demo-body .wr-next-panel{background:#fff}.demo-body :is(.gather-main h1,.supply-heading h1){letter-spacing:-.04em;line-height:1.1}.demo-body .gather-floor{background:#e5e7db}.demo-body .gather-table{box-shadow:none}.demo-body .trade-product{border-radius:0}.demo-body .trade-product h3{font-size:1.25rem}.demo-body .trade-product>p{font-size:.9375rem}.demo-body .class-card{transition:background .2s,border-color .2s}
@media(hover:hover) and (pointer:fine){.demo-shop .obj-product:hover .obj-product-image img{transform:scale(1.035)}.demo-body .concept-next-links a:hover strong{text-decoration:underline;text-underline-offset:.2em}}
@media(max-width:900px){.demo-forma .forma-hero{grid-template-columns:1fr 1.1fr;gap:5%;padding-block:45px}.demo-forma .forma-hero h1{font-size:3.75rem}.demo-forma .forma-hero img{height:470px}.demo-forma .forma-hero figcaption{flex-direction:column;gap:8px}.demo-forma .forma-hero h1>span{margin-left:0}.demo-service .fw-hero{grid-template-columns:1fr 1fr;gap:5%}.demo-service .fw-hero h1{font-size:3.75rem}.demo-service .fw-hero-image{min-height:510px}.demo-professional .mono-hero h1{font-size:5rem}}
@media(max-width:760px){.demo-body :is(.fw-header,.obj-header,.mono-header,.ic-nav,.at-nav){min-height:78px}.demo-body .demo-bar{font-size:.6875rem;padding-block:10px;flex-wrap:nowrap;line-height:1.7;align-items:center}.demo-body .demo-bar>span{max-width:65%}.demo-body .demo-bar>a{max-width:32%;text-align:right}.demo-body .concept-explainer{padding-block:45px}.demo-body .concept-explainer h2{font-size:2rem}.demo-body .concept-next{padding-block:40px}.demo-body .concept-next-links strong{font-size:1.25rem}.demo-service .fw-hero{grid-template-columns:1fr;gap:30px;padding-block:35px 45px}.demo-service .fw-hero-copy{padding:0}.demo-service .fw-hero h1{font-size:clamp(3.25rem,10.5vw,5rem);margin:0 0 24px}.demo-service .fw-hero-image{min-height:0;aspect-ratio:1.05}.demo-service .fw-hero-foot{padding-top:30px}.demo-shop .obj-hero{min-height:0;padding-block:30px 45px;gap:35px;grid-template-columns:1fr}.demo-shop .obj-hero-copy{padding-top:0}.demo-shop .obj-hero h1{font-size:clamp(3.25rem,10.5vw,5rem);margin-top:0}.demo-professional .mono-hero{padding-top:35px}.demo-professional .mono-hero>div:first-of-type{grid-template-columns:1fr;gap:28px}.demo-professional .mono-hero h1{font-size:clamp(3.5rem,13vw,5.5rem)}.demo-professional .mono-big-symbol{max-width:180px}.demo-professional .mono-service-panel{padding:28px}.demo-forma .forma-hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.demo-forma .forma-hero h1{font-size:clamp(3.5rem,12vw,5.5rem)}.demo-forma .forma-hero h1>span{max-width:26ch;margin:24px 0 0 auto;font-size:.9375rem}.demo-forma .forma-hero img{height:420px}.demo-forma .forma-hero figcaption{flex-direction:row;gap:20px}.demo-vanta .vanta-hero,.demo-circuit .circuit-hero{min-height:620px;padding-block:55px}.demo-vanta .vanta-hero h1,.demo-circuit .circuit-hero h1{font-size:clamp(3.5rem,12vw,5.5rem)}.demo-supper .supper-hero,.demo-clover .clover-hero,.demo-crumb .crumb-hero{padding-block:40px 50px;gap:32px;grid-template-columns:1fr}.demo-supper .supper-hero h1,.demo-crumb .crumb-hero h1{font-size:clamp(3.75rem,12vw,5.5rem)}.demo-clover .clover-hero h1{font-size:clamp(3.25rem,10.5vw,5rem)}.demo-body :is(.supper-hero,.clover-hero,.crumb-hero) img{height:440px}.demo-evermere .evermere-hero{min-height:640px;padding-inline:30px}.demo-evermere .evermere-hero>div{padding:38px 22px}.demo-evermere .evermere-hero h1{font-size:clamp(3.25rem,11vw,5rem)}.demo-evermere .evermere-hero-foot{font-size:.5625rem}.demo-maison .maison-hero h1{font-size:clamp(3.5rem,11vw,5rem)}.demo-maison .maison-hero img{height:430px}.demo-meridian .meridian-hero h1{font-size:clamp(3.5rem,12vw,5rem)}.demo-chapter .chapter-hero h1{font-size:clamp(3rem,10.5vw,4.5rem)}.demo-studio79 .studio-hero h1{font-size:clamp(3.5rem,12vw,5.5rem)}.demo-studio79 .studio-hero figure{margin:0 8px}.demo-studio79 .studio-hero img{height:440px}.demo-pace .pace-hero h1{font-size:clamp(3.5rem,12vw,5.5rem);margin-bottom:90px}.demo-ridge .ridge-hero h1,.demo-aurel .aurel-hero h1{font-size:clamp(3.5rem,11vw,5rem)}.demo-body .ia-heading h1{font-size:2.75rem}.demo-body .ia-heading>div>p:not(.ic-kicker){font-size:.9375rem}.demo-body .wr-page-heading{padding-top:30px}.demo-body .wr-page-heading h1{font-size:2.5rem}}
@media(max-width:360px){.demo-body .demo-bar{font-size:.625rem}.demo-body :is(.supper-hero,.clover-hero,.crumb-hero,.studio-hero) img{height:340px}.demo-forma .forma-hero img{height:330px}.demo-evermere .evermere-hero h1{font-size:3rem}.demo-body .demo-project-cta{font-size:.6875rem;padding:10px 13px}.demo-professional .mono-hero h1{font-size:3.5rem}.demo-forma .forma-hero h1{font-size:3.5rem}.demo-body .concept-next-links strong{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){.demo-body *{scroll-behavior:auto!important}}