.brand-wide{width:min(var(--content-wide), calc(100% - 80px));margin-inline:auto}.brand-story-film{isolation:isolate;min-height:100svh;padding:calc(128px + env(safe-area-inset-top)) clamp(24px, 5vw, 80px) calc(clamp(40px, 7vh, 72px) + env(safe-area-inset-bottom));color:#fff;background:#211b18;align-items:flex-end;display:flex;position:relative}.brand-story-film>.brand-story-film__media{position:absolute;inset:0}.brand-story-film__media video{object-position:50% 50%}.brand-story-film__media:after{content:"";pointer-events:none;background:linear-gradient(#120e0ca6,#0000 26%),linear-gradient(#0000 28%,#120e0c33 58%,#120e0cc7);position:absolute;inset:0}.brand-story-film__copy{z-index:1;width:min(45rem,100% - 64px);position:relative}.brand-story-film__copy h1{letter-spacing:-.035em;word-break:keep-all;text-wrap:balance;max-width:13ch;margin-top:20px;font-size:clamp(40px,4.6vw,64px);line-height:1.15}.brand-story-film__copy>p:not(.eyebrow){word-break:keep-all;max-width:35ch;margin-top:24px;font-size:clamp(16px,1.25vw,18px);line-height:1.7}.brand-film-skip{border-bottom:1px solid;align-items:center;gap:48px;min-height:48px;margin-top:28px;padding:8px 0;font-size:16px;display:inline-flex}.brand-film-skip:hover{opacity:.8}.brand-story-film .film-controls{inset:auto clamp(24px, 5vw, 80px) calc(clamp(40px, 7vh, 72px) + env(safe-area-inset-bottom)) auto}.brand-story-film .film-controls button{justify-content:center;min-width:44px;min-height:44px}.brand-story-film :focus-visible{outline-offset:6px;outline:2px solid #fff}body:has(.brand-story-film) .site-header.site-header--overlay{color:#fff;background:0 0;position:absolute}body:has(.brand-story-film) .site-header--overlay:before{content:none}:is(body:has(.brand-story-film) .site-header--overlay .wordmark,body:has(.brand-story-film) .site-header--overlay .menu-toggle){color:inherit}body:has(.brand-story-film) .site-header--overlay .contact-pill{color:var(--ink);-webkit-text-fill-color:var(--ink);background:var(--paper);border-color:var(--paper)}body:has(.brand-story-film) .site-header--overlay.site-header--menu-open{color:var(--ink);background:var(--paper)}body:has(.brand-story-film) .site-header--overlay .nav.open{color:var(--ink);background:var(--paper)}.brand-portfolio{background:var(--canvas);scroll-margin-top:24px}.brand-portfolio-intro{gap:24px var(--editorial-gap);grid-template-columns:1fr 1.5fr;padding-block:120px 64px;display:grid}.brand-portfolio-intro .eyebrow{grid-column:1/-1}.brand-portfolio-intro h2{font-size:clamp(36px,4.6vw,64px)}.brand-portfolio-intro>p:last-child{align-self:end;max-width:44ch}.brand-index{border-block:1px solid var(--line);flex-wrap:wrap;margin-bottom:80px;display:flex}.brand-index a{flex:280px;align-items:center;gap:16px;min-height:80px;padding:16px 24px;display:flex}.brand-index a:first-child{padding-left:0}.brand-index a:hover{background:var(--soft)}.brand-index-number,.brand-index-category{color:var(--muted);font-size:12px}.brand-index-category{margin-left:auto}.brand-chapter{padding-block:80px;scroll-margin-top:24px}.brand-chapter--ceraclinic{background:var(--soft)}.brand-chapter-heading{grid-template-columns:1fr auto;align-items:baseline;gap:24px;margin-bottom:48px;display:grid}.brand-chapter-heading .eyebrow{grid-column:1/-1}.brand-chapter-heading h2{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(56px,8vw,120px);line-height:1}.brand-local-name{color:var(--muted)}.brand-chapter-content{align-items:center;gap:var(--editorial-gap);grid-template-columns:1fr 1fr;display:grid}.brand-chapter-image{margin:0}.brand-chapter-image img{width:min(100%,308px);height:auto;margin-inline:auto}.brand-chapter--fraijour .brand-chapter-content{grid-template-columns:1fr}.brand-chapter--fraijour .brand-chapter-image img{width:100%}.brand-chapter--fraijour .brand-chapter-copy{gap:24px var(--editorial-gap);grid-template-columns:1fr 1fr;display:grid}.brand-chapter-copy{max-width:100%}.brand-chapter-copy h3{max-width:22ch;font-size:clamp(24px,2.5vw,36px)}.brand-chapter-copy>p{max-width:44ch;margin-top:24px}.brand-chapter--fraijour .brand-chapter-copy>p{margin-top:0}.brand-product-groups{border-block:1px solid var(--line);flex-wrap:wrap;gap:8px 24px;margin:24px 0;padding:24px 0;font-size:14px;list-style:none;display:flex}.brand-chapter--fraijour .brand-product-groups{margin:0}.brand-chapter--fraijour .brand-chapter-copy .text-link{place-self:center start}.brand-chapter--pedison .brand-chapter-image{order:2}.brand-sourcing{border-top:1px solid var(--line)}@media (width<=860px){.brand-wide{width:calc(100% - 40px)}.brand-story-film{padding-top:calc(108px + env(safe-area-inset-top));padding-bottom:calc(96px + env(safe-area-inset-bottom))}.brand-story-film__media video{object-position:65% 50%}.brand-story-film__copy{width:100%}.brand-story-film__copy h1{font-size:clamp(36px,7vw,56px)}.brand-story-film__copy>p:not(.eyebrow){max-width:30ch;margin-top:20px;font-size:16px}.brand-story-film .film-controls{bottom:calc(24px + env(safe-area-inset-bottom))}.brand-portfolio-intro{grid-template-columns:1fr;padding-block:80px 48px}.brand-index{margin-bottom:32px}.brand-index a{flex-basis:100%;min-height:64px;padding-inline:0}.brand-index a+a{border-top:1px solid var(--line)}.brand-chapter{padding-block:64px}.brand-chapter-heading{gap:16px;margin-bottom:32px}.brand-chapter-heading h2{font-size:clamp(48px,11vw,80px)}.brand-local-name{font-size:14px}.brand-chapter-content,.brand-chapter--fraijour .brand-chapter-copy{grid-template-columns:1fr}.brand-chapter--pedison .brand-chapter-image{order:0}.brand-chapter--fraijour .brand-chapter-copy>p{margin-top:0}.brand-chapter-image{padding-block:24px}.brand-chapter--fraijour .brand-chapter-image{padding:0}}.brand-official-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 32px;padding-bottom:100px;display:grid}.brand-official-card{flex-direction:column;align-items:flex-start;min-width:0;scroll-margin-top:100px;display:flex}.brand-official-image{width:100%;margin:0 0 24px}.brand-official-image a{display:block}.brand-official-image img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.brand-official-heading{width:100%}.brand-official-heading h3{letter-spacing:-.035em;overflow-wrap:anywhere;margin-block:12px 8px;font-size:clamp(26px,2.8vw,42px);line-height:1.1}.brand-official-card>p{word-break:keep-all;overflow-wrap:anywhere;margin-block:24px;line-height:1.8}.brand-official-card>.text-link{min-height:44px;margin-top:auto}.brand-portfolio :focus-visible{outline-offset:5px;outline:2px solid}@media (width<=1100px){.brand-official-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.brand-official-grid{grid-template-columns:minmax(0,1fr);gap:56px;padding-bottom:64px}}
