@charset "UTF-8";/*!
foundation > reset
------------------------------
*/*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:100%}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}/*!
foundation > base
------------------------------
*//*!
global > breakpoints
------------------------------
*//*!
global > color
------------------------------
*/:root{--premium-bg: #f7f5f0;--premium-surface: #ffffff;--premium-ink: #111816;--premium-muted: #6d746f;--premium-green: #1f6f5d;--premium-green-hover: #37806b;--premium-green-active: #155747;--premium-green-dark: #0d2b24;--premium-green-soft: #eaf4ef;--premium-green-soft-hover: #dceee6;--premium-gold: #b89b5e;--premium-line: #e1ded6;--premium-shadow: 0 18px 48px rgba(17, 24, 22, .08);--premium-ease: cubic-bezier(.22, 1, .36, 1);--color-bg-primary: var(--premium-green);--color-bg-primary-light: rgba(31, 111, 93, .1);--color-bg-secondary: #eeece7;--color-bg-base: var(--premium-bg);--color-bg-white: var(--premium-surface);--color-bg-black: var(--premium-green-dark);--color-bg-accent: #ffa601;--color-bg-accent-light-green: var(--premium-green-soft);--color-border-gray: var(--premium-line);--color-border-primary: var(--premium-green);--color-border-black: var(--premium-green-dark);--color-border-white: #ffffff;--color-font-primary: var(--premium-green);--color-font-base: var(--premium-muted);--color-font-black: var(--premium-ink);--color-font-white: #ffffff;--color-font-link: #0066cc;--color-font-attention: #d93025;--color-font-gray: #999999;--color-font-accent: var(--premium-green);--color-accent-light: var(--premium-green-soft);--color-accent-dark: #37806b;--color-work-grill-makoto: #A6422F;--color-work-cat-village: #7F4611;--color-work-dolomiti: #E1718E;--color-work-kaju-blog: #C4722D;--color-work-matsuyama-clinic: #3AAF8C;--color-work-coding-info: #2C8BC5;--color-work-supple: #9A7B4F;--color-work-morisita: #4C688F;--color-work-company: #B9998C;--color-work-portfolio-system: #694A8E}/*!
global > content-width
------------------------------
*/:root{--width-content: 1200px;--width-content-s: 800px;--width-content-l: 1400px}/*!
global > font
------------------------------
*/:root{--font-family-base: "Noto Sans JP", sans-serif;--font-family-en: "Montserrat", sans-serif;--font-family-en-alt: "Montserrat Alternates", sans-serif;--font-family-jp: "Noto Sans JP", sans-serif}/*!
global > mixin
------------------------------
*/html{scroll-behavior:auto;scroll-padding-top:72px;overflow-x:clip}@media screen and (min-width: 768px){html{scroll-padding-top:80px}}body{font-family:var(--font-family-base);font-size:14px;font-weight:400;line-height:1.8;color:var(--premium-ink);background-color:var(--premium-bg);font-feature-settings:"palt" 1}@media screen and (min-width: 768px){body{font-size:16px}}main{padding-top:72px}@media screen and (min-width: 768px){main{padding-top:80px}}a{transition:color .24s var(--premium-ease),background-color .24s var(--premium-ease),border-color .24s var(--premium-ease),transform .24s var(--premium-ease),opacity .24s var(--premium-ease)}@media (hover: hover){a:hover{opacity:.7}}img{width:100%;height:auto}/*!
utility
------------------------------
*/.u-visually-hidden{position:absolute!important;white-space:nowrap!important;width:1px!important;height:1px!important;overflow:hidden!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;margin:-1px!important}.js-reveal{opacity:0;transform:translateY(16px);transition:opacity .64s var(--premium-ease),transform .64s var(--premium-ease);transition-delay:var(--reveal-delay, 0ms)}.js-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js-reveal{opacity:1;transform:none}}/*!
component > button
------------------------------
*/.c-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-font-base);background-color:#f8f8f8;border-radius:8px;transition:opacity .2s ease;cursor:pointer;border:none}@media (hover: hover){.c-button:hover{opacity:.7}}.c-button--primary{color:var(--color-font-white);background-color:var(--color-bg-primary)}@media (hover: hover){.c-button--primary:hover{opacity:1;background-color:var(--premium-green-hover)}}.c-button--primary:active{background-color:var(--premium-green-active)}.c-button--accent{color:var(--color-font-white);background-color:var(--color-bg-accent)}.c-button--center{margin-inline:auto}.c-button-cta{display:inline-flex;align-items:center;gap:4px;padding:12px;font-size:16px;font-weight:700;color:#fff;background-color:var(--premium-green);border:1px solid var(--premium-green);border-radius:8px;box-shadow:0 12px 28px #1f6f5d2e;transition:background-color .24s var(--premium-ease),border-color .24s var(--premium-ease),transform .24s var(--premium-ease),box-shadow .24s var(--premium-ease);width:100%;justify-content:center}@media screen and (min-width: 500px){.c-button-cta{gap:16px;font-size:16px;padding:14px 28px}}@media screen and (min-width: 768px){.c-button-cta{font-size:18px;padding:14px 28px;width:fit-content}}.c-button-cta:hover{opacity:1;background-color:var(--premium-green-hover);border-color:var(--premium-green-hover);transform:translateY(-1px);box-shadow:0 16px 34px #1f6f5d3d}.c-button-cta:active{background-color:var(--premium-green-active);border-color:var(--premium-green-active);transform:translateY(0)}.c-button-cta:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}.c-button-cta__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:transform .24s var(--premium-ease)}.c-button-cta__icon img{width:32px;height:32px}.c-button-cta:hover .c-button-cta__icon{transform:translate(3px)}/*!
component > sticky-cta
------------------------------
*/.c-sticky-cta{position:fixed;right:0;bottom:0;left:0;z-index:90;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#f7f5ef00,#f7f5efeb 36%,#f7f5effa);pointer-events:none;opacity:0;transform:translateY(100%);transition:opacity .28s var(--premium-ease),transform .28s var(--premium-ease)}.c-sticky-cta[data-visible=true]{opacity:1;transform:translateY(0);pointer-events:auto}.c-sticky-cta.is-reduced-motion{transition:none}@media screen and (min-width: 768px){.c-sticky-cta{padding:20px 24px calc(20px + env(safe-area-inset-bottom,0px));display:flex;justify-content:flex-end;background:transparent}}.c-sticky-cta__button.c-button-cta{width:100%;max-width:480px;margin-inline:auto}@media screen and (min-width: 768px){.c-sticky-cta__button.c-button-cta{width:fit-content;margin-inline:0;box-shadow:0 14px 36px #0d2b243d}}/*!
component > title
------------------------------
*/.c-section-title{display:flex;align-items:center;gap:16px;position:relative}@media screen and (min-width: 768px){.c-section-title{gap:16px}}.c-section-title:after{content:"";display:block;width:40px;height:1px;background-color:var(--premium-gold)}.c-section-title__en{font-family:var(--font-family-jp);font-size:28px;font-weight:700;color:var(--premium-green);line-height:1;letter-spacing:0}@media screen and (min-width: 768px){.c-section-title__en{font-size:32px}}.c-section-title__ja{font-family:var(--font-family-jp);font-size:16px;font-weight:500;color:var(--premium-muted);line-height:1;letter-spacing:0}@media screen and (min-width: 768px){.c-section-title__ja{font-size:20px}}.c-section-title--white .c-section-title__en,.c-section-title--white .c-section-title__ja{color:var(--color-font-white)}/*!
layout > container
------------------------------
*/.l-container-l,.l-container-s,.l-container{width:90%;margin:0 auto}.l-container{max-width:var(--width-content)}.l-container-s{max-width:var(--width-content-s)}.l-container-l{max-width:var(--width-content-l)}/*!
layout > section
------------------------------
*/.l-section{padding:56px 0}@media screen and (min-width: 768px){.l-section{padding:80px 0}}.l-section-body{margin-top:40px}@media screen and (min-width: 768px){.l-section-body{margin-top:56px}}/*!
layout > header
------------------------------
*/html.is-nav-open,html.is-nav-open body{overflow:hidden;overscroll-behavior:contain}.header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--premium-green-dark);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #0d2b241f}@media screen and (min-width: 768px){.header{height:80px}}.header__inner{width:90%;max-width:var(--width-content-l);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px}@media screen and (min-width: 768px){.header__inner{height:100%}}.header__logo-link{display:inline-grid;grid-template-columns:auto auto;align-items:flex-end;gap:4px 8px;color:var(--color-font-white);text-decoration:none;filter:none}@media screen and (min-width: 1080px){.header__logo-link{display:flex}}.header__logo-link .header__logo-mark-left,.header__logo-link .header__logo-mark-right,.header__logo-link .header__logo-name{transition:text-shadow .25s ease}.header__logo-link .header__logo-wheel svg{transition:filter .25s ease}.header__logo-link:hover{opacity:1;filter:none}.header__logo-link:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}.header__logo-mark-left{font-family:var(--font-family-en);font-size:48px;line-height:1;letter-spacing:0;font-style:italic;font-weight:400}@media screen and (max-width: 1024px){.header__logo-mark-left{font-size:38.4px}}.header__logo-mark-right{font-family:var(--font-family-en-alt);display:inline-flex;align-items:baseline;font-size:48px;line-height:1;letter-spacing:-.01em;font-weight:700;color:#8ac5b5}@media screen and (max-width: 1024px){.header__logo-mark-right{font-size:38.4px}}.header__logo-wheel{display:inline-flex;align-items:center;flex-shrink:0;width:32px;height:32px;margin-left:.02em;transform:translate(-2px,3px);color:#8ac5b5}.header__logo-wheel svg{width:100%;height:100%;display:block;animation:header-logo-wheel-spin 5s linear infinite}@media (prefers-reduced-motion: reduce){.header__logo-wheel svg{animation:none}}@media screen and (max-width: 1024px){.header__logo-wheel{width:25.6px;height:25.6px;transform:translate(-1.6px,2.4px)}}@keyframes header-logo-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header__logo-name{display:block;grid-column:1/-1;font-size:14px;font-weight:500;color:var(--color-font-white);line-height:1;margin-inline:auto;padding-bottom:4px}@media screen and (min-width: 1080px){.header__logo-name{display:inline;grid-column:auto;font-size:16px}}.header__nav{display:none}@media screen and (min-width: 768px){.header__nav{display:flex;align-items:center;gap:12px}}@media screen and (min-width: 1080px){.header__nav{display:flex;align-items:center;gap:32px}}.header__list{display:flex;align-items:center;gap:8px}@media screen and (min-width: 768px){.header__list{gap:12px}}@media screen and (min-width: 1080px){.header__list{gap:24px}}.header__link{font-size:14px;font-weight:500;color:#ffffffdb;letter-spacing:.04em;position:relative;display:inline-block;padding-bottom:4px;transition:color .3s ease}@media screen and (min-width: 768px){.header__link{font-size:16px}}@media screen and (min-width: 1080px){.header__link{font-size:18px}}.header__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--premium-gold);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.header__link:hover{color:#fff;opacity:1}.header__link:hover:after{transform:scaleX(1);transform-origin:left;background-color:var(--premium-gold)}.header__link:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}.header__social{display:none}@media screen and (min-width: 768px){.header__social{display:block}}.header__social-link{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.header__social-link img{width:16px;height:16px}.header__social-link:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}.header__menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:50px;height:50px;border-radius:8px;background-color:#fff;border:none;cursor:pointer;padding:0;transition:opacity .3s ease}.header__menu-button:hover{opacity:.7}.header__menu-button:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:3px}@media screen and (min-width: 768px){.header__menu-button{display:none}}.header__menu-line{display:block;width:24px;height:2px;background-color:var(--premium-green-dark);transition:transform .3s ease,opacity .3s ease;transform-origin:center}.header__menu-button[aria-expanded=true] .header__menu-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__menu-button[aria-expanded=true] .header__menu-line:nth-child(2){opacity:0}.header__menu-button[aria-expanded=true] .header__menu-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__nav-sp{position:fixed;top:72px;left:0;width:100%;background-color:var(--color-bg-black);padding:32px 0;z-index:99;height:0;overflow:hidden;opacity:0;transform:translateY(-20px);transition:height .3s ease,opacity .3s ease,transform .3s ease;pointer-events:none}.header__nav-sp.is-open{height:calc(100vh - 72px);overflow-y:auto;opacity:1;transform:translateY(0);pointer-events:auto}@media screen and (min-width: 768px){.header__nav-sp{top:77px}.header__nav-sp.is-open{height:calc(100vh - 77px)}}@media screen and (min-width: 1080px){.header__nav-sp{display:none!important}}.header__nav-sp-list{display:flex;flex-direction:column;gap:0;list-style:none}.header__nav-sp-link{display:inline-block;padding:16px 32px 4px;color:var(--color-font-white);font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.header__nav-sp-link:after{content:"";position:absolute;bottom:0;left:32px;width:calc(100% - 64px);height:2px;background-color:var(--color-font-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.header__nav-sp-link:hover{color:var(--color-font-primary)}.header__nav-sp-link:hover:after{transform:scaleX(1);transform-origin:left}.header__nav-sp-link:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:2px}.header__mobile-brand-area{display:flex;justify-content:flex-start;padding:20px 32px 0}.header__mobile-brand{display:inline-flex;justify-content:flex-start;align-items:center;gap:6px;padding:8px 0;color:var(--color-font-white);text-decoration:none}.header__mobile-brand:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}.header__mobile-brand-text{color:var(--color-font-white);font-size:14px;line-height:1;letter-spacing:.01em;padding-bottom:4px}/*!
layout > footer
------------------------------
*/.footer{background-color:var(--premium-green-dark);padding:32px 20px}@media screen and (min-width: 768px){.footer{padding:40px 80px}}.footer__inner{max-width:var(--width-content);margin:0 auto}.footer__top{display:flex;flex-direction:column;gap:24px;margin-bottom:24px;align-items:center}@media screen and (min-width: 768px){.footer__top{margin-bottom:40px}}.footer__logo{--footer-logo-scale: 1.2}.footer__logo a{display:inline-flex;align-items:flex-end;gap:7px;color:var(--color-font-white);transform:scale(var(--footer-logo-scale));transform-origin:left bottom;filter:none}.footer__logo a .footer__logo-mark-left,.footer__logo a .footer__logo-mark-right,.footer__logo a .footer__logo-name{transition:text-shadow .25s ease}.footer__logo a .footer__logo-wheel svg{transition:filter .25s ease}.footer__logo a:hover{opacity:1;filter:none}.footer__logo a:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}.footer__logo-mark-left{font-family:var(--font-family-en);font-size:28px;line-height:1;letter-spacing:0;font-style:italic;font-weight:400}@media screen and (min-width: 768px){.footer__logo-mark-left{font-size:36px}}.footer__logo-mark-right{font-family:var(--font-family-en-alt);display:inline-flex;align-items:baseline;font-size:28px;line-height:1;letter-spacing:-.01em;font-weight:700;color:#8ac5b5}@media screen and (min-width: 768px){.footer__logo-mark-right{font-size:36px}}.footer__logo-wheel{display:inline-flex;align-items:center;flex-shrink:0;width:20px;height:20px;margin-left:.06em;transform:translate(-1px,2px);color:#8ac5b5}.footer__logo-wheel svg{width:100%;height:100%;display:block;animation:header-logo-wheel-spin 5s linear infinite}@media (prefers-reduced-motion: reduce){.footer__logo-wheel svg{animation:none}}@media screen and (min-width: 768px){.footer__logo-wheel{width:24px;height:24px;transform:translate(-1px,2px)}}.footer__logo-name{font-size:12px;font-weight:500;color:var(--color-font-white);line-height:1;padding-bottom:4px}.footer__tagline{font-size:13px;font-weight:500;color:#ffffffb3;margin-top:12px;text-align:center}@media screen and (min-width: 768px){.footer__tagline{font-size:18px}}.footer__tagline-accent{color:#b8e0d1;font-weight:700}.footer__tagline-segment{display:inline-block}.footer__nav{text-align:center}@media screen and (min-width: 768px){.footer__nav{text-align:right}}.footer__list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 24px}@media screen and (min-width: 768px){.footer__list{justify-content:flex-end;gap:12px 32px}}.footer__link{font-size:16px;font-weight:500;color:#ffffffdb;letter-spacing:.04em;position:relative;display:inline-block;padding-bottom:4px;transition:color .3s ease}@media screen and (min-width: 768px){.footer__link{font-size:18px}}.footer__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--premium-gold);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.footer__link:hover{color:#fff;opacity:1}.footer__link:hover:after{transform:scaleX(1);transform-origin:left;background-color:var(--premium-gold)}.footer__link:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}.footer__bottom{width:100%;position:relative;left:auto;transform:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.35)}@media screen and (min-width: 500px){.footer__bottom{flex-direction:row;gap:64px;padding-left:20px;justify-content:center;align-items:center}}@media screen and (min-width: 768px){.footer__bottom{gap:128px;padding-left:128px}}.footer__copyright{font-size:14px;color:var(--color-font-white);letter-spacing:.04em}@media screen and (min-width: 768px){.footer__copyright{font-size:16px}}.footer__social a{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.footer__social a img{width:18px;height:18px}@media (hover: hover){.footer__social a:hover{opacity:.7}}.footer__social a:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}/*!
page > top > top-kv
------------------------------
*/.top-kv{position:relative;width:100%;height:200px;overflow:hidden}@media screen and (min-width: 768px){.top-kv{height:311px}}.top-kv__image{position:absolute;top:0;right:0;bottom:0;left:0}.top-kv__image img{width:100%;height:100%;object-fit:cover;object-position:center}.top-kv__bar{background-color:var(--color-bg-black);height:24px}@media screen and (min-width: 768px){.top-kv__bar{height:37px}}/*!
page > top > top-catch
------------------------------
*/.top-catch{position:relative;overflow:hidden;isolation:isolate;background:var(--premium-bg);box-sizing:border-box;padding:56px 0 64px}@media screen and (max-width: 1079px){.top-catch{padding:48px 0 0;min-height:auto}}@media screen and (min-width: 500px) and (max-width: 1079px){.top-catch{padding-top:56px}}.top-catch__inner{display:flex;flex-direction:column;gap:28px;align-items:stretch;text-align:left}.top-catch__inner>:not(.top-catch__image){position:relative;z-index:1}@media screen and (max-width: 1079px){.top-catch__inner{align-items:flex-start;gap:20px}}.top-catch__heading{max-width:760px;margin-bottom:0;font-size:clamp(24px,4vw,48px);font-weight:500;line-height:1.35;color:var(--premium-ink);letter-spacing:0}@media screen and (min-width: 768px){.top-catch__heading{margin-bottom:0}}@media screen and (min-width: 500px) and (max-width: 1079px){.top-catch__heading{margin-bottom:0}}@media screen and (min-width: 1080px){.top-catch__heading{margin-bottom:0}}.top-catch__heading-accent{color:var(--premium-green)}.top-catch__sub,.top-catch__desc{max-width:680px;color:var(--premium-muted);font-weight:500;letter-spacing:0}.top-catch__sub{font-size:clamp(16px,2vw,20px);margin-bottom:24px;line-height:1.8;text-align:left}@media screen and (min-width: 1080px){.top-catch__sub{margin-bottom:0}}@media screen and (max-width: 1079px){.top-catch__sub{margin-bottom:0;font-size:16px;line-height:1.85}}@media screen and (min-width: 768px) and (max-width: 1079px){.top-catch__sub{font-size:18px}}.top-catch__desc{font-size:clamp(15px,1.8vw,18px);line-height:1.8;text-align:left;border-left:2px solid var(--premium-gold);padding-left:18px}@media screen and (max-width: 1079px){.top-catch__desc{font-size:15px}}@media screen and (min-width: 768px) and (max-width: 1079px){.top-catch__desc{font-size:17px}}.top-catch__cta{padding-top:0;width:100%}@media screen and (max-width: 1079px){.top-catch__cta{padding-top:4px}}.top-catch__image{position:absolute;top:0;left:50%;bottom:0;z-index:0;width:100vw;height:100%;margin-left:-50vw;overflow:hidden;pointer-events:none}@media screen and (min-width: 1080px){.top-catch__image{top:0;right:0;bottom:0;left:max(210px,(100vw - 1440px) / 2 + 210px);width:auto;height:auto;margin-left:0;min-height:100%}}@media screen and (max-width: 1079px){.top-catch__image{position:relative;top:auto;bottom:auto;left:auto;height:clamp(340px,98vw,460px);margin-top:12px;width:calc(100% / .9);margin-inline:calc((100% - 100% / .9) / 2)}}.top-catch__image picture{width:100%;height:100%;display:block}.top-catch__image:before{content:"";position:absolute;top:0;right:0;left:0;height:38%;z-index:1;background:linear-gradient(180deg,var(--premium-bg) 0%,rgba(247,245,239,.86) 28%,rgba(247,245,239,0) 100%);pointer-events:none}@media screen and (min-width: 1080px){.top-catch__image:before{content:none}}@media screen and (max-width: 1079px){.top-catch__image:before{content:none}}.top-catch__image:after{content:"WebCerto";position:absolute;right:20px;bottom:22px;z-index:2;font-family:var(--font-family-en);font-size:12px;font-weight:700;letter-spacing:.08em;color:#0d2b2461;pointer-events:none}@media screen and (min-width: 1080px){.top-catch__image:after{right:24px;bottom:24px;color:#0d2b245c}}.top-catch__image img{width:100%;height:100%;max-width:none;display:block;object-fit:cover;object-position:62% center;filter:saturate(1.08) contrast(1.08);border:0;border-radius:0;box-shadow:none;background-color:var(--premium-surface)}@media screen and (min-width: 1080px){.top-catch__image img{max-height:none;object-position:center right;filter:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.14) 34%,#000000 56%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.14) 34%,#000000 56%)}}@media screen and (max-width: 1079px){.top-catch__image img{object-position:center bottom}}/*!
page > top > top-outsourcing
------------------------------
*/.top-outsourcing{background:linear-gradient(135deg,#245847,#327260 48%,#1f5142);padding:48px 0;border-top:1px solid rgba(13,43,36,.28);border-bottom:1px solid rgba(13,43,36,.28)}@media screen and (min-width: 768px){.top-outsourcing{padding:64px 0}}.top-outsourcing__inner{display:grid;gap:28px}@media screen and (min-width: 1080px){.top-outsourcing__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px}}.top-outsourcing__label{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;margin-bottom:10px;border-radius:999px;background-color:#ffffffe6;font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;color:var(--premium-green-dark);letter-spacing:.08em}.top-outsourcing__heading{font-size:24px;font-weight:700;line-height:1.55;color:var(--color-font-white);letter-spacing:0}@media screen and (min-width: 768px){.top-outsourcing__heading{font-size:30px}}.top-outsourcing__text{margin-top:16px;font-size:15px;font-weight:500;line-height:1.9;color:#ffffffdb;letter-spacing:.03em}@media screen and (min-width: 768px){.top-outsourcing__text{font-size:16px}}.top-outsourcing__list{display:grid;gap:16px;margin:0;padding:0;list-style:none}@media screen and (min-width: 768px){.top-outsourcing__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.top-outsourcing__item{min-width:0;list-style:none}.top-outsourcing__details{position:relative;border:1px solid rgba(255,255,255,.42);border-radius:8px;background-color:#fffffff0;color:var(--premium-ink);box-shadow:0 16px 36px #0d2b242e;overflow:hidden;transition:background-color .24s var(--premium-ease),border-color .24s var(--premium-ease),box-shadow .24s var(--premium-ease),transform .24s var(--premium-ease)}@media (hover: hover){.top-outsourcing__details:hover:not([open]){background-color:#c9e3d6;border-color:#ffffffb8;box-shadow:0 20px 40px #0d2b243d;transform:translateY(-2px)}}.top-outsourcing__details[open]{background-color:var(--premium-surface);border-color:#ffffffb3;box-shadow:0 18px 40px #0d2b2438}.top-outsourcing__details[data-animating=true]{will-change:height}.top-outsourcing__summary{position:relative;min-height:48px;display:flex;align-items:center;gap:12px;padding:12px 44px 12px 42px;color:var(--premium-ink);font-size:14px;font-weight:700;line-height:1.55;letter-spacing:.02em;cursor:pointer;list-style:none}.top-outsourcing__summary::-webkit-details-marker{display:none}.top-outsourcing__summary:before{content:"";position:absolute;top:50%;left:16px;width:16px;height:16px;border-radius:50%;transform:translateY(-50%);background-color:var(--premium-green)}.top-outsourcing__summary:after{content:"";position:absolute;top:50%;left:21px;width:6px;height:9px;border-right:2px solid var(--color-font-white);border-bottom:2px solid var(--color-font-white);transform:translateY(-60%) rotate(45deg)}@media screen and (min-width: 768px){.top-outsourcing__summary{font-size:15px}}.top-outsourcing__summary:focus-visible{outline:2px solid var(--premium-green);outline-offset:-4px}.top-outsourcing__summary-text{min-width:0;flex:1}.top-outsourcing__summary-icon{position:absolute;top:50%;right:16px;width:14px;height:14px;transform:translateY(-50%)}.top-outsourcing__summary-icon:before,.top-outsourcing__summary-icon:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;border-radius:999px;background-color:var(--premium-green);transform:translate(-50%,-50%);transition:transform .24s var(--premium-ease),opacity .24s var(--premium-ease)}.top-outsourcing__summary-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.top-outsourcing__details[open] .top-outsourcing__summary-icon:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scaleX(0)}.top-outsourcing__detail-text{margin:0;padding:0 18px 16px 42px;color:var(--premium-muted);font-size:13px;font-weight:500;line-height:1.8;letter-spacing:.03em}@media screen and (min-width: 768px){.top-outsourcing__detail-text{font-size:14px}}/*!
page > top > top-works
------------------------------
*/.top-works{background-color:#eeece7;padding:56px 0}@media screen and (min-width: 768px){.top-works{padding:88px 0}}@media screen and (max-width: 767px){.top-works.is-works-collapsible.is-works-collapsed{padding-bottom:56px}}.top-works__note{margin-top:48px;padding:20px 24px;border-radius:8px;border:1px solid var(--premium-line);background-color:var(--premium-surface);box-shadow:0 14px 36px #1118160b}@media screen and (min-width: 768px){.top-works__note{margin-top:64px;padding:24px 32px}}.top-works__note-lead{font-size:16px;font-weight:500;color:var(--color-font-base);margin-bottom:16px}@media screen and (min-width: 768px){.top-works__note-lead{font-size:18px}}.top-works__note-remarks{width:100%;font-size:16px;font-weight:500;color:var(--premium-muted);line-height:1.9;margin-top:24px}@media screen and (min-width: 768px){.top-works__note-remarks{font-size:18px;margin-top:32px}}.top-works__runtime-note{display:block;margin-top:10px;font-weight:700;color:var(--premium-green-dark)}.top-works__note-list{display:flex;flex-direction:column;gap:8px}.top-works__note-item{display:flex;flex-direction:column;align-items:flex-start;gap:0px;font-size:13px;color:var(--color-font-base);line-height:2}@media screen and (min-width: 768px){.top-works__note-item{font-size:18px;display:grid;gap:12px;flex-direction:row;grid-template-columns:216px 1fr}}.top-works__note-item-main{display:inline-flex;align-items:center;gap:12px;font-weight:500;font-size:16px}.top-works__note-item-main:before{content:"";display:block;flex-shrink:0;width:20px;height:20px;margin-top:3px;background-color:var(--premium-green);mask-image:url(/img/icon-check.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-mode:alpha;-webkit-mask-image:url(/img/icon-check.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.top-works__note-item-sub{padding-left:40px;font-weight:400;font-size:14px}@media screen and (min-width: 768px){.top-works__note-item-sub{font-size:16px;padding-left:0}}.top-works__animation{margin-top:32px}@media screen and (min-width: 768px){.top-works__animation{margin-top:40px}}.top-works__animation-link{position:relative;isolation:isolate;display:grid;gap:32px;overflow:hidden;padding:28px 24px;color:var(--color-font-white);text-decoration:none;background:linear-gradient(135deg,#0d2b24,#1f6f5d 58%,#2f806c);border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 22px 50px #0d2b2433;transition:transform .28s var(--premium-ease),box-shadow .28s var(--premium-ease)}.top-works__animation-link:before{content:"";position:absolute;z-index:-1;top:-150px;right:-110px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#b89b5e47,#b89b5e00 68%);pointer-events:none}@media screen and (min-width: 768px){.top-works__animation-link{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:48px;padding:40px 48px}}@media (hover: hover){.top-works__animation-link:hover{opacity:1;transform:translateY(-3px);box-shadow:0 28px 60px #0d2b2442}}.top-works__animation-link:focus-visible{outline:3px solid var(--premium-gold);outline-offset:4px}@media (prefers-reduced-motion: reduce){.top-works__animation-link{transition:none}.top-works__animation-link:hover{transform:none}}.top-works__animation-body{position:relative;z-index:1}.top-works__animation-label{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;margin-bottom:14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;color:#ffffffe6;letter-spacing:.08em;text-transform:uppercase}.top-works__animation-heading{font-size:23px;font-weight:700;line-height:1.55;color:var(--color-font-white);letter-spacing:0}@media screen and (min-width: 768px){.top-works__animation-heading{font-size:30px}}.top-works__animation-text{max-width:620px;margin-top:14px;font-size:14px;line-height:1.9;color:#ffffffc7;letter-spacing:.03em}@media screen and (min-width: 768px){.top-works__animation-text{font-size:16px}}.top-works__animation-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.top-works__animation-tag{padding:5px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-family:var(--font-family-en);font-size:11px;font-weight:700;line-height:1.4;color:#ffffffd1;letter-spacing:.04em}.top-works__animation-cta{display:inline-flex;align-items:center;gap:12px;margin-top:24px;font-size:15px;font-weight:700;color:var(--color-font-white)}.top-works__animation-cta-icon{position:relative;width:30px;height:30px;flex-shrink:0;border-radius:50%;background-color:var(--premium-gold);transition:transform .24s var(--premium-ease)}.top-works__animation-cta-icon:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:2px solid var(--premium-green-dark);border-right:2px solid var(--premium-green-dark);transform:translate(-65%,-50%) rotate(45deg)}.top-works__animation-link:hover .top-works__animation-cta-icon{transform:translate(3px)}.top-works__animation-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;padding:18px 0 8px}@media screen and (min-width: 768px){.top-works__animation-preview{min-height:260px;padding:0}}.top-works__animation-browser{width:min(100%,420px);overflow:hidden;border:1px solid rgba(255,255,255,.42);border-radius:10px;background-color:#fffffff2;box-shadow:0 24px 56px #0517134d;transform:rotate(-1deg)}.top-works__animation-browser-bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 12px;background-color:#ece9e1;border-bottom:1px solid rgba(13,43,36,.08)}.top-works__animation-browser-bar span{width:6px;height:6px;border-radius:50%;background-color:#0d2b2442}.top-works__animation-browser-body{display:grid;gap:22px;min-height:172px;padding:28px 24px 24px;background:linear-gradient(145deg,#fbfaf7,#eef4f0)}.top-works__animation-preview-copy{display:grid;gap:8px}.top-works__animation-preview-copy span{display:block;height:9px;border-radius:999px;background-color:var(--premium-green-dark);transform-origin:left center;animation:top-animation-line 3.2s var(--premium-ease) infinite both}.top-works__animation-preview-copy span:nth-child(1){width:66%}.top-works__animation-preview-copy span:nth-child(2){width:48%;animation-delay:.12s}.top-works__animation-preview-copy span:nth-child(3){width:78%;height:5px;margin-top:3px;background-color:#1f6f5d52;animation-delay:.24s}.top-works__animation-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.top-works__animation-preview-cards span{display:block;min-height:58px;border:1px solid rgba(31,111,93,.14);border-radius:6px;background-color:#fff;box-shadow:0 8px 18px #0d2b2414;animation:top-animation-card 3.2s var(--premium-ease) infinite both}.top-works__animation-preview-cards span:nth-child(2){animation-delay:.14s}.top-works__animation-preview-cards span:nth-child(3){animation-delay:.28s}@keyframes top-animation-line{0%,12%{opacity:0;transform:scaleX(0)}28%,82%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes top-animation-card{0%,24%{opacity:0;transform:translateY(14px)}42%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.top-works__animation-preview-copy span,.top-works__animation-preview-cards span{animation:none}}.top-works__grid{display:grid;gap:32px 24px;margin-top:32px}@media screen and (min-width: 500px){.top-works__grid{grid-template-columns:repeat(1,1fr);gap:32px 24px}}@media screen and (min-width: 768px){.top-works__grid{grid-template-columns:repeat(2,1fr);gap:32px 24px}}@media screen and (min-width: 1080px){.top-works__grid{grid-template-columns:repeat(6,1fr);gap:40px 24px;margin-top:48px}.top-works__grid .top-works__card:nth-child(-n+4){grid-column:span 3}.top-works__grid .top-works__card:nth-child(n+5){grid-column:span 2}}.top-works__more{display:none;margin-top:24px}.top-works.is-works-collapsible .top-works__more{display:block}.top-works__more-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:14px 48px;border:1px solid var(--premium-green);border-radius:8px;color:var(--color-font-white);background-color:var(--premium-green);box-shadow:0 10px 24px #1118160b;font:inherit;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0;cursor:pointer;transition:color .24s var(--premium-ease),background-color .24s var(--premium-ease),border-color .24s var(--premium-ease),box-shadow .24s var(--premium-ease)}.top-works__more-button:after{content:"";position:absolute;top:50%;right:22px;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-65%) rotate(45deg);transition:transform .24s var(--premium-ease)}.top-works__more-button[aria-expanded=true]:after{transform:translateY(-35%) rotate(-135deg)}.top-works__more-button:hover,.top-works__more-button:focus-visible{color:var(--color-font-white);background-color:var(--premium-green-hover);border-color:var(--premium-green-hover);box-shadow:0 14px 30px #11181614}.top-works__more-button:active{background-color:var(--premium-green-active);border-color:var(--premium-green-active)}.top-works__more-button:focus-visible{outline:2px solid var(--premium-green);outline-offset:3px}@media (prefers-reduced-motion: reduce){.top-works__more-button{transition:none}.top-works__more-button:after{transition:none}}.top-works__card.is-works-extra-visible{animation:works-extra-fade .38s var(--premium-ease) both}@media (prefers-reduced-motion: reduce){.top-works__card.is-works-extra-visible{animation:none}}@keyframes works-extra-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.top-works__card{position:relative;background-color:var(--color-bg-white);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s,transform .3s}@supports (grid-template-rows: subgrid){@media screen and (min-width: 768px){.top-works__card{display:grid;grid-template-rows:subgrid;grid-row:span 6;align-items:start;row-gap:0}.top-works__card:has(.top-works__card-link:hover,.top-works__card-thumbnail-link:hover):after,.top-works__card:has(.top-works__card-link:focus-visible,.top-works__card-thumbnail-link:focus-visible):after{opacity:1;transform:translateY(0)}.top-works__card:has(.top-works__card-link:focus-visible,.top-works__card-thumbnail-link:focus-visible){outline:2px solid var(--color-border-primary);outline-offset:4px}.top-works__card:after{content:"実サイトを開きます";position:absolute;left:12px;top:36px;z-index:2;padding:2px 8px;border-radius:999px;font-size:11px;line-height:1.4;color:#2c2a28e6;background-color:#ffffffe6;box-shadow:0 2px 8px #0000001a;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}}}@media (hover: hover){.top-works__card:hover{box-shadow:0 10px 26px -14px #00000059;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.top-works__card{transition:none}.top-works__card:hover{transform:none}}.top-works__card[hidden]{display:none!important}.top-works__card-kv{flex-shrink:0;position:relative;width:100%;padding-top:50%;overflow:hidden}@supports (grid-template-rows: subgrid){@media screen and (min-width: 768px){.top-works__card-kv{grid-row:1;grid-column:1/-1}}}.top-works__card-thumbnail-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:inherit}@media (hover: hover){.top-works__card-thumbnail-link:hover{opacity:.9}}.top-works__card-link{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;width:100%;color:inherit;text-decoration:none;cursor:pointer}@media (hover: hover){.top-works__card-link:hover{opacity:.9}}@supports (grid-template-rows: subgrid){@media screen and (min-width: 768px){.top-works__card-link{grid-row:2/span 5;grid-column:1/-1;display:grid;grid-template-rows:subgrid;flex:unset;min-height:unset}}}.top-works__card-link:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px;border-radius:16px}@supports (grid-template-rows: subgrid){@media screen and (min-width: 768px){.top-works__card-link:focus-visible{outline:none}}}@media (prefers-reduced-motion: reduce){.top-works__card-link:after{transition:none}}.top-works__card-link:after{content:"実サイトを開きます";position:absolute;left:12px;top:12px;z-index:2;padding:2px 8px;border-radius:999px;font-size:11px;line-height:1.4;color:#2c2a28e6;background-color:#ffffffe6;box-shadow:0 2px 8px #0000001a;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}@supports (grid-template-rows: subgrid){@media screen and (min-width: 768px){.top-works__card-link:after{content:none}}}@media (hover: hover){.top-works__card-link:hover:after{opacity:1;transform:translateY(0)}@supports (grid-template-rows: subgrid){@media screen and (hover: hover) and (min-width: 768px){.top-works__card-link:hover:after{opacity:0;transform:translateY(8px)}}}}.top-works__card-thumbnail{position:relative;width:100%;height:100%;overflow:hidden}.top-works__card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.top-works__card-badge{position:absolute;top:8px;left:8px;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 6px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.3;color:#fff;background-color:#48311b;background-image:linear-gradient(135deg,#d6bc42eb,#c9a227eb,#bc9624eb),linear-gradient(#48311bb3,#48311bb3);box-shadow:0 1px 4px #00000047;text-shadow:0 1px 1px rgba(0,0,0,.35);pointer-events:none}.top-works__card-badge-icon{flex-shrink:0;display:block;width:16px;height:16px;background-color:currentColor;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));mask-image:url(/img/icon-check-circle.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(/img/icon-check-circle.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.top-works__card-body{flex:1;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:16px;padding:16px;background-color:#fcfcfc;min-height:0}@supports (grid-template-rows: subgrid){@media screen and (min-width: 768px){.top-works__card-body{grid-row:span 5;grid-column:1/-1;grid-template-rows:subgrid;flex:unset;padding:16px;gap:16px}}}.top-works__card-body--grill-makoto{--card-accent: var(--color-work-grill-makoto)}.top-works__card-body--grill-makoto .top-works__card-title,.top-works__card-body--grill-makoto .top-works__card-process,.top-works__card-body--grill-makoto .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--grill-makoto .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--grill-makoto .top-works__card-process-title:before,.top-works__card-body--grill-makoto .top-works__card-tags-title:before,.top-works__card-body--grill-makoto .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--grill-makoto .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--grill-makoto .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--grill-makoto .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--grill-makoto{--icon-color: var(--color-work-grill-makoto)}.top-works__card-tag--grill-makoto{background-color:var(--color-work-grill-makoto);color:var(--color-font-white)}.top-works__card-body--cat-village{--card-accent: var(--color-work-cat-village)}.top-works__card-body--cat-village .top-works__card-title,.top-works__card-body--cat-village .top-works__card-process,.top-works__card-body--cat-village .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--cat-village .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--cat-village .top-works__card-process-title:before,.top-works__card-body--cat-village .top-works__card-tags-title:before,.top-works__card-body--cat-village .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--cat-village .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--cat-village .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--cat-village .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--cat-village{--icon-color: var(--color-work-cat-village)}.top-works__card-tag--cat-village{background-color:var(--color-work-cat-village);color:var(--color-font-white)}.top-works__card-body--kaju-blog{--card-accent: var(--color-work-kaju-blog)}.top-works__card-body--kaju-blog .top-works__card-title,.top-works__card-body--kaju-blog .top-works__card-process,.top-works__card-body--kaju-blog .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--kaju-blog .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--kaju-blog .top-works__card-process-title:before,.top-works__card-body--kaju-blog .top-works__card-tags-title:before,.top-works__card-body--kaju-blog .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--kaju-blog .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--kaju-blog .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--kaju-blog .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--kaju-blog{--icon-color: var(--color-work-kaju-blog)}.top-works__card-tag--kaju-blog{background-color:var(--color-work-kaju-blog);color:var(--color-font-white)}.top-works__card-body--dolomiti{--card-accent: var(--color-work-dolomiti)}.top-works__card-body--dolomiti .top-works__card-title,.top-works__card-body--dolomiti .top-works__card-process,.top-works__card-body--dolomiti .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--dolomiti .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--dolomiti .top-works__card-process-title:before,.top-works__card-body--dolomiti .top-works__card-tags-title:before,.top-works__card-body--dolomiti .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--dolomiti .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--dolomiti .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--dolomiti .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--dolomiti{--icon-color: var(--color-work-dolomiti)}.top-works__card-tag--dolomiti{background-color:var(--color-work-dolomiti);color:var(--color-font-white)}.top-works__card-body--matsuyama-clinic{--card-accent: var(--color-work-matsuyama-clinic)}.top-works__card-body--matsuyama-clinic .top-works__card-title,.top-works__card-body--matsuyama-clinic .top-works__card-process,.top-works__card-body--matsuyama-clinic .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--matsuyama-clinic .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--matsuyama-clinic .top-works__card-process-title:before,.top-works__card-body--matsuyama-clinic .top-works__card-tags-title:before,.top-works__card-body--matsuyama-clinic .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--matsuyama-clinic .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--matsuyama-clinic .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--matsuyama-clinic .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--matsuyama-clinic{--icon-color: var(--color-work-matsuyama-clinic)}.top-works__card-tag--matsuyama-clinic{background-color:var(--color-work-matsuyama-clinic);color:var(--color-font-white)}.top-works__card-body--coding-info{--card-accent: var(--color-work-coding-info)}.top-works__card-body--coding-info .top-works__card-title,.top-works__card-body--coding-info .top-works__card-process,.top-works__card-body--coding-info .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--coding-info .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--coding-info .top-works__card-process-title:before,.top-works__card-body--coding-info .top-works__card-tags-title:before,.top-works__card-body--coding-info .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--coding-info .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--coding-info .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--coding-info .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--coding-info{--icon-color: var(--color-work-coding-info)}.top-works__card-tag--coding-info{background-color:var(--color-work-coding-info);color:var(--color-font-white)}.top-works__card-body--supple{--card-accent: var(--color-work-supple)}.top-works__card-body--supple .top-works__card-title,.top-works__card-body--supple .top-works__card-process,.top-works__card-body--supple .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--supple .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--supple .top-works__card-process-title:before,.top-works__card-body--supple .top-works__card-tags-title:before,.top-works__card-body--supple .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--supple .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--supple .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--supple .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--supple{--icon-color: var(--color-work-supple)}.top-works__card-tag--supple{background-color:var(--color-work-supple);color:var(--color-font-white)}.top-works__card-body--morisita{--card-accent: var(--color-work-morisita)}.top-works__card-body--morisita .top-works__card-title,.top-works__card-body--morisita .top-works__card-process,.top-works__card-body--morisita .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--morisita .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--morisita .top-works__card-process-title:before,.top-works__card-body--morisita .top-works__card-tags-title:before,.top-works__card-body--morisita .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--morisita .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--morisita .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--morisita .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--morisita{--icon-color: var(--color-work-morisita)}.top-works__card-tag--morisita{background-color:var(--color-work-morisita);color:var(--color-font-white)}.top-works__card-body--company{--card-accent: var(--color-work-company)}.top-works__card-body--company .top-works__card-title,.top-works__card-body--company .top-works__card-process,.top-works__card-body--company .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--company .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--company .top-works__card-process-title:before,.top-works__card-body--company .top-works__card-tags-title:before,.top-works__card-body--company .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--company .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--company .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--company .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--company{--icon-color: var(--color-work-company)}.top-works__card-tag--company{background-color:var(--color-work-company);color:var(--color-font-white)}.top-works__card-body--portfolio-system{--card-accent: var(--color-work-portfolio-system)}.top-works__card-body--portfolio-system .top-works__card-title,.top-works__card-body--portfolio-system .top-works__card-process,.top-works__card-body--portfolio-system .top-works__card-tags{border-bottom-color:var(--card-accent)}.top-works__card-body--portfolio-system .top-works__card-title-main{color:var(--card-accent)}.top-works__card-body--portfolio-system .top-works__card-process-title:before,.top-works__card-body--portfolio-system .top-works__card-tags-title:before,.top-works__card-body--portfolio-system .top-works__card-points-title:before{background-color:var(--card-accent)}.top-works__card-body--portfolio-system .top-works__card-process-list:before{border-top-color:var(--card-accent)}@media (max-width: 768px){.top-works__card-body--portfolio-system .top-works__card-process-list:before{border-left-color:var(--card-accent)}}.top-works__card-body--portfolio-system .top-works__card-points-item::marker{color:var(--card-accent)}.top-works__card-process-icon--portfolio-system{--icon-color: var(--color-work-portfolio-system)}.top-works__card-tag--portfolio-system{background-color:var(--color-work-portfolio-system);color:var(--color-font-white)}.top-works__card-title{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px dashed #48311b}.top-works__card-title-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:#faf6f0;border:1px solid rgba(72,49,27,.12);overflow:hidden}.top-works__card-title-icon img{width:70%;height:70%;object-fit:contain}.top-works__card-title-text{display:flex;flex-direction:column;gap:2px;min-width:0}.top-works__card-title-main{font-size:16px;font-weight:700;color:#48311b;line-height:1.3}.top-works__card-title-genre{font-size:12px;font-weight:400;color:#8a7d70;line-height:1.4;color:var(--color-font-base)}.top-works__card-process{padding-bottom:16px;border-bottom:1px dashed #48311b}.top-works__card-process-title,.top-works__card-tags-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--color-font-base);text-align:left;padding-bottom:8px}.top-works__card-points-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--color-font-base);text-align:left}.top-works__card-process-title:before{content:"";display:block;flex-shrink:0;width:16px;height:14px;background-color:#48311b;mask-image:url(/img/icon-card-process.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(/img/icon-card-process.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.top-works__card-process-icon{display:block;position:relative;z-index:1;width:var(--process-icon-size, clamp(24px, 8vw, 36px));aspect-ratio:1/1;background-color:transparent;mask-image:none;-webkit-mask-image:none;margin-inline:auto}@media (max-width: 768px){.top-works__card-process-icon{flex-shrink:0;margin-inline:0}}.top-works__card-process-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:50%;background-color:var(--color-bg-white)}.top-works__card-process-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--icon-color, #48311b);mask-image:var(--icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:var(--icon);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.top-works__card-process-icon--step1{--icon: url(/img/icon-step1.svg)}.top-works__card-process-icon--step2{--icon: url(/img/icon-step2.svg)}.top-works__card-process-icon--step3{--icon: url(/img/icon-step3.svg)}.top-works__card-process-icon--step4{--icon: url(/img/icon-step4.svg)}.top-works__card-process-icon--step5{--icon: url(/img/icon-step5.svg)}.top-works__card-process-icon--step1-no{--icon: url(/img/icon-step1-no.svg)}.top-works__card-process-icon--step2-no{--icon: url(/img/icon-step2-no.svg)}.top-works__card-process-icon--step3-no{--icon: url(/img/icon-step3-no.svg)}.top-works__card-process-icon--step4-no{--icon: url(/img/icon-step4-no.svg)}.top-works__card-process-icon--step5-no{--icon: url(/img/icon-step5-no.svg)}.top-works__card-process-icon--inactive{--icon-color: var(--color-font-gray)}.top-works__card-process-label{font-size:11px}@media (max-width: 768px){.top-works__card-process-label{text-align:left}}.top-works__card-process-list{--process-icon-size: clamp(24px, 8vw, 36px);--process-gap: 1rem;--process-step-count: 5;--process-label-height: calc(11px * 1.1 * 2);position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:var(--process-gap)}.top-works__card-process-list:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:calc(var(--process-icon-size) / 2);left:calc((100% - (var(--process-step-count) - 1) * var(--process-gap)) / (2 * var(--process-step-count)));right:calc((100% - (var(--process-step-count) - 1) * var(--process-gap)) / (2 * var(--process-step-count)));border-top:1px dashed #48311b}@media (max-width: 768px){.top-works__card-process-list:before{top:calc(var(--process-icon-size) / 2);bottom:calc(var(--process-icon-size) / 2);left:calc(var(--process-icon-size) / 2);right:auto;width:0;border-top:none;border-left:1px dashed #48311b;transform:none}}@media (max-width: 768px){.top-works__card-process-list{flex-direction:column;gap:16px}}.top-works__card-process-step{flex:1;position:relative;z-index:1;text-align:center;line-height:1}@media (max-width: 768px){.top-works__card-process-step{display:flex;align-items:center;gap:12px;flex:unset;width:100%;text-align:left}.top-works__card-process-step br{display:none}}.top-works__card-tags{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;padding-bottom:16px;border-bottom:1px dashed #48311b}.top-works__card-tags-title{width:100%}.top-works__card-tags-title:before{content:"";display:block;flex-shrink:0;width:16px;height:15px;background-color:#48311b;mask-image:url(/img/icon-card-tags.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(/img/icon-card-tags.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.top-works__card-tag{display:inline-block;padding:4px 12px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.5;border:0}@media screen and (min-width: 768px){.top-works__card-tag{font-size:12px}}.top-works__card-tag--green{background-color:var(--color-accent-light);color:var(--color-accent-dark)}.top-works__card-tag--yellow{background-color:#fef08a;color:#854d0e}.top-works__card-tag--orange{background-color:#ffedd5;color:#c2410c}.top-works__card-tag--blue{background-color:#dbeafe;color:#1e40af}.top-works__card-tag--violet{background-color:#ede9fe;color:#5b21b6}.top-works__card-points{display:flex;flex-direction:column;gap:8px;min-width:0}.top-works__card-points-title:before{content:"";display:block;flex-shrink:0;width:16px;height:15px;background-color:#48311b;mask-image:url(/img/icon-card-point.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(/img/icon-card-point.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.top-works__card-points-list{flex:1;margin:0;padding-left:1.25em;list-style-type:disc;list-style-position:outside;min-height:0}.top-works__card-points-item{margin-bottom:6px;font-size:14px;color:var(--color-font-base);line-height:1.6}.top-works__card-points-item:last-child{margin-bottom:0}.top-works__card-points-item::marker{font-weight:700;color:#48311b}.top-works__card-footer{display:flex;justify-content:flex-end}.top-works__card-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:500;color:var(--color-font-white);background-color:var(--premium-green);border-radius:8px;transition:color .24s var(--premium-ease),background-color .24s var(--premium-ease),border-color .24s var(--premium-ease);cursor:pointer;width:100%;border:1px solid var(--premium-green)}@media (hover: hover){.top-works__card-button:hover{color:var(--color-font-white);background-color:var(--premium-green-hover);border-color:var(--premium-green-hover);opacity:1}}.top-works__card-button .top-works__card-button-icon{display:inline-block;flex-shrink:0;width:16px;height:16px;background-color:currentColor;mask-image:url(/img/icon-card-button.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(/img/icon-card-button.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.top-works__card{border-radius:8px;border:1px solid var(--premium-line);background-color:var(--premium-surface);box-shadow:0 10px 32px #1118160e;transition:transform .28s var(--premium-ease),box-shadow .28s var(--premium-ease),border-color .28s var(--premium-ease)}.top-works__card:hover{transform:translateY(-2px);border-color:#1f6f5d52;box-shadow:0 18px 46px #11181617}.top-works__card-thumbnail img{filter:saturate(.9) contrast(.98);transition:transform .45s var(--premium-ease),filter .45s var(--premium-ease)}.top-works__card:hover .top-works__card-thumbnail img{transform:scale(1.02);filter:saturate(.98) contrast(1)}.top-works__card-badge{color:var(--premium-green-dark);background:#ffffffeb;border:1px solid rgba(184,155,94,.45);box-shadow:0 8px 22px #1118161f;text-shadow:none}.top-works__card-badge-icon{filter:none;color:var(--premium-green)}.top-works__card-body{background-color:var(--premium-surface)}.top-works__card-title,.top-works__card-process,.top-works__card-tags{border-bottom:1px solid var(--premium-line)}.top-works__card-title-main{color:var(--premium-ink)!important}.top-works__card-title-genre,.top-works__card-process-label{color:var(--premium-muted)}.top-works__card-process-title:before,.top-works__card-tags-title:before,.top-works__card-points-title:before,.top-works__card-process-icon:after{background-color:var(--premium-green)!important}.top-works__card-process-list:before{border-color:var(--premium-line)!important}.top-works__card-tag{color:var(--premium-green-dark)!important;background-color:var(--premium-green-soft)!important;border:1px solid rgba(31,111,93,.12);border-radius:999px}.top-works__card-button{color:var(--color-font-white)!important;background-color:var(--premium-green)!important;border-color:var(--premium-green)!important;border-radius:8px;transition:color .24s var(--premium-ease),background-color .24s var(--premium-ease),border-color .24s var(--premium-ease)}.top-works__card:hover .top-works__card-button{color:var(--color-font-white)!important;background-color:var(--premium-green-hover)!important;border-color:var(--premium-green-hover)!important}/*!
page > top > top-services
------------------------------
*/.top-services{background-color:var(--premium-bg);padding:56px 0}@media screen and (min-width: 768px){.top-services{padding:88px 0}}.top-services__card{margin-top:16px;background-color:var(--premium-surface);border-radius:8px;padding:32px 24px;border:1px solid var(--premium-line);box-shadow:0 14px 36px #1118160b}@media screen and (min-width: 768px){.top-services__card{padding:40px 48px;margin-top:24px}}.top-services__grid{display:grid;gap:32px;margin:0;padding:0;list-style:none}@media screen and (min-width: 768px){.top-services__grid{grid-template-columns:repeat(2,1fr);gap:32px 16px}}@media screen and (min-width: 1080px){.top-services__grid{grid-template-columns:repeat(3,1fr)}}.top-services__item{display:flex;align-items:flex-start;gap:16px;list-style:none}.top-services__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:transparent}.top-services__icon[data-icon=coding] .top-services__icon-mask{-webkit-mask-image:url(/img/icon-service-coding.svg);mask-image:url(/img/icon-service-coding.svg)}.top-services__icon[data-icon=design] .top-services__icon-mask{-webkit-mask-image:url(/img/icon-service-design.svg);mask-image:url(/img/icon-service-design.svg)}.top-services__icon[data-icon=responsive] .top-services__icon-mask{-webkit-mask-image:url(/img/icon-service-responsive.svg);mask-image:url(/img/icon-service-responsive.svg)}.top-services__icon[data-icon=wordpress] .top-services__icon-mask{-webkit-mask-image:url(/img/icon-service-wordpress.svg);mask-image:url(/img/icon-service-wordpress.svg)}.top-services__icon[data-icon=customize] .top-services__icon-mask{-webkit-mask-image:url(/img/icon-service-customize.svg);mask-image:url(/img/icon-service-customize.svg)}.top-services__icon[data-icon=support] .top-services__icon-mask{-webkit-mask-image:url(/img/icon-service-support.svg);mask-image:url(/img/icon-service-support.svg)}.top-services__icon-mask{display:block;width:48px;height:48px;background-color:var(--premium-green);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.top-services__item-body{flex:1}.top-services__item-title{font-size:16px;font-weight:700;color:var(--premium-ink);margin-bottom:8px}@media screen and (min-width: 768px){.top-services__item-title{font-size:20px}}.top-services__item-desc{font-size:16px;color:var(--premium-muted);line-height:2;letter-spacing:.05em;display:inline-block}@media screen and (min-width: 768px){.top-services__item-desc{display:flex;flex-direction:column;font-size:18px}}.top-services__note{margin-top:32px;padding:20px 24px;border-radius:0 8px 8px 0;background-color:var(--premium-green-soft);border-left:3px solid var(--premium-green)}.top-services__note-list{margin:0;padding-left:1.25em;list-style-type:disc;list-style-position:outside}.top-services__note-item{font-size:16px;color:var(--premium-muted);line-height:1.7;letter-spacing:.05em;margin-bottom:16px;padding-left:.25em}.top-services__note-item:last-child{margin-bottom:0}@media screen and (min-width: 768px){.top-services__note-item{font-size:18px}}.top-services__note-item::marker{color:var(--color-font-primary);font-size:.75em}.top-services__animation{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(31,111,93,.16)}@media screen and (min-width: 768px){.top-services__animation{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}}.top-services__animation-text{margin:0;font-size:15px;font-weight:500;line-height:1.8;color:var(--premium-ink);letter-spacing:.03em}@media screen and (min-width: 768px){.top-services__animation-text{font-size:16px}}.top-services__animation-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;flex-shrink:0;border:1px solid var(--premium-green);border-radius:8px;background-color:var(--premium-green);font-size:14px;font-weight:700;line-height:1.4;color:var(--color-font-white);text-decoration:none}@media (hover: hover){.top-services__animation-link:hover{opacity:1;color:var(--color-font-white);background-color:var(--premium-green-hover);border-color:var(--premium-green-hover)}}.top-services__animation-link:active{background-color:var(--premium-green-active);border-color:var(--premium-green-active)}.top-services__animation-link:focus-visible{outline:2px solid var(--premium-green);outline-offset:3px}.top-services__animation-link-icon{position:relative;width:18px;height:18px;flex-shrink:0}.top-services__animation-link-icon:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translate(-65%,-50%) rotate(45deg)}/*!
page > top > top-about
------------------------------
*/.top-about{background-color:var(--premium-bg);padding:56px 0}@media screen and (min-width: 768px){.top-about{padding:88px 0}}.top-about__card{margin-top:16px;background-color:var(--premium-surface);border-radius:8px;padding:32px 24px;display:flex;flex-direction:column;gap:32px;border:1px solid var(--premium-line);box-shadow:0 14px 36px #1118160b}@media screen and (min-width: 768px){.top-about__card{padding:40px 48px;margin-top:24px}}.top-about__lead{font-size:16px;font-weight:500;color:var(--premium-ink);line-height:2;letter-spacing:.05em}@media screen and (min-width: 768px){.top-about__lead{font-size:18px}}.top-about__text-list{display:flex;flex-direction:column;gap:16px}.top-about__text-item{display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:500;color:var(--premium-muted);line-height:1.8}@media screen and (min-width: 768px){.top-about__text-item{font-size:18px}}.top-about__text-item:before{content:"";display:block;flex-shrink:0;width:20px;height:20px;margin-top:3px;background-color:var(--premium-green);mask-image:url(/img/icon-check.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-mode:alpha;-webkit-mask-image:url(/img/icon-check.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.top-about__story{background-color:var(--premium-green-soft);border-radius:0 8px 8px 0;border-left:3px solid var(--premium-green);padding:16px;letter-spacing:.05em}@media screen and (min-width: 768px){.top-about__story{padding:24px 32px}}.top-about__story-text{font-size:16px;color:var(--premium-muted);line-height:1.9}@media screen and (min-width: 768px){.top-about__story-text{font-size:18px}}.top-about__profile{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding-top:24px;border-top:1px solid var(--premium-line)}@media screen and (min-width: 768px){.top-about__profile{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}}.top-about__profile-text{font-size:15px;font-weight:500;line-height:1.8;color:var(--premium-muted)}@media screen and (min-width: 768px){.top-about__profile-text{font-size:16px}}.top-about__profile-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--premium-green);border-radius:8px;color:var(--premium-green);font-size:15px;font-weight:700;line-height:1.5;white-space:nowrap}@media (hover: hover){.top-about__profile-link:hover{opacity:1;color:var(--premium-green);background-color:var(--premium-green-soft-hover);border-color:var(--premium-green-hover)}}.top-about__profile-link:active{background-color:#cfe6dc}.top-about__profile-link:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}/*!
page > top > top-skills
------------------------------
*/.top-skills{background-color:#eeece7;padding:56px 0}@media screen and (min-width: 768px){.top-skills{padding:88px 0}}.top-skills__card{margin-top:16px;background-color:var(--premium-surface);border-radius:8px;padding:32px 24px;display:flex;flex-direction:column;gap:32px;border:1px solid var(--premium-line);box-shadow:0 14px 36px #1118160b}@media screen and (min-width: 768px){.top-skills__card{padding:40px 48px;margin-top:24px;gap:48px}}.top-skills__list{display:flex;flex-direction:column;gap:48px}@media screen and (min-width: 768px){.top-skills__list{gap:48px}}.top-skills__group{display:flex;flex-direction:column;gap:12px}@media screen and (min-width: 768px){.top-skills__group{gap:16px}}.top-skills__group-label{margin:0;font-size:16px;font-weight:500;color:var(--premium-ink);white-space:nowrap;min-width:96px}@media screen and (min-width: 768px){.top-skills__group-label{font-size:18px}}.top-skills__tags{display:grid;grid-template-columns:repeat(1,1fr);gap:10px;justify-items:center}@media screen and (min-width: 768px){.top-skills__tags{grid-template-columns:repeat(2,1fr);gap:16px}}@media screen and (min-width: 1080px){.top-skills__tags{grid-template-columns:repeat(3,1fr);gap:16px}}.top-skills__tag{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--premium-ink);padding:6px 14px;border:1px solid rgba(31,111,93,.18);background-color:var(--premium-green-soft);border-radius:8px;box-shadow:0 8px 18px #1118160a;width:100%;max-width:300px}@media screen and (min-width: 500px){.top-skills__tag{gap:16px;font-size:18px;max-width:300px}}@media screen and (min-width: 768px){.top-skills__tag{gap:16px;font-size:18px;max-width:300px}}.top-skills__tag:before{content:"";display:block;flex-shrink:0;width:36px;height:36px;background-color:var(--premium-green);mask-image:url(/img/icon-check-circle.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-mode:alpha;-webkit-mask-image:url(/img/icon-check-circle.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.top-skills__tag{color:var(--premium-ink)}.top-skills__quality{position:relative;padding:28px 24px;border-radius:8px;background:linear-gradient(135deg,var(--premium-green-dark) 0%,#1f6f5d 100%);box-shadow:0 18px 40px #0d2b242e;overflow:hidden}@media screen and (min-width: 768px){.top-skills__quality{padding:36px 40px}}.top-skills__quality-title{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 18px;color:var(--color-font-white);font-size:22px;font-weight:700;line-height:1.55;letter-spacing:0}@media screen and (min-width: 768px){.top-skills__quality-title{font-size:28px}}.top-skills__quality-label{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background-color:#ffffffeb;color:var(--premium-green-dark);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.top-skills__quality-text{margin:0;color:#ffffffe0;font-size:16px;font-weight:500;line-height:2;letter-spacing:.04em}@media screen and (min-width: 768px){.top-skills__quality-text{font-size:18px}}.top-skills__quality-list{display:grid;gap:0;margin:22px 0 0;padding:0;list-style:none}@media screen and (min-width: 768px){.top-skills__quality-list{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18)}}.top-skills__quality-item{position:relative;padding:14px 0 14px 30px;border-top:1px solid rgba(255,255,255,.18);color:#ffffffd6;font-size:15px;font-weight:500;line-height:1.8;letter-spacing:.04em}.top-skills__quality-item:before{content:"";position:absolute;top:1.15em;left:0;width:16px;height:16px;background-color:var(--color-font-white);mask-image:url(/img/icon-check.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-mode:alpha;-webkit-mask-image:url(/img/icon-check.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}@media screen and (min-width: 768px){.top-skills__quality-item{font-size:16px}}@media screen and (min-width: 768px){.top-skills__quality-item{padding:16px 18px 0 30px;border-top:0}.top-skills__quality-item:not(:first-child){border-left:1px solid rgba(255,255,255,.18);padding-left:48px}.top-skills__quality-item:not(:first-child):before{left:18px}}.top-skills__quality-policy{margin:22px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);color:#ffffffb8;font-size:13px;font-weight:500;line-height:1.8;letter-spacing:.04em}@media screen and (min-width: 768px){.top-skills__quality-policy{font-size:14px}}.top-skills__note{font-size:16px;font-weight:400;line-height:2;letter-spacing:.05em;color:var(--premium-muted)}@media screen and (min-width: 768px){.top-skills__note{font-size:18px}}/*!
page > top > top-hobby
------------------------------
*/.top-hobby{background-color:#eeece7;padding:56px 0}@media screen and (min-width: 768px){.top-hobby{padding:88px 0}}.top-hobby__card{margin-top:16px;background-color:var(--premium-surface);padding:32px 24px;display:flex;flex-direction:column;gap:40px;border:1px solid var(--premium-line);border-radius:8px;box-shadow:0 14px 36px #1118160b}@media screen and (min-width: 768px){.top-hobby__card{padding:40px 48px;margin-top:24px}}.top-hobby__desc{font-size:16px;font-weight:400;color:var(--color-font-base);line-height:1.9}@media screen and (min-width: 768px){.top-hobby__desc{font-size:18px}.top-hobby__desc span{display:block}}.top-hobby__photos{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;overflow:hidden}@media screen and (min-width: 768px){.top-hobby__photos{grid-template-columns:repeat(2,1fr);gap:48px 0}}@media screen and (min-width: 1080px){.top-hobby__photos{grid-template-columns:repeat(4,1fr);gap:0}}.top-hobby__photo-item{min-width:0}.top-hobby__photo-item .top-hobby__photo-thumbnail{border-radius:8px}@media screen and (min-width: 768px){.top-hobby__photo-item:first-child .top-hobby__photo-thumbnail{border-radius:8px 0 0 8px}.top-hobby__photo-item:nth-child(2) .top-hobby__photo-thumbnail{border-radius:0 8px 8px 0}.top-hobby__photo-item:nth-child(3) .top-hobby__photo-thumbnail{border-radius:8px 0 0 8px}.top-hobby__photo-item:last-child .top-hobby__photo-thumbnail{border-radius:0 8px 8px 0}}@media screen and (min-width: 1080px){.top-hobby__photo-item:first-child .top-hobby__photo-thumbnail{border-radius:8px 0 0 8px}.top-hobby__photo-item:nth-child(2) .top-hobby__photo-thumbnail{border-radius:0}.top-hobby__photo-item:nth-child(3) .top-hobby__photo-thumbnail{border-radius:0}.top-hobby__photo-item:last-child .top-hobby__photo-thumbnail{border-radius:0 8px 8px 0}}.top-hobby__photo-figure{display:flex;flex-direction:column;gap:8px;margin:0}.top-hobby__photo-figcaption{display:flex;flex-direction:column;gap:8px}.top-hobby__photo-thumbnail{aspect-ratio:3/2;overflow:hidden}.top-hobby__photo-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;cursor:zoom-in}.top-hobby__photo-link:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}.top-hobby__photo-link img{width:100%;height:100%;object-fit:cover}.top-hobby__photo-title{font-size:13px;font-weight:500;color:var(--color-font-black);line-height:1.4}@media screen and (min-width: 768px){.top-hobby__photo-title{font-size:16px;padding-left:16px}}.top-hobby__photo-caption{font-size:12px;font-weight:400;color:var(--color-font-gray);line-height:1.5}@media screen and (min-width: 768px){.top-hobby__photo-caption{font-size:16px;padding-left:16px}}/*!
page > top > top-pricing
------------------------------
*/.top-pricing{background-color:#eeece7;padding:56px 0}@media screen and (min-width: 768px){.top-pricing{padding:88px 0}}.top-pricing__card{margin-top:16px;background-color:var(--premium-surface);border-radius:8px;padding:32px 24px;display:flex;flex-direction:column;gap:32px;border:1px solid var(--premium-line);box-shadow:0 14px 36px #1118160b}@media screen and (min-width: 768px){.top-pricing__card{padding:40px 48px;margin-top:24px;gap:48px}}.top-pricing__list{display:flex;flex-direction:column;gap:16px;margin:0}.top-pricing__item{display:flex;flex-direction:column;align-items:flex-start;gap:8px}@media screen and (min-width: 768px){.top-pricing__item{flex-direction:row;align-items:center}}.top-pricing__item-main{display:grid;grid-template-columns:8px 200px;align-items:center;gap:16px;margin:0;font-size:16px;font-weight:500;color:var(--premium-ink);line-height:1.7}@media screen and (min-width: 768px){.top-pricing__item-main{font-size:18px}}.top-pricing__item-main:before{content:"";display:block;flex-shrink:0;width:8px;height:8px;border-radius:50%;background-color:var(--premium-green)}.top-pricing__item-sub{margin:0;font-size:16px;padding-left:48px;color:var(--premium-muted)}.top-pricing__messages{display:flex;flex-direction:column;gap:16px;margin:0}@media screen and (min-width: 768px){.top-pricing__messages{gap:20px}}.top-pricing__note,.top-pricing__offer,.top-pricing__cta-text{margin:0;line-height:1.7;font-size:16px;color:var(--premium-muted);font-weight:400}@media screen and (min-width: 768px){.top-pricing__note,.top-pricing__offer,.top-pricing__cta-text{font-size:18px}}.top-pricing__offer{position:relative;padding:16px 20px;padding-left:calc(20px + 1.25em);background-color:var(--premium-green-soft);border-left:3px solid var(--premium-green);border-radius:0 8px 8px 0}.top-pricing__offer:before{content:"※";position:absolute;left:20px;top:16px;line-height:1.7}.top-pricing__cta-text{font-weight:500}/*!
page > top > top-contact
------------------------------
*/.top-contact{background-color:var(--premium-bg);padding:56px 0}@media screen and (min-width: 768px){.top-contact{padding:88px 0}}.top-contact__card{margin-top:16px;background-color:var(--premium-surface);border-radius:8px;padding:16px 24px;display:flex;flex-direction:column;gap:32px;border:1px solid var(--premium-line);box-shadow:0 14px 36px #1118160b}@media screen and (min-width: 768px){.top-contact__card{padding:40px 48px;margin-top:24px;gap:48px}}.top-contact__lead{font-size:16px;font-weight:500;color:var(--premium-muted);line-height:1.8}@media screen and (min-width: 768px){.top-contact__lead{font-size:18px}}.top-contact__form{display:flex;flex-direction:column;gap:24px}.top-contact__form-item{display:flex;flex-direction:column;gap:8px}.top-contact__label{font-size:14px;font-weight:500;color:var(--premium-ink)}@media screen and (min-width: 768px){.top-contact__label{font-size:18px}}.top-contact__input,.top-contact__textarea{width:100%;padding:12px 16px;font-size:16px;color:var(--premium-muted);border-width:1px;border-color:var(--premium-line);border-radius:8px;background-color:#fbfaf7;outline:none;transition:border-color .18s var(--premium-ease),box-shadow .18s var(--premium-ease),background-color .18s var(--premium-ease);font-family:var(--font-family-base)}@media screen and (min-width: 768px){.top-contact__input,.top-contact__textarea{font-size:18px}}.top-contact__input::placeholder,.top-contact__textarea::placeholder{color:var(--color-font-gray)}.top-contact__input:is(:focus,:focus-visible),.top-contact__textarea:is(:focus,:focus-visible){background-color:#fff;border-color:var(--premium-green);box-shadow:0 0 0 4px #1f6f5d1a}.top-contact__input--half{width:100%}@media screen and (min-width: 768px){.top-contact__input--half{width:50%}}.top-contact__error{margin:4px 0 0;color:#d12f2f;font-size:12px;line-height:1.5}@media screen and (min-width: 768px){.top-contact__error{font-size:14px}}.top-contact__error:empty{display:none;margin:0}.top-contact__status{display:none;margin:0;font-size:16px;font-weight:500;line-height:1.6}@media screen and (min-width: 768px){.top-contact__status{font-size:18px}}.top-contact__status.is-success{display:block;color:#0f7a3a}.top-contact__status.is-error{display:block;color:#d12f2f}.top-contact__textarea{min-height:160px;resize:vertical}@media screen and (min-width: 768px){.top-contact__textarea{min-height:200px}}.top-contact__submit{display:flex;flex-direction:column;gap:48px;align-items:flex-start}.top-contact__submit-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;font-size:16px;font-weight:700;color:#fff;background-color:var(--premium-green);border:1px solid var(--premium-green);border-radius:8px;box-shadow:0 12px 28px #1f6f5d2e;cursor:pointer;transition:background-color .24s var(--premium-ease),border-color .24s var(--premium-ease),transform .24s var(--premium-ease),box-shadow .24s var(--premium-ease);width:100%}@media screen and (min-width: 768px){.top-contact__submit-button{font-weight:500;line-height:1.6;letter-spacing:.05em;font-size:20px;padding:16px 24px}}.top-contact__submit-button:hover{opacity:1;background-color:var(--premium-green-hover);border-color:var(--premium-green-hover);transform:translateY(-1px);box-shadow:0 16px 34px #1f6f5d3d}.top-contact__submit-button:active{background-color:var(--premium-green-active);border-color:var(--premium-green-active);transform:translateY(0)}.top-contact__submit-button:disabled{opacity:.6;cursor:not-allowed}.top-contact__submit-button:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:2px}.top-contact__notice{margin:0;font-size:16px;line-height:1.6;color:var(--premium-muted);font-weight:400}@media screen and (min-width: 768px){.top-contact__notice{font-size:18px}}.top-contact__notice-mark{grid-column:1;grid-row:1;font-size:16px;color:var(--premium-muted);line-height:1.6;align-self:start}@media screen and (min-width: 768px){.top-contact__notice-mark{font-size:18px}}.top-contact__notice--lead{grid-column:2;grid-row:1}.top-contact__notice--follow{grid-column:2;grid-row:2}.top-contact__submit-notice{display:grid;grid-template-columns:max-content 1fr;column-gap:8px;row-gap:8px;align-items:start}.top-contact__confirm{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0;border:none;border-radius:16px;width:min(560px,100vw - 32px);max-width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;background-color:var(--color-bg-white);box-shadow:0 16px 48px #0000002e}.top-contact__confirm::backdrop{background-color:#00000073}.top-contact__confirm-inner{padding:24px 20px;display:flex;flex-direction:column;gap:20px}@media screen and (min-width: 768px){.top-contact__confirm-inner{padding:32px 40px;gap:24px}}.top-contact__confirm-title{margin:0;font-size:18px;font-weight:700;color:var(--color-font-black)}@media screen and (min-width: 768px){.top-contact__confirm-title{font-size:22px}}.top-contact__confirm-lead{margin:0;font-size:14px;line-height:1.7;color:var(--premium-muted)}@media screen and (min-width: 768px){.top-contact__confirm-lead{font-size:16px}}.top-contact__confirm-dl{margin:0;display:flex;flex-direction:column;gap:16px}.top-contact__confirm-row{display:grid;grid-template-columns:1fr;gap:6px}@media screen and (min-width: 768px){.top-contact__confirm-row{grid-template-columns:140px 1fr;gap:12px 16px;align-items:start}}.top-contact__confirm-dt{margin:0;font-size:13px;font-weight:600;color:var(--color-font-gray)}@media screen and (min-width: 768px){.top-contact__confirm-dt{font-size:14px}}.top-contact__confirm-dd{margin:0;font-size:14px;line-height:1.7;color:var(--premium-muted);word-break:break-word}@media screen and (min-width: 768px){.top-contact__confirm-dd{font-size:16px}}.top-contact__confirm-dd--message{white-space:pre-wrap;max-height:200px;overflow-y:auto;padding:12px 14px;background-color:var(--color-bg-base);border:1px solid var(--color-border-gray);border-radius:8px}.top-contact__confirm-actions{display:flex;flex-direction:column-reverse;gap:12px;margin-top:4px}@media screen and (min-width: 768px){.top-contact__confirm-actions{flex-direction:row;justify-content:center;gap:16px}}.top-contact__confirm-cancel,.top-contact__confirm-send{width:100%;justify-content:center;padding:12px 20px;font-size:15px;font-weight:600}@media screen and (min-width: 768px){.top-contact__confirm-cancel,.top-contact__confirm-send{width:auto;min-width:140px}}/*!
page > top > sticky-cta-safe-area
------------------------------
*/@media screen and (max-width: 767px){.top-works{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}}/*!
page > profile
------------------------------
*/.profile-hero{background-color:var(--premium-bg);padding:56px 0}@media screen and (min-width: 768px){.profile-hero{padding:88px 0}}.profile-hero__inner{max-width:var(--width-content-s)}.profile-hero__label{margin-bottom:12px;font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;color:var(--premium-green);letter-spacing:.08em;text-transform:uppercase}.profile-hero__heading{font-size:30px;font-weight:700;line-height:1.45;color:var(--premium-ink);letter-spacing:0}@media screen and (min-width: 768px){.profile-hero__heading{font-size:44px}}.profile-hero__lead{margin-top:20px;font-size:16px;font-weight:500;line-height:1.9;color:var(--premium-muted)}@media screen and (min-width: 768px){.profile-hero__lead{font-size:18px}}.profile-summary{background-color:#eeece7;padding:56px 0}@media screen and (min-width: 768px){.profile-summary{padding:88px 0}}.profile-summary__grid{display:grid;gap:20px}@media screen and (min-width: 1080px){.profile-summary__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.profile-summary__card{padding:28px 24px;border:1px solid var(--premium-line);border-radius:8px;background-color:var(--premium-surface);box-shadow:0 14px 36px #1118160b}.profile-summary__title{margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.5;color:var(--premium-ink)}@media screen and (min-width: 768px){.profile-summary__title{font-size:20px}}.profile-summary__text{font-size:15px;font-weight:500;line-height:1.9;color:var(--premium-muted)}@media screen and (min-width: 768px){.profile-summary__text{font-size:16px}}.profile-hobby{background-color:var(--premium-bg)}.profile-cta{background-color:var(--premium-green-dark);padding:48px 0}@media screen and (min-width: 768px){.profile-cta{padding:64px 0}}.profile-cta__inner{display:flex;flex-direction:column;gap:24px;align-items:flex-start}@media screen and (min-width: 768px){.profile-cta__inner{flex-direction:row;align-items:center;justify-content:space-between}}.profile-cta__heading{font-size:24px;font-weight:700;line-height:1.5;color:var(--color-font-white);letter-spacing:0}@media screen and (min-width: 768px){.profile-cta__heading{font-size:30px}}.profile-cta__text{margin-top:10px;font-size:15px;font-weight:500;line-height:1.8;color:#ffffffc7}@media screen and (min-width: 768px){.profile-cta__text{font-size:16px}}.profile-cta__actions{display:flex;flex-direction:column;gap:12px;width:100%}@media screen and (min-width: 500px){.profile-cta__actions{flex-direction:row;width:auto}}.profile-cta__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid rgba(255,255,255,.46);border-radius:8px;color:var(--color-font-white);font-size:15px;font-weight:700;line-height:1.5;white-space:nowrap}@media (hover: hover){.profile-cta__link:hover{opacity:1;background-color:#ffffff1f}}.profile-cta__link:focus-visible{outline:2px solid var(--color-border-white);outline-offset:4px}/*!
page > shop
------------------------------
*/.shop-hero{position:relative;overflow:hidden;isolation:isolate;padding:48px 0 0;background:var(--premium-bg);box-sizing:border-box}@media screen and (min-width: 500px){.shop-hero{padding-top:56px}}@media screen and (min-width: 1080px){.shop-hero{min-height:640px;padding:72px 0}}.shop-hero__inner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.shop-hero__inner>:not(.shop-hero__image){position:relative;z-index:1}@media screen and (min-width: 1080px){.shop-hero__inner{gap:24px}}.shop-hero__label{display:inline-flex;align-items:center;min-height:32px;margin:0;padding:4px 14px;border-radius:999px;background-color:#1f6f5d1a;color:var(--premium-green);font-size:14px;font-weight:700;line-height:1.5}.shop-hero__heading{max-width:760px;margin:0;color:var(--premium-ink);font-size:30px;font-weight:700;line-height:1.35;letter-spacing:0}@media screen and (min-width: 500px){.shop-hero__heading{font-size:34px}}@media screen and (min-width: 768px){.shop-hero__heading{font-size:42px}}@media screen and (min-width: 1080px){.shop-hero__heading{font-size:48px}}.shop-hero__heading-accent{color:var(--premium-green)}.shop-hero__sub,.shop-hero__desc{max-width:620px;margin:0;color:var(--premium-muted);font-weight:500;letter-spacing:0}.shop-hero__sub{font-size:16px;line-height:1.85}@media screen and (min-width: 768px){.shop-hero__sub{font-size:18px}}.shop-hero__desc{padding-left:18px;border-left:2px solid var(--premium-gold);font-size:15px;line-height:1.8}@media screen and (min-width: 768px){.shop-hero__desc{font-size:17px}}.shop-hero__actions{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:16px;padding-top:4px}@media screen and (min-width: 768px){.shop-hero__actions{width:auto;flex-direction:row;align-items:center;gap:24px}}.shop-hero__sub-link{display:inline-flex;align-items:center;justify-content:center;color:var(--premium-green);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}@media screen and (min-width: 768px){.shop-hero__sub-link{font-size:16px}}.shop-hero__image{position:relative;left:auto;z-index:0;height:clamp(340px,98vw,460px);margin-top:12px;overflow:hidden;pointer-events:none;width:calc(100% / .9);margin-inline:calc((100% - 100% / .9) / 2)}@media screen and (min-width: 1080px){.shop-hero__image{position:absolute;top:0;bottom:0;left:max(240px,(100vw - 1440px) / 2 + 240px);right:0;width:auto;height:auto;margin-top:0;margin-left:0}}.shop-hero__image picture{display:block;width:100%;height:100%}.shop-hero__image:before{content:none;position:absolute;top:0;right:0;left:0;z-index:1;height:74%;background:linear-gradient(180deg,var(--premium-bg) 0%,rgba(247,245,239,.98) 58%,rgba(247,245,239,.72) 82%,rgba(247,245,239,0) 100%);pointer-events:none}@media screen and (min-width: 1080px){.shop-hero__image:before{content:none}}.shop-hero__image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center bottom;border:0;border-radius:0;background-color:var(--premium-surface)}@media screen and (min-width: 1080px){.shop-hero__image img{object-position:center right;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.16) 34%,#000000 56%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.16) 34%,#000000 56%)}}.shop-section{padding:56px 0;background-color:var(--premium-bg)}@media screen and (min-width: 768px){.shop-section{padding:88px 0}}.shop-section:nth-of-type(odd){background-color:#eeece7}.shop-section__lead{max-width:760px;margin:20px 0 0;color:var(--premium-muted);font-size:16px;font-weight:500;line-height:1.9}@media screen and (min-width: 768px){.shop-section__lead{margin-top:24px;font-size:18px}}.shop-problems__grid,.shop-services__grid,.shop-works__grid,.shop-pricing__grid,.shop-scope__grid{display:grid;gap:16px;margin-top:28px}@media screen and (min-width: 768px){.shop-problems__grid,.shop-services__grid,.shop-works__grid,.shop-pricing__grid,.shop-scope__grid{margin-top:40px}}.shop-problems__grid{margin-bottom:0;padding:0;list-style:none}@media screen and (min-width: 768px){.shop-problems__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1080px){.shop-problems__grid{grid-template-columns:repeat(3,1fr)}}.shop-problems__item{position:relative;min-height:96px;padding:22px 22px 22px 48px;border:1px solid var(--premium-line);border-radius:8px;background-color:var(--premium-surface);box-shadow:0 14px 36px #1118160b;color:var(--premium-ink);font-size:16px;font-weight:700;line-height:1.75}.shop-problems__item:before{content:"";position:absolute;top:30px;left:24px;width:8px;height:8px;border-radius:50%;background-color:var(--premium-green)}@media screen and (min-width: 768px){.shop-services__grid{grid-template-columns:repeat(2,1fr)}}.shop-services__item,.shop-pricing__card,.shop-scope__box,.shop-faq__item{border:1px solid var(--premium-line);border-radius:8px;background-color:var(--premium-surface);box-shadow:0 14px 36px #1118160b}.shop-services__item{padding:28px 24px}.shop-services__eyebrow{margin:0 0 10px;color:var(--premium-gold);font-family:var(--font-family-en);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shop-services__title{margin:0;color:var(--premium-ink);font-size:20px;font-weight:700;line-height:1.5}.shop-services__text{margin:12px 0 0;color:var(--premium-muted);font-size:16px;line-height:1.9}@media screen and (min-width: 1080px){.shop-works__grid{grid-template-columns:repeat(2,1fr);gap:32px}}.shop-works__card{overflow:hidden;border:1px solid var(--premium-line);border-radius:8px;background-color:var(--premium-surface);box-shadow:var(--premium-shadow)}.shop-works__thumb-link{display:block;overflow:hidden;background-color:var(--premium-green-soft)}.shop-works__thumb-link img{display:block;aspect-ratio:16/8.3;width:100%;height:100%;object-fit:cover;transition:transform .32s var(--premium-ease)}.shop-works__thumb-link:hover{opacity:1}.shop-works__thumb-link:hover img{transform:scale(1.03)}.shop-works__body{display:flex;flex-direction:column;gap:18px;padding:24px}@media screen and (min-width: 768px){.shop-works__body{padding:32px}}.shop-works__category{margin:0;color:var(--premium-muted);font-size:14px;font-weight:700}.shop-works__title{margin:0;color:var(--premium-ink);font-size:22px;font-weight:700;line-height:1.45}.shop-works__points{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:1.1em;color:var(--premium-muted);font-size:15px;line-height:1.8}.shop-works__points li::marker{color:var(--premium-gold)}.shop-works__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border:1px solid var(--premium-line);border-radius:8px;color:var(--premium-green-dark);font-size:15px;font-weight:700}.shop-works__button:hover{opacity:1;border-color:var(--premium-green);color:var(--premium-green);background-color:var(--premium-green-soft)}@media screen and (min-width: 1080px){.shop-pricing__grid{grid-template-columns:1.2fr 1fr 1fr;gap:24px}}.shop-pricing__card{position:relative;padding:28px 24px}.shop-pricing__card--main{border-color:#1f6f5d6b;box-shadow:0 18px 48px #1f6f5d1a}.shop-pricing__badge{display:inline-flex;min-height:28px;align-items:center;margin:0 0 16px;padding:2px 12px;border-radius:999px;background-color:var(--premium-green);color:#fff;font-size:13px;font-weight:700}.shop-pricing__title{margin:0;color:var(--premium-ink);font-size:20px;font-weight:700;line-height:1.5}.shop-pricing__price{margin:12px 0 0;color:var(--premium-green);font-size:28px;font-weight:700;line-height:1.35}.shop-pricing__list{display:flex;flex-direction:column;gap:10px;margin:20px 0 0;padding-left:1.1em;color:var(--premium-muted);font-size:15px;line-height:1.75}.shop-pricing__list li::marker{color:var(--premium-green)}.shop-pricing__reason{margin-top:24px;padding:24px;border:1px solid rgba(31,111,93,.2);border-radius:8px;background-color:var(--premium-surface);box-shadow:0 14px 36px #1118160b}@media screen and (min-width: 768px){.shop-pricing__reason{padding:28px 32px}}.shop-pricing__reason-title{margin:0;color:var(--premium-ink);font-size:18px;font-weight:700;line-height:1.5}@media screen and (min-width: 768px){.shop-pricing__reason-title{font-size:20px}}.shop-pricing__reason-list{display:grid;gap:10px;margin:16px 0 0;padding-left:1.1em;color:var(--premium-muted);font-size:15px;line-height:1.8}@media screen and (min-width: 768px){.shop-pricing__reason-list{grid-template-columns:repeat(2,1fr);gap:12px 28px}}.shop-pricing__reason-list li::marker{color:var(--premium-green)}.shop-pricing__extra{margin-top:24px;padding:24px;border:1px solid rgba(200,151,89,.32);border-radius:8px;background-color:#fffdf8;box-shadow:0 14px 36px #1118160a}@media screen and (min-width: 768px){.shop-pricing__extra{padding:28px 32px}}.shop-pricing__extra-head{display:grid;gap:8px}.shop-pricing__extra-title{margin:0;color:var(--premium-ink);font-size:18px;font-weight:700;line-height:1.5}@media screen and (min-width: 768px){.shop-pricing__extra-title{font-size:20px}}.shop-pricing__extra-lead{margin:0;color:var(--premium-muted);font-size:15px;line-height:1.8}.shop-pricing__extra-list{display:grid;gap:12px;margin:20px 0 0}@media screen and (min-width: 768px){.shop-pricing__extra-list{grid-template-columns:repeat(3,1fr)}}.shop-pricing__extra-item{margin:0;padding:18px;border:1px solid rgba(31,111,93,.14);border-radius:8px;background-color:#fff}.shop-pricing__extra-item dt{color:var(--premium-muted);font-size:13px;font-weight:700;line-height:1.6}.shop-pricing__extra-item dd{margin:8px 0 0;color:var(--premium-green);font-size:17px;font-weight:700;line-height:1.55}.shop-pricing__extra-note{margin:18px 0 0;color:var(--premium-muted);font-size:14px;line-height:1.8}.shop-pricing__note{margin:24px 0 0;padding:18px 20px;border-left:3px solid var(--premium-green);border-radius:0 8px 8px 0;background-color:var(--premium-green-soft);color:var(--premium-muted);font-size:15px;font-weight:500;line-height:1.8}.shop-cta{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:32px;padding:28px 24px;border-radius:8px;background-color:var(--premium-green-dark);color:#fff;box-shadow:var(--premium-shadow)}@media screen and (min-width: 768px){.shop-cta{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;padding:32px 40px}}.shop-cta--faq{margin-top:32px}@media screen and (min-width: 768px){.shop-cta--faq{margin-top:40px}}.shop-cta__body{max-width:680px}.shop-cta__title{margin:0;color:#fff;font-size:20px;font-weight:700;line-height:1.55}@media screen and (min-width: 768px){.shop-cta__title{font-size:24px}}.shop-cta__text{margin:10px 0 0;color:#ffffffc7;font-size:15px;line-height:1.8}@media screen and (min-width: 768px){.shop-cta__text{font-size:16px}}.shop-cta .c-button-cta{flex-shrink:0;border-color:#fff;background-color:#fff;color:var(--premium-green-dark);box-shadow:none}.shop-cta .c-button-cta:hover{border-color:var(--premium-green-soft);background-color:var(--premium-green-soft);color:var(--premium-green-dark);box-shadow:none}.shop-flow__list{display:grid;gap:16px;margin:32px 0 0;padding:0;list-style:none;counter-reset:shop-flow}@media screen and (min-width: 768px){.shop-flow__list{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}}@media screen and (min-width: 1080px){.shop-flow__list{grid-template-columns:repeat(3,1fr)}}.shop-flow__item{position:relative;min-height:172px;padding:28px 24px 24px;border:1px solid var(--premium-line);border-radius:8px;background-color:var(--premium-surface);box-shadow:0 14px 36px #1118160b;counter-increment:shop-flow}.shop-flow__item:before{content:counter(shop-flow,decimal-leading-zero);display:block;margin-bottom:14px;color:var(--premium-gold);font-family:var(--font-family-en);font-size:18px;font-weight:700;line-height:1}.shop-flow__title{margin:0;color:var(--premium-ink);font-size:18px;font-weight:700;line-height:1.5}.shop-flow__text{margin:10px 0 0;color:var(--premium-muted);font-size:15px;line-height:1.8}@media screen and (min-width: 768px){.shop-scope__grid{grid-template-columns:repeat(2,1fr);gap:24px}}.shop-scope__box{padding:28px 24px}.shop-scope__title,.shop-scope__policy-title{margin:0;color:var(--premium-ink);font-size:20px;font-weight:700;line-height:1.5}.shop-scope__list{display:grid;gap:10px;margin:18px 0 0;padding-left:1.1em;color:var(--premium-muted);font-size:15px;line-height:1.8}.shop-scope__list li::marker{color:var(--premium-green)}.shop-scope__policy{margin-top:24px;padding:28px 24px;border-radius:8px;background-color:var(--premium-green-dark);color:#fff;box-shadow:var(--premium-shadow)}@media screen and (min-width: 768px){.shop-scope__policy{padding:32px 40px}}.shop-scope__policy-title{color:#fff}.shop-scope__policy-text{margin:14px 0 0;color:#ffffffd1;font-size:15px;line-height:1.9}.shop-faq__list{display:flex;flex-direction:column;gap:14px;margin-top:32px}.shop-faq__item{padding:0;overflow:hidden}.shop-faq__question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;color:var(--premium-ink);font-size:16px;font-weight:700;line-height:1.6;cursor:pointer}.shop-faq__question:after{content:"+";flex-shrink:0;color:var(--premium-green);font-size:22px;line-height:1}.shop-faq__item[open] .shop-faq__question:after{content:"-"}.shop-faq__answer{margin:0;padding:0 22px 22px;color:var(--premium-muted);font-size:15px;line-height:1.85}.shop-contact{background-color:#eeece7}.shop-footer-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:16px;padding:8px 18px;border:1px solid rgba(255,255,255,.52);border-radius:8px;color:#fff;font-size:14px;font-weight:700}@media screen and (min-width: 768px){.shop-footer-cta{font-size:15px}}.shop-footer-cta:hover{opacity:1;border-color:#fff;background-color:#ffffff1f}/*!
page > notfound
------------------------------
*/.notfound{background-color:var(--color-bg-white);padding:48px 0}@media screen and (min-width: 768px){.notfound{padding:96px 0}}.notfound__inner{display:flex;flex-direction:column;gap:32px;align-items:center;text-align:center}@media screen and (min-width: 1080px){.notfound__inner{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:center;text-align:left}}.notfound__content{display:flex;flex-direction:column;gap:16px;align-items:center}@media screen and (min-width: 1080px){.notfound__content{align-items:flex-start;gap:20px}}.notfound__heading{font-family:var(--font-family-en);font-size:80px;font-weight:500;line-height:1;color:var(--color-font-accent)}@media screen and (min-width: 768px){.notfound__heading{font-size:110px}}@media screen and (min-width: 1080px){.notfound__heading{font-size:128px}}.notfound__sub{font-size:18px;font-weight:700;color:var(--color-font-black);line-height:1.6}@media screen and (min-width: 768px){.notfound__sub{font-size:22px}}.notfound__desc{font-size:14px;font-weight:400;color:var(--color-font-base);line-height:1.8}@media screen and (min-width: 768px){.notfound__desc{font-size:16px}}.notfound__cta{margin-top:8px}.notfound__button{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:700;color:var(--color-font-white);background-color:var(--color-bg-primary);border-radius:999px;transition:opacity .2s ease}@media screen and (min-width: 768px){.notfound__button{font-size:16px;padding:14px 36px}}@media (hover: hover){.notfound__button:hover{opacity:.85}}.notfound__button:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:4px}.notfound__button-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.notfound__button-icon svg{width:100%;height:100%}.notfound__sitemap{margin-top:4px;font-size:14px}@media screen and (min-width: 768px){.notfound__sitemap{font-size:15px}}.notfound__sitemap-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-font-base);text-decoration:underline;text-underline-offset:4px}.notfound__sitemap-arrow{display:inline-block;line-height:1}.notfound__image{width:100%;max-width:480px}@media screen and (min-width: 1080px){.notfound__image{max-width:100%}}.notfound__image img{width:100%;height:auto}/*!
page > animation
------------------------------
*/.animation-hero{background:linear-gradient(135deg,#0d2b24eb,#1f6f5deb);padding:64px 0}@media screen and (min-width: 768px){.animation-hero{padding:64px 0}}.animation-hero__inner{max-width:920px}.animation-hero__label{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;margin-bottom:18px;border-radius:999px;background-color:#ffffffeb;color:var(--premium-green-dark);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-hero__heading{margin:0;color:var(--color-font-white);font-size:30px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-hero__heading{font-size:56px}}.animation-hero__lead{max-width:720px;margin-top:24px;color:#ffffffdb;font-size:16px;font-weight:500;line-height:2;letter-spacing:.04em}@media screen and (min-width: 768px){.animation-hero__lead{font-size:18px}}.animation-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.animation-hero__meta span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#ffffffd1;font-family:var(--font-family-en);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.05em}.animation-index{padding:48px 0;background-color:#eeece7}@media screen and (min-width: 768px){.animation-index{padding:64px 0}}.animation-index__header{max-width:720px}.animation-index__label{margin:0 0 8px;color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}.animation-index__heading{margin:0;color:var(--premium-ink);font-size:28px;font-weight:700;line-height:1.5}@media screen and (min-width: 768px){.animation-index__heading{font-size:36px}}.animation-index__lead{margin:10px 0 0;color:var(--premium-muted);font-size:15px;font-weight:500;line-height:1.8}@media screen and (min-width: 768px){.animation-index__lead{font-size:16px}}.animation-index__groups{display:grid;gap:16px;margin-top:28px}@media screen and (min-width: 1080px){.animation-index__groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px}}.animation-index__group{padding:22px 18px;border:1px solid var(--premium-line);border-radius:8px;background-color:var(--premium-surface);box-shadow:0 12px 30px #1118160d}@media screen and (min-width: 768px){.animation-index__group{padding:24px}}.animation-index__group-title{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--premium-line);color:var(--premium-green-dark);font-size:17px;font-weight:700;line-height:1.5}.animation-index__list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.animation-index__link{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:1px;align-items:center;min-height:42px;padding:7px 8px;border-radius:6px;color:var(--premium-ink);font-size:14px;font-weight:500;line-height:1.5}.animation-index__link span{grid-column:1;grid-row:1;align-self:baseline;transform:translateY(3px);color:var(--premium-green);font-family:var(--font-family-en);font-size:12px;font-weight:700}.animation-index__link small{grid-column:2;grid-row:2;color:var(--premium-muted);font-family:var(--font-family-en);font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.02em}@media (hover: hover){.animation-index__link:hover{opacity:1;background-color:var(--premium-green-soft-hover)}}.animation-index__link:focus-visible{outline:2px solid var(--premium-green);outline-offset:2px}.animation-sample{background-color:var(--premium-bg);padding:44px 0}@media screen and (min-width: 768px){.animation-sample{padding:88px 0}}.animation-sample--alt{background-color:var(--premium-surface)}.animation-sample__header{display:grid;gap:18px;margin-bottom:28px}@media screen and (min-width: 768px){.animation-sample__header{grid-template-columns:1fr auto;align-items:end;gap:24px}}.animation-sample__label{margin:0 0 12px;color:var(--premium-green);font-family:var(--font-family-en);font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.06em}.animation-sample__heading{margin:0;color:var(--premium-ink);font-size:25px;font-weight:700;line-height:1.55;letter-spacing:0}@media screen and (min-width: 768px){.animation-sample__heading{font-size:40px}}.animation-sample__replay{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:fit-content;padding:12px 22px;border:1px solid var(--premium-green);border-radius:8px;background-color:var(--premium-green);color:var(--color-font-white);font:inherit;font-size:16px;font-weight:700;line-height:1.4;cursor:pointer;box-shadow:0 10px 24px #1118160d;transition:color .24s var(--premium-ease),background-color .24s var(--premium-ease),border-color .24s var(--premium-ease)}@media (hover: hover){.animation-sample__replay:hover{color:var(--color-font-white);background-color:var(--premium-green-hover);border-color:var(--premium-green-hover)}}.animation-sample__replay:active{background-color:var(--premium-green-active);border-color:var(--premium-green-active)}.animation-sample__replay:focus-visible{outline:2px solid var(--premium-green);outline-offset:4px}.animation-sample__replay-group{display:grid;justify-items:start;gap:8px}.animation-sample__replay-guide{max-width:220px;margin:0;color:var(--premium-muted);font-size:12px;font-weight:500;line-height:1.6}.animation-sample__heading-block{display:grid;gap:18px}.animation-sample__description{max-width:580px;padding:14px 16px;border-left:3px solid var(--premium-green);background-color:var(--premium-green-soft)}.animation-sample__description-title{margin:0;color:var(--premium-ink);font-size:14px;font-weight:700;line-height:1.6}.animation-sample__description ol{display:grid;gap:8px;margin:10px 0 0;padding:0;counter-reset:description-step;list-style:none}.animation-sample__description li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;color:var(--premium-muted);font-size:13px;font-weight:500;line-height:1.6;counter-increment:description-step}.animation-sample__description li:before{content:counter(description-step);width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background-color:var(--premium-green);color:var(--color-font-white);font-family:var(--font-family-en);font-size:11px;font-weight:700;line-height:1}@media screen and (min-width: 768px){.animation-sample__header--with-description .animation-sample__label{grid-column:1/-1;margin-bottom:0}.animation-sample__header--with-description .animation-sample__heading-block{grid-column:1}.animation-sample__header--with-description .animation-sample__replay-group{grid-column:2;grid-row:2;align-self:end}}.animation-sample__grid{display:grid;gap:24px}@media screen and (min-width: 1080px){.animation-sample__grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);align-items:stretch;gap:24px}}.animation-sample__preview,.animation-sample__panel{border:1px solid var(--premium-line);border-radius:8px;background-color:var(--premium-surface);box-shadow:0 18px 44px #11181612}.animation-sample__preview{padding:10px}@media screen and (min-width: 768px){.animation-sample__preview{padding:24px}}.animation-demo{min-height:480px;position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;background-color:var(--premium-surface)}@media screen and (min-width: 768px){.animation-demo{min-height:620px}}.animation-demo__nav{display:flex;flex-wrap:wrap;gap:20px;padding:22px 18px 0;color:var(--premium-ink);font-family:var(--font-family-en);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 768px){.animation-demo__nav{gap:40px;padding:36px 44px 0}}.animation-demo__body{position:relative;flex:1;display:grid;align-items:center;padding:40px 18px 28px}@media screen and (min-width: 768px){.animation-demo__body{grid-template-columns:minmax(0,1.1fr) minmax(220px,.8fr);padding:64px 44px 40px}}.animation-demo__copy{position:relative;z-index:2}.animation-demo__heading{margin:0;color:var(--premium-ink);font-size:30px;font-weight:700;line-height:1.34;letter-spacing:0}@media screen and (min-width: 768px){.animation-demo__heading{font-size:58px}}.animation-demo__line-wrap{display:block;overflow:hidden}.animation-demo__line{display:block;transform:translateY(112%);opacity:0}.animation-demo__lead,.animation-demo__button{opacity:0;transform:translateY(14px)}.animation-demo__lead{margin-top:24px;color:var(--premium-ink);font-size:16px;font-weight:500;line-height:1.9;letter-spacing:.04em}@media screen and (min-width: 768px){.animation-demo__lead{font-size:18px}}.animation-demo__button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:28px;padding:12px 28px;border-radius:8px;background-color:var(--premium-green);color:var(--color-font-white);font-size:15px;font-weight:700;line-height:1.4}@media (hover: hover){.animation-demo__button:hover{opacity:1;background-color:var(--premium-green-hover)}}.animation-demo__button:active{background-color:var(--premium-green-active)}.animation-demo__visual{position:relative;min-height:260px;display:none}@media screen and (min-width: 768px){.animation-demo__visual{display:none}}.animation-demo__photo-card{position:absolute;border-radius:8px;background-color:#ffffffbd;box-shadow:0 20px 44px #1118161f}.animation-demo__photo-card--main{right:0;bottom:18px;width:76%;height:72%;background:linear-gradient(135deg,#ffffff8a,#ffffffe0),linear-gradient(145deg,#f4f0e7,#dcebe4 55%,#c9d8cf)}.animation-demo__photo-card--sub{top:8px;right:58px;width:42%;height:38%;transform:rotate(-4deg);background:linear-gradient(135deg,#ffffff80,#ffffffdb),linear-gradient(145deg,#e8f1eb,#f7f5f0)}.animation-demo__leaf{position:absolute;right:46px;bottom:72px;width:124px;height:168px;border-radius:999px 999px 32px;border:2px solid rgba(31,111,93,.34);transform:rotate(-20deg)}.animation-demo__leaf:before,.animation-demo__leaf:after{content:"";position:absolute;border-radius:999px;background-color:#1f6f5d52}.animation-demo__leaf:before{width:10px;height:150px;left:56px;top:8px;transform:rotate(18deg)}.animation-demo__leaf:after{width:72px;height:18px;left:18px;top:62px;transform:rotate(-22deg)}.animation-demo.is-playing .animation-demo__line{animation:heroRevealLine .72s cubic-bezier(.22,1,.36,1) forwards}.animation-demo.is-playing .animation-demo__line-wrap:nth-child(2) .animation-demo__line{animation-delay:.18s}.animation-demo.is-playing .animation-demo__lead{animation:heroRevealFade .5s ease-out .58s forwards}.animation-demo.is-playing .animation-demo__button{animation:heroRevealFade .5s ease-out .78s forwards}.animation-demo--cards{justify-content:center;min-height:560px;background:radial-gradient(circle at 88% 18%,#1f6f5d2e 0,#1f6f5d00 28%),linear-gradient(135deg,#fbfaf6,#edf6f1)}.animation-card-demo{display:grid;gap:28px;padding:36px 24px}@media screen and (min-width: 768px){.animation-card-demo{padding:52px 44px}}.animation-card-demo__intro{max-width:620px;opacity:0;transform:translateY(18px)}.animation-card-demo__label{margin:0 0 12px;color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-card-demo__heading{margin:0;color:var(--premium-ink);font-size:30px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-card-demo__heading{font-size:44px}}.animation-card-demo__text{margin-top:16px;color:var(--premium-muted);font-size:15px;font-weight:500;line-height:1.9}@media screen and (min-width: 768px){.animation-card-demo__text{font-size:17px}}.animation-card-demo__cards{display:grid;gap:14px}@media screen and (min-width: 768px){.animation-card-demo__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.animation-card-demo__card{min-height:210px;display:flex;flex-direction:column;padding:22px 20px;border:1px solid rgba(31,111,93,.16);border-radius:8px;background-color:#ffffffd6;box-shadow:0 16px 34px #11181614;opacity:0;transform:translateY(28px) scale(.98)}.animation-card-demo__card-label{margin:0 0 18px;color:var(--premium-green);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-card-demo__card-title{margin:0;color:var(--premium-ink);font-size:20px;font-weight:700;line-height:1.5}.animation-card-demo__card-text{margin:auto 0 0;padding-top:18px;color:var(--premium-muted);font-size:14px;font-weight:500;line-height:1.8}.animation-demo--cards.is-playing .animation-card-demo__intro{animation:cardRevealFade .52s ease-out forwards}.animation-demo--cards.is-playing .animation-card-demo__card{animation:cardRevealLift .58s cubic-bezier(.22,1,.36,1) forwards}.animation-demo--cards.is-playing .animation-card-demo__card:nth-child(1){animation-delay:.18s}.animation-demo--cards.is-playing .animation-card-demo__card:nth-child(2){animation-delay:.32s}.animation-demo--cards.is-playing .animation-card-demo__card:nth-child(3){animation-delay:.46s}.animation-demo--image{justify-content:center;min-height:560px;background:linear-gradient(135deg,#0d2b24eb,#1f6f5ddb)}.animation-image-demo{display:grid;align-items:center;gap:24px;padding:28px 24px}@media screen and (min-width: 768px){.animation-image-demo{grid-template-columns:minmax(0,1.12fr) minmax(260px,.78fr);padding:44px}}.animation-image-demo__media{position:relative;min-height:320px;overflow:hidden;border-radius:8px;background-color:#ffffff1f;box-shadow:0 24px 52px #00000038;clip-path:inset(0 100% 0 0)}.animation-image-demo__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#ffffff52 48%,#fff0);opacity:0;transform:translate(-70%)}.animation-image-demo__media img{width:100%;height:100%;min-height:320px;display:block;object-fit:cover;transform:scale(1.08)}.animation-image-demo__content{padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background-color:#ffffffeb;box-shadow:0 20px 42px #00000029;opacity:0;transform:translateY(24px)}@media screen and (min-width: 768px){.animation-image-demo__content{padding:32px}}.animation-image-demo__label{margin:0 0 12px;color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-image-demo__heading{margin:0;color:var(--premium-ink);font-size:28px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-image-demo__heading{font-size:36px}}.animation-image-demo__text{margin-top:16px;color:var(--premium-muted);font-size:15px;font-weight:500;line-height:1.9}.animation-demo--image.is-playing .animation-image-demo__media{animation:imageMaskReveal .78s cubic-bezier(.22,1,.36,1) forwards}.animation-demo--image.is-playing .animation-image-demo__media:after{animation:imageMaskShine .78s ease-out .12s forwards}.animation-demo--image.is-playing .animation-image-demo__media img{animation:imageScaleSettle 1s cubic-bezier(.22,1,.36,1) forwards}.animation-demo--image.is-playing .animation-image-demo__content{animation:imageContentReveal .56s ease-out .46s forwards}.animation-demo--faq{justify-content:center;min-height:560px;background:radial-gradient(circle at 12% 18%,#1f6f5d2e 0,#1f6f5d00 30%),linear-gradient(135deg,#fbfaf6,#eef5f0)}.animation-faq-demo{display:grid;align-items:center;gap:28px;padding:32px 24px}@media screen and (min-width: 768px){.animation-faq-demo{grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);padding:48px 44px}}.animation-faq-demo__intro{opacity:0;transform:translateY(18px)}.animation-faq-demo__label{margin:0 0 12px;color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-faq-demo__heading{margin:0;color:var(--premium-ink);font-size:30px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-faq-demo__heading{font-size:40px}}.animation-faq-demo__text{margin-top:16px;color:var(--premium-muted);font-size:15px;font-weight:500;line-height:1.9}.animation-faq-demo__list{display:grid;gap:12px}.animation-faq-demo__item{border:1px solid rgba(31,111,93,.16);border-radius:8px;background-color:#ffffffe6;box-shadow:0 14px 30px #11181612;opacity:0;transform:translateY(18px);overflow:hidden}.animation-faq-demo__question{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:18px;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.animation-faq-demo__question:focus-visible{outline:2px solid var(--premium-green);outline-offset:-4px}.animation-faq-demo__q{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background-color:var(--premium-green-soft);color:var(--premium-green-dark);font-family:var(--font-family-en);font-size:13px;font-weight:700}.animation-faq-demo__question-text{margin:0;color:var(--premium-ink);font-size:16px;font-weight:700;line-height:1.6}.animation-faq-demo__icon{position:relative;width:22px;height:22px;border-radius:999px;border:1px solid rgba(31,111,93,.24);flex:0 0 auto}.animation-faq-demo__icon:before,.animation-faq-demo__icon:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:2px;border-radius:999px;background-color:var(--premium-green);transform:translate(-50%,-50%);transition:transform .46s var(--premium-ease),opacity .46s var(--premium-ease)}.animation-faq-demo__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.animation-faq-demo__answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .74s var(--premium-ease),opacity .42s ease}.animation-faq-demo__answer p{margin:0;padding:0 18px 20px 60px;color:var(--premium-muted);font-size:14px;font-weight:500;line-height:1.8}.animation-faq-demo__item.is-open .animation-faq-demo__answer{max-height:220px;opacity:1}.animation-faq-demo__item.is-open .animation-faq-demo__icon:after{transform:translate(-50%,-50%) rotate(90deg) scaleX(0);opacity:0}.animation-demo--faq.is-playing .animation-faq-demo__intro{animation:faqRevealFade .5s ease-out forwards}.animation-demo--faq.is-playing .animation-faq-demo__item{animation:faqRevealItem .48s ease-out forwards}.animation-demo--faq.is-playing .animation-faq-demo__item:nth-child(1){animation-delay:.18s}.animation-demo--faq.is-playing .animation-faq-demo__item:nth-child(2){animation-delay:.3s}.animation-demo--faq.is-playing .animation-faq-demo__item:nth-child(3){animation-delay:.42s}.animation-demo--faq.is-replaying .animation-faq-demo__item.is-open .animation-faq-demo__answer{animation:faqAnswerOpen .82s ease-out .62s both}.animation-demo--pricing{justify-content:center;min-height:560px;background:linear-gradient(135deg,#f7f8f3,#eef5f0 62%,#dceae2)}.animation-pricing-demo{width:100%;max-width:720px;display:grid;gap:22px;margin:auto;padding:34px 22px}@media screen and (min-width: 768px){.animation-pricing-demo{gap:26px;padding:48px 44px}}.animation-pricing-demo__intro{opacity:0;transform:translateY(18px)}.animation-pricing-demo__label,.animation-pricing-demo__plan-label{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-pricing-demo__heading{margin:12px 0 0;color:var(--premium-ink);font-size:30px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-pricing-demo__heading{font-size:42px}}.animation-pricing-demo__text{margin:14px 0 0;color:var(--premium-muted);font-size:15px;font-weight:500;line-height:1.8}@media screen and (min-width: 768px){.animation-pricing-demo__text{font-size:16px}}.animation-pricing-demo__body{display:grid;gap:14px}.animation-pricing-demo__toggle{width:fit-content;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(31,111,93,.2);border-radius:8px;background-color:#ffffffa3;opacity:0;transform:translateY(12px)}.animation-pricing-demo__toggle-button{min-width:88px;min-height:40px;padding:8px 14px;border:0;border-radius:5px;background-color:transparent;color:var(--premium-muted);font:inherit;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer;transition:color .24s var(--premium-ease),background-color .24s var(--premium-ease),box-shadow .24s var(--premium-ease)}.animation-pricing-demo__toggle-button.is-active{background-color:var(--premium-green);color:var(--color-font-white);box-shadow:0 6px 14px #1f6f5d38}.animation-pricing-demo__toggle-button:focus-visible{outline:2px solid var(--premium-green);outline-offset:2px}.animation-pricing-demo__plan{display:grid;gap:16px;padding:24px;border:1px solid rgba(31,111,93,.2);border-radius:8px;background-color:#ffffffe6;box-shadow:0 20px 42px #1118161a;opacity:0;transform:translateY(22px) scale(.985)}@media screen and (min-width: 768px){.animation-pricing-demo__plan{padding:28px 30px}}.animation-pricing-demo__plan-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.animation-pricing-demo__plan-name{margin:8px 0 0;color:var(--premium-ink);font-size:21px;font-weight:700;line-height:1.45}.animation-pricing-demo__plan-badge{flex:0 0 auto;padding:5px 9px;border-radius:4px;background-color:var(--premium-green-soft);color:var(--premium-green-dark);font-family:var(--font-family-en);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.05em}.animation-pricing-demo__price{min-height:68px;display:flex;align-items:baseline;gap:8px;margin:0;color:var(--premium-ink)}.animation-pricing-demo__price-value{font-family:var(--font-family-en);font-size:44px;font-weight:700;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){.animation-pricing-demo__price-value{font-size:56px}}.animation-pricing-demo__price-unit{color:var(--premium-muted);font-size:15px;font-weight:700;line-height:1.5}.animation-pricing-demo__caption{min-height:44px;margin:-6px 0 0;color:var(--premium-muted);font-size:14px;font-weight:500;line-height:1.7}.animation-pricing-demo__saving{min-height:24px;width:fit-content;margin:0;padding:4px 8px;border-radius:4px;background-color:var(--premium-green-soft);color:var(--premium-green-dark);font-size:12px;font-weight:700;line-height:1.4}.animation-pricing-demo__benefits{display:grid;gap:10px;margin:2px 0 0;padding:16px 0 0;border-top:1px solid var(--premium-line);list-style:none}.animation-pricing-demo__benefits li{position:relative;padding-left:18px;color:var(--premium-muted);font-size:13px;font-weight:500;line-height:1.6}.animation-pricing-demo__benefits li:before{content:"";position:absolute;top:.55em;left:0;width:8px;height:8px;border-radius:50%;background-color:var(--premium-green)}.animation-demo--pricing.is-playing .animation-pricing-demo__intro{animation:pricingRevealFade .5s ease-out forwards}.animation-demo--pricing.is-playing .animation-pricing-demo__toggle{animation:pricingRevealFade .46s ease-out .16s forwards}.animation-demo--pricing.is-playing .animation-pricing-demo__plan{animation:pricingPlanReveal .64s cubic-bezier(.22,1,.36,1) .3s forwards}.animation-demo--pricing.is-switching .animation-pricing-demo__price-value,.animation-demo--pricing.is-switching .animation-pricing-demo__price-unit,.animation-demo--pricing.is-switching .animation-pricing-demo__caption,.animation-demo--pricing.is-switching .animation-pricing-demo__saving{animation:pricingValueSwitch .46s ease-out both}.animation-demo--pricing.is-switching-out .animation-pricing-demo__price-value,.animation-demo--pricing.is-switching-out .animation-pricing-demo__price-unit,.animation-demo--pricing.is-switching-out .animation-pricing-demo__caption,.animation-demo--pricing.is-switching-out .animation-pricing-demo__saving{animation:pricingValueExit .18s ease-in both}.animation-demo--navigation{justify-content:center;min-height:560px;background-color:#f8faf8}.animation-navigation-demo{width:100%;display:grid;gap:22px;padding:28px 20px}@media screen and (min-width: 768px){.animation-navigation-demo{gap:28px;padding:44px}}.animation-navigation-demo__bar{display:grid;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--premium-line);opacity:0;transform:translateY(14px)}@media screen and (min-width: 768px){.animation-navigation-demo__bar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}}.animation-navigation-demo__brand{display:flex;align-items:baseline;gap:8px}.animation-navigation-demo__brand-name{color:var(--premium-ink);font-family:var(--font-family-en);font-size:22px;font-weight:700;line-height:1.2;letter-spacing:0}.animation-navigation-demo__brand-type{color:var(--premium-muted);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-navigation-demo__tabs{--navigation-index: 0;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:min(100%,280px);border-bottom:1px solid var(--premium-line)}.animation-navigation-demo__tab{min-height:40px;padding:8px 10px;border:0;background-color:transparent;color:var(--premium-muted);font:inherit;font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.04em;cursor:pointer;transition:color .24s var(--premium-ease)}.animation-navigation-demo__tab.is-active{color:var(--premium-green)}.animation-navigation-demo__tab:focus-visible{position:relative;outline:2px solid var(--premium-green);outline-offset:-2px}.animation-navigation-demo__indicator{position:absolute;z-index:1;bottom:-1px;left:0;width:33.3333333333%;height:2px;background-color:var(--premium-green);transform:translate(calc(var(--navigation-index) * 100%));transition:transform .46s var(--premium-ease)}.animation-navigation-demo__viewport{position:relative;min-height:330px;opacity:0;transform:translateY(18px)}.animation-navigation-demo__panel{min-height:330px;display:none;gap:22px;align-items:center;padding:20px;border:1px solid rgba(31,111,93,.16);border-radius:8px;background-color:var(--color-font-white)}@media screen and (min-width: 768px){.animation-navigation-demo__panel{grid-template-columns:minmax(0,1.02fr) minmax(220px,.78fr);gap:28px;padding:26px}}.animation-navigation-demo__panel.is-active{display:grid}.animation-navigation-demo__panel.is-leaving{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none;animation:navigationPanelExit .32s ease-in forwards}.animation-navigation-demo__works-media{min-height:180px;overflow:hidden;border-radius:6px;background-color:var(--premium-green-soft)}@media screen and (min-width: 768px){.animation-navigation-demo__works-media{min-height:250px}}.animation-navigation-demo__works-media img{width:100%;height:100%;min-height:180px;display:block;object-fit:cover}@media screen and (min-width: 768px){.animation-navigation-demo__works-media img{min-height:250px}}.animation-navigation-demo__panel-copy{min-width:0}.animation-navigation-demo__panel-label{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-navigation-demo__panel-heading{margin:12px 0 0;color:var(--premium-ink);font-size:25px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-navigation-demo__panel-heading{font-size:31px}}.animation-navigation-demo__panel-text{margin:14px 0 0;color:var(--premium-muted);font-size:14px;font-weight:500;line-height:1.8}.animation-navigation-demo__service-list{display:grid;gap:10px}.animation-navigation-demo__service-list div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--premium-line)}.animation-navigation-demo__service-list span{color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.08em}.animation-navigation-demo__service-list p{margin:0;color:var(--premium-ink);font-family:var(--font-family-en);font-size:16px;font-weight:700;line-height:1.4}.animation-navigation-demo__metrics{display:grid;gap:10px}.animation-navigation-demo__metrics div{display:grid;gap:4px;padding:14px 16px;border-left:3px solid var(--premium-green);background-color:var(--premium-green-soft)}.animation-navigation-demo__metrics strong{color:var(--premium-ink);font-family:var(--font-family-en);font-size:20px;font-weight:700;line-height:1.2}.animation-navigation-demo__metrics span{color:var(--premium-muted);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.04em}.animation-demo--navigation.is-playing .animation-navigation-demo__bar{animation:navigationRevealFade .46s ease-out forwards}.animation-demo--navigation.is-playing .animation-navigation-demo__viewport{animation:navigationRevealFade .54s ease-out .2s forwards}.animation-demo--navigation.is-playing .animation-navigation-demo__panel.is-active{animation:navigationPanelEnter .58s ease-out .38s both}.animation-demo--navigation.is-navigating .animation-navigation-demo__panel.is-active{animation:navigationPanelEnter .46s ease-out both}.animation-demo--menu{justify-content:center;min-height:560px;background-color:#e9f0eb}.animation-menu-demo{width:100%;display:grid;justify-items:center;gap:20px;padding:28px 20px}@media screen and (min-width: 768px){.animation-menu-demo{gap:24px;padding:40px}}.animation-menu-demo__frame{position:relative;width:min(100%,400px);min-height:420px;overflow:hidden;border:1px solid rgba(31,111,93,.2);border-radius:8px;background-color:var(--color-font-white);box-shadow:0 22px 48px #1118161f;opacity:0;transform:translateY(20px)}.animation-menu-demo__header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.animation-menu-demo__logo{color:var(--premium-ink);font-family:var(--font-family-en);font-size:20px;font-weight:700;line-height:1.2;letter-spacing:0}.animation-menu-demo__toggle{width:42px;height:42px;display:inline-grid;align-content:center;gap:5px;padding:0 10px;border:1px solid rgba(31,111,93,.26);border-radius:6px;background-color:var(--color-font-white);cursor:pointer}.animation-menu-demo__toggle span{display:block;width:100%;height:2px;background-color:var(--premium-green);transform-origin:center;transition:transform .32s var(--premium-ease),opacity .2s ease}.animation-menu-demo__toggle:focus-visible{outline:2px solid var(--premium-green);outline-offset:3px}.animation-demo--menu.is-open .animation-menu-demo__toggle{background-color:transparent;border-color:#ffffff59}.animation-demo--menu.is-open .animation-menu-demo__toggle span{background-color:var(--color-font-white)}.animation-demo--menu.is-open .animation-menu-demo__toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.animation-demo--menu.is-open .animation-menu-demo__toggle span:nth-child(2){opacity:0}.animation-demo--menu.is-open .animation-menu-demo__toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.animation-menu-demo__hero{min-height:340px;display:grid;align-content:end;gap:16px;padding:34px 20px;margin-top:16px;background:linear-gradient(135deg,#0d2b24f5,#1f6f5de6)}.animation-menu-demo__hero p,.animation-menu-demo__hero span{margin:0;color:#ffffffb8;font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-menu-demo__hero h3{margin:0;color:var(--color-font-white);font-size:31px;font-weight:700;line-height:1.45;letter-spacing:0}.animation-menu-demo__hero span{margin-top:12px}.animation-menu-demo__panel{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;align-content:space-between;gap:28px;padding:92px 26px 24px;background-color:var(--premium-green-dark);color:var(--color-font-white)}.animation-menu-demo__panel>p{margin:0;color:#ffffffa8;font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.animation-menu-demo__panel ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.animation-menu-demo__panel li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.18)}.animation-menu-demo__panel li span{font-family:var(--font-family-en);font-size:22px;font-weight:700;line-height:1.3}.animation-menu-demo__panel small,.animation-menu-demo__panel .animation-menu-demo__panel-note{color:#ffffffa3;font-family:var(--font-family-en);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.08em}.animation-menu-demo__panel[hidden]{display:none}.animation-demo--menu.is-playing .animation-menu-demo__frame{animation:menuFrameReveal .62s cubic-bezier(.22,1,.36,1) forwards}.animation-demo--menu.is-open .animation-menu-demo__panel{animation:menuPanelReveal .5s cubic-bezier(.22,1,.36,1) both}.animation-demo--menu.is-open .animation-menu-demo__panel li{animation:menuListReveal .38s ease-out both}.animation-demo--menu.is-open .animation-menu-demo__panel li:nth-child(1){animation-delay:.12s}.animation-demo--menu.is-open .animation-menu-demo__panel li:nth-child(2){animation-delay:.18s}.animation-demo--menu.is-open .animation-menu-demo__panel li:nth-child(3){animation-delay:.24s}.animation-demo--menu.is-open .animation-menu-demo__panel li:nth-child(4){animation-delay:.3s}.animation-demo--menu.is-closing .animation-menu-demo__panel{animation:menuPanelClose .44s cubic-bezier(.4,0,1,1) forwards}.animation-demo--modal{justify-content:center;min-height:560px;background-color:#f4f7f5}.animation-modal-demo{width:100%;display:grid;justify-items:center;gap:20px;padding:28px 20px}@media screen and (min-width: 768px){.animation-modal-demo{gap:24px;padding:42px}}.animation-modal-demo__page{position:relative;width:min(100%,650px);min-height:390px;display:grid;overflow:hidden;border:1px solid rgba(31,111,93,.18);border-radius:8px;background-color:var(--color-font-white);box-shadow:0 22px 48px #1118161a;opacity:0;transform:translateY(20px)}@media screen and (min-width: 768px){.animation-modal-demo__page{grid-template-columns:minmax(0,1.12fr) minmax(240px,.88fr)}}.animation-modal-demo__media{min-height:210px;overflow:hidden}.animation-modal-demo__media img{width:100%;height:100%;min-height:210px;display:block;object-fit:cover}.animation-modal-demo__summary{display:grid;align-content:center;gap:14px;padding:24px}.animation-modal-demo__summary p,.animation-modal-demo__summary span{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-modal-demo__summary span{color:var(--premium-muted);font-size:11px}.animation-modal-demo__summary h3{margin:0;color:var(--premium-ink);font-size:25px;font-weight:700;line-height:1.45;letter-spacing:0}.animation-modal-demo__open,.animation-form-demo__action{min-height:44px;width:fit-content;padding:10px 16px;border:1px solid rgba(31,111,93,.28);border-radius:6px;background-color:var(--color-font-white);color:var(--premium-green);font:inherit;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer;transition:color .24s var(--premium-ease),background-color .24s var(--premium-ease),border-color .24s var(--premium-ease)}@media (hover: hover){.animation-modal-demo__open:hover,.animation-form-demo__action:hover{background-color:var(--premium-green-soft-hover);border-color:var(--premium-green-hover);color:var(--premium-green)}}.animation-modal-demo__open:focus-visible,.animation-form-demo__action:focus-visible{outline:2px solid var(--premium-green);outline-offset:3px}.animation-modal-demo__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:24px;background-color:#0d2b24b3;opacity:0}.animation-modal-demo__overlay[hidden]{display:none}.animation-modal-demo__dialog{width:min(100%,460px);padding:26px;border:0;border-radius:8px;background-color:var(--color-font-white);box-shadow:0 24px 54px #00000042;transform:translateY(20px) scale(.98)}.animation-modal-demo__dialog h3{margin:28px 0 0;color:var(--premium-ink);font-size:25px;font-weight:700;line-height:1.45;letter-spacing:0}.animation-modal-demo__dialog dl{display:grid;gap:12px;margin:24px 0 0}.animation-modal-demo__dialog dl div{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--premium-line)}.animation-modal-demo__dialog dt{color:var(--premium-green);font-family:var(--font-family-en);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-modal-demo__dialog dd{margin:0;color:var(--premium-muted);font-size:14px;font-weight:500;line-height:1.7}.animation-modal-demo__dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.animation-modal-demo__dialog-header p{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-modal-demo__close{min-height:32px;padding:5px 8px;border:0;background-color:transparent;color:var(--premium-muted);font:inherit;font-size:13px;font-weight:700;line-height:1.4;cursor:pointer}.animation-modal-demo__close:focus-visible{outline:2px solid var(--premium-green);outline-offset:2px}.animation-demo--modal.is-playing .animation-modal-demo__page{animation:modalPageReveal .62s cubic-bezier(.22,1,.36,1) forwards}.animation-demo--modal.is-open .animation-modal-demo__overlay{opacity:1;animation:modalOverlayReveal .32s ease-out both}.animation-demo--modal.is-open .animation-modal-demo__dialog{transform:translateY(0) scale(1);animation:modalDialogReveal .46s cubic-bezier(.22,1,.36,1) both}.animation-demo--modal.is-closing .animation-modal-demo__overlay{animation:modalOverlayClose .28s ease-in forwards}.animation-demo--modal.is-closing .animation-modal-demo__dialog{animation:modalDialogClose .36s cubic-bezier(.4,0,1,1) forwards}.animation-demo--form{justify-content:center;min-height:560px;background-color:#f7faf8}.animation-form-demo{width:100%;max-width:650px;display:grid;gap:22px;margin:auto;padding:30px 22px}@media screen and (min-width: 768px){.animation-form-demo{gap:26px;padding:44px}}.animation-form-demo__intro{opacity:0;transform:translateY(16px)}.animation-form-demo__label,.animation-form-demo__stage-label{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-form-demo__heading{margin:12px 0 0;color:var(--premium-ink);font-size:30px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-form-demo__heading{font-size:39px}}.animation-form-demo__progress{--form-progress: 0;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;opacity:0;transform:translateY(12px)}.animation-form-demo__progress:before,.animation-form-demo__progress:after{content:"";position:absolute;top:15px;left:16.6666666667%;width:66.6666666667%;height:2px;background-color:var(--premium-line)}.animation-form-demo__progress:after{width:calc(var(--form-progress) * 100% / 3);background-color:var(--premium-green);transition:width .46s var(--premium-ease)}.animation-form-demo__progress li{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;color:var(--premium-muted)}.animation-form-demo__progress li span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--premium-line);border-radius:50%;background-color:var(--color-font-white);color:var(--premium-muted);font-family:var(--font-family-en);font-size:11px;font-weight:700;line-height:1;transition:color .3s var(--premium-ease),background-color .3s var(--premium-ease),border-color .3s var(--premium-ease)}.animation-form-demo__progress li p{margin:0;font-size:12px;font-weight:700;line-height:1.4}.animation-form-demo__progress li.is-active,.animation-form-demo__progress li.is-complete{color:var(--premium-green-dark)}.animation-form-demo__progress li.is-active span,.animation-form-demo__progress li.is-complete span{border-color:var(--premium-green);background-color:var(--premium-green);color:var(--color-font-white)}.animation-form-demo__stage-wrap{position:relative;min-height:268px;opacity:0;transform:translateY(18px)}.animation-form-demo__stage{min-height:268px;display:grid;align-content:center;gap:14px;padding:24px;border:1px solid rgba(31,111,93,.18);border-radius:8px;background-color:var(--color-font-white);box-shadow:0 18px 38px #11181612}.animation-form-demo__stage h4{margin:0;color:var(--premium-ink);font-size:23px;font-weight:700;line-height:1.45;letter-spacing:0}.animation-form-demo__stage[hidden]{display:none}.animation-form-demo__stage.is-leaving{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none;animation:formStageExit .32s ease-in forwards}.animation-form-demo__field{display:grid;gap:6px;padding:13px 0;border-bottom:1px solid var(--premium-line)}.animation-form-demo__field span{color:var(--premium-muted);font-size:12px;font-weight:700;line-height:1.4}.animation-form-demo__field strong{color:var(--premium-ink);font-size:15px;font-weight:700;line-height:1.6}.animation-form-demo__stage-text{margin:0;color:var(--premium-muted);font-size:14px;font-weight:500;line-height:1.8}.animation-form-demo__actions{display:flex;flex-wrap:wrap;gap:10px}.animation-form-demo__action--primary{background-color:var(--premium-green);border-color:var(--premium-green);color:var(--color-font-white)}@media (hover: hover){.animation-form-demo__action--primary:hover{background-color:var(--premium-green-hover);border-color:var(--premium-green-hover);color:var(--color-font-white)}}.animation-form-demo__action--primary:active{background-color:var(--premium-green-active);border-color:var(--premium-green-active)}.animation-form-demo__stage--complete{justify-items:start}.animation-form-demo__complete-mark{width:38px;height:38px;position:relative;border-radius:50%;background-color:var(--premium-green)}.animation-form-demo__complete-mark:after{content:"";position:absolute;top:10px;left:12px;width:12px;height:7px;border-bottom:2px solid var(--color-font-white);border-left:2px solid var(--color-font-white);transform:rotate(-45deg)}.animation-demo--form.is-playing .animation-form-demo__intro{animation:formRevealFade .48s ease-out forwards}.animation-demo--form.is-playing .animation-form-demo__progress{animation:formRevealFade .44s ease-out .16s forwards}.animation-demo--form.is-playing .animation-form-demo__stage-wrap{animation:formRevealFade .56s ease-out .3s forwards}.animation-demo--form.is-playing .animation-form-demo__stage.is-active{animation:formStageEnter .54s ease-out .4s both}.animation-demo--form.is-stepping .animation-form-demo__stage.is-active{animation:formStageEnter .44s ease-out both}.animation-demo--sticky{justify-content:center;min-height:560px;background-color:#f3f7f4}.animation-sticky-demo{width:100%;display:grid;justify-items:center;gap:18px;padding:28px 20px}@media screen and (min-width: 768px){.animation-sticky-demo{gap:22px;padding:38px}}.animation-sticky-demo__scroll{width:min(100%,650px);height:396px;overflow-y:auto;border:1px solid rgba(31,111,93,.2);border-radius:8px;background-color:var(--color-font-white);box-shadow:0 20px 44px #1118161a;opacity:0;transform:translateY(18px);scroll-behavior:smooth}.animation-sticky-demo__scroll:focus-visible{outline:2px solid var(--premium-green);outline-offset:3px}.animation-sticky-demo__header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:18px 20px;color:var(--color-font-white);transition:min-height .34s var(--premium-ease),padding .34s var(--premium-ease),background-color .34s var(--premium-ease),color .34s var(--premium-ease),box-shadow .34s var(--premium-ease)}.animation-sticky-demo__header nav{display:flex;gap:12px;color:inherit;font-family:var(--font-family-en);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.04em}.animation-sticky-demo__logo{color:inherit;font-family:var(--font-family-en);font-size:20px;font-weight:700;line-height:1.2;letter-spacing:0;transition:font-size .34s var(--premium-ease)}.animation-demo--sticky.is-compact .animation-sticky-demo__header{min-height:56px;padding:12px 20px;background-color:#fffffff5;color:var(--premium-ink);box-shadow:0 8px 18px #11181614}.animation-demo--sticky.is-compact .animation-sticky-demo__logo{font-size:18px}.animation-sticky-demo__hero{min-height:340px;display:grid;align-content:end;gap:16px;padding:42px 24px 34px;margin-top:-68px;background:linear-gradient(135deg,#0d2b24f5,#1f6f5de0)}.animation-sticky-demo__hero p,.animation-sticky-demo__hero span{margin:0;color:#ffffffb8;font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-sticky-demo__hero h3{margin:0;color:var(--color-font-white);font-size:32px;font-weight:700;line-height:1.45;letter-spacing:0}.animation-sticky-demo__section{display:grid;gap:20px;padding:28px 20px 42px}@media screen and (min-width: 768px){.animation-sticky-demo__section{grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);align-items:center;gap:24px;padding:32px 24px 48px}}.animation-sticky-demo__section img{width:100%;min-height:190px;display:block;border-radius:6px;object-fit:cover}.animation-sticky-demo__section p{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-sticky-demo__section h3{margin:12px 0 0;color:var(--premium-ink);font-size:25px;font-weight:700;line-height:1.45;letter-spacing:0}.animation-sticky-demo__section span{display:block;margin-top:14px;color:var(--premium-muted);font-size:14px;font-weight:500;line-height:1.8}.animation-marquee-demo__pause{min-height:42px;padding:9px 14px;border:1px solid rgba(31,111,93,.28);border-radius:6px;background-color:var(--color-font-white);color:var(--premium-green);font:inherit;font-size:13px;font-weight:700;line-height:1.4;cursor:pointer;transition:color .24s var(--premium-ease),background-color .24s var(--premium-ease),border-color .24s var(--premium-ease)}@media (hover: hover){.animation-marquee-demo__pause:hover{border-color:var(--premium-green-hover);background-color:var(--premium-green-soft-hover);color:var(--premium-green)}}.animation-marquee-demo__pause:focus-visible{outline:2px solid var(--premium-green);outline-offset:3px}.animation-demo--sticky.is-playing .animation-sticky-demo__scroll{animation:stickyFrameReveal .6s cubic-bezier(.22,1,.36,1) forwards}.animation-demo--count{justify-content:center;min-height:560px;background-color:#f6f9f7}.animation-count-demo{width:100%;max-width:720px;display:grid;gap:28px;margin:auto;padding:34px 22px}@media screen and (min-width: 768px){.animation-count-demo{gap:34px;padding:48px 44px}}.animation-count-demo__intro{opacity:0;transform:translateY(18px)}.animation-count-demo__intro p{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-count-demo__intro h3{margin:12px 0 0;color:var(--premium-ink);font-size:31px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-count-demo__intro h3{font-size:42px}}.animation-count-demo__intro span{display:block;margin-top:14px;color:var(--premium-muted);font-size:15px;font-weight:500;line-height:1.8}.animation-count-demo__list{display:grid;gap:12px}@media screen and (min-width: 768px){.animation-count-demo__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.animation-count-demo__item{min-height:156px;display:grid;align-content:end;gap:10px;padding:20px;border-top:3px solid var(--premium-green);background-color:var(--color-font-white);box-shadow:0 14px 28px #11181612;opacity:0;transform:translateY(20px)}.animation-count-demo__item strong{color:var(--premium-ink);font-family:var(--font-family-en);font-size:42px;font-weight:700;line-height:1;letter-spacing:0}.animation-count-demo__item span{color:var(--premium-muted);font-size:13px;font-weight:700;line-height:1.5}.animation-demo--count.is-playing .animation-count-demo__intro{animation:countRevealFade .48s ease-out forwards}.animation-demo--count.is-playing .animation-count-demo__item{animation:countCardReveal .56s cubic-bezier(.22,1,.36,1) forwards}.animation-demo--count.is-playing .animation-count-demo__item:nth-child(1){animation-delay:.18s}.animation-demo--count.is-playing .animation-count-demo__item:nth-child(2){animation-delay:.3s}.animation-demo--count.is-playing .animation-count-demo__item:nth-child(3){animation-delay:.42s}.animation-demo--marquee{justify-content:center;min-height:560px;background-color:#f8faf9}.animation-marquee-demo{width:100%;display:grid;gap:28px;padding:34px 0}.animation-marquee-demo__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 22px;opacity:0;transform:translateY(18px)}@media screen and (min-width: 768px){.animation-marquee-demo__intro{padding:0 44px}}.animation-marquee-demo__intro p{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-marquee-demo__intro h3{margin:12px 0 0;color:var(--premium-ink);font-size:30px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-marquee-demo__intro h3{font-size:40px}}.animation-marquee-demo__pause{flex:0 0 auto}.animation-marquee-demo__rail{overflow:hidden;padding:18px 0;border-top:1px solid rgba(31,111,93,.2);border-bottom:1px solid rgba(31,111,93,.2);background-color:var(--premium-green-soft);opacity:0;transform:translateY(18px)}.animation-marquee-demo__track{width:max-content;display:flex;animation:logoMarquee 24s linear infinite}.animation-marquee-demo__track ul{flex:0 0 auto;display:flex;gap:12px;margin:0;padding:0 12px 0 0;list-style:none}.animation-marquee-demo__track li{min-width:116px;min-height:56px;display:grid;place-items:center;padding:10px 16px;border:1px solid rgba(31,111,93,.2);border-radius:6px;background-color:var(--color-font-white);color:var(--premium-ink);font-family:var(--font-family-en);font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0}.animation-demo--marquee.is-paused .animation-marquee-demo__track{animation-play-state:paused}.animation-demo--marquee.is-playing .animation-marquee-demo__intro{animation:countRevealFade .48s ease-out forwards}.animation-demo--marquee.is-playing .animation-marquee-demo__rail{animation:marqueeRailReveal .56s ease-out .2s forwards}.animation-demo--flip{justify-content:center;min-height:560px;background-color:#f6f9f7}.animation-flip-demo{width:100%;max-width:760px;display:grid;gap:24px;margin:auto;padding:34px 22px}@media screen and (min-width: 768px){.animation-flip-demo{gap:28px;padding:48px 44px}}.animation-flip-demo__intro{opacity:0;transform:translateY(18px)}.animation-flip-demo__intro p{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-flip-demo__intro h3{margin:12px 0 0;color:var(--premium-ink);font-size:30px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-flip-demo__intro h3{font-size:40px}}.animation-flip-demo__filters{display:flex;flex-wrap:wrap;gap:8px;opacity:0;transform:translateY(18px)}.animation-flip-demo__filter{min-height:40px;padding:8px 14px;border:1px solid rgba(31,111,93,.28);border-radius:6px;background-color:var(--color-font-white);color:var(--premium-green);font:inherit;font-size:13px;font-weight:700;line-height:1.4;cursor:pointer;transition:color .2s var(--premium-ease),background-color .2s var(--premium-ease),border-color .2s var(--premium-ease)}.animation-flip-demo__filter.is-active{border-color:var(--premium-green-dark);background-color:var(--premium-green-dark);color:var(--color-font-white)}@media (hover: hover){.animation-flip-demo__filter:hover:not(.is-active){border-color:var(--premium-green-hover);background-color:var(--premium-green-soft-hover)}}.animation-flip-demo__filter:focus-visible{outline:2px solid var(--premium-green);outline-offset:3px}.animation-flip-demo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;opacity:0;transform:translateY(18px)}@media screen and (min-width: 768px){.animation-flip-demo__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.animation-flip-demo__card{min-width:0;overflow:hidden;border:1px solid rgba(31,111,93,.16);border-radius:6px;background-color:var(--color-font-white);box-shadow:0 10px 22px #1118160f;will-change:transform,opacity}.animation-flip-demo__card img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover}.animation-flip-demo__card>div{padding:12px}.animation-flip-demo__card p{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}.animation-flip-demo__card h4{margin:5px 0 0;color:var(--premium-ink);font-size:14px;font-weight:700;line-height:1.45;letter-spacing:0}.animation-flip-demo__card.is-filtered-out{display:none}.animation-demo--flip.is-playing .animation-flip-demo__intro{animation:countRevealFade .48s ease-out forwards}.animation-demo--flip.is-playing .animation-flip-demo__filters{animation:countRevealFade .48s ease-out .16s forwards}.animation-demo--flip.is-playing .animation-flip-demo__grid{animation:countRevealFade .56s ease-out .3s forwards}.animation-demo--scrolltrigger{justify-content:center;min-height:680px;background-color:#f6f9f7}.animation-scrolltrigger-demo{width:100%;max-width:760px;display:grid;gap:24px;margin:auto;padding:34px 22px}@media screen and (min-width: 768px){.animation-scrolltrigger-demo{gap:28px;padding:48px 44px}}.animation-scrolltrigger-demo__intro{opacity:0;transform:translateY(18px)}.animation-scrolltrigger-demo__intro p{margin:0;color:var(--premium-green);font-family:var(--font-family-en);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-scrolltrigger-demo__intro h3{margin:12px 0 0;color:var(--premium-ink);font-size:30px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-scrolltrigger-demo__intro h3{font-size:40px}}.animation-scrolltrigger-demo__scroll{height:460px;position:relative;overflow-y:auto;border:1px solid rgba(31,111,93,.18);border-radius:6px;background-color:var(--color-font-white);scrollbar-color:rgba(31,111,93,.45) transparent;scrollbar-width:thin}.animation-scrolltrigger-demo__scroll::-webkit-scrollbar{width:8px}.animation-scrolltrigger-demo__scroll::-webkit-scrollbar-thumb{border:2px solid var(--color-font-white);border-radius:999px;background-color:#1f6f5d73}.animation-scrolltrigger-demo__scroll:focus-visible{outline:2px solid var(--premium-green);outline-offset:4px}.animation-scrolltrigger-demo__progress{width:42px;position:sticky;z-index:3;top:16px;display:grid;gap:10px;margin:16px 16px 0 auto}.animation-scrolltrigger-demo__progress span{width:42px;min-height:26px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.36);border-radius:4px;background-color:#0d2b24db;color:#ffffff9e;font-family:var(--font-family-en);font-size:10px;font-weight:700;line-height:1;letter-spacing:.04em;transition:color .24s var(--premium-ease),background-color .24s var(--premium-ease),transform .24s var(--premium-ease)}.animation-scrolltrigger-demo__progress span.is-active{background-color:var(--color-font-white);color:var(--premium-green-dark);transform:translate(-4px)}.animation-scrolltrigger-demo__story{display:grid;gap:14px;padding:0 14px 14px;margin-top:-104px}.animation-scrolltrigger-demo__stage{min-height:340px;position:relative;display:grid;align-content:end;padding:30px 24px;overflow:hidden;border-radius:6px}@media screen and (min-width: 768px){.animation-scrolltrigger-demo__stage{min-height:370px;padding:36px 32px}}.animation-scrolltrigger-demo__stage-body{max-width:350px;position:relative;z-index:2}.animation-scrolltrigger-demo__stage-body p{margin:0;font-family:var(--font-family-en);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.animation-scrolltrigger-demo__stage-body h4{margin:12px 0 0;font-size:27px;font-weight:700;line-height:1.45;letter-spacing:0}@media screen and (min-width: 768px){.animation-scrolltrigger-demo__stage-body h4{font-size:34px}}.animation-scrolltrigger-demo__stage-body span{display:block;margin-top:14px;font-size:14px;font-weight:500;line-height:1.8}.animation-scrolltrigger-demo__stage--intro{background-color:var(--premium-green-dark);color:var(--color-font-white)}.animation-scrolltrigger-demo__stage--intro:after{width:188px;height:188px;position:absolute;right:-50px;top:-54px;border:1px solid rgba(255,255,255,.22);border-radius:50%;content:""}.animation-scrolltrigger-demo__stage--intro p{color:#9bd8c9}.animation-scrolltrigger-demo__stage--intro span{color:#ffffffc2}.animation-scrolltrigger-demo__stage--image{align-content:end;background-color:#dbe7e1;color:var(--premium-ink)}.animation-scrolltrigger-demo__stage--image img{width:58%;height:100%;position:absolute;right:0;top:0;object-fit:cover}.animation-scrolltrigger-demo__stage--image:after{width:66%;height:100%;position:absolute;right:0;top:0;background:linear-gradient(90deg,#dbe7e1,#dbe7e100 72%);content:""}.animation-scrolltrigger-demo__stage--image .animation-scrolltrigger-demo__stage-body{max-width:66%}.animation-scrolltrigger-demo__stage--image p{color:var(--premium-green)}.animation-scrolltrigger-demo__stage--image span{color:var(--premium-muted)}.animation-scrolltrigger-demo__stage--summary{align-content:center;gap:28px;background-color:#f3eee5;color:var(--premium-ink)}.animation-scrolltrigger-demo__stage--summary p{color:var(--premium-green)}.animation-scrolltrigger-demo__stage--summary span{color:var(--premium-muted)}.animation-scrolltrigger-demo__stage--summary ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;position:relative;z-index:2}.animation-scrolltrigger-demo__stage--summary li{min-height:32px;display:grid;place-items:center;padding:7px 10px;border:1px solid rgba(31,111,93,.28);border-radius:4px;background-color:#ffffffb3;color:var(--premium-green-dark);font-family:var(--font-family-en);font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.04em}.animation-demo--scrolltrigger.is-playing .animation-scrolltrigger-demo__intro{animation:countRevealFade .48s ease-out forwards}.animation-sample__panel{padding:28px 24px}@media screen and (min-width: 768px){.animation-sample__panel{padding:36px}}.animation-sample__panel-title{margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--premium-line);color:var(--premium-green);font-size:18px;font-weight:700;line-height:1.5}@media screen and (min-width: 768px){.animation-sample__panel-title{font-size:20px}}.animation-sample__panel-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;padding:10px 14px;border:1px solid rgba(31,111,93,.24);border-radius:8px;background-color:var(--premium-green-soft);color:var(--premium-green-dark);font:inherit;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer}.animation-sample__panel-toggle:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--premium-ease)}.animation-sample__panel-toggle[aria-expanded=true]:after{transform:translateY(2px) rotate(-135deg)}.animation-sample__panel-toggle:focus-visible{outline:2px solid var(--premium-green);outline-offset:3px}@media (hover: hover){.animation-sample__panel-toggle:hover{background-color:var(--premium-green-soft-hover);border-color:#1f6f5d5c}}.animation-sample__panel-toggle:active{background-color:#cfe6dc}@media screen and (min-width: 768px){.animation-sample__panel-toggle{display:none}}.animation-sample__panel-content{margin-top:16px}@media screen and (min-width: 768px){.animation-sample__panel-content{margin-top:0}}.animation-sample__meta{display:grid;gap:0;margin:0}.animation-sample__meta-row{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--premium-line)}.animation-sample__meta-row dt{color:var(--premium-green-dark);font-size:15px;font-weight:700;line-height:1.5}.animation-sample__meta-row dd{margin:0;color:var(--premium-muted);font-size:15px;font-weight:500;line-height:1.8}.animation-sample__note{margin-top:24px;padding:18px;border-radius:8px;background-color:var(--premium-green-soft);color:var(--premium-muted);font-size:15px;font-weight:500;line-height:1.8}.animation-cta{background:linear-gradient(135deg,#0d2b24eb,#1f6f5deb);padding:56px 0}@media screen and (min-width: 768px){.animation-cta{padding:72px 0}}.animation-cta--mid{padding:44px 0;background:linear-gradient(135deg,#173f34 0%,var(--premium-green) 100%)}@media screen and (min-width: 768px){.animation-cta--mid{padding:56px 0}}.animation-cta--mid .animation-cta__heading{font-size:22px}@media screen and (min-width: 768px){.animation-cta--mid .animation-cta__heading{font-size:28px}}.animation-cta__inner{display:grid;gap:24px;align-items:center}@media screen and (min-width: 768px){.animation-cta__inner{grid-template-columns:1fr auto}}.animation-cta__heading{margin:0;color:var(--color-font-white);font-size:24px;font-weight:700;line-height:1.6}@media screen and (min-width: 768px){.animation-cta__heading{font-size:32px}}.animation-cta__text{margin-top:12px;color:#ffffffc7;font-size:16px;font-weight:500;line-height:1.8}.animation-cta__actions{display:flex;flex-wrap:wrap;gap:12px}.animation-cta__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:var(--color-font-white);font-size:15px;font-weight:700;line-height:1.5}@media (hover: hover){.animation-cta__link:hover{opacity:1;background-color:#ffffff1f}}@keyframes heroRevealLine{0%{opacity:0;transform:translateY(112%)}to{opacity:1;transform:translateY(0)}}@keyframes heroRevealFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cardRevealFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cardRevealLift{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes imageMaskReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes imageMaskShine{0%{opacity:0;transform:translate(-70%)}36%{opacity:1}to{opacity:0;transform:translate(70%)}}@keyframes imageScaleSettle{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes imageContentReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes faqRevealFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes faqRevealItem{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes faqAnswerOpen{0%{max-height:0;opacity:0}to{max-height:220px;opacity:1}}@keyframes pricingRevealFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pricingPlanReveal{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pricingValueSwitch{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pricingValueExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes navigationRevealFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes navigationPanelEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes navigationPanelExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes menuFrameReveal{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menuPanelReveal{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes menuPanelClose{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@keyframes menuListReveal{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes modalPageReveal{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalOverlayReveal{0%{opacity:0}to{opacity:1}}@keyframes modalDialogReveal{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalOverlayClose{0%{opacity:1}to{opacity:0}}@keyframes modalDialogClose{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.985)}}@keyframes formRevealFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes formStageEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes formStageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes stickyFrameReveal{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes countRevealFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes countCardReveal{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes marqueeRailReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes logoMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.animation-demo__line,.animation-demo__lead,.animation-demo__button,.animation-card-demo__intro,.animation-card-demo__card,.animation-image-demo__media,.animation-image-demo__content,.animation-faq-demo__intro,.animation-faq-demo__item,.animation-pricing-demo__intro,.animation-pricing-demo__toggle,.animation-pricing-demo__plan,.animation-navigation-demo__bar,.animation-navigation-demo__viewport,.animation-menu-demo__frame,.animation-modal-demo__page,.animation-form-demo__intro,.animation-form-demo__progress,.animation-form-demo__stage-wrap,.animation-form-demo__stage,.animation-sticky-demo__scroll,.animation-count-demo__intro,.animation-count-demo__item,.animation-marquee-demo__intro,.animation-marquee-demo__rail,.animation-flip-demo__intro,.animation-flip-demo__filters,.animation-flip-demo__grid,.animation-scrolltrigger-demo__intro{opacity:1;transform:none;animation:none!important}.animation-image-demo__media{clip-path:inset(0)}.animation-image-demo__media img{transform:none}.animation-faq-demo__answer{max-height:none;opacity:1}.animation-faq-demo__item.is-open .animation-faq-demo__icon:after{opacity:0}.animation-demo--modal.is-open .animation-modal-demo__overlay{opacity:1}.animation-demo--modal.is-open .animation-modal-demo__dialog{transform:none}.animation-marquee-demo__track{width:100%;display:block;animation:none;transform:none}.animation-marquee-demo__track ul{flex-wrap:wrap;justify-content:center}.animation-marquee-demo__track ul[aria-hidden=true]{display:none}}.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video:before{content:"";position:absolute;width:100%;height:100%;background:#ff000057;display:none}.gslide-video.playing:before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description,.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px 50px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,#0000 0,#000000bf);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:#000000bf;border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{0%{opacity:0}to{opacity:1}}@keyframes gfadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{0%{opacity:1}to{opacity:0}}@keyframes gfadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{0%{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes gslideInLeft{0%{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@-webkit-keyframes gslideOutLeft{0%{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{0%{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{0%{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes gslideInRight{0%{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@-webkit-keyframes gslideOutRight{0%{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{0%{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:#000000eb}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px #000000a6}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:#00000052}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:#000000b3}.glightbox-clean .gprev,.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}