/* The five selected examples: useful density, clear reading widths, distinct identities. */
body[data-demo-site]{--curated-ink:var(--fg,var(--ink));--curated-edge:var(--edge,var(--line))}
.shell,.demo-container{width:calc(100% - 80px);max-width:1440px;margin-inline:auto}
body[data-demo-site] .example-banner{min-height:68px;padding:8px 24px;gap:16px}
.example-banner .demo-switcher{margin:0;padding:0;border:0}
.example-banner .demo-switcher>summary{margin:0;padding:8px 12px;min-height:40px;line-height:20px;font-family:Manrope,Arial,sans-serif}
.example-banner .demo-back{min-height:40px;padding:8px 12px}
body[data-demo-site] .example-header{min-height:78px}
body[data-demo-site] .demo-header>.demo-container{min-height:78px;padding-block:18px}
body[data-demo-site] .demo-section{padding-block:58px}
body[data-demo-site] .demo-section-head,body[data-demo-site] .section-heading{margin-bottom:28px;gap:32px}
body[data-demo-site] .demo-section h2{font-size:clamp(34px,3.3vw,50px)}
body[data-demo-site] .example-footer{padding-top:36px;padding-bottom:24px;gap:24px}
body[data-demo-site] .demo-footer{padding-block:36px}
.demo-exit-panel{padding-top:28px}.demo-exit-cta{padding-bottom:24px}.demo-exit-cta h2{font-size:27px}
.curated-facts{margin:25px 0}.curated-facts>div{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:14px 0;border-top:1px solid var(--curated-edge)}.curated-facts dt{font-size:12px;font-weight:800}.curated-facts dd{margin:0;font-size:14px;line-height:1.7}
.n-hero{height:510px}.n-hero h1{font-size:clamp(68px,7.2vw,108px)}.n-hero-copy .kicker{margin-top:0}.n-hero-bottom{margin-top:30px}.n-hero-bottom p{font-size:15px;line-height:1.7}
.n-index-strip{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-bottom:1px solid var(--edge);font-size:12px}.n-index-strip>span{font-size:10px;letter-spacing:.06em;color:var(--sub)}.n-index-strip a{font-weight:800}
.n-intro-balanced{grid-template-columns:1.05fr 1fr;gap:6%;align-items:start}.n-intro-balanced>div>p:not(.kicker){margin-top:0;font-size:15px;line-height:1.85}.n-intro-balanced>div>p+p{margin-top:17px}.n-intro-balanced h2+p{margin-top:25px!important}.n-intro-balanced .n-services{margin:0}
.n-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.n-project-card.wide{grid-column:auto}.n-project-card img,.n-project-card.wide img{height:300px}.n-project-card h2,.n-project-card h3{font-size:23px!important}.n-project-card>div>span{font-size:9px}.n-project-card>p{font-size:14px;line-height:1.75}.n-project-card>.line-link{margin-top:16px}
.n-material-story{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center}.n-material-story>img{width:100%;height:410px;object-fit:cover}.n-material-story p:not(.kicker){margin-top:20px;font-size:15px}.n-dark .curated-facts{--curated-edge:#ffffff38}.n-dark .curated-facts dd{color:#c7d4d0}.n-material-story .line-link{margin-top:20px}
.n-invitation{display:grid;grid-template-columns:1fr auto;gap:10px 35px;text-align:left;align-items:center}.n-invitation .kicker{grid-column:1;margin:0}.n-invitation h2{font-size:46px!important}.n-invitation .demo-button{grid-column:2;grid-row:1/3;margin:0}.n-three{gap:30px;margin-top:30px}.n-three h3{margin:20px 0 14px;font-size:23px}.n-studio-image{height:320px}.n-contact{gap:6%;grid-template-columns:.95fr 1.05fr}.n-contact .sample-form{padding:28px}.n-services>div{padding-block:20px}
.f-hero{gap:6%;padding-block:32px}.f-hero h1{font-size:clamp(72px,8vw,116px)}.f-hero figure>img{height:500px}.f-hero>div>p:not(.kicker){max-width:470px;font-size:15px;margin-top:24px}.f-hero .demo-button{margin-top:24px}.f-hero-note{margin-top:22px;font-size:9px}.f-hero figcaption{font-size:9px}.f-seal{bottom:60px;right:calc(50% - 38px)}.f-marquee{padding:17px 30px;font-size:22px}
.f-products{gap:24px}.f-product-photo>img{height:320px}.f-product h2,.f-product h3{font-size:29px!important}.f-product p{font-size:14px}.f-product-photo>span{font-size:9px}.product-actions{flex-wrap:wrap;align-items:center;flex-direction:row}.product-actions .add-button{font-size:11px;padding:10px 14px}.f-story-band>.f-story-grid{padding-block:48px;gap:6%}.f-story-grid>img{height:360px}.f-story-grid p:not(.kicker){font-size:15px;line-height:1.8}.f-story-image{height:330px}.f-principles{gap:30px}.f-principles p{font-size:14px}.f-care-grid{gap:7%;grid-template-columns:.85fr 1.15fr}.f-care-grid img{height:440px}.f-care-grid h2{margin-bottom:20px}.f-shop-notes{gap:28px;padding-bottom:58px}.f-shop-notes h2{font-size:30px}.f-shop-notes p{font-size:14px;margin-top:14px}.f-shop-notes .line-link{margin-top:20px}.f-shop-notes .kicker{margin:0 0 14px;font-size:9px}
.f-room-edit{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center}.f-room-edit>div>p:not(.kicker){margin-top:22px;font-size:15px;max-width:430px}.f-edit-list>a{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:20px;border-top:1px solid var(--edge);padding:16px 0}.f-edit-list>a:last-child{border-bottom:1px solid var(--edge)}.f-edit-list img{width:92px;height:100px;object-fit:cover}.f-edit-list span{display:grid;gap:6px}.f-edit-list small{font-size:9px;letter-spacing:.08em}.f-edit-list strong{font:400 27px/1.15 var(--serif)}.f-edit-list em{font:400 12px/1.6 var(--sans);color:var(--sub)}.f-edit-list b{font-size:21px;font-weight:400}.f-edit-list a:hover strong{text-decoration:underline;text-underline-offset:5px}
.gather-site .example-header{padding-inline:max(40px,calc((100% - 1440px)/2))}.g-hero{grid-template-columns:1.05fr 1fr}.g-hero>.shell{width:auto;max-width:none;margin:0;padding:50px 9% 60px max(40px,calc((100vw - 1440px)/2))}.g-hero h1{font-size:clamp(50px,5vw,75px)}.g-hero>img{height:510px}.g-hero>.shell>p:not(.kicker){font-size:15px;margin-top:24px}.g-hero-word{font-size:clamp(110px,12vw,175px);bottom:25px}.g-hero-links{margin-top:25px}.g-visit-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:23px;border-bottom:1px solid var(--edge)}.g-visit-strip>div{display:grid;gap:5px}.g-visit-strip span{font-size:9px;letter-spacing:.1em;color:var(--sub)}.g-visit-strip strong{font-size:12px;font-weight:400}.g-visit-strip>a{font-size:12px;font-weight:800;border-bottom:1px solid}
body.gather-site .g-welcome{max-width:1440px;display:grid;grid-template-columns:1fr 1fr;column-gap:7%;text-align:left}.g-welcome>.kicker{grid-column:1/-1;margin-bottom:17px}.g-welcome>p:not(.kicker){margin:0;font-size:15px;line-height:1.85}.g-welcome h2{font-size:46px!important}.g-welcome>.demo-button{justify-self:end;align-self:center;margin:0}.g-welcome>.sample-note{grid-column:1/-1;margin-top:15px!important}.g-menu-preview{gap:6%;grid-template-columns:.95fr 1fr;padding-bottom:58px}.g-menu-preview>img{height:470px}.g-menu-preview h2{margin-bottom:25px;font-size:46px}.g-dish-line{padding-top:15px}.g-menu-preview>div>p:not(.kicker){margin-bottom:17px;font-size:13px}
.g-evening-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:start}.g-evening-grid>div>p:not(.kicker){margin-top:22px;max-width:430px;font-size:15px}.g-evening-grid .line-link{margin-top:20px}.g-evening-notes article{display:grid;grid-template-columns:25px 1fr;gap:18px;border-top:1px solid #bbc5b0;padding:20px 0}.g-evening-notes article>span{font-size:11px}.g-evening-notes h3{font:400 28px/1.2 var(--serif);letter-spacing:-.025em}.g-evening-notes p{font-size:14px;margin-top:10px}.g-evening-notes article .line-link{margin-top:12px}.g-menu-layout{gap:7%;grid-template-columns:1.4fr .65fr}.g-menu-layout>aside>img{height:320px;border-radius:140px 140px 0 0}.g-menu-layout>aside>p{font-size:30px}.g-menu-item{padding:16px 0}.g-menu-item h2{font-size:27px!important}.g-menu-item>p{font-size:14px}.menu-course{margin-top:28px}.g-visit-grid{gap:6%}.g-visit-grid>div>img{height:280px}.g-hours{padding-top:25px}.g-visit-grid #book{background:#e6e9d9;padding:28px}.g-visit-grid #book>p:not(.kicker){margin-top:20px}.g-visit-grid .sample-form{margin-top:24px}.g-visit-faq{gap:7%}
/* Trades and beauty share readable dimensions, not a visual identity. */
.trade-hero{height:510px;min-height:0}.trade-hero h1{font-size:clamp(62px,6vw,90px)}.trade-hero>.demo-container{padding-top:70px;padding-bottom:85px}.trade-hero-bottom{padding:17px 40px}.trade-intro>h2{margin-top:16px}.trade-service-grid{margin-top:28px;gap:28px}.trade-service-grid article{padding-top:20px}.trade-service-grid h3{font-size:27px}.service-inclusions{padding-left:17px;margin:20px 0;font-size:14px;line-height:1.85}.trade-service-grid .text-link{font-size:12px;margin-top:5px}.project-grid{gap:26px}.project-grid img{height:340px}.project-grid article>p{font-size:14px;margin-top:16px;max-width:520px}.project-grid article>.text-link{margin-top:18px}.process-grid{gap:28px}.process-grid article{padding-top:20px}.process-grid h3{font-size:26px}.process-grid p{font-size:14px;line-height:1.8}.trade-scope{display:grid;grid-template-columns:1fr 1.1fr;gap:7%}.trade-scope h2{margin:18px 0 0}.trade-scope p{font-size:15px;line-height:1.8}.trade-scope .curated-facts{--curated-edge:#ffffff35}.trade-scope .text-link{color:#e3e8d4;margin-top:10px}.project-planner{gap:7%}.project-planner h2{font-size:44px;margin:17px 0 20px}.planner-list>div{padding:16px 0}.trade-contact{padding-block:55px}.booking-layout{gap:6%;align-items:start}.booking-layout h2{font-size:48px}.demo-form{padding:26px}.demo-faq{gap:7%}.demo-faq h2{font-size:44px}.trade-project-dialog{width:min(850px,calc(100% - 32px));padding:22px;background:var(--paper);border:0;color:var(--ink);max-height:90dvh;overflow:auto}.trade-project-dialog>img{width:100%;height:280px;object-fit:cover}.trade-project-dialog>div{padding:25px 12px 10px}.trade-project-dialog h2{font-size:40px;margin:15px 0 24px}.trade-project-dialog h3{font-size:21px;margin:24px 0 10px}.trade-project-dialog p{font-size:14px;line-height:1.8}.trade-project-dialog .button{margin-top:24px}.trade-project-dialog .small-note{margin-top:20px;font-size:12px}
.beauty-hero{gap:5%;padding-block:32px}.beauty-hero>img{height:500px}.beauty-hero h1{font-size:clamp(52px,5.2vw,76px)}.beauty-hero>div>p:not(.eyebrow){font-size:16px;max-width:440px}.beauty-flower{font-size:62px;right:10px;bottom:5px}.beauty-strip{padding-block:19px}.salon-services{gap:24px}.salon-services article{padding:25px}.salon-services h3{font-size:30px}.salon-services article>p{font-size:14px}.salon-services .service-duration{font-size:11px;font-weight:700;margin-top:15px;color:var(--accent)}.salon-services article>div{margin-top:22px;gap:12px}.salon-services .text-link{font-size:12px}.beauty-story{gap:6%;padding-bottom:48px}.beauty-story>img{height:370px}.beauty-story h2{font-size:48px}.beauty-story p{font-size:15px;line-height:1.8}.beauty-ritual>.demo-container{gap:6%;grid-template-columns:1fr 1.1fr}.beauty-ritual h2{font-size:46px;margin:18px 0 20px}.ritual-steps article{padding:18px 0;gap:20px}.ritual-steps h3{font-size:26px;margin-bottom:10px}.beauty-editorial{gap:6%;padding-block:55px}.beauty-editorial>.visit-guide-photo{width:100%;height:480px;object-fit:cover;border-radius:170px 170px 0 0}.beauty-editorial h2{font-size:46px;margin:17px 0 25px}.beauty-visit-notes article{border-top:1px solid var(--line);padding:16px 0}.beauty-visit-notes h3{font:400 25px/1.2 var(--serif)}.beauty-visit-notes p{font-size:14px!important;line-height:1.8;margin-top:8px;max-width:none!important}.salon-selection{padding:15px 17px;background:#eadfe4;border-left:3px solid var(--accent);font-size:13px;line-height:1.7}.salon-selection strong{display:block;color:var(--ink)}
@media(min-width:901px){.demo-page-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:18px 6%;padding-block:36px}.demo-page-intro>.kicker{grid-column:1/-1;margin:0}.demo-page-intro h1,.forme-site .f-shop-intro h1{font-size:clamp(44px,4.5vw,68px)}.demo-page-intro>p:last-child{align-self:center;margin:0;font-size:15px;line-height:1.8}.n-contact>.sample-form{margin-top:0}}
@media(min-width:1700px){.n-hero-copy h1{font-size:108px}.n-hero{height:540px}.f-hero figure>img{height:520px}.g-hero>img{height:540px}.g-hero>.shell{padding-left:max(40px,calc((100vw - 1440px)/2))}.beauty-hero>img{height:520px}}
@media(max-width:1100px) and (min-width:761px){.shell,.demo-container{width:calc(100% - 56px)}.f-hero figure>img{height:440px}.g-hero h1{font-size:49px}.g-hero>.shell{padding:40px 28px}.g-hero>img{height:490px}.n-project-card img,.n-project-card.wide img{height:240px}.n-project-card h2,.n-project-card h3{font-size:20px!important}.salon-services article{padding:20px}.salon-services article>div{align-items:start;flex-direction:column}.beauty-hero h1{font-size:52px}.beauty-hero>img{height:470px}.f-products{gap:18px}.f-product-photo>img{height:270px}.f-edit-list strong{font-size:24px}}
@media(max-width:760px){.shell,.demo-container{width:calc(100% - 40px)}body[data-demo-site] .demo-section{padding-block:40px}body[data-demo-site] .example-banner{padding:8px 12px;gap:6px 10px;min-height:82px}body[data-demo-site] .example-header{min-height:74px}body[data-demo-site] .demo-header>.demo-container{min-height:70px;padding-block:15px}.n-hero{height:470px}.n-hero h1{font-size:clamp(58px,11.5vw,88px)}.n-hero-bottom p{font-size:13px}.n-index-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 10px;font-size:10px;padding-block:16px}.n-index-strip>span{grid-column:1/-1;font-size:9px}.n-intro-balanced,.n-material-story,.n-contact,.f-room-edit,.g-evening-grid,.trade-scope{grid-template-columns:1fr;gap:25px}.n-intro-balanced h2 br:nth-child(2){display:none}.n-grid{grid-template-columns:1fr;gap:30px}.n-project-card img,.n-project-card.wide img{height:310px}.n-project-card h2,.n-project-card h3{font-size:24px!important}.n-material-story>img{height:320px}.n-invitation{display:block}.n-invitation h2{font-size:38px!important}.n-invitation .kicker{margin-bottom:18px}.n-invitation .demo-button{margin-top:22px}.n-studio-image{height:260px}.n-three{gap:23px}.n-contact .sample-form{padding:22px}.f-hero{gap:24px;padding-block:27px}.f-hero h1{font-size:clamp(51px,9vw,78px)}.f-hero figure>img{height:390px}.f-hero>div>p:not(.kicker){font-size:14px;margin-top:20px}.f-hero-note{font-size:8px}.f-hero .kicker{font-size:8px}.f-seal{display:none}.f-marquee{font-size:17px;gap:12px;padding:16px 20px}.f-product-photo>img{height:360px}.f-story-band>.f-story-grid{padding-block:38px}.f-story-grid>img{height:310px}.f-story-grid h2{font-size:38px}.f-care-grid{grid-template-columns:1fr;gap:28px}.f-care-grid img{height:330px}.f-shop-notes{padding-bottom:40px;gap:25px}.f-room-edit>div>p:not(.kicker){font-size:14px;margin-top:18px}.f-edit-list>a{grid-template-columns:72px 1fr auto;gap:14px}.f-edit-list img{width:72px;height:85px}.f-edit-list strong{font-size:25px}.f-story-image{height:270px}.gather-site .example-header{padding-inline:20px;width:100%}.g-hero{grid-template-columns:1fr}.g-hero>.shell{width:auto;padding:38px 22px;text-align:center}.g-hero h1{font-size:clamp(40px,8.8vw,64px)}.g-hero>img{height:300px}.g-hero-word{font-size:125px;bottom:20px}.g-visit-strip{display:grid;grid-template-columns:1fr;gap:15px;padding-block:20px}.g-visit-strip>a{justify-self:start}.g-visit-strip strong{font-size:12px}body.gather-site .g-welcome{grid-template-columns:1fr;gap:18px}.g-welcome>.kicker{margin:0}.g-welcome h2{font-size:37px!important}.g-welcome>.demo-button{justify-self:start}.g-welcome>p:not(.kicker){font-size:14px}.g-menu-preview{gap:27px;padding-bottom:40px}.g-menu-preview>img{height:340px}.g-menu-preview h2{font-size:38px}.g-evening-notes h3{font-size:27px}.g-menu-layout{grid-template-columns:1fr;gap:28px}.g-menu-layout>aside{display:grid;grid-template-columns:120px 1fr;gap:15px 20px;max-width:none;align-items:center}.g-menu-layout>aside>img{height:170px;grid-row:1/3}.g-menu-layout>aside>p{font-size:26px;margin:0}.g-menu-layout>aside .demo-button{font-size:11px;padding:12px;gap:10px}.g-visit-grid{gap:30px}.g-visit-grid #book{padding:23px}.g-visit-grid>div>img{height:260px}.g-visit-faq{gap:24px}.trade-hero{height:470px}.trade-hero>.demo-container{padding-top:70px;padding-bottom:70px}.trade-hero h1{font-size:clamp(50px,10vw,72px)}.trade-hero-bottom{padding:14px 20px;font-size:8px}.trade-service-grid{gap:24px}.project-grid img{height:280px}.trade-contact{padding-block:40px}.project-planner,.booking-layout,.demo-faq{gap:26px}.project-planner h2,.booking-layout h2,.demo-faq h2{font-size:37px}.demo-form{padding:22px}.curated-facts>div{grid-template-columns:100px 1fr;gap:15px}.trade-project-dialog>img{height:220px}.trade-project-dialog>div{padding:20px 0 0}.trade-project-dialog h2{font-size:33px}.beauty-hero{gap:24px;padding-block:30px}.beauty-hero h1{font-size:clamp(43px,8vw,60px)}.beauty-hero>img{height:390px}.beauty-hero>div>p:not(.eyebrow){font-size:14px}.beauty-flower{font-size:45px;bottom:0}.salon-services article{padding:23px}.beauty-story{gap:27px;padding-bottom:40px}.beauty-story>img{height:340px}.beauty-story h2{font-size:38px}.beauty-ritual>.demo-container{grid-template-columns:1fr;gap:25px}.beauty-ritual h2{font-size:38px}.beauty-editorial{padding-block:40px;gap:28px}.beauty-editorial>.visit-guide-photo{height:340px}.beauty-editorial h2{font-size:38px}.service-inclusions{font-size:14px}.beauty-visit-notes p{font-size:14px!important}}
@media(max-width:440px){.f-hero{grid-template-columns:1fr}.f-hero h1{font-size:76px}.f-hero figure>img{height:350px}.f-hero-note{margin-top:18px}.f-edit-list strong{font-size:23px}.n-hero h1{font-size:14vw}.n-hero{height:460px}.n-hero-bottom{margin-top:25px}.n-index-strip{grid-template-columns:1fr;gap:10px}.n-index-strip>span{grid-column:auto}.g-hero h1{font-size:41px}.g-hero>img{height:270px}.g-menu-item h2{font-size:24px!important}.g-menu-layout>aside{grid-template-columns:105px 1fr;gap:15px}.g-menu-layout>aside>p{font-size:24px}.beauty-hero>img{height:340px}.beauty-hero h1{font-size:43px}.trade-hero h1{font-size:49px}}

body[data-demo-site] .demo-header{padding-block:0}
.n-intro-balanced>div>.kicker{font-size:10px;line-height:1.6;margin:0 0 20px;letter-spacing:.11em}
.n-intro-balanced>div>p:not(.kicker)+p{margin-top:16px}
.salon-services p{min-height:0}.salon-services h3{margin-top:24px}.salon-services .service-duration{margin-top:18px}.salon-services article{display:flex;flex-direction:column}.salon-services article>div{margin-top:auto;padding-top:18px}.salon-services .service-inclusions{margin-bottom:25px}
.project-grid article:nth-child(2){padding-top:0}
@media(max-width:370px){body[data-demo-site] .example-banner{padding-inline:8px;gap:6px}.example-banner .demo-back{padding-inline:8px}.example-banner .demo-switcher>summary{padding-inline:8px}.demo-controls{gap:6px}.example-banner .demo-home{font-size:8px}.example-banner .demo-context{min-width:0}.example-banner .demo-switch-menu{max-width:calc(100vw - 32px)}}