/* Site-wide CSS scroll motion. Load after the page and photography styles.
   Timelines belong to stationary ancestors, outside photographic overflow.
   The img elements, their framing transforms, navigation and radio controls
   are deliberately excluded. Unsupported browsers retain visible content. */

:root{
 --motion-media-y:64px;
 --motion-copy-y:34px;
 --motion-card-y:60px;
 --motion-material-y:-34px;
 --motion-drift-from:20px;
 --motion-drift-to:-20px;
 --motion-media-opacity:.28;
 --motion-copy-opacity:.45;
 --motion-card-opacity:.25;
}
.line-motion{display:block}

@keyframes site-media-enter{
 from{opacity:var(--motion-media-opacity);transform:translateY(var(--motion-media-y)) scale(.97)}
 to{opacity:1;transform:none}
}
@keyframes site-copy-enter{
 from{opacity:var(--motion-copy-opacity);transform:translateY(var(--motion-copy-y))}
 to{opacity:1;transform:none}
}
@keyframes site-card-enter{
 from{opacity:var(--motion-card-opacity);transform:translateY(var(--motion-card-y))}
 to{opacity:1;transform:none}
}
@keyframes site-material-settle{
 from{opacity:var(--motion-media-opacity);transform:translateY(var(--motion-material-y)) scale(.985)}
 to{opacity:1;transform:none}
}
@keyframes site-map-enter{
 from{opacity:.3;transform:translateY(30px) scale(.88)}
 to{opacity:1;transform:none}
}
@keyframes site-photo-drift{
 0%{opacity:.35;transform:translateY(var(--motion-drift-from))}
 35%{opacity:1}
 100%{opacity:1;transform:translateY(var(--motion-drift-to))}
}
@keyframes site-photo-presence{
 from{opacity:.35}
 to{opacity:1}
}

@media(prefers-reduced-motion:no-preference){
 @supports (animation-timeline:view()) and (animation-range:entry 0% cover 40%){

  /* Common short headings have their own stationary source. */
  #conteudo :is(.section-heading,.origin-heading,.reviews-heading,.catalog-toolbar,.international-heading){view-timeline-name:--site-heading;view-timeline-axis:block}
  #conteudo :is(.section-heading,.origin-heading,.reviews-heading,.catalog-toolbar,.international-heading)>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-heading;
   animation-range:entry 0% cover 40%;
  }

  /* Home: complete photographic frames, separately timed catalogue objects. */
  .nature-section{view-timeline-name:--site-nature;view-timeline-axis:block}
  .nature-photo{
   animation:site-media-enter 1ms linear both;
   animation-timeline:--site-nature;
   animation-range:entry 0% cover 40%;
   transform-origin:50% 50%;
  }
  .nature-caption{view-timeline-name:--site-nature-copy;view-timeline-axis:block}
  .nature-caption>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-nature-copy;
   animation-range:entry 0% entry 95%;
  }
  .line-card{view-timeline-name:--site-line;view-timeline-axis:block}
  .product-card{view-timeline-name:--site-product-card;view-timeline-axis:block}
  :is(.line-card,.product-card){--card-start:0%;--card-end:95%;--motion-card-y:60px}
  :is(.line-card,.product-card):nth-child(3n+2){--card-start:8%;--card-end:100%;--motion-card-y:66px}
  :is(.line-card,.product-card):nth-child(3n){--card-start:16%;--card-end:100%;--motion-card-y:72px}
  .line-motion,.product-card-link{
   animation:site-card-enter 1ms linear both;
   animation-range:entry var(--card-start) entry var(--card-end);
  }
  .line-motion{animation-timeline:--site-line}
  .product-card-link{animation-timeline:--site-product-card}
  :is(.catalog-group--tables,.catalog-group--armchairs,.catalog-group--rocking,.catalog-group--children,.catalog-compact) .product-card:nth-child(odd){--card-start:0%;--card-end:95%;--motion-card-y:60px}
  :is(.catalog-group--tables,.catalog-group--armchairs,.catalog-group--rocking,.catalog-group--children,.catalog-compact) .product-card:nth-child(even){--card-start:12%;--card-end:100%;--motion-card-y:70px}
  .catalog-group--stools>.product-grid>.product-card:nth-child(4n+1){--card-start:0%;--card-end:95%;--motion-card-y:60px}
  .catalog-group--stools>.product-grid>.product-card:nth-child(4n+2){--card-start:6%;--card-end:100%;--motion-card-y:64px}
  .catalog-group--stools>.product-grid>.product-card:nth-child(4n+3){--card-start:12%;--card-end:100%;--motion-card-y:68px}
  .catalog-group--stools>.product-grid>.product-card:nth-child(4n){--card-start:18%;--card-end:100%;--motion-card-y:72px}
  .international-products>.product-card:nth-child(4n+1){--card-start:0%;--card-end:95%;--motion-card-y:60px}
  .international-products>.product-card:nth-child(4n+2){--card-start:6%;--card-end:100%;--motion-card-y:64px}
  .international-products>.product-card:nth-child(4n+3){--card-start:12%;--card-end:100%;--motion-card-y:68px}
  .international-products>.product-card:nth-child(4n){--card-start:18%;--card-end:100%;--motion-card-y:72px}

  .material-essay{view-timeline-name:--site-home-material;view-timeline-axis:block}
  .material-essay>figure{
   animation:site-material-settle 1ms linear both;
   animation-timeline:--site-home-material;
   animation-range:entry 0% entry 95%;
  }
  .material-essay>figure:last-child{--motion-material-y:42px;animation-range:entry 8% entry 100%}
  .business-feature{view-timeline-name:--site-business;view-timeline-axis:block}
  .business-feature .feature-image{
   animation:site-media-enter 1ms linear both;
   animation-timeline:--site-business;
   animation-range:entry 0% cover 40%;
  }
  .feature-copy{view-timeline-name:--site-business-copy;view-timeline-axis:block}
  .feature-copy>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-business-copy;
   animation-range:entry 0% entry 95%;
  }
  .google-review{view-timeline-name:--site-review;view-timeline-axis:block}
  .google-review>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-review;
   animation-range:entry 0% entry 95%;
  }
  .google-review .review-author{animation-range:entry 10% entry 100%}
  .coverage-section{view-timeline-name:--site-coverage;view-timeline-axis:block}
  .coverage-map{
   animation:site-map-enter 1ms linear both;
   animation-timeline:--site-coverage;
   animation-range:entry 0% cover 42%;
   transform-origin:50% 60%;
  }
  .coverage-copy{view-timeline-name:--site-coverage-copy;view-timeline-axis:block}
  .coverage-copy>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-coverage-copy;
   animation-range:entry 0% entry 95%;
  }
  .living-section{view-timeline-name:--site-living;view-timeline-axis:block}
  .living-photo{
   animation:site-photo-drift 1ms linear both;
   animation-timeline:--site-living;
   animation-range:entry 0% exit 100%;
  }
  .living-photo--rocking{--motion-drift-from:-20px;--motion-drift-to:20px}
  .living-copy{view-timeline-name:--site-living-copy;view-timeline-axis:block}
  .living-copy>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-living-copy;
   animation-range:entry 0% entry 95%;
  }

  /* Company: paired story, then an independent source for every material. */
  .story-grid{view-timeline-name:--site-story;view-timeline-axis:block}
  .story-photo{
   animation:site-media-enter 1ms linear both;
   animation-timeline:--site-story;
   animation-range:entry 0% cover 40%;
  }
  .story-copy{view-timeline-name:--site-story-copy;view-timeline-axis:block}
  .story-copy>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-story-copy;
   animation-range:entry 0% entry 95%;
  }
  .material-intro{view-timeline-name:--site-material-intro;view-timeline-axis:block}
  .material-intro>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-material-intro;
   animation-range:entry 0% cover 40%;
  }
  .material-grid>div{view-timeline-name:--site-material-card;view-timeline-axis:block}
  .material-grid>div>.material-photo{
   animation:site-material-settle 1ms linear both;
   animation-timeline:--site-material-card;
   animation-range:entry 0% entry 95%;
  }
  .material-grid>div:nth-child(even){--motion-material-y:42px}
  .material-grid>div>:is(h3,p){
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-material-card;
   animation-range:entry 5% entry 100%;
  }

  /* Professionals: each scope and step is stationary and independently seen. */
  .scope-item{view-timeline-name:--site-scope;view-timeline-axis:block}
  .scope-item>.scope-photo{
   animation:site-media-enter 1ms linear both;
   animation-timeline:--site-scope;
   animation-range:entry 0% entry 95%;
  }
  .scope-item>:is(h3,p){
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-scope;
   animation-range:entry 6% entry 100%;
  }
  .step{view-timeline-name:--site-step;view-timeline-axis:block}
  .step>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-step;
   animation-range:entry 0% entry 95%;
  }
  .faq-layout{view-timeline-name:--site-faq-heading;view-timeline-axis:block}
  .faq-layout>h2{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-faq-heading;
   animation-range:entry 0% cover 40%;
  }

  /* Contact: keep card boundaries, social navigation and address grid steady. */
  .channel{view-timeline-name:--site-contact-card;view-timeline-axis:block}
  .channel>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-contact-card;
   animation-range:entry 0% entry 95%;
  }
  .contact-social-inner{view-timeline-name:--site-social-copy;view-timeline-axis:block}
  .contact-social-inner>div:first-child>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-social-copy;
   animation-range:entry 0% entry 95%;
  }
  .visit-grid{view-timeline-name:--site-visit;view-timeline-axis:block}
  .visit-photo{
   animation:site-media-enter 1ms linear both;
   animation-timeline:--site-visit;
   animation-range:entry 0% cover 40%;
  }
  .visit-grid>div{view-timeline-name:--site-visit-copy;view-timeline-axis:block}
  .visit-grid>div>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-visit-copy;
   animation-range:entry 0% entry 95%;
  }

  /* International: animate outer photographs, never their clipped img. */
  .international-origin-main{view-timeline-name:--site-international-origin;view-timeline-axis:block}
  .international-origin-photo{
   animation:site-media-enter 1ms linear both;
   animation-timeline:--site-international-origin;
   animation-range:entry 0% cover 40%;
  }
  .international-origin-copy{view-timeline-name:--site-international-origin-copy;view-timeline-axis:block}
  .international-origin-copy>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-international-origin-copy;
   animation-range:entry 0% entry 95%;
  }
  .international-buyers{view-timeline-name:--site-international-buyers;view-timeline-axis:block}
  .international-buyers>h3{animation:site-copy-enter 1ms linear both;animation-timeline:--site-international-buyers;animation-range:entry 0% cover 40%}
  .international-buyers li{view-timeline-name:--site-international-buyer;view-timeline-axis:block}
  .international-buyers li>*{animation:site-copy-enter 1ms linear both;animation-timeline:--site-international-buyer;animation-range:entry 0% entry 95%}
  .international-material-grid{view-timeline-name:--site-international-material;view-timeline-axis:block}
  .international-material-grid>figure{
   animation:site-material-settle 1ms linear both;
   animation-timeline:--site-international-material;
   animation-range:entry 0% entry 95%;
  }
  .international-material-grid>figure:last-child{--motion-material-y:42px;animation-range:entry 8% entry 100%}
  .international-application{view-timeline-name:--site-application;view-timeline-axis:block}
  .international-application-photo{
   animation:site-media-enter 1ms linear both;
   animation-timeline:--site-application;
   animation-range:entry 0% cover 40%;
  }
  .international-application-copy{view-timeline-name:--site-application-copy;view-timeline-axis:block}
  .international-application-copy>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-application-copy;
   animation-range:entry 0% entry 95%;
  }
  .international-coverage{view-timeline-name:--site-international-coverage;view-timeline-axis:block}
  .international-coverage-map{animation:site-map-enter 1ms linear both;animation-timeline:--site-international-coverage;animation-range:entry 0% cover 42%;transform-origin:50% 60%}
  .international-coverage-copy{view-timeline-name:--site-international-coverage-copy;view-timeline-axis:block}
  .international-coverage-copy>*{animation:site-copy-enter 1ms linear both;animation-timeline:--site-international-coverage-copy;animation-range:entry 0% entry 95%}
  .international-inquiry{view-timeline-name:--site-international-inquiry;view-timeline-axis:block}
  .international-inquiry-photo{
   animation:site-media-enter 1ms linear both;
   animation-timeline:--site-international-inquiry;
   animation-range:entry 0% cover 40%;
  }
  .international-inquiry-copy{view-timeline-name:--site-international-inquiry-copy;view-timeline-axis:block}
  .international-inquiry-copy>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-international-inquiry-copy;
   animation-range:entry 0% entry 95%;
  }
  .international-faq{view-timeline-name:--site-international-faq-heading;view-timeline-axis:block}
  .international-faq>div:first-child>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-international-faq-heading;
   animation-range:entry 0% cover 40%;
  }
  .international-contact{view-timeline-name:--site-international-contact;view-timeline-axis:block}
  .international-contact>.wrap>div:first-child>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-international-contact;
   animation-range:entry 0% entry 95%;
  }

  /* Product sheet: the main photograph never shifts relative to the title.
     The fieldset, radios and thumbnail labels stay fixed and usable. */
  .product-gallery{view-timeline-name:--site-product-photo;view-timeline-axis:block}
  .product-photos{
   animation:site-photo-presence 1ms linear both;
   animation-timeline:--site-product-photo;
   animation-range:entry 0% cover 40%;
  }
  .product-information{view-timeline-name:--site-product-information;view-timeline-axis:block}
  .product-description{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-product-information;
   animation-range:entry 0% entry 95%;
  }
  .product-specs{view-timeline-name:--site-product-specs;view-timeline-axis:block}
  .product-specs>div{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-product-specs;
   animation-range:entry 0% entry 95%;
  }
  .product-inquiry{view-timeline-name:--site-product-inquiry;view-timeline-axis:block}
  .product-inquiry>*{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-product-inquiry;
   animation-range:entry 0% entry 95%;
  }

  /* Closing copy and footer identity; menus and footer link lists stay fixed. */
  .closing{view-timeline-name:--site-closing;view-timeline-axis:block}
  .closing-inner>div{
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-closing;
   animation-range:entry 0% entry 95%;
  }
  .footer-grid>div{view-timeline-name:--site-footer-column;view-timeline-axis:block}
  .footer-brand>*,.footer-col>:is(h2,p,address){
   --motion-copy-y:24px;
   animation:site-copy-enter 1ms linear both;
   animation-timeline:--site-footer-column;
   animation-range:entry 0% entry 95%;
  }

  /* A focused interactive element and its animated visual context settle
     immediately, so scrolling never delays keyboard access or focus rings. */
  #conteudo :is(.section-heading,.origin-heading,.reviews-heading,.catalog-toolbar,.international-heading,.nature-caption,.feature-copy,.google-review,.coverage-copy,.living-copy,.story-copy,.material-intro,.step,.channel,.international-origin-copy,.international-application-copy,.international-inquiry-copy,.product-inquiry):focus-within>*,
  #conteudo .line-card:focus-visible>.line-motion,
  #conteudo .international-coverage-copy:focus-within>*,
  #conteudo .product-card:focus-within>.product-card-link,
  #conteudo .product-card-link:focus-visible,
  #conteudo .product-gallery:focus-within>.product-photos,
  #conteudo .material-grid>div:focus-within>*,
  #conteudo .scope-item:focus-within>*,
  #conteudo .visit-grid>div:focus-within>*,
  #conteudo .contact-social-inner:focus-within>div:first-child>*,
  #conteudo .international-contact:focus-within>.wrap>div:first-child>*,
  #conteudo .closing-inner:focus-within>div,
  .footer-grid>div:focus-within>:is(a,p,h2,address){animation:none!important;transform:none!important;opacity:1!important}

  @media(max-width:900px){
   .catalog-group--stools>.product-grid>.product-card:nth-child(odd){--card-start:0%;--card-end:95%;--motion-card-y:60px}
   .catalog-group--stools>.product-grid>.product-card:nth-child(even){--card-start:12%;--card-end:100%;--motion-card-y:70px}
   .international-products>.international-product:nth-child(odd){--card-start:0%;--card-end:95%;--motion-card-y:60px}
   .international-products>.international-product:nth-child(even){--card-start:12%;--card-end:100%;--motion-card-y:70px}
   .international-application-photo{animation-range:cover 28% cover 65%}
  }
  @media(max-width:700px){
   /* Aurora's picture follows its introduction in the mobile document. */
   .product-photos{animation-range:entry 0% cover 42%}
  }
  @media(max-width:600px){
   :root{--motion-media-y:36px;--motion-copy-y:28px;--motion-material-y:-28px;--motion-media-opacity:.35;--motion-copy-opacity:.35;--motion-card-opacity:.35;--motion-drift-from:14px;--motion-drift-to:-14px}
   :is(.line-card,.product-card):nth-child(odd){--card-start:0%;--card-end:95%;--motion-card-y:32px}
   :is(.line-card,.product-card):nth-child(even){--card-start:10%;--card-end:100%;--motion-card-y:40px}
   :is(.catalog-group--tables,.catalog-group--armchairs,.catalog-group--rocking,.catalog-group--children,.catalog-compact) .product-card:nth-child(odd),
   .catalog-group--stools>.product-grid>.product-card:nth-child(odd){--card-start:0%;--card-end:95%;--motion-card-y:32px}
   :is(.catalog-group--tables,.catalog-group--armchairs,.catalog-group--rocking,.catalog-group--children,.catalog-compact) .product-card:nth-child(even),
   .catalog-group--stools>.product-grid>.product-card:nth-child(even){--card-start:10%;--card-end:100%;--motion-card-y:40px}
   .international-products>.international-product:nth-child(odd){--motion-card-y:32px}
   .international-products>.international-product:nth-child(even){--motion-card-y:40px}
   .material-essay>figure:last-child,.material-grid>div:nth-child(even),.international-material-grid>figure:last-child{--motion-material-y:32px}
   .living-photo--rocking{--motion-drift-from:-14px;--motion-drift-to:14px}
   /* These photographs follow long copy when their grid becomes one column.
      Later cover intervals prevent them finishing before reaching the screen. */
   .story-photo{animation-range:cover 28% cover 68%}
   .international-origin-photo{animation-range:cover 34% cover 72%}
   .international-inquiry-photo{animation-range:cover 30% cover 70%}
   .international-application-photo{animation-range:cover 28% cover 68%}
   .coverage-map{animation-range:cover 25% cover 68%}
   .international-coverage-map{animation-range:cover 25% cover 68%}
   .footer-brand>*,.footer-col>:is(h2,p,address){--motion-copy-y:28px}
  }
 }
}

/* Only wrapper transforms are reset. Photo framing transforms are untouched. */
@media(prefers-reduced-motion:reduce){
 #conteudo .international-coverage-map,#conteudo .international-coverage-copy>*{animation:none!important;transform:none!important;opacity:1!important}
 #conteudo .international-buyers>h3,#conteudo .international-buyers li>*{animation:none!important;transform:none!important;opacity:1!important}
 html{scroll-behavior:auto!important}
 .hero-image,.hero-content>*{animation:none!important}
 #conteudo :is(.section-heading,.origin-heading,.reviews-heading,.catalog-toolbar,.international-heading,.nature-caption,.feature-copy,.google-review,.coverage-copy,.living-copy,.story-copy,.material-intro,.step,.channel,.international-origin-copy,.international-application-copy,.international-inquiry-copy,.product-inquiry)>*,
 #conteudo :is(.nature-photo,.line-motion,.product-card-link,.feature-image,.coverage-map,.living-photo,.story-photo,.scope-photo,.visit-photo,.international-origin-photo,.international-application-photo,.international-inquiry-photo,.product-photos,.product-description),
 #conteudo .material-essay>figure,#conteudo .material-grid>div>*,#conteudo .international-material-grid>figure,
 #conteudo .scope-item>:is(h3,p),#conteudo .faq-layout>h2,#conteudo .visit-grid>div>*,#conteudo .contact-social-inner>div:first-child>*,
 #conteudo .international-faq>div:first-child>*,#conteudo .international-contact>.wrap>div:first-child>*,#conteudo .product-specs>div,#conteudo .closing-inner>div,
 .footer-brand>*,.footer-col>:is(h2,p,address){animation:none!important;transform:none!important;opacity:1!important}
}
@media print{
 #conteudo .international-coverage-map,#conteudo .international-coverage-copy>*{animation:none!important;transform:none!important;opacity:1!important}
 #conteudo .international-buyers>h3,#conteudo .international-buyers li>*{animation:none!important;transform:none!important;opacity:1!important}
 html{scroll-behavior:auto!important}
 .hero-image,.hero-content>*{animation:none!important}
 #conteudo :is(.section-heading,.origin-heading,.reviews-heading,.catalog-toolbar,.international-heading,.nature-caption,.feature-copy,.google-review,.coverage-copy,.living-copy,.story-copy,.material-intro,.step,.channel,.international-origin-copy,.international-application-copy,.international-inquiry-copy,.product-inquiry)>*,
 #conteudo :is(.nature-photo,.line-motion,.product-card-link,.feature-image,.coverage-map,.living-photo,.story-photo,.scope-photo,.visit-photo,.international-origin-photo,.international-application-photo,.international-inquiry-photo,.product-photos,.product-description),
 #conteudo .material-essay>figure,#conteudo .material-grid>div>*,#conteudo .international-material-grid>figure,
 #conteudo .scope-item>:is(h3,p),#conteudo .faq-layout>h2,#conteudo .visit-grid>div>*,#conteudo .contact-social-inner>div:first-child>*,
 #conteudo .international-faq>div:first-child>*,#conteudo .international-contact>.wrap>div:first-child>*,#conteudo .product-specs>div,#conteudo .closing-inner>div,
 .footer-brand>*,.footer-col>:is(h2,p,address){animation:none!important;transform:none!important;opacity:1!important}
}