.about-page{background:#f7f9f3;color:#204c3c;font-family:Arial,sans-serif}.about-page main{overflow:visible}.about-hero{max-width:1440px;margin:auto;padding:178px 5vw 62px;border-bottom:1px solid #c9d5c3}.about-page .eyebrow{font-size:13px;line-height:1.5;font-weight:400;letter-spacing:.09em;color:#526e5b;margin:0 0 32px}.about-hero h1{font:400 clamp(64px,7.5vw,108px)/1.02 Arial,sans-serif;letter-spacing:-.065em;margin:0 0 46px}.about-hero h1 span{display:block}.about-hero h1 .sage{color:#59765b}.about-hero h1 .soft{color:#59765b}.about-hero-bottom{display:grid;grid-template-columns:1fr minmax(0,540px);gap:64px;align-items:end}.about-hero-bottom>p{font-size:18px;line-height:1.7;max-width:540px;margin:0}.about-hero-bottom .hero-caption{font-size:14px;line-height:1.6;color:#526e5b}.about-hero-bottom .hero-caption b{display:block;font-weight:400;color:#204c3c;margin-bottom:4px}.about-wrap{max-width:1296px;margin:auto}.about-story{padding:88px 0 96px;display:grid;grid-template-columns:300px minmax(0,760px);justify-content:space-between;gap:64px}.about-story h2{font:400 36px/1.15 Arial,sans-serif;letter-spacing:-.04em;margin:0;max-width:300px}.story-copy{font-size:18px;line-height:1.8}.story-copy p{margin:0 0 24px}.story-copy p:last-child{margin-bottom:0}.story-copy strong{font-weight:400;color:#204c3c}.story-copy p:not(:last-child){color:#3d5d4b}.story-copy .lead{font-size:28px;line-height:1.45;letter-spacing:-.025em;color:#204c3c}.story-border{border-top:1px solid #c9d5c3}.chapter-number{display:block;color:#526e5b;font-size:13px;letter-spacing:.08em;margin-bottom:28px}.about-purpose{background:#204c3c;color:#f7f9f3;padding:80px 5vw}.purpose-inner{max-width:1296px;margin:auto;display:grid;grid-template-columns:300px minmax(0,760px);gap:64px;justify-content:space-between}.about-purpose .eyebrow{color:#d5e6c5}.about-purpose h2{font:400 clamp(36px,4.3vw,62px)/1.1 Arial,sans-serif;letter-spacing:-.04em;margin:0 0 32px}.purpose-copy{font-size:18px;line-height:1.8}.purpose-copy p{margin:0 0 24px;color:#e0e9db}.purpose-copy p:last-child{margin:0}.purpose-steps{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.purpose-step{border-top:1px solid #6f8c74;padding-top:20px;display:flex;flex-direction:column;gap:12px}.purpose-step span{font-size:13px;color:#c8ddba}.purpose-step strong{font-size:20px;font-weight:400;line-height:1.4}.about-principles{padding:88px 0 96px;border-top:1px solid #c9d5c3}.principle-top{display:grid;grid-template-columns:300px minmax(0,760px);gap:64px;justify-content:space-between;margin-bottom:44px}.principle-top h2{font:400 48px/1.1 Arial,sans-serif;letter-spacing:-.045em;margin:0}.principle-top>div>p{font-size:18px;line-height:1.8;color:#3d5d4b;margin:0 0 20px}.principle-top>div>p:last-child{margin-bottom:0}.principle-list{margin-left:auto;max-width:760px;list-style:none;padding:0}.principle-list li{border-top:1px solid #c9d5c3;padding:28px 0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px}.principle-list .num{font-size:13px;color:#526e5b;padding-top:5px}.principle-list h3{font-size:23px;line-height:1.35;font-weight:400;letter-spacing:-.025em;margin:0 0 10px}.principle-list p{font-size:17px;line-height:1.75;color:#3d5d4b;margin:0}.principle-note{max-width:700px;margin:12px 0 0 auto;font-size:14px;line-height:1.7;color:#526e5b}.about-company{background:#eaf0e3;padding:64px 5vw}.company-inner{max-width:1296px;margin:auto;display:grid;grid-template-columns:300px minmax(0,760px);gap:64px;justify-content:space-between}.company-inner h2{font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:0}.company-copy>p{font-size:18px;line-height:1.8;margin:0 0 20px}.company-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:28px}.company-links a{font-size:15px;line-height:1.5;display:inline-flex;align-items:center;min-height:44px;gap:20px;text-decoration:none;border-bottom:1px solid #8ea087;color:#204c3c}.about-page a:focus-visible{outline:2px solid #59765b;outline-offset:5px}.about-page .closing-proposal{margin-top:0}.about-page .templates-skip{position:fixed;left:16px;top:8px;transform:translateY(-180%);z-index:9999;background:#fffefa;color:#204c3c;padding:12px 16px;border:1px solid #204c3c;border-radius:4px}.about-page .templates-skip:focus{transform:none}html{scroll-padding-top:112px}@media(max-width:1350px){.about-wrap{margin:0 5vw}.about-story,.principle-top,.purpose-inner,.company-inner{grid-template-columns:260px minmax(0,760px);gap:48px}}@media(max-width:900px){.about-hero{padding-top:140px}.about-story,.principle-top,.purpose-inner,.company-inner{grid-template-columns:1fr;gap:32px}.about-story h2{max-width:620px}.principle-list{max-width:none}.principle-note{max-width:none}.about-hero-bottom{grid-template-columns:1fr;gap:28px}.about-hero-bottom .hero-caption{order:2}.about-hero-bottom>p{max-width:660px}.principle-top h2{max-width:660px}.chapter-number{margin-bottom:16px}}@media(max-width:600px){.about-hero{padding:132px 20px 36px}.about-page .eyebrow{margin-bottom:28px;font-size:13px}.about-hero h1{font-size:clamp(44px,11.8vw,66px);line-height:1.04;margin-bottom:32px;letter-spacing:-.06em}.about-hero-bottom{gap:24px}.about-hero-bottom>p{font-size:17px;line-height:1.75}.about-wrap{margin:0 20px}.about-story{padding:48px 0;gap:24px}.about-story h2{font-size:32px;line-height:1.15}.story-copy{font-size:16px;line-height:1.8}.story-copy .lead{font-size:23px;line-height:1.5}.about-purpose{padding:48px 20px}.purpose-inner{gap:24px}.about-purpose h2{font-size:36px;margin-bottom:24px}.purpose-copy{font-size:16px;line-height:1.8}.purpose-steps{gap:16px;margin-top:32px}.purpose-step strong{font-size:16px}.about-principles{padding:48px 0}.principle-top{gap:24px;margin-bottom:28px}.principle-top h2{font-size:36px}.principle-top>div>p{font-size:16px}.principle-list li{padding:24px 0;grid-template-columns:24px minmax(0,1fr);gap:12px}.principle-list h3{font-size:22px}.principle-list p{font-size:16px}.principle-note{font-size:14px}.about-company{padding:48px 20px}.company-inner{gap:24px}.company-inner h2{font-size:30px}.company-copy>p{font-size:16px}.company-links{flex-direction:column;align-items:start;gap:12px}.company-links a{width:100%;justify-content:space-between}html{scroll-padding-top:96px}}
/* Product visuals (real template artwork, decorative). Final state is the default; about.js arms the entrance only when motion is allowed. */
.av{margin:56px 0 0;position:relative}
.av img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.av-armed .av-card,.av-armed .av-panel,.av-armed .av-cover,.av-armed .av-wires path,.av-armed .av-win{transition:none}
/* 1 · template fan */
.av-fan-stage{position:relative;height:380px}
.av-card{position:absolute;left:50%;top:24px;width:168px;height:262px;margin-left:-84px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(32,76,60,.08),0 22px 44px -22px rgba(32,76,60,.45);transform:translate(var(--x),var(--y)) rotate(var(--r));transition:transform 1.1s cubic-bezier(.2,.8,.2,1) var(--d),opacity .6s ease var(--d),scale .35s ease;z-index:var(--z)}
.av-card.c0{--x:-276px;--y:44px;--r:-13deg;--z:1;--d:.12s}
.av-card.c1{--x:-140px;--y:12px;--r:-6.5deg;--z:2;--d:.06s}
.av-card.c2{--x:0px;--y:0px;--r:0deg;--z:3;--d:0s}
.av-card.c3{--x:140px;--y:12px;--r:6.5deg;--z:2;--d:.06s}
.av-card.c4{--x:276px;--y:44px;--r:13deg;--z:1;--d:.12s}
.av-fan.av-wait .av-card{transform:translate(0,30px) rotate(0);opacity:0}
.av-fan.av-wait .av-card.c2{opacity:1}
.av-fan.av-live .av-card{animation:av-float 6s ease-in-out infinite;animation-delay:calc(var(--d)*-14)}
@keyframes av-float{50%{translate:0 -7px}}
@media(hover:hover) and (pointer:fine){.av-fan .av-card:hover{scale:1.05;z-index:5}}
/* 2 · what sits behind one shared link */
.av-behind{margin:48px 0 8px}
.av-behind-stage{position:relative;aspect-ratio:760/430}
.av-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.av-wires path{fill:none;stroke:#8fb08f;stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:0;opacity:.7;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1s ease .35s}
.av-cover,.av-panel{position:absolute;transform:translate(-50%,-50%)}
.av-cover{left:50%;top:50%;width:23%;aspect-ratio:420/578;border-radius:14px;background:#fffefa;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 26px 50px -18px rgba(0,0,0,.55);z-index:3}
.av-cover img{border-radius:14px}
.av-link{position:absolute;left:50%;top:-14px;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 12px 6px 9px;border-radius:99px;background:#f7f9f3;color:#204c3c;font:12px/1 Arial,sans-serif;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.av-link svg{width:14px;height:14px}
.av-panel{width:27%;aspect-ratio:660/500;border-radius:12px;background:#f7f9f3;box-shadow:0 22px 40px -22px rgba(0,0,0,.6);z-index:2;transition:left 1s cubic-bezier(.2,.8,.2,1) var(--d),top 1s cubic-bezier(.2,.8,.2,1) var(--d),opacity .5s ease var(--d),scale 1s cubic-bezier(.2,.8,.2,1) var(--d)}
.av-panel img{border-radius:12px}
.av-panel.p0{left:16%;top:24%;--d:.05s}.av-panel.p1{left:16%;top:76%;--d:.15s}.av-panel.p2{left:84%;top:24%;--d:.1s}.av-panel.p3{left:84%;top:76%;--d:.2s}
.av-tag{position:absolute;left:0;bottom:calc(100% + 8px);font:12px/1.2 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#c8ddba;white-space:nowrap}
.av-behind.av-wait .av-panel{left:50%;top:50%;opacity:0;scale:.55}
.av-behind.av-wait .av-wires path{stroke-dashoffset:1}
.av-behind.av-wait .av-cover{scale:.96}
.av-cover{transition:scale .8s cubic-bezier(.2,.8,.2,1)}
.av-wires .f{stroke:#e3eedb;stroke-width:2;stroke-dasharray:.16 .84;stroke-dashoffset:1;opacity:0;transition:none}
.av-behind.av-live .av-wires .f{opacity:1;animation:av-flow 2.8s linear infinite}
.av-behind.av-live .av-wires .f:nth-of-type(6){animation-delay:-.7s}.av-behind.av-live .av-wires .f:nth-of-type(7){animation-delay:-1.4s}.av-behind.av-live .av-wires .f:nth-of-type(8){animation-delay:-2.1s}
@keyframes av-flow{from{stroke-dashoffset:1.16}to{stroke-dashoffset:0}}
/* 3 · storefront in your brand */
.av-store-stage{position:relative;padding-bottom:52px}
.av-store{--brand:#2f5e48;--tint:#e7efe3}
.av-store[data-theme="1"]{--brand:#6b1f2e;--tint:#f5e6e4}
.av-store[data-theme="2"]{--brand:#1f3354;--tint:#e5eaf3}
.av-win{border-radius:16px;overflow:hidden;background:#fffefa;box-shadow:0 0 0 1px rgba(32,76,60,.12),0 30px 60px -34px rgba(32,76,60,.5);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.av-store.av-wait .av-win{opacity:0;transform:translateY(28px)}
.av-bar{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#f1f4ec;border-bottom:1px solid rgba(32,76,60,.08)}
.av-dots{display:flex;gap:5px}.av-dots i{width:8px;height:8px;border-radius:50%;background:#cdd8c8}
.av-url{flex:1;max-width:260px;padding:5px 12px;border-radius:99px;background:#fff;font:12px/1 Arial,sans-serif;color:#58745b}
.av-shop{padding:22px 26px 26px;background:linear-gradient(180deg,var(--tint),#fffefa 62%);transition:background .7s ease}
.av-nav{display:flex;align-items:center;gap:18px}
.av-logo{display:flex;align-items:center;gap:9px;font:15px/1 Arial,sans-serif;color:var(--brand);transition:color .7s ease}
.av-logo b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--brand);color:#fff;font:600 13px/1 Arial,sans-serif;transition:background .7s ease}
.av-menu{flex:1;display:flex;gap:10px;justify-content:center}.av-menu i{width:42px;height:6px;border-radius:3px;background:rgba(32,76,60,.12)}
.av-cta{padding:8px 14px;border-radius:99px;background:var(--brand);color:#fff;font:12px/1 Arial,sans-serif;transition:background .7s ease}
.av-hl{margin:26px 0 18px;font:400 26px/1.2 Arial,sans-serif;letter-spacing:-.03em;color:var(--brand);max-width:380px;transition:color .7s ease}
.av-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.av-item{position:relative;aspect-ratio:420/470;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(32,76,60,.08)}
.av-item span{position:absolute;left:8px;bottom:8px;padding:5px 9px;border-radius:99px;background:var(--brand);color:#fff;font:11px/1 Arial,sans-serif;transition:background .7s ease}
.av-swatches{position:absolute;right:6px;bottom:6px;display:flex;gap:10px}
.av-sw{width:24px;height:24px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #f8faf5,0 0 0 3px transparent;transition:box-shadow .4s ease}
.av-store[data-theme="0"] .av-sw:nth-child(1),.av-store[data-theme="1"] .av-sw:nth-child(2),.av-store[data-theme="2"] .av-sw:nth-child(3){box-shadow:0 0 0 2px #f8faf5,0 0 0 3px var(--c)}
.av-pointer{position:absolute;left:10px;top:12px;width:18px;height:21px;transition:transform .9s cubic-bezier(.4,0,.2,1)}
.av-pointer svg{width:100%;height:100%;fill:#204c3c;stroke:#fff;stroke-width:1.5}
.av-store[data-theme="1"] .av-pointer{transform:translateX(34px)}.av-store[data-theme="2"] .av-pointer{transform:translateX(68px)}
.av-store:not(.av-live) .av-pointer{display:none}
@media(max-width:760px){
 .av{margin-top:36px}
 .av-fan-stage{height:250px}
 .av-card{width:96px;height:150px;margin-left:-48px;top:16px;border-radius:10px}
 .av-card.c0{--x:-112px;--y:28px}.av-card.c1{--x:-58px;--y:8px}.av-card.c3{--x:58px;--y:8px}.av-card.c4{--x:112px;--y:28px}
 .av-behind-stage{aspect-ratio:auto;height:560px}
 .av-wires{display:none}
 .av-cover{top:132px;width:130px}
 .av-panel{width:calc(50% - 8px)}
 .av-panel.p0{left:25%;top:330px}.av-panel.p2{left:75%;top:330px}.av-panel.p1{left:25%;top:490px}.av-panel.p3{left:75%;top:490px}
 .av-behind.av-wait .av-panel{left:50%;top:150px}
 .av-tag{font-size:10px;letter-spacing:.04em;bottom:calc(100% + 6px)}
 .av-shop{padding:16px 14px 16px}
 .av-menu{display:none}.av-nav{justify-content:space-between}
 .av-hl{font-size:19px;margin:18px 0 14px}
 .av-grid{gap:8px}
 .av-item span{font-size:9px;padding:4px 6px;left:5px;bottom:5px}
}
@media(prefers-reduced-motion:reduce){.av *{transition:none!important;animation:none!important}}