.gallery-body{background:#f4f3ec}.gallery-header .brand-motto{font-size:9px}.gallery-main{padding-top:65px;padding-bottom:90px}.gallery-intro{grid-template-columns:1fr 230px;gap:70px;display:grid}.gallery-intro h1{max-width:950px;padding-top:22px;font-size:clamp(48px,6.5vw,96px)}.gallery-lead{color:var(--muted);max-width:780px;margin-top:25px;font-size:18px;line-height:1.7}.gallery-number{font-family:var(--display);letter-spacing:-.09em;align-self:end;font-size:170px;line-height:1}.gallery-how{border-block:1px solid var(--line);align-items:center;gap:45px;margin-top:45px;padding:25px 0;display:flex}.gallery-step{white-space:nowrap;align-items:center;gap:18px;font-size:12px;display:flex}.gallery-step b{font-size:28px;font-weight:450}.gallery-how>p{color:var(--muted);max-width:790px;font-size:11px;line-height:1.8}.gallery-controls{justify-content:space-between;align-items:end;gap:40px;margin-top:40px;display:flex}.gallery-filters{flex-wrap:wrap;gap:8px;display:flex}.gallery-filters button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:30px;padding:10px 16px;font-size:12px}.gallery-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery-search{gap:6px;width:100%;min-width:200px;max-width:260px;font-size:10px;display:grid}.gallery-search input{border:0;border-bottom:1px solid var(--ink);width:100%;color:var(--ink);background:0 0;border-radius:0;padding:11px 0;font-size:15px}.gallery-result{color:var(--muted);text-align:end;margin-top:25px;margin-bottom:20px;font-size:11px}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 30px;display:grid}.demo-card{min-width:0}.gallery-visual{background:var(--sector);isolation:isolate;display:block;position:relative;overflow:hidden}.gallery-visual>img{object-fit:cover;height:335px;transition:transform .5s}.gallery-visual:hover>img{transform:scale(1.05)}.gallery-visual:after{content:"";z-index:0;background:linear-gradient(#101c1e35,#101c1e08 25%,#101c1eb8);position:absolute;inset:0}.gallery-visual-copy{color:#fff9ed;z-index:1;flex-direction:column;justify-content:space-between;align-items:start;display:flex;position:absolute;inset:27px}.gallery-brand{letter-spacing:-.025em;text-shadow:0 1px 6px #0005;max-width:80%;font-family:Georgia,serif;font-size:22px;line-height:1.2}.gallery-visual-copy>p{letter-spacing:-.035em;text-shadow:0 1px 15px #0005;max-width:90%;margin-block:auto 17px;padding-top:70px;font-family:Georgia,serif;font-size:36px;line-height:1.08}.variant-athletic .gallery-visual-copy>p,.variant-workshop .gallery-visual-copy>p,.variant-automotive .gallery-visual-copy>p,.variant-precision .gallery-visual-copy>p{font-family:var(--display);letter-spacing:-.06em;text-transform:uppercase;font-size:34px;font-weight:750}.variant-athletic .gallery-visual-copy{color:#e5f4bc}.variant-workshop .gallery-visual-copy{color:#f7df83}.variant-botanical .gallery-brand,.variant-ritual .gallery-brand{font-style:italic}.demo-card-title{align-items:start;gap:15px;margin-top:23px;display:flex}.demo-card-title>span{color:var(--muted);margin-top:6px;font-size:10px}.demo-card h2{letter-spacing:-.035em;font-size:23px;line-height:1.25}.gallery-feature-tags{flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none;display:flex}.gallery-feature-tags>li{border:1px solid var(--line);border-radius:30px;padding:4px 9px;font-size:9px;line-height:1.5}.demo-card-actions{border-bottom:1px solid var(--line);padding-block:20px 13px;display:flex}.demo-card-actions a{justify-content:space-between;align-items:center;gap:30px;width:100%;font-size:11px;font-weight:650;display:flex}.gallery-empty{padding:60px 0;font-size:18px}.gallery-disclaimer{color:#52604e;background:#e4e7db;gap:12px;margin-top:70px;padding:30px;font-size:12px;display:grid}.gallery-body [hidden]{display:none!important}.examples-preview{border-top:1px solid var(--line)}.examples-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.examples-home-card{min-width:0}.examples-home-card>div{background:var(--sector-bg);overflow:hidden}.examples-home-card img{object-fit:cover;width:100%;height:270px;transition:transform .35s}.examples-home-card:hover img{transform:scale(1.04)}.examples-home-card h3{letter-spacing:-.03em;justify-content:space-between;gap:15px;margin-top:17px;font-size:20px;line-height:1.3;display:flex}.examples-home-card h3 span{font-size:21px}@media (width<=1100px){.demo-grid{grid-template-columns:1fr 1fr}.gallery-controls{flex-wrap:wrap;gap:25px}.gallery-search{max-width:none}.gallery-intro{grid-template-columns:1fr 160px;gap:30px}.gallery-number{font-size:130px}.gallery-visual>img{height:350px}}@media (width<=700px){.gallery-main{padding-top:38px}.gallery-header .main-nav{gap:14px;margin-inline:12px;font-size:10px}.gallery-header{gap:8px;height:100px}.gallery-intro{grid-template-columns:1fr;gap:0}.gallery-intro h1{padding-top:18px;font-size:48px}.gallery-number{display:none}.gallery-lead{margin-top:20px;font-size:15px}.gallery-how{align-items:start;gap:25px;margin-top:30px;padding:22px 0}.gallery-step{white-space:normal;gap:10px;font-size:10px}.gallery-step b{font-size:25px}.gallery-how p{font-size:10px}.gallery-controls{gap:20px;margin-top:26px}.gallery-filters{gap:6px}.gallery-filters button{padding:8px 12px;font-size:11px}.gallery-search{max-width:none}.demo-grid{grid-template-columns:1fr;gap:40px}.gallery-visual>img{height:355px}.gallery-visual-copy{inset:28px}.gallery-visual-copy>p{max-width:90%;font-size:40px}.gallery-brand,.demo-card h2{font-size:25px}.gallery-feature-tags>li{font-size:10px}.demo-card-actions a{font-size:12px}.gallery-disclaimer{margin-top:40px;padding:22px;font-size:11px}.gallery-header .language-options{max-height:65vh}.examples-home-grid{grid-template-columns:1fr;gap:30px}.examples-home-card img{height:270px}.examples-home-card h3{font-size:22px}}@media (prefers-reduced-motion:reduce){.gallery-visual>img,.examples-home-card img{transition:none}}.demo-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 32px}.demo-card{grid-column:span 4}.demo-card:nth-child(12n+1){grid-column:span 7}.demo-card:nth-child(12n+2){grid-column:span 5}.demo-card:nth-child(12n+3),.demo-card:nth-child(12n+4){grid-column:span 6}.gallery-visual{min-height:355px}.gallery-visual>img{height:355px}.demo-card:nth-child(12n+1) .gallery-visual,.demo-card:nth-child(12n+2) .gallery-visual{min-height:440px}.demo-card:nth-child(12n+1) .gallery-visual>img,.demo-card:nth-child(12n+2) .gallery-visual>img{height:440px}.gallery-caption{color:var(--muted);max-width:460px;margin-top:16px;font-size:13px;line-height:1.65}.gallery-feature-tags{margin-top:14px}.gallery-visual-copy>p{margin-block:auto 15px;padding-top:70px;font-size:clamp(27px,3vw,48px)}.gallery-brand{font-size:20px}.gallery-visual-copy{inset:28px}.demo-card[data-direction=atelier] .gallery-visual{background:var(--sector-bg)}.demo-card[data-direction=atelier] .gallery-visual>img{filter:brightness(.8);border-radius:140px 0 0;width:68%;margin-inline-start:auto}.demo-card[data-direction=atelier] .gallery-visual:after{background:linear-gradient(90deg,#201b1a88,#0000)}.demo-card[data-direction=atelier] .gallery-visual-copy>p{max-width:85%;font-style:italic}.demo-card[data-direction=gallery] .gallery-visual{background:#ded6c8;padding:115px 18px 18px}.demo-card[data-direction=gallery] .gallery-visual>img{object-fit:cover;height:230px!important}.demo-card[data-direction=gallery] .gallery-visual:after{display:none}.demo-card[data-direction=gallery] .gallery-visual-copy{color:#473b30;inset:22px 25px}.demo-card[data-direction=gallery] .gallery-brand{text-shadow:none;font-size:15px}.demo-card[data-direction=gallery] .gallery-visual-copy>p{max-width:95%;text-shadow:none;margin:12px 0 auto;padding:0;font-size:30px;line-height:1.08}.demo-card[data-direction=utility] .gallery-visual{background:var(--sector);padding-top:125px}.demo-card[data-direction=utility] .gallery-visual>img{object-fit:cover;filter:brightness(.8);height:230px}.demo-card[data-direction=utility] .gallery-visual:after{background:linear-gradient(#0c181b88,#0000)}.demo-card[data-direction=utility] .gallery-visual-copy>p{font:750 32px/1.02 var(--display);text-transform:uppercase;margin:15px 0 auto;padding:0}.demo-card[data-direction=calm] .gallery-visual{background:var(--sector-bg);padding:24px 24px 0}.demo-card[data-direction=calm] .gallery-visual>img{filter:brightness(.65);border-radius:150px 150px 0 0;height:331px}.demo-card[data-direction=calm] .gallery-visual:after{background:0 0}.demo-card[data-direction=calm] .gallery-visual-copy>p{font-size:34px}.demo-card[data-direction=blueprint] .gallery-visual>img{filter:brightness(.75);width:85%;margin-inline-start:auto}.demo-card[data-direction=performance] .gallery-visual{background:#cce58c;padding:25px}.demo-card[data-direction=performance] .gallery-visual>img{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);filter:brightness(.6);height:305px}.demo-card[data-direction=performance] .gallery-visual-copy{color:#e9ffc9}.demo-card[data-direction=journal] .gallery-visual{border:9px solid var(--sector-bg)}.demo-card[data-direction=journal] .gallery-visual-copy>p{font-style:italic}.demo-card[data-direction=portal] .gallery-visual-copy>p{font:550 36px/1.1 var(--display)}@media (width<=1100px){.demo-grid{grid-template-columns:1fr 1fr;gap:45px 25px}.demo-card,.demo-card:nth-child(n){grid-column:auto}.gallery-visual-copy>p{font-size:34px}.gallery-visual,.demo-card:nth-child(n) .gallery-visual{min-height:370px}.gallery-visual>img,.demo-card:nth-child(n) .gallery-visual>img{height:370px}.demo-card[data-direction=gallery] .gallery-visual-copy>p{font-size:30px}}@media (width<=700px){.demo-grid{grid-template-columns:1fr;gap:45px}.gallery-visual,.demo-card:nth-child(n) .gallery-visual{min-height:360px}.gallery-visual>img,.demo-card:nth-child(n) .gallery-visual>img{height:360px}.gallery-visual-copy{inset:25px}.gallery-visual-copy>p{max-width:95%;font-size:38px}.demo-card[data-direction=gallery] .gallery-visual-copy>p{font-size:31px}.demo-card[data-direction=gallery] .gallery-visual{padding-top:125px}.demo-card[data-direction=utility] .gallery-visual-copy>p{font-size:34px}.demo-card[data-direction=calm] .gallery-visual-copy>p{font-size:38px}.gallery-caption{margin-top:14px;font-size:12px}.demo-card h2{font-size:25px}.gallery-brand{font-size:22px}.gallery-feature-tags{gap:6px}.gallery-feature-tags>li{font-size:9px}.demo-card[data-direction=performance] .gallery-visual>img{height:310px}.demo-card[data-direction=gallery] .gallery-visual>img{height:235px!important}}.gallery-visual>img{object-fit:cover;width:100%}
