:root{--foe-ivory:#f5f1ea;--foe-paper:#faf8f4;--foe-black:#000;--foe-stone:#171714;--foe-border:#ddd7cd;--foe-white:#fff;--foe-danger:#b9654f;--foe-success:#5e785e;--foe-success-bg:#5e785e14;--foe-muted-text:#9a9388;--foe-wood:#7c9275;--foe-fire:#b9654f;--foe-earth:#b59a6a;--foe-metal:#b8b6ae;--foe-water:#526d78;--font-display:var(--font-cormorant), "Cormorant Garamond", "Times New Roman", serif;--font-sans:var(--font-inter), Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-heading:var(--font-cormorant), "Cormorant Garamond", serif;--text-xs:.72rem;--text-sm:.82rem;--text-md:.95rem;--text-lg:1.15rem;--text-xl:1.65rem;--text-2xl:2.4rem;--text-3xl:3.5rem;--text-4xl:5.5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--tracking-tight:-.035em;--tracking-normal:0;--tracking-wide:.08em;--tracking-wider:.16em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--space-10:120px;--space-11:160px;--container-wide:1280px;--container:1180px;--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--border-thin:1px solid var(--foe-border);--ease:cubic-bezier(.22, 1, .36, 1);--transition-fast:.18s var(--ease);--transition:.4s var(--ease);--shadow-none:none;--theme-elevation-100:#f7f4ef;--theme-elevation-200:#ece7df;--theme-elevation-300:#ddd7cd;--theme-elevation-400:#c9c3b8;--theme-elevation-500:#9a9388;--theme-elevation-700:#706b61}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition:0s}}@media (max-width:720px){:root{--space-10:80px;--space-11:96px}}
.foe-container{width:min(calc(100% - 48px), var(--container));margin-inline:auto}.foe-container--wide{width:min(calc(100% - 48px), var(--container-wide));margin-inline:auto}.foe-section{padding-block:var(--space-11)}.foe-section--paper{background:var(--foe-paper)}.foe-eyebrow{margin-bottom:var(--space-4);color:var(--foe-stone);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:500}.foe-display{font-family:var(--font-cormorant), "Cormorant Garamond", "Times New Roman", serif;letter-spacing:var(--tracking-tight);margin:0;font-weight:400;line-height:.95}.foe-display--hero{font-size:clamp(4rem, 8vw, var(--text-3xl))}.foe-display--section{font-size:clamp(2.6rem, 5vw, var(--text-3xl))}.foe-body{max-width:620px;color:var(--foe-stone);font-size:var(--text-lg);margin:var(--space-6) 0;line-height:1.8}.foe-link{font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:gap var(--transition-fast), opacity var(--transition-fast);border-bottom:1px solid;align-items:center;gap:8px;padding-bottom:3px;display:inline-flex}.foe-link:hover{opacity:.6;gap:12px}.foe-btn{border-radius:var(--radius-md);min-height:48px;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:0 24px;font-weight:500;text-decoration:none;display:inline-flex}.foe-btn--primary{background:var(--foe-black);color:var(--foe-paper)}.foe-btn--primary:hover{background:#33332f}.foe-btn--outline{color:var(--foe-black);border-color:var(--foe-black);background:0 0}.foe-btn--outline:hover{background:var(--foe-black);color:var(--foe-paper)}.foe-hero{background:linear-gradient(135deg,#e8e0d4,#d7cfc2);align-items:center;min-height:760px;padding:0;display:flex;position:relative;overflow:hidden}.foe-hero-media{z-index:0;position:absolute;inset:0}.foe-hero-image{object-fit:cover;filter:saturate(.85);width:100%;height:100%}.foe-hero-scrim{background:linear-gradient(90deg,#eeeaf5db 0%,#f5f1ea8c 40%,#f5f1ea1f 50%,#0000 100%);position:absolute;inset:0}.foe-hero-content{z-index:1;width:100%;padding:var(--space-10) clamp(32px, 6vw, 96px);flex-direction:column;justify-content:center;display:flex;position:relative}.foe-hero-copy{max-width:580px}.foe-hero .foe-eyebrow{color:var(--foe-stone)}.foe-hero .foe-display--hero{color:var(--foe-black)}.foe-hero-description{max-width:500px;margin-top:var(--space-6);margin-bottom:var(--space-7);color:var(--foe-stone);font-size:var(--text-lg);line-height:1.75}.foe-hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.foe-hero-caption{z-index:1;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:#f5f1eae0;padding:10px 14px;position:absolute;bottom:24px;right:24px}.foe-element-grid{border-top:1px solid var(--foe-border);border-left:1px solid var(--foe-border);grid-template-columns:repeat(5,minmax(0,1fr));max-width:100%;display:grid}.foe-element-card{min-width:0;min-height:420px;padding:var(--space-6);border-right:1px solid var(--foe-border);border-bottom:1px solid var(--foe-border);background:var(--foe-ivory);color:var(--foe-black);transition:background var(--transition), color var(--transition);flex-direction:column;justify-content:space-between;text-decoration:none;display:flex;position:relative;overflow:hidden}.foe-element-card:before{content:"";opacity:.15;z-index:0;width:220px;height:220px;transition:transform var(--transition), opacity var(--transition);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.foe-element-card:hover:before{opacity:.28;transform:translate(-50%,-50%)scale(1.05)}.foe-element-card.foe-wood:before{background:var(--foe-wood)}.foe-element-card.foe-fire:before{background:var(--foe-fire)}.foe-element-card.foe-earth:before{background:var(--foe-earth)}.foe-element-card.foe-metal:before{background:var(--foe-metal)}.foe-element-card.foe-water:before{background:var(--foe-water)}.foe-element-number,.foe-element-body,.foe-element-arrow{z-index:1;position:relative}.foe-element-body{justify-content:flex-end;gap:var(--space-3);min-width:0;padding-bottom:var(--space-7);flex-direction:column;flex:auto;display:flex}.foe-element-thumb{aspect-ratio:1;object-fit:cover;background:var(--foe-paper);border-radius:50%;width:100%;display:block}.foe-element-number{font-size:var(--text-xs);letter-spacing:var(--tracking-wide)}.foe-element-name{font-family:var(--font-cormorant), "Cormorant Garamond", "Times New Roman", serif;overflow-wrap:break-word;margin:0;font-size:3rem;font-weight:400}.foe-element-quality{margin-top:var(--space-2);color:var(--foe-stone);font-size:var(--text-sm);letter-spacing:.02em;overflow-wrap:break-word}.foe-element-arrow{right:var(--space-6);bottom:var(--space-6);transition:transform var(--transition-fast);font-size:1.4rem;position:absolute}.foe-element-card:hover .foe-element-arrow{transform:translate(4px,-4px)}.foe-products-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-end;display:flex}.foe-carousel{position:relative}.foe-carousel-arrow{z-index:10;border:1px solid var(--foe-border);width:36px;height:36px;color:var(--foe-black);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:#fff;border-radius:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.foe-carousel-arrow:hover:not(:disabled){border-color:var(--foe-stone);color:var(--foe-stone)}.foe-carousel-arrow:disabled{opacity:.4;cursor:default}.foe-carousel-arrow--prev{left:0}.foe-carousel-arrow--next{right:0}.foe-product-card{position:relative}.foe-product-image{aspect-ratio:1;background:#e8e2d8;position:relative;overflow:hidden}.foe-product-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.foe-product-card:hover .foe-product-image img{transform:scale(1.025)}.foe-product-info{padding-top:var(--space-4)}.foe-product-element{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--foe-stone);margin-bottom:4px}.foe-product-name{font-family:var(--font-cormorant), "Cormorant Garamond", "Times New Roman", serif;margin:0;font-size:1.7rem;font-weight:400}.foe-product-price{font-size:var(--text-sm);color:var(--foe-stone);margin-top:4px}.foe-story-grid{align-items:center;gap:var(--space-10);grid-template-columns:1fr 1fr;display:grid}.foe-story-image{aspect-ratio:4/5;background:#d8d0c3;position:relative;overflow:hidden}.foe-story-image img{object-fit:cover;width:100%;height:100%}.foe-story-copy{max-width:520px}.foe-story-copy .foe-body{margin-top:var(--space-6);margin-bottom:var(--space-7)}.foe-story-copy .eyebrow{margin-bottom:var(--space-4)}.foe-trust{text-align:center}.foe-trust-intro{max-width:640px;margin:var(--space-6) auto var(--space-9)}.foe-trust-grid{border-top:1px solid var(--foe-border);border-bottom:1px solid var(--foe-border);grid-template-columns:repeat(3,1fr);display:grid}.foe-craft-item{padding:var(--space-7);border-right:1px solid var(--foe-border)}.foe-craft-item:last-child{border-right:0}.foe-trust-number{margin-bottom:var(--space-4);font-family:var(--font-cormorant), "Cormorant Garamond", "Times New Roman", serif;font-size:2.5rem;display:block}.foe-trust-title{font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 8px}.foe-trust-description{color:var(--foe-stone);font-size:var(--text-sm);margin:0}.foe-journal-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-end;display:flex}.foe-journal-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.foe-journal-image{aspect-ratio:4/3;background:#ded7cc;overflow:hidden}.foe-journal-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.foe-journal-meta{margin-top:var(--space-4);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--foe-stone)}.foe-journal-title{margin:var(--space-2) 0 var(--space-3);font-family:var(--font-cormorant), "Cormorant Garamond", "Times New Roman", serif;font-size:1.8rem;font-weight:400;line-height:1.1}.foe-quiz-feature{grid-template-columns:1fr 1fr;min-height:620px;display:grid}.foe-quiz-copy{padding:var(--space-10) clamp(32px, 7vw, 110px);flex-direction:column;justify-content:center;display:flex}.foe-quiz-copy .foe-body{margin-top:var(--space-6);margin-bottom:var(--space-7)}.foe-quiz-visual{background:linear-gradient(135deg,#d8d3c9,#bfc5c0);position:relative;overflow:hidden}.foe-quiz-visual__img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.foe-section-head{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-end;display:flex}.foe-section-head .foe-link{flex-shrink:0}@media (max-width:1100px){.foe-element-grid{grid-template-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.foe-element-card:nth-child(n){grid-column:span 1;min-height:360px}.foe-journal-grid,.foe-trust-grid{grid-template-columns:1fr}.foe-craft-item{border-right:0;border-bottom:1px solid var(--foe-border)}.foe-craft-item:last-child{border-bottom:0}}@media (max-width:1024px){.foe-hero{min-height:640px}.foe-quiz-feature{grid-template-columns:1fr}.foe-quiz-visual{min-height:500px}.foe-story-grid{grid-template-columns:1fr}.foe-story-image{max-width:700px}}@media (max-width:760px){.foe-container,.foe-container--wide{width:calc(100% - 32px)}.foe-hero{min-height:560px}.foe-hero-content{padding:120px 24px 80px}.foe-hero-scrim{background:linear-gradient(90deg,#f5f1eaeb 0%,#f5f1eab8 55%,#f5f1ea52 100%)}.foe-hero-actions{flex-direction:column;align-items:flex-start}.foe-section-head{display:block}.foe-section-head .foe-link{margin-top:var(--space-4)}.foe-element-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foe-element-card:nth-child(n){min-height:320px}.foe-element-name{font-size:2.4rem}.foe-footer-grid{grid-template-columns:1fr}}.foe-journal-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-9);display:flex}@media (max-width:760px){.foe-products-header,.foe-journal-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}}.foe-journal-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.foe-journal-card{color:var(--foe-black);border-radius:0;text-decoration:none;display:block}.foe-journal-image{aspect-ratio:3/2;background:var(--foe-paper);margin-bottom:var(--space-4);overflow:hidden}.foe-journal-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast);display:block}.foe-journal-card:hover .foe-journal-image img{transform:scale(1.03)}.foe-journal-meta{color:var(--foe-stone);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 6px}.foe-journal-title{font-family:var(--font-cormorant), "Cormorant Garamond", serif;font-weight:400;font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin:0;line-height:1.1}.foe-journal-excerpt{margin:var(--space-3) 0 0;color:var(--foe-stone);font-size:var(--text-base);line-height:1.7}.foe-journal-empty{color:var(--foe-stone);font-size:var(--text-base);margin:0}@media (max-width:900px){.foe-journal-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.foe-journal-grid{grid-template-columns:1fr}}
.el-themed,.about-element{--el-color:var(--foe-black);--el-bg:var(--foe-ivory)}.hub-hero{text-align:center;background-color:#dcd4c8;background-image:url(https://image.flowofelements.com/five-elements-hero.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:680px;display:flex;position:relative;overflow:hidden}.hub-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f5f1eac7 0%,#f5f1ea9e 100%);position:absolute;inset:0}.hub-hero__content{z-index:2;max-width:760px;padding:0 24px;position:relative}.hub-title{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(4.5rem,10vw,8rem);font-weight:400;line-height:.85}.hub-lead{max-width:580px;color:color-mix(in srgb, var(--foe-black) 68%, transparent);margin:32px auto 0;font-size:1.08rem;line-height:1.75}.hub-intro{grid-template-columns:.75fr 1.25fr;align-items:end;gap:120px;display:grid}.hub-system{background:var(--foe-black);color:var(--foe-paper)}.hub-system .foe-body{color:#aaa69d}.hub-system__layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px;display:grid}.hub-diagram{justify-content:center;align-items:center;display:flex;position:relative}.hub-diagram__img{width:100%;max-width:520px;height:auto;margin:0 auto;display:block}.hub-products{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.hub-product{text-align:center;color:inherit;text-decoration:none}.hub-product__image{aspect-ratio:1;background:#e5e0d6;justify-content:center;align-items:center;display:flex;position:relative}.hub-product__image svg{width:88%;height:88%}.hub-product__img{object-fit:cover;object-position:center;z-index:1}.hub-product__element{color:var(--foe-stone);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-top:14px}.hub-product__name{font-family:var(--font-display);margin:4px 0 0;font-size:1.45rem;font-weight:400}.hub-product__price{color:var(--foe-stone);font-size:var(--text-sm)}.hub-cta{text-align:center}.el-hero{background:var(--el-bg);grid-template-columns:1fr 1fr;min-height:720px;display:grid;overflow:hidden}.el-hero__copy{flex-direction:column;justify-content:center;padding:80px max(32px,50vw - 590px);display:flex}.el-number{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--foe-stone)}.el-title{font-family:var(--font-display);letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(3rem,5vw,6rem);font-weight:400;line-height:.82}.el-sub{color:var(--el-color);letter-spacing:.12em;text-transform:uppercase;margin-top:12px;font-size:1.05rem}.el-lead{max-width:480px;color:var(--el-color);margin:24px 0 32px;font-size:1.08rem;line-height:1.8}.el-hero__visual{background:color-mix(in srgb, var(--el-color) 18%, var(--el-bg));justify-content:center;align-items:center;display:flex;position:relative}.el-hero__visual:before,.el-hero__visual:after{content:"";border:1px solid color-mix(in srgb, var(--el-color) 45%, transparent);border-radius:50%;position:absolute}.el-hero__visual:before{width:520px;height:520px}.el-hero__visual:after{width:350px;height:350px}.el-hero__art{z-index:2;width:min(64%,420px);height:auto;position:relative}.el-intro{grid-template-columns:.75fr 1.25fr;align-items:start;gap:120px;display:grid}.el-qualities{border-top:1px solid var(--foe-border);border-bottom:1px solid var(--foe-border);grid-template-columns:repeat(3,1fr);margin-top:42px;display:grid}.el-quality{border-right:1px solid var(--foe-border);padding:28px 20px}.el-quality:last-child{border-right:0}.el-quality strong{font-family:var(--font-display);font-size:2rem;font-weight:400}.el-quality span{color:var(--foe-stone);font-size:var(--text-sm);margin-top:5px;display:block}.el-story{grid-template-columns:1.15fr .85fr;min-height:610px;display:grid}.el-story__art{background:color-mix(in srgb, var(--el-color) 22%, var(--el-bg));justify-content:center;align-items:center;display:flex;position:relative}.el-story__copy{background:var(--foe-paper);align-items:center;padding:80px;display:flex}.el-product{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.el-product__visual{aspect-ratio:1;background:var(--el-bg);justify-content:center;align-items:center;display:flex;position:relative}.el-product__visual svg{width:78%;height:78%}.el-art-img{object-fit:cover;object-position:center;z-index:1}.el-product__name{font-family:var(--font-display);margin:0 0 10px;font-size:4rem;font-weight:400;line-height:.9}.el-product__price{color:var(--foe-stone);margin-bottom:25px}.el-notes{background:var(--foe-border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid}.el-note{background:var(--foe-ivory);padding:28px}.el-note h3{font-family:var(--font-display);margin:0 0 8px;font-size:1.7rem;font-weight:400}.el-note p{color:var(--foe-stone);font-size:var(--text-sm);margin:0;line-height:1.7}.el-next{background:var(--foe-black);color:var(--foe-paper);text-align:center}.el-next .foe-eyebrow{color:#aaa69d}.el-next .foe-body{color:#aaa69d;margin:24px auto 36px}.about-hero{box-sizing:border-box;color:#fff;background:linear-gradient(#11111124 0%,#1111110f 35%,#111111b0 100%),url(https://image.flowofelements.com/our-story-hero-cover.webp) 50%/cover no-repeat;align-items:flex-end;padding-top:134px;display:flex;position:relative}.about-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#11111154,#0000 65%);position:absolute;inset:0}.about-hero__content{z-index:2;max-width:820px;padding-bottom:78px;position:relative}.about-eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.about-title{font-family:var(--font-display);letter-spacing:-.055em;margin:18px 0 0;font-size:clamp(68px,9vw,124px);font-weight:400;line-height:.84}.about-lead{color:#ffffffd1;max-width:520px;margin:28px 0 0;font-size:15px;line-height:1.8}.about-meta{color:#ffffffb8;font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;margin-top:42px;display:flex}.about-two{grid-template-columns:.72fr 1.28fr;gap:100px;display:grid}.about-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--foe-stone)}.about-h2{font-family:var(--font-display);letter-spacing:-.05em;margin:12px 0;font-size:clamp(52px,6vw,82px);font-weight:400;line-height:.9}.about-exists{max-width:700px;font-size:21px;line-height:1.72}.about-exists p{margin:0 0 26px}.about-muted{color:var(--foe-stone)}.about-elements{background:var(--foe-paper)}.about-element-head{grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:65px;display:grid}.about-element-intro{max-width:500px;color:var(--foe-stone);line-height:1.8}.about-element-grid{border-top:1px solid var(--foe-border);border-bottom:1px solid var(--foe-border);grid-template-columns:repeat(5,1fr);display:grid}.about-element{border-right:1px solid var(--foe-border);min-height:200px;padding:28px 22px;transition:all .35s cubic-bezier(.22,1,.36,1)}.about-element:last-child{border-right:0}.about-element:hover{background:#f3eee7}.about-num{font-size:var(--text-xs);letter-spacing:.15em;color:var(--foe-stone)}.about-orbit{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin:58px 0 34px;display:flex;position:relative}.about-orbit:after{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.about-element h3{font-family:var(--font-display);margin:0;font-size:38px;font-weight:400}.about-cn{font-family:var(--font-display);color:var(--foe-stone);margin-top:6px;font-size:15px;display:inline-block}.about-element p{color:var(--foe-stone);margin-top:10px;font-size:13px;line-height:1.7}.about-keywords{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.about-keywords span{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--foe-border);color:var(--foe-stone);padding:4px 10px;font-size:9px}.about-belief{text-align:center}.about-quote{max-width:930px;font-family:var(--font-display);letter-spacing:-.055em;margin:22px auto 0;font-size:clamp(52px,7vw,96px);line-height:.9}.about-support{max-width:600px;color:var(--foe-stone);margin:35px auto 0;line-height:1.8}.about-meaning{background:var(--foe-black);color:#fff}.about-meaning__copy{max-width:650px}.about-meaning__copy>p{color:#ffffffb3;margin:0 0 35px;font-size:17px;line-height:1.8}.about-beliefs{border-top:1px solid #fff3}.about-belief-row{border-bottom:1px solid #fff3;grid-template-columns:60px 1fr;gap:20px;padding:24px 0;display:grid}.about-belief-row span{color:#fff6;font-size:var(--text-xs);letter-spacing:.14em}.about-belief-row strong{font-family:var(--font-display);font-size:28px;font-weight:400}.about-reminder{padding:145px 0}.about-reminder-grid{grid-template-columns:1.1fr .9fr;min-height:680px;display:grid}.about-photo{background:linear-gradient(#2820180a,#28201824),url(https://image.flowofelements.com/carry-the-intention-1.webp) 50%/cover no-repeat}.about-reminder-copy{background:#e7ded0;flex-direction:column;justify-content:center;padding:76px;display:flex}.about-reminder-copy h2{font-family:var(--font-display);letter-spacing:-.05em;margin:15px 0 25px;font-size:clamp(54px,6vw,84px);font-weight:400;line-height:.88}.about-reminder-copy p{max-width:470px;color:var(--foe-stone);line-height:1.8}.about-link{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;margin-top:14px;padding-bottom:4px;display:inline-block}.about-invite{text-align:center;background:var(--foe-paper)}.about-invite h2{font-family:var(--font-display);letter-spacing:-.055em;margin:18px auto 24px;font-size:clamp(58px,7vw,96px);font-weight:400;line-height:.87}.about-invite p{max-width:540px;color:var(--foe-stone);margin:0 auto 34px;line-height:1.8}.about-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.about-btn{border-radius:var(--radius-md);min-height:48px;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;padding:0 24px;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.about-btn--primary{background:var(--foe-black);color:#fff}.about-btn--primary:hover{background:#2f2f2a}.about-btn--secondary{border:1px solid var(--foe-black)}.about-btn--secondary:hover{background:var(--foe-black);color:#fff}.about-soft{color:var(--foe-stone);margin-top:24px;font-size:13px;display:block}.about-soft a{border-bottom:1px solid var(--foe-stone);padding-bottom:2px}@media (max-width:900px){.hub-intro,.hub-system__layout,.el-intro,.el-story,.el-product,.about-two,.about-element-head,.about-reminder-grid{grid-template-columns:1fr;gap:45px}.hub-products,.about-element-grid{grid-template-columns:repeat(2,1fr)}.el-quality,.el-note{border-right:0}.el-qualities{grid-template-columns:1fr}.el-qualities .el-quality{border-bottom:1px solid var(--foe-border)}.el-qualities .el-quality:last-child{border-bottom:0}.el-notes{grid-template-columns:1fr}.el-story__copy,.about-reminder-copy{padding:64px 24px}.el-story__art,.about-photo{min-height:480px}.hub-diagram__img{max-width:100%}.el-hero{grid-template-columns:1fr}.el-hero__copy{padding:90px 24px}.el-hero__visual{min-height:420px}.el-product__name{font-size:3.2rem}.about-photo{min-height:520px}.about-element:nth-child(2n){border-right:0}.about-element:nth-child(n+3){border-top:1px solid var(--foe-border)}}@media (max-width:600px){.el-hero__copy{padding:70px 20px}.el-title{font-size:4rem}.about-element{min-height:320px;padding:22px 16px}.about-orbit{width:64px;height:64px;margin:45px 0 25px}.about-element h3{font-size:31px}.about-reminder-copy{padding:55px 28px}.about-photo{min-height:400px}.about-element-grid{grid-template-columns:1fr 1fr}}