/* 20261012觀自在工藝｜紙藝攝影標題背景；只選取引言區，避免商品及情境照片。 */
body.gb-theme-ring{--gb-heading-background:var(--gb-background-ring)}
body.gb-theme-macro{--gb-heading-background:var(--gb-background-macro)}
body.gb-theme-house{--gb-heading-background:var(--gb-background-house)}
body.gb-theme-lotus{--gb-heading-background:var(--gb-background-lotus)}
body.gb-theme-table{--gb-heading-background:var(--gb-background-table)}
body.gb-bg-home .gb-philosophy{--gb-heading-background:var(--gb-background-macro)}
body.gb-bg-home .gb-products{--gb-heading-background:var(--gb-background-ring)}
body.gb-bg-home .gb-custom{--gb-heading-background:var(--gb-background-table)}
body.gb-bg-home .gb-craft{--gb-heading-background:var(--gb-background-macro)}
body.gb-bg-home .gb-vision{--gb-heading-background:var(--gb-background-lotus)}
.ga-page.gb-page-backgrounds .gb-page-hero>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
.ga-page.gb-page-backgrounds:not(.gb-bg-home) :is(.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
.ga-page.gb-page-backgrounds:not(.gb-bg-products) .gb-catalog-section .guan-catalog__intro,
.ga-page.gb-bg-home :is(.gb-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap{
  position:relative;isolation:isolate;background-color:#f7f5ef;
  background-image:linear-gradient(90deg,rgba(249,247,242,.96) 0%,rgba(249,247,242,.94) 55%,rgba(249,247,242,.82) 62%,rgba(249,247,242,.05) 100%),var(--gb-heading-background);
  background-position:center,right center;background-size:cover;background-repeat:no-repeat;
  min-height:330px;padding:54px 48px 58px;box-sizing:border-box;
}
.ga-page.gb-page-backgrounds .gb-page-hero{padding:40px 0 28px}
.ga-page.gb-page-backgrounds:not(.gb-bg-products) .gb-catalog-section .guan-catalog__intro{margin:0 0 35px;max-width:none;width:100%;text-align:left}
.ga-page.gb-page-backgrounds:not(.gb-bg-products) .gb-catalog-section .guan-catalog__intro>:is(h1,h2)::before{margin-left:0;margin-right:0}
.ga-page.gb-page-backgrounds .gb-page-hero .gb-title,
.ga-page.gb-page-backgrounds .gb-page-hero :is(.gb-subtitle,.gb-prose),
.ga-page.gb-page-backgrounds:not(.gb-bg-products) .gb-catalog-section .guan-catalog__intro>:not(.gb-background-note){max-width:62%}
.ga-page.gb-page-backgrounds .gb-page-hero .elementor-heading-title,
.ga-page.gb-page-backgrounds .guan-catalog__intro :is(h1,h2),
.ga-page.gb-bg-home :is(.gb-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child .elementor-heading-title{color:#27342c}
.ga-page.gb-page-backgrounds .gb-page-hero :is(.elementor-widget-text-editor,p),
.ga-page.gb-page-backgrounds .guan-catalog__intro p,
.ga-page.gb-bg-home :is(.gb-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child .elementor-widget-text-editor{color:#49564b}
.ga-page.gb-page-backgrounds .gb-page-hero .gb-eyebrow p,
.ga-page.gb-page-backgrounds .guan-catalog__intro .guan-eyebrow,
.ga-page.gb-bg-home :is(.gb-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child .gb-eyebrow p{color:#495e50}
.ga-page.gb-page-backgrounds .gb-background-note{position:absolute;left:48px;bottom:16px;color:#48564b;font-size:10px;line-height:1.6;letter-spacing:.08em;background:rgba(249,247,242,.86);padding:3px 7px;z-index:1}
.ga-page.gb-bg-home :is(.gb-hero,.gb-custom,.gb-craft)>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap{
  background-image:linear-gradient(90deg,rgba(249,247,242,.96) 0%,rgba(249,247,242,.82) 62%,rgba(249,247,242,.78) 100%),var(--gb-heading-background);
  padding:38px 30px 56px;background-position:center,70% center;
}
.ga-page.gb-bg-home :is(.gb-hero,.gb-custom,.gb-craft) .gb-background-note{left:30px}
.ga-page.gb-bg-home :is(.gb-philosophy,.gb-products,.gb-vision)>.elementor-container>.elementor-column:first-child :is(.gb-title,.gb-subtitle,.gb-prose){max-width:62%}
.ga-page.gb-bg-home :is(.gb-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap>.gb-button{flex-basis:100%;justify-content:flex-start;margin:12px 0 0!important}
@media(max-width:900px){
  .ga-page.gb-page-backgrounds .gb-page-hero>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
.ga-page.gb-page-backgrounds:not(.gb-bg-home) :is(.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
  .ga-page.gb-page-backgrounds:not(.gb-bg-products) .gb-catalog-section .guan-catalog__intro,
  .ga-page.gb-bg-home :is(.gb-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap{
    padding:42px 30px 55px;background-position:center,78% center;
    background-image:linear-gradient(90deg,rgba(249,247,242,.96) 0%,rgba(249,247,242,.91) 65%,rgba(249,247,242,.82) 100%),var(--gb-heading-background);
  }
  .ga-page.gb-page-backgrounds .gb-background-note{left:30px}
}
@media(max-width:767px){
  .ga-page.gb-page-backgrounds .gb-page-hero>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
.ga-page.gb-page-backgrounds:not(.gb-bg-home) :is(.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
  .ga-page.gb-page-backgrounds:not(.gb-bg-products) .gb-catalog-section .guan-catalog__intro,
  .ga-page.gb-bg-home :is(.gb-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap{min-height:280px;padding:36px 22px 52px}
  .ga-page.gb-page-backgrounds .gb-page-hero :is(.gb-title,.gb-subtitle,.gb-prose),
  .ga-page.gb-page-backgrounds:not(.gb-bg-products) .gb-catalog-section .guan-catalog__intro>:not(.gb-background-note),
  .ga-page.gb-bg-home :is(.gb-philosophy,.gb-products,.gb-vision)>.elementor-container>.elementor-column:first-child :is(.gb-title,.gb-subtitle,.gb-prose){max-width:100%}
  .ga-page.gb-page-backgrounds .gb-background-note{left:22px;bottom:14px;font-size:9px}
  .ga-page.gb-page-backgrounds .gb-page-hero{padding:24px 0 20px}
}

.ga-page.gb-page-backgrounds:not(.gb-bg-home) :is(.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child :is(.elementor-heading-title){color:#27342c}
.ga-page.gb-page-backgrounds:not(.gb-bg-home) :is(.gb-custom,.gb-craft,.gb-vision)>.elementor-container>.elementor-column:first-child :is(.elementor-widget-text-editor,p){color:#49564b}
.ga-page.gb-page-backgrounds:not(.gb-bg-home) :is(.gb-custom,.gb-craft)>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap{background-image:linear-gradient(90deg,rgba(249,247,242,.96) 0%,rgba(249,247,242,.91) 62%,rgba(249,247,242,.78) 100%),var(--gb-heading-background);padding:38px 30px 56px;background-position:center,right bottom}
.ga-page.gb-bg-vision .gb-vision>.elementor-container>.elementor-column:first-child :is(.gb-title,.gb-subtitle,.gb-prose){max-width:62%}
@media(max-width:767px){.ga-page.gb-bg-vision .gb-vision>.elementor-container>.elementor-column:first-child :is(.gb-title,.gb-subtitle,.gb-prose){max-width:100%}}

.ga-page.gb-page-backgrounds .gb-background-region .gb-button .elementor-button{background:#596653;border-color:#596653;color:#fff}
.ga-page.gb-page-backgrounds .gb-background-region .gb-button .elementor-button:hover{background:#45503f;border-color:#45503f}

/* 1.4.7: reuse the native header navigation; presentation-only disclosure. */
.gb-mobile-nav-toggle,.gb-mobile-category-label{display:none}
@media(max-width:900px){
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready>.elementor-container{flex-wrap:nowrap;align-items:center;gap:12px;padding:16px 24px;min-height:88px}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-mobile-brand-column{width:auto!important;flex:1 1 auto;min-width:0}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-mobile-nav-column{width:44px!important;flex:0 0 44px;z-index:120}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .elementor-widget-wrap{align-content:center}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-wordmark{margin:0;max-width:100%}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav{position:relative;width:44px;margin:0}
  .ga-page.gb-page-backgrounds .gb-header .gb-mobile-nav-toggle:not([hidden]){display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;color:#27342c;background:#faf9f5;border:1px solid #c8cebf;border-radius:10px;box-shadow:none;cursor:pointer}
  .ga-page.gb-page-backgrounds .gb-header .gb-mobile-nav-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
  .ga-page.gb-page-backgrounds .gb-header .gb-menu-close-icon{display:none}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-open .gb-menu-open-icon{display:none}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-open .gb-menu-close-icon{display:block}
  .ga-page.gb-page-backgrounds .gb-header .gb-mobile-nav-toggle:focus-visible{outline:2px solid #65755a;outline-offset:4px}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav nav[hidden]{display:none!important}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav nav:not([hidden]){position:absolute;top:calc(100% + 17px);right:0;left:auto;width:min(360px,calc(100vw - 48px));max-height:min(640px,calc(100vh - 114px));max-height:min(640px,calc(100dvh - 114px));overflow:auto;overscroll-behavior:contain;display:flex!important;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:0;font-size:13px;letter-spacing:.06em;padding:12px 18px 16px;background:#fcfbf7;border:1px solid #d4d9cb;border-radius:12px;box-shadow:0 18px 44px #27342c24;z-index:130;animation:gb-menu-reveal .14s ease-out}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav .gb-nav-item{display:block;flex:0 0 auto;width:100%!important;min-width:0}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav .gb-nav-item>a{display:flex;align-items:center;min-height:44px;font-size:14px;padding:10px 4px;color:#27342c}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav a:focus-visible,.ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav summary:focus-visible{outline:2px solid #65755a;outline-offset:1px;border-radius:4px}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav-categories{padding-bottom:9px;margin-bottom:5px;border-bottom:1px solid #e2e5dc}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav-categories summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 4px;font-size:13px;color:#526447}
  .ga-page.gb-page-backgrounds .gb-header .gb-mobile-category-label{display:inline}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav-dropdown{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;min-width:0;padding:5px 4px 8px;margin:0;background:transparent;border:0;box-shadow:none}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav-categories:not([open]) .gb-nav-dropdown{display:none}
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav-dropdown a{display:flex;align-items:center;min-height:40px;padding:8px 0;font-size:13px;white-space:normal;overflow-wrap:anywhere;color:#49564b}
  .ga-page.gb-page-backgrounds .gb-background-region{background-image:linear-gradient(90deg,rgba(249,247,242,.96) 0%,rgba(249,247,242,.93) 50%,rgba(249,247,242,.84) 68%,rgba(249,247,242,.03) 100%),var(--gb-heading-background)!important;background-size:100% 100%,auto 360px!important;background-position:center,right -68px top 16px!important;background-repeat:no-repeat;min-height:350px!important}
  .ga-page.gb-page-backgrounds .gb-background-region :is(.gb-title,.gb-subtitle){max-width:74%!important}
  .ga-page.gb-page-backgrounds .gb-background-region .gb-prose{max-width:64%!important}
  .ga-page.gb-page-backgrounds .gb-background-region .gb-button{justify-content:flex-start;max-width:74%}
  .ga-page.gb-page-backgrounds:not(.gb-bg-products) .guan-catalog__intro.gb-background-region>p{max-width:64%!important}
}
@media(max-width:767px){
  .ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready>.elementor-container{padding:14px 20px;min-height:84px}
  .ga-page.gb-page-backgrounds .gb-background-region{background-size:100% 100%,auto 280px!important;background-position:center,right -50px top 20px!important;min-height:340px!important}
  .ga-page.gb-page-backgrounds .gb-background-region :is(.gb-title,.gb-subtitle){max-width:74%!important}
  .ga-page.gb-page-backgrounds .gb-background-region .gb-prose{max-width:64%!important}
  .ga-page.gb-page-backgrounds .gb-background-region .gb-button{justify-content:flex-start;max-width:74%}
  .ga-page.gb-page-backgrounds:not(.gb-bg-products) .guan-catalog__intro.gb-background-region>:not(.gb-background-note){max-width:74%}
  .ga-page.gb-page-backgrounds:not(.gb-bg-products) .guan-catalog__intro.gb-background-region>p{max-width:64%!important}
  .ga-page.gb-page-backgrounds .gb-background-region .gb-background-note{max-width:calc(100% - 44px)}
}
@keyframes gb-menu-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ga-page.gb-page-backgrounds .gb-header.gb-mobile-nav-ready .gb-nav nav{animation:none}}
