/* Core Master / editorial campaign system */
.section-pad{padding:clamp(96px,10vw,178px) clamp(20px,4.2vw,72px)}
.section-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:clamp(48px,6vw,100px)}
.section-head>.eyebrow,.tool-heading>.eyebrow,.how-heading>.eyebrow,.possibilities-head>.eyebrow,.section-row-head>.eyebrow,.ideas-head>.eyebrow,.faq-heading>.eyebrow{margin:8px 0}
.display-title{margin:0;font-size:clamp(62px,8.4vw,150px);line-height:.92;font-weight:900;letter-spacing:-.085em}
.display-title span{color:var(--brand)}
.section-intro{max-width:420px;margin:45px 0 0;font-size:clamp(18px,1.5vw,23px);line-height:1.55;letter-spacing:-.045em;word-break:keep-all}
.photo-space{position:relative;overflow:hidden;isolation:isolate}
.space-number{position:absolute;z-index:2;top:26px;left:28px;font-size:12px;letter-spacing:.18em;font-weight:800}
.space-bottom{position:absolute;z-index:2;bottom:26px;left:28px;right:28px;display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid rgba(23,23,23,.26);font-size:12px;letter-spacing:.12em;font-weight:800}
.image-note{display:flex;justify-content:space-between;gap:20px;margin:18px 0 0;color:#50564d;font-size:12px;letter-spacing:.09em}
.transformation-space{aspect-ratio:2.25;background:#edf1e1}
.transformation-space::before{content:"";position:absolute;width:38%;height:1px;background:rgba(23,23,23,.3);left:7%;top:52%;transform:rotate(-12deg)}
.transformation-space::after{content:"";position:absolute;width:39%;height:1px;background:rgba(23,23,23,.3);right:7%;top:46%;transform:rotate(-12deg)}
.transformation-center{position:absolute;inset:0;display:grid;place-items:center}
.ring-outline{width:clamp(120px,17vw,290px);aspect-ratio:1;border:clamp(20px,3.5vw,58px) solid var(--green);border-radius:50%;box-shadow:14px 19px 25px rgba(88,105,45,.09)}
.ring-center{position:absolute;width:14px;aspect-ratio:1;border-radius:50%;background:var(--red)}
.transformation-space .space-bottom span:first-child{display:flex;align-items:center;gap:20px}.transformation-space i{display:block;width:22px;height:1px;background:var(--ink)}
.signature{min-height:780px;background:var(--ink);color:var(--paper);padding:38px clamp(20px,4.2vw,72px) 44px;display:flex;flex-direction:column}
.signature-top,.signature-bottom{display:flex;justify-content:space-between;gap:24px;font-size:12px;font-weight:700;letter-spacing:.15em}
.signature-top{padding-bottom:24px;border-bottom:1px solid rgba(250,250,245,.28)}
.signature-main{display:grid;grid-template-columns:1fr 220px;gap:35px;align-items:end;flex:1;padding:60px 0}
.signature h2{margin:0;font-size:clamp(90px,11.7vw,225px);line-height:.85;letter-spacing:-.09em;font-weight:900}
.signature h2 em{color:var(--green);font-style:normal}
.signature-orbit{width:180px;aspect-ratio:1;border:21px solid var(--green);border-radius:50%;position:relative;justify-self:end;margin-bottom:20px}
.signature-orbit span{display:block;position:absolute;left:50%;top:50%;width:30px;aspect-ratio:1;border-radius:50%;background:var(--red);transform:translate(-50%,-50%) scale(.1);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.signature.is-visible .signature-orbit span{transform:translate(-50%,-50%) scale(1)}
.signature-bottom{align-items:end;border-top:1px solid rgba(250,250,245,.28);padding-top:25px}
.signature-bottom p{font-size:clamp(22px,2.8vw,41px);letter-spacing:-.06em;line-height:1.3;margin:0;font-weight:600}
.tool-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:clamp(56px,8vw,125px)}
.tool-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.75fr);gap:clamp(35px,5vw,90px);align-items:start}
.tool-space{min-height:660px;background:#eef0e9}
.tool-space::before,.tool-space::after{content:"";position:absolute;left:10%;right:10%;height:1px;background:rgba(23,23,23,.23)}
.tool-space::before{top:34%}.tool-space::after{top:72%}
.tool-space-word{position:absolute;left:8%;top:44%;font-size:clamp(80px,13vw,230px);line-height:1;letter-spacing:-.11em;font-weight:900;color:rgba(152,184,43,.58)}
.tool-aside-lead{font-size:clamp(26px,3vw,50px);font-weight:700;letter-spacing:-.06em;line-height:1.2;margin:0 0 24px}
.tool-aside>p:not(.tool-aside-lead){max-width:320px;font-size:16px;line-height:1.65;color:#41463a;word-break:keep-all}
.sizes{margin:clamp(40px,5vw,85px) 0 45px;border-top:1px solid var(--ink)}
.sizes>div{min-height:87px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}
.sizes span{font-size:12px;letter-spacing:.12em}.sizes strong{font-size:clamp(35px,3.1vw,56px);line-height:1;letter-spacing:-.06em}.sizes small{font-size:16px;font-weight:400;letter-spacing:0}
.how{background:var(--lime)}
.how-heading{display:grid;grid-template-columns:1fr 2fr;margin-bottom:clamp(50px,6vw,95px)}
.how-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.68fr);gap:clamp(45px,7vw,110px)}
.use-space{min-height:590px;background:#d9e6a9}
.use-space-center{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(230px,35vw,560px);font-weight:100;line-height:1;color:rgba(23,23,23,.12);transform:translateY(-4%)}
.steps{padding-top:15px}.step{background:none;border:0;border-top:1px solid rgba(23,23,23,.3);padding:18px 0;min-height:113px;width:100%;display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;text-align:left;color:var(--ink)}
.step:last-of-type{border-bottom:1px solid rgba(23,23,23,.3)}
.step span{font-size:12px;font-weight:700;letter-spacing:.1em}.step strong{font-size:clamp(35px,3vw,50px);letter-spacing:-.06em;line-height:1}.step.is-active strong{color:#5e7900}.step:hover strong{text-decoration:underline;text-underline-offset:6px}
.steps p{font-size:18px;line-height:1.6;letter-spacing:-.04em;max-width:260px;margin-top:45px;word-break:keep-all}
.possibilities-head{display:grid;grid-template-columns:1fr 1.7fr .8fr;gap:30px;align-items:end;margin-bottom:clamp(60px,7vw,110px)}
.possibilities-head>p:last-child{font-size:17px;line-height:1.6;word-break:keep-all;letter-spacing:-.04em}
.possibility-controls{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.possibility-tab{padding:22px 12px 22px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:#777;font-size:14px;letter-spacing:.12em;font-weight:800}
.possibility-tab.is-active{color:var(--ink);border-bottom:3px solid var(--ink)}
.possibility-tab:hover{color:var(--ink)}
.possibility-stage{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(220px,.55fr);gap:clamp(30px,4vw,68px);align-items:end;margin-top:45px}
.possibility-space{min-height:600px;background:#e1ebc9;transition:background .35s}
.possibility-space[data-category="savory"]{background:#e9e4d5}.possibility-space[data-category="sweet"]{background:#e7edda}
.possibility-space::before{content:"";position:absolute;left:50%;top:48%;width:clamp(180px,29vw,460px);aspect-ratio:1;border:clamp(38px,6vw,92px) solid rgba(152,184,43,.35);border-radius:50%;transform:translate(-50%,-50%)}
.possibility-space[data-category="savory"]::before{border-color:rgba(103,111,78,.29)}.possibility-space[data-category="sweet"]::before{border-color:rgba(168,182,128,.4)}
.possibility-ghost{position:absolute;left:5%;bottom:10%;font-size:clamp(85px,17vw,265px);font-weight:900;letter-spacing:-.105em;color:rgba(23,23,23,.1);white-space:nowrap}
.possibility-copy{padding-bottom:12px}.possibility-copy>div{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:15px;font-size:12px;letter-spacing:.12em;font-weight:700}
.possibility-copy p{font-size:clamp(25px,2.5vw,42px);font-weight:700;line-height:1.3;letter-spacing:-.055em;word-break:keep-all;margin:45px 0 80px}
.possibility-copy>span{font-size:14px;color:#555}.possibility-disclaimer{font-size:12px;color:#666;margin:22px 0 0}
.many{min-height:590px;padding:clamp(45px,5vw,80px) clamp(20px,4.2vw,72px);background:#cde38c;display:flex;flex-direction:column}
.many h2{font-size:clamp(75px,11vw,200px);font-weight:900;letter-spacing:-.092em;line-height:.9;margin:auto 0}
.many h2 span{color:var(--paper)}
.many-end{display:flex;justify-content:space-between;align-items:end;font-size:12px;letter-spacing:.14em;font-weight:800;border-top:1px solid rgba(23,23,23,.35);padding-top:22px}
.shop-heading{display:grid;grid-template-columns:1fr 2fr;margin-bottom:clamp(60px,7vw,115px)}
.shop-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:clamp(40px,6vw,105px)}
.shop-space{min-height:740px;background:#ebeee5}
.shop-space-ring{position:absolute;width:60%;aspect-ratio:1;border:clamp(55px,7vw,110px) solid rgba(164,198,48,.55);border-radius:50%;left:20%;top:13%}
.shop-info{padding:20px 0 0}.shop-kicker{font-size:12px;letter-spacing:.16em;font-weight:700}.shop-info h3{font-size:clamp(45px,4.5vw,78px);line-height:1;letter-spacing:-.07em;margin:30px 0}
.shop-description{font-size:19px;line-height:1.55;letter-spacing:-.045em;word-break:keep-all;max-width:350px}
.shop-info dl{border-top:1px solid var(--ink);margin:clamp(50px,6vw,100px) 0 32px}.shop-info dl div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5}.shop-info dt{color:#676767}.shop-info dd{margin:0}
.purchase-button{width:100%;border:1px solid var(--ink);background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;padding:21px 25px;font-weight:800;font-size:14px;letter-spacing:.09em}.purchase-button:disabled{cursor:not-allowed;opacity:.68}.purchase-note{font-size:13px;line-height:1.5;color:#666;margin-top:14px}
.made{border-top:1px solid var(--line)}
.section-row-head{display:grid;grid-template-columns:1fr 2fr}.made-intro{font-size:clamp(18px,1.8vw,27px);line-height:1.5;margin:30px 0 70px 33.3%;letter-spacing:-.04em}
.made-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:30px}.made-main{min-height:610px;background:#e8ecd9}.made-main::before{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(23,23,23,.24);border-radius:50%;top:24%;left:30%}
.made-side{background:#f1f2e9;min-height:610px;padding:28px;display:flex;flex-direction:column}.made-mark{font-size:clamp(140px,18vw,310px);font-weight:100;color:var(--green);line-height:1;margin:auto;text-align:center}.made-side>span{font-size:12px;letter-spacing:.12em;font-weight:800}.made-side p{font-size:clamp(24px,2.2vw,35px);letter-spacing:-.055em;line-height:1.35;font-weight:700;margin:25px 0 0}
.ideas{background:#f0f2e8}.ideas-head{display:grid;grid-template-columns:1fr 1.6fr .9fr;gap:20px;align-items:end;margin-bottom:clamp(70px,8vw,140px)}.ideas-head>p:last-child{font-size:19px;line-height:1.55;letter-spacing:-.045em}
.idea-list{border-top:1px solid var(--ink)}.idea-list>div{display:grid;grid-template-columns:80px 1fr 1fr auto;align-items:center;gap:20px;min-height:126px;border-bottom:1px solid var(--line)}.idea-list span:first-child{font-size:12px;letter-spacing:.14em}.idea-list strong{font-size:clamp(36px,4.5vw,78px);letter-spacing:-.075em}.idea-list span:nth-child(3){font-size:16px;letter-spacing:-.04em}.idea-list em{font-size:11px;font-style:normal;font-weight:700;letter-spacing:.13em;color:#777}
.about{min-height:760px}.about-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(60px,8vw,140px);align-items:center;margin-top:70px}.about-symbol{position:relative;min-height:500px;display:grid;place-items:center}.about-ring{width:min(85%,460px);aspect-ratio:1;border:clamp(58px,8vw,122px) solid var(--green);border-radius:50%}.about-core{position:absolute;width:22px;aspect-ratio:1;border-radius:50%;background:var(--red)}.about-layout p{font-size:clamp(20px,2vw,28px);line-height:1.55;letter-spacing:-.05em;word-break:keep-all;margin:55px 0}.about-small{font-size:12px;font-weight:800;letter-spacing:.16em}
.faq{border-top:1px solid var(--line)}.faq-heading{display:grid;grid-template-columns:1fr 2fr;margin-bottom:70px}.faq-list{max-width:1100px;margin-left:auto;border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:grid;grid-template-columns:190px 1fr 24px;gap:25px;align-items:center;min-height:86px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span:first-child{font-size:12px;font-weight:800;letter-spacing:.1em;color:#5a5a5a}.faq-list summary strong{font-size:clamp(17px,1.6vw,24px);font-weight:600;letter-spacing:-.04em}.faq-list .plus{font-size:26px;font-weight:300;transition:transform .2s}.faq-list details[open] .plus{transform:rotate(45deg)}.faq-list details p{padding:0 55px 27px 215px;margin:0;color:#4d4d4d;font-size:16px;line-height:1.6}
.final-cta{background:#dceaa9;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,90px);min-height:740px}.final-copy{display:flex;flex-direction:column;align-items:flex-start}.final-copy h2{font-size:clamp(70px,8vw,145px);line-height:.91;letter-spacing:-.09em;font-weight:900;margin:auto 0 35px}.final-copy>p:nth-of-type(2){font-size:16px;font-weight:700;letter-spacing:.06em;margin:0 0 35px}.final-space{min-height:570px;background:#f0f4de}.final-space-symbol{font-size:clamp(280px,37vw,610px);font-weight:100;line-height:1;color:rgba(164,198,48,.55);position:absolute;left:50%;top:42%;transform:translate(-50%,-50%)}
.footer{background:var(--ink);color:var(--paper);padding:70px clamp(20px,4.2vw,72px) 30px}.footer-top{display:flex;align-items:end;justify-content:space-between;padding-bottom:80px}.footer-top .wordmark{font-size:clamp(40px,6vw,90px)}.footer-top p{font-size:17px;letter-spacing:-.04em}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid rgba(250,250,245,.25);padding:40px 0 100px}.footer-grid>div{display:flex;flex-direction:column;gap:15px}.footer-grid strong{font-size:12px;letter-spacing:.14em;margin-bottom:12px}.footer-grid a,.footer-grid span{font-size:14px;color:rgba(250,250,245,.7)}.footer-grid a:hover{color:var(--paper);text-decoration:underline}.footer-bottom{border-top:1px solid rgba(250,250,245,.25);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em}
#mobile-nav{position:fixed;top:62px;left:0;right:0;z-index:9;padding:20px;background:var(--paper);border-bottom:1px solid var(--ink);box-shadow:0 20px 35px rgba(0,0,0,.08)}
#mobile-nav:not([hidden]){display:flex;flex-direction:column}
#mobile-nav a{padding:18px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:800;letter-spacing:.09em}
section[id]{scroll-margin-top:76px}
@media(max-width:1120px){
  .section-head,.tool-heading,.how-heading,.shop-heading,.section-row-head,.faq-heading{grid-template-columns:1fr 2.2fr}
  .possibilities-head,.ideas-head{grid-template-columns:1fr 2.2fr}.possibilities-head>p:last-child,.ideas-head>p:last-child{grid-column:2}
  .signature-main{grid-template-columns:1fr 150px}.signature-orbit{width:140px;border-width:17px}
  .tool-layout,.how-grid,.shop-layout{gap:35px}.tool-space,.shop-space{min-height:580px}
  .possibility-space{min-height:500px}
}
@media(max-width:960px){
  .section-pad{padding-top:100px;padding-bottom:100px}
  .display-title{font-size:clamp(72px,10vw,112px)}
  .signature{min-height:620px}.signature h2{font-size:clamp(85px,12vw,130px)}
  .tool-layout,.how-grid,.shop-layout{grid-template-columns:1fr}.tool-space,.use-space,.shop-space{min-height:550px}
  .tool-aside{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px}.tool-aside .sizes{grid-column:1/-1;margin:20px 0}.tool-aside .text-link{width:max-content}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{grid-template-columns:1fr;align-content:start;min-height:140px;border-bottom:1px solid var(--line)}.steps p{grid-column:1/-1;margin:20px 0 0}
  .possibility-stage{grid-template-columns:1fr}.possibility-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px}.possibility-copy p{margin:0}.possibility-copy>span{grid-column:2}
  .shop-info{display:grid;grid-template-columns:1fr 1fr;gap:15px 35px}.shop-info h3,.shop-description{grid-column:1}.shop-info dl{grid-column:2;grid-row:1/4;margin:0}.purchase-button,.purchase-note{grid-column:1/-1}
  .made-layout{grid-template-columns:1.3fr .7fr}
  .idea-list>div{grid-template-columns:50px 1fr 1fr}.idea-list em{display:none}
}
@media(max-width:620px){
  .section-pad{padding:76px 20px}
  .display-title{font-size:clamp(59px,14.5vw,87px)}
  .section-head,.tool-heading,.how-heading,.shop-heading,.section-row-head,.faq-heading,.possibilities-head,.ideas-head{display:block;margin-bottom:45px}
  .section-head>.eyebrow,.tool-heading>.eyebrow,.how-heading>.eyebrow,.possibilities-head>.eyebrow,.shop-heading>.eyebrow,.section-row-head>.eyebrow,.ideas-head>.eyebrow,.faq-heading>.eyebrow{margin-bottom:40px}
  .section-intro{font-size:18px;margin-top:30px}
  .space-number{left:20px;top:20px}.space-bottom{left:20px;right:20px;bottom:20px;font-size:10px;letter-spacing:.08em}.space-bottom span:last-child{display:none}
  .transformation-space{aspect-ratio:auto;min-height:480px}.transformation-space .space-bottom span:first-child{gap:9px;white-space:nowrap}.transformation-space i{width:10px}.image-note span:last-child{display:none}
  .signature{min-height:530px;padding:25px 20px 28px}.signature h2{font-size:clamp(64px,14vw,100px)}.signature-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:40px;padding:25px 0}.signature-orbit{width:90px;border-width:13px;align-self:end;margin:0}.signature-orbit span{width:16px}.signature-bottom p{font-size:25px}.signature-bottom>span{display:none}
  .tool-space,.use-space,.shop-space{min-height:470px}.tool-space-word{font-size:95px;top:47%}.tool-aside{display:block}.tool-aside-lead{font-size:32px}.tool-aside .sizes{margin:35px 0}.sizes>div{min-height:75px}.sizes strong{font-size:42px}
  .steps{grid-template-columns:1fr;gap:0}.step{grid-template-columns:35px 1fr auto;min-height:80px;align-items:center}.step strong{font-size:38px}.steps p{grid-column:1;margin-top:30px}
  .possibilities-head>p:last-child,.ideas-head>p:last-child{font-size:17px;margin-top:28px}
  .possibility-tab{font-size:11px;letter-spacing:.04em;padding:18px 4px 18px 0}.possibility-stage{margin-top:25px}.possibility-space{min-height:450px}.possibility-ghost{font-size:90px;bottom:18%}.possibility-copy{display:block}.possibility-copy p{font-size:29px;margin:26px 0}.possibility-copy>span{font-size:13px}.possibility-disclaimer{line-height:1.5}
  .many{min-height:470px;padding:35px 20px}.many h2{font-size:clamp(42px,10vw,70px)}.many-end{font-size:10px}
  .shop-info{display:block}.shop-info h3{font-size:54px}.shop-info dl{margin:50px 0 30px}.shop-info dl div{grid-template-columns:90px 1fr}.shop-description{font-size:18px}
  .made-intro{margin:0 0 40px;font-size:18px}.made-layout{display:block}.made-main{min-height:440px}.made-side{min-height:360px;margin-top:15px}.made-mark{font-size:160px}
  .idea-list>div{grid-template-columns:38px 1fr;min-height:104px}.idea-list strong{font-size:43px}.idea-list span:nth-child(3){grid-column:2;font-size:14px;margin-top:-25px}
  .about{min-height:0}.about-layout{grid-template-columns:1fr;gap:25px;margin-top:35px}.about-symbol{min-height:300px;grid-row:2}.about-ring{width:270px;border-width:69px}.about-layout p{font-size:18px;margin:35px 0}
  .faq-list{margin:0}.faq-list summary{grid-template-columns:1fr 25px;gap:15px;padding:18px 0;min-height:80px}.faq-list summary span:first-child{grid-column:1;font-size:10px}.faq-list summary strong{grid-column:1;grid-row:2;font-size:18px}.faq-list .plus{grid-column:2;grid-row:1/3;align-self:center}.faq-list details p{padding:0 35px 22px 0;font-size:15px}
  .final-cta{grid-template-columns:1fr;min-height:0}.final-copy{min-height:420px}.final-copy h2{font-size:clamp(64px,14vw,90px);margin:auto 0 25px}.final-space{min-height:420px}
  .footer{padding:52px 20px 25px}.footer-top{display:block;padding-bottom:50px}.footer-top .wordmark{font-size:47px}.footer-top p{font-size:15px;margin:25px 0 0}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 15px;padding-bottom:55px}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid a,.footer-grid span{font-size:13px}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){order:3;width:100%}
}
