:where(#ThatsAbout) .seed-scene{--scene-progress: 1;--seed-paper: #faf9f7;--seed-ink: #1c1917;--seed-green: #4a7c59;position:relative;min-height:145svh;background:var(--seed-paper);color:var(--seed-ink);isolation:isolate}:where(#ThatsAbout) .seed-scene__stage,:where(#ThatsAbout) .seed-scene>.seed-stage{position:sticky;top:0;display:flex;flex-direction:column;height:100svh;min-height:0;padding:clamp(32px,5.6svh,64px) var(--gutter) clamp(30px,5svh,56px);overflow:clip}:where(#ThatsAbout) .seed-scene__top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;flex:0 0 auto;min-height:24px}:where(#ThatsAbout) .seed-scene .eyebrow{text-transform:none;color:var(--seed-green);font-size:11px;letter-spacing:.07em}:where(#ThatsAbout) .seed-scene__composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,3.4vw,60px);flex:1 1 auto;width:100%;min-height:0;padding-block:24px 12px}:where(#ThatsAbout) .seed-scene__copy{position:relative;z-index:2;min-width:0;padding:12px 0 12px 2vw}:where(#ThatsAbout) .seed-scene__title{font:500 clamp(62px,7.45vw,128px)/.99 var(--display);letter-spacing:-.069em;overflow-wrap:normal;word-break:normal}:where(#ThatsAbout) .seed-scene__title>span{display:block}:where(#ThatsAbout) .seed-scene__title-detail{font-size:.97em;line-height:1.03;letter-spacing:-.065em;padding-top:.06em;margin-left:.12em;color:var(--seed-green)}:where(#ThatsAbout) .seed-scene--possibility .seed-scene__title-detail{font-size:.76em}:where(#ThatsAbout) .seed-scene__description{max-width:350px;margin:32px 0 0 .65vw;font:400 16px/1.8 var(--body);color:#59574f}:where(#ThatsAbout) .seed-scene__description+.seed-scene__description{margin-top:15px}:where(#ThatsAbout) .seed-scene__aside{display:flex;align-items:flex-start;gap:14px;max-width:340px;margin:26px 0 0 .65vw}:where(#ThatsAbout) .seed-scene__mark{color:var(--seed-green);font:300 26px/1 var(--display);flex:0 0 auto}:where(#ThatsAbout) .seed-scene__aside p{padding-top:2px;font:400 11px/1.8 var(--mono);color:#746f65}:where(#ThatsAbout) .seed-scene__figure{position:relative;width:100%;min-width:0;max-width:min(100%,65svh);justify-self:end;margin:0}:where(#ThatsAbout) .seed-scene__art{position:relative;width:100%;aspect-ratio:1;max-height:65svh;isolation:isolate}:where(#ThatsAbout) .seed-art__orbits{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--seed-green);stroke-width:.8;opacity:.31;pointer-events:none;transform-origin:center;transform:rotate(calc(-50deg + var(--scene-progress) * 150deg)) scale(calc(.88 + var(--scene-progress) * .12))}:where(#ThatsAbout) .seed-art__orbits :is(path,ellipse,circle){vector-effect:non-scaling-stroke}:where(#ThatsAbout) .seed-brand-mark{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:78%;height:78%;transform-origin:center;transform:translate(-50%,-50%) rotate(calc(-20deg + var(--scene-progress) * 36deg)) scale(calc(.76 + var(--scene-progress) * .24))}:where(#ThatsAbout) .seed-brand-mark>svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;min-width:0;min-height:0;width:100%;height:100%;overflow:visible}:where(#ThatsAbout) .seed-brand-mark image{image-rendering:auto}.js-motion :where(#ThatsAbout) .seed-brand-mark,.js-motion :where(#ThatsAbout) .seed-art__orbits{will-change:transform}:where(#ThatsAbout) .seed-scene__caption{display:block;padding-top:18px;text-align:center;color:#746f65;font:400 10px/1.7 var(--mono)}:where(#ThatsAbout) .seed-scene__caption .mono{font-size:inherit}:where(#ThatsAbout) .seed-scene__index,:where(#ThatsAbout) .seed-scene__folio,:where(#ThatsAbout) .seed-scene__bottom,:where(#ThatsAbout) .seed-caption-line,:where(#ThatsAbout) .seed-art__cross{display:none}:where(#ThatsAbout) .seed-scene--growth{--seed-paper: #e8f0ea}:where(#ThatsAbout) .seed-scene--growth .seed-brand-mark{width:80%;height:80%;transform:translate(-50%,-50%) rotate(calc(20deg - var(--scene-progress) * 38deg)) scale(calc(.72 + var(--scene-progress) * .28))}:where(#ThatsAbout) .seed-scene--growth .seed-art__orbits{opacity:.28;transform:rotate(calc(45deg - var(--scene-progress) * 160deg)) scale(calc(.92 + var(--scene-progress) * .08))}:where(#ThatsAbout) .seed-scene--possibility .seed-brand-mark{width:80%;height:80%;transform:translate(-50%,-50%) rotate(calc(-18deg + var(--scene-progress) * 38deg)) scale(calc(.73 + var(--scene-progress) * .27))}:where(#ThatsAbout) .seed-scene--possibility .seed-art__orbits{transform:rotate(calc(-65deg + var(--scene-progress) * 185deg)) scale(calc(.84 + var(--scene-progress) * .16))}@media(min-width:768px){:where(#ThatsAbout) .seed-scene--growth .seed-scene__figure{grid-column:1;grid-row:1;justify-self:start}:where(#ThatsAbout) .seed-scene--growth .seed-scene__copy{grid-column:2;grid-row:1;padding-left:1vw}}@media(min-width:1600px){:where(#ThatsAbout) .seed-scene__composition{max-width:1560px;margin-inline:auto}:where(#ThatsAbout) .seed-scene__description{max-width:375px;font-size:17px}}@media(min-width:768px)and (max-width:1023px){:where(#ThatsAbout) .seed-scene__composition{gap:24px}:where(#ThatsAbout) .seed-scene__copy{padding-left:0}:where(#ThatsAbout) .seed-scene__title{font-size:clamp(56px,7.4vw,76px)}:where(#ThatsAbout) .seed-scene__description{max-width:290px;margin-top:26px;font-size:14px}:where(#ThatsAbout) .seed-scene__aside{margin-top:22px}:where(#ThatsAbout) .seed-scene__aside p{font-size:10px}}@media(min-width:768px)and (max-height:680px){:where(#ThatsAbout) .seed-scene__stage,:where(#ThatsAbout) .seed-scene>.seed-stage{padding-top:25px;padding-bottom:25px}:where(#ThatsAbout) .seed-scene__composition{padding-block:14px 0}:where(#ThatsAbout) .seed-scene__title{font-size:clamp(52px,6.3vw,92px)}:where(#ThatsAbout) .seed-scene__description{margin-top:22px;font-size:14px;line-height:1.7}:where(#ThatsAbout) .seed-scene__aside{margin-top:18px}:where(#ThatsAbout) .seed-scene__aside p{font-size:10px;line-height:1.7}:where(#ThatsAbout) .seed-scene__caption{padding-top:10px}}@media(max-width:767px){:where(#ThatsAbout) .seed-scene{min-height:0}:where(#ThatsAbout) .seed-scene__stage,:where(#ThatsAbout) .seed-scene>.seed-stage{position:relative;top:auto;height:auto;min-height:0;padding:49px var(--gutter) 43px}:where(#ThatsAbout) .seed-scene__top{min-height:16px}:where(#ThatsAbout) .seed-scene .eyebrow{font-size:10px}:where(#ThatsAbout) .seed-scene__composition{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:30px 0 0}:where(#ThatsAbout) .seed-scene__copy{padding:0}:where(#ThatsAbout) .seed-scene__title{font-size:clamp(50px,15.2vw,104px);line-height:1.01;letter-spacing:-.065em}:where(#ThatsAbout) .seed-scene__title-detail{font-size:.98em;padding-top:.035em;margin-left:.13em}:where(#ThatsAbout) .seed-scene--possibility .seed-scene__title-detail{font-size:.77em}:where(#ThatsAbout) .seed-scene__description{max-width:350px;margin:27px 0 0 5vw;font-size:14px;line-height:1.8}:where(#ThatsAbout) .seed-scene__description+.seed-scene__description{margin-top:12px}:where(#ThatsAbout) .seed-scene__aside{max-width:325px;gap:12px;margin:22px 0 0 5vw}:where(#ThatsAbout) .seed-scene__aside p{font-size:10px;line-height:1.8}:where(#ThatsAbout) .seed-scene__mark{font-size:24px}:where(#ThatsAbout) .seed-scene__figure{align-self:center;width:100%;max-width:500px;margin-top:34px}:where(#ThatsAbout) .seed-scene__art{max-height:none}:where(#ThatsAbout) .seed-brand-mark{width:78%;height:78%}:where(#ThatsAbout) .seed-scene__caption{padding-top:12px;font-size:9px}}@media(max-width:359px){:where(#ThatsAbout) .seed-scene__stage,:where(#ThatsAbout) .seed-scene>.seed-stage{padding-top:42px;padding-bottom:37px}:where(#ThatsAbout) .seed-scene__title{font-size:15.5vw}:where(#ThatsAbout) .seed-scene__description{margin-left:3vw;font-size:13px}:where(#ThatsAbout) .seed-scene__aside{margin-left:3vw}:where(#ThatsAbout) .seed-scene__aside p{font-size:9px}:where(#ThatsAbout) .seed-scene__figure{margin-top:28px}}html.thats-about-document.motion-off :where(#ThatsAbout) .seed-scene{--scene-progress: 1 !important;min-height:0}html.thats-about-document.motion-off :where(#ThatsAbout) .seed-scene__stage,html.thats-about-document.motion-off :where(#ThatsAbout) .seed-scene>.seed-stage{position:relative;height:auto}html.thats-about-document.motion-off :where(#ThatsAbout) .seed-brand-mark{transform:translate(-50%,-50%) rotate(0) scale(.94);will-change:auto}html.thats-about-document.motion-off :where(#ThatsAbout) .seed-art__orbits{transform:rotate(0);will-change:auto}@media(prefers-reduced-motion:reduce){:where(#ThatsAbout) .seed-scene{--scene-progress: 1 !important;min-height:0}:where(#ThatsAbout) .seed-scene__stage,:where(#ThatsAbout) .seed-scene>.seed-stage{position:relative;height:auto}:where(#ThatsAbout) .seed-scene .seed-brand-mark{transform:translate(-50%,-50%) rotate(0) scale(.94);will-change:auto}:where(#ThatsAbout) .seed-scene .seed-art__orbits{transform:rotate(0);will-change:auto}}@media(min-width:768px)and (max-height:600px){:where(#ThatsAbout) .seed-scene{min-height:0}:where(#ThatsAbout) .seed-scene__stage,:where(#ThatsAbout) .seed-scene>.seed-stage{position:relative;height:auto;min-height:100svh}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/thats-about-seeds.css.map */