:root{--navy:#001557;--navy2:#00124a;--yellow:#ffd400;--green:#59c63b;--white:#fff;--off:#f4f1ea;--ink:#08133c;--line:#14316e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Work Sans",Arial,sans-serif;color:#fff;background:var(--navy);font-size:14px}a{color:inherit;text-decoration:none}.navy{background:radial-gradient(circle at 50% 35%,#06246f 0,var(--navy) 58%,#001047 100%)}.site-header{height:80px;background:var(--navy);display:grid;grid-template-columns:190px 1fr 145px;align-items:center;padding:0 max(4vw,34px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--yellow);font-family:Anton,sans-serif;font-style:italic;font-size:17px;line-height:.78}.rabbit{position:relative;background:var(--green);border-radius:48% 48% 44% 44%}.rabbit:before,.rabbit:after{content:"";position:absolute;background:inherit;border-radius:50% 50% 35% 35%}.mini{width:25px;height:28px}.mini:before,.mini:after{width:8px;height:25px;top:-18px}.mini:before{left:3px;transform:rotate(-5deg)}.mini:after{right:3px;transform:rotate(8deg)}nav{display:flex;justify-content:center;gap:34px;font-weight:700;font-size:12px}nav a{padding:30px 0 9px}nav a.active{color:var(--yellow);border-bottom:2px solid var(--yellow)}.button{min-height:43px;padding:0 22px;display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:5px;font-weight:800;font-size:12px;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px)}.outline{border:1px solid rgba(255,255,255,.65)}.header-cta{border-color:var(--yellow)}.menu{display:none}.hero{height:580px;padding:35px 4vw 0;display:grid;grid-template-columns:47% 53%;overflow:hidden}.hero-copy{position:relative;z-index:5}.hero h1,h2,.portfolio .photo h3{font-family:Anton,sans-serif;font-style:italic;font-weight:400}.hero h1{font-size:72px;line-height:.92;color:var(--yellow);margin:0 0 22px;letter-spacing:-1px}.hero-copy>p{font-size:15px;line-height:1.55;max-width:470px}.actions{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}.yellow{background:var(--yellow);color:var(--ink)}.trusted{margin-top:28px;color:#dce2ff}.trusted small{font-size:10px}.trusted>div{display:flex;gap:27px;margin-top:15px;font-size:17px}.hero-art{position:relative}.giant{position:absolute;width:255px;height:300px;left:25%;top:115px}.giant:before,.giant:after{width:78px;height:210px;top:-125px}.giant:before{left:20px;transform:rotate(-8deg)}.giant:after{right:20px;transform:rotate(8deg)}.float{position:absolute;color:#111;background:#fff;border-radius:8px;box-shadow:0 8px 20px #0004}.stat{width:130px;height:94px;padding:14px;display:flex;flex-direction:column}.stat strong{font-size:22px;margin:5px 0}.stat em{color:#36a936;font-size:10px}.stat i{color:#4bb64b;font-size:24px;position:absolute;right:10px;bottom:6px}.views{left:4%;top:45px;transform:rotate(-7deg)}.sales{left:1%;top:180px;transform:rotate(6deg)}.video{right:7%;top:40px;width:105px;height:160px;transform:rotate(8deg);background:linear-gradient(#3338,#111),url('assets/pupular.jpg') center/cover}.video .avatar{background:#444;color:#fff;border-radius:99px;width:35px;height:35px;text-align:center;padding-top:8px;margin:16px auto}.play{position:absolute;left:39px;top:67px;border:2px solid #fff;color:#fff;border-radius:50%;padding:9px}.video b{position:absolute;bottom:12px;left:10px;color:#fff}.post{right:3%;top:235px;width:215px;height:66px;transform:rotate(-5deg);display:flex;align-items:center;gap:8px;padding:10px;font-size:9px}.post p{flex:1}.avatar.small{border-radius:50%;background:var(--green);padding:7px}.people{left:4%;bottom:45px;width:170px;height:95px;transform:rotate(-10deg);background:#222;display:flex;align-items:center;justify-content:center;font-size:40px;overflow:hidden;border:4px solid #fff}.collab{right:1%;bottom:50px;width:170px;height:90px;transform:rotate(7deg);background:#151515;color:#fff;padding:14px}.collab b{display:block;font-size:14px;margin:5px 0}.collab p{font-size:9px}.collab strong{color:var(--green);font-size:17px;margin-left:5px}.sticker{position:absolute;left:32%;bottom:18px;background:var(--yellow);color:#111;padding:8px 13px;font:italic 25px/.9 Anton;transform:rotate(-3deg);z-index:5}.scribble{position:absolute;width:420px;right:-20px;bottom:-10px}.scribble path,.underline path{fill:none;stroke:#71ae27;stroke-width:3}.ruled{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro{min-height:260px;padding:38px 4vw;display:grid;grid-template-columns:31% 69%}.section-title span,.eyebrow{color:var(--green);font-size:11px;font-weight:800}.section-title h2{font-size:34px;line-height:.96;margin:10px 0}.intro-body{padding:0 3vw}.lead{font-size:15px;line-height:1.5;max-width:590px;margin:0}.channels{display:grid;grid-template-columns:repeat(6,1fr);margin:32px 0 18px}.channels div,.culture-grid article{text-align:center;border-right:1px solid var(--line);color:var(--green);font-size:30px}.channels div:last-child{border:0}.channels b{display:block;color:#fff;font-size:10px;margin-top:8px}.green{color:var(--green)}.playbook{padding:20px 4vw 26px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;margin-top:10px}.steps article{position:relative}.steps b{font:italic 26px Anton;color:var(--green)}.steps i{display:block;color:var(--green);font-size:45px;height:55px;font-style:normal}.steps article:not(:last-child):after{content:"→";position:absolute;color:#419d37;font-size:28px;right:-25px;top:31px}.steps h3{font-size:12px;min-height:30px}.steps p{font-size:11px;line-height:1.4}.culture{padding:20px 4vw;display:grid;grid-template-columns:31% 69%;min-height:175px}.underline{width:200px;height:25px}.culture-grid{display:grid;grid-template-columns:repeat(5,1fr)}.culture-grid article{padding:5px 12px}.culture-grid i{display:block;height:57px;font-style:normal;font-size:44px}.culture-grid b{display:block;color:#fff;font-size:10px;line-height:1.2}.culture-grid p{color:#fff;font-size:10px;line-height:1.45}.portfolio{background:var(--off);color:#111;padding:23px 4vw 30px}.portfolio-head{display:flex;justify-content:space-between;align-items:end}.portfolio h2{font-size:33px;margin:6px 0 12px}.dark-outline{border:1px solid #77809b;min-height:34px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portfolio-grid article{background:#fff;border-radius:6px;overflow:hidden;position:relative;min-height:210px}.photo{height:130px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:12px;position:relative}.photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0008)}.photo h3{position:relative;z-index:1;color:#fff;font-size:27px;line-height:.9;margin:0}.portfolio-grid p{font-size:10px;line-height:1.5;margin:13px 34px 13px 12px}.portfolio-grid article>a{position:absolute;right:11px;bottom:11px;color:var(--ink)}.philosophy{min-height:155px;padding:20px 4vw;display:grid;grid-template-columns:28% 72%}.models{border-left:1px solid var(--line);padding-left:28px;display:grid;grid-template-columns:1fr 65px 1fr 1fr;align-content:center;gap:12px}.models small{color:var(--yellow)}.models ul{list-style:none;padding:0;margin:8px 0;font-size:11px;line-height:1.8}.old li:before{content:"×";color:#ff304b;font-size:20px;margin-right:10px}.new li:before{content:"✓";color:var(--green);margin-right:10px}.vs{background:var(--green);color:var(--navy);border-radius:50%;width:45px;height:45px;padding:14px 7px;align-self:center}.models>p{grid-column:1/-1;margin:0}.founder{min-height:250px;display:grid;grid-template-columns:33% 20% 47%}.founder-copy{padding:20px 0 20px 4vw}.founder-copy h2{font-size:35px;margin:7px 0 0}.founder-copy p{font-size:10px;line-height:1.4;max-width:320px}.founder-photo{background:url('assets/founder.jpg') center/cover no-repeat}.final-cta{background:var(--yellow);color:var(--ink);padding:22px 35px;position:relative;overflow:hidden}.final-cta h2{font-size:36px;line-height:.92;margin:0}.final-cta p{font-size:11px}.final-cta .actions{width:320px;gap:8px;margin-top:12px}.final-cta .button{min-height:31px;padding:0 14px;font-size:9px}.navy-button{background:var(--navy);color:#fff}.yellow-outline{border:1px solid var(--navy)}.cta-rabbit{position:absolute;width:120px;height:140px;right:-10px;bottom:-15px}.cta-rabbit:before,.cta-rabbit:after{height:100px;width:38px;top:-60px}.cta-rabbit:before{left:10px}.cta-rabbit:after{right:10px}footer{min-height:112px;padding:15px 4vw 28px;display:grid;grid-template-columns:1.4fr 1.5fr repeat(3,1fr) 1.4fr;gap:20px;position:relative}footer .tagline{color:var(--green);font-size:11px;font-weight:700}footer .tagline div{color:#fff;margin-top:10px}footer>div:not(.tagline):not(.footer-badge){display:flex;flex-direction:column;font-size:8px;gap:3px}footer b{font-size:7px;margin-bottom:4px}.footer-badge{border:2px solid var(--yellow);color:var(--green);font:italic 18px/1 Anton;transform:rotate(-8deg);border-radius:50%;padding:10px;text-align:center;height:55px}footer>small{position:absolute;left:4vw;bottom:8px;color:#8291c1;font-size:7px}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto;height:68px;padding:0 20px}.site-header nav,.header-cta{display:none}.menu{display:block;background:transparent;border:1px solid var(--yellow);color:var(--yellow);padding:10px}.site-header.open nav{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--navy);flex-direction:column;gap:0;padding:10px 24px 24px}.site-header.open nav a{padding:12px}.hero{height:auto;min-height:850px;grid-template-columns:1fr;padding:35px 22px}.hero h1{font-size:52px}.hero-art{min-height:420px;margin-top:20px}.giant{left:24%;top:100px;transform:scale(.8)}.views{left:0}.sales{top:175px}.video{right:2%}.post{right:0;top:245px}.people{left:0;bottom:12px}.collab{right:0;bottom:0}.sticker{left:36%;bottom:15px;font-size:19px}.trusted>div{flex-wrap:wrap;gap:15px}.intro,.culture,.philosophy{grid-template-columns:1fr;padding:30px 22px}.intro-body{padding:20px 0}.channels{grid-template-columns:repeat(3,1fr);row-gap:24px}.playbook{padding:30px 22px}.steps{grid-template-columns:1fr 1fr}.steps article:after{display:none}.culture-grid{grid-template-columns:1fr 1fr}.portfolio{padding:30px 22px}.portfolio-head{align-items:start}.portfolio-head .button{display:none}.portfolio-grid{grid-template-columns:1fr 1fr}.models{border:0;padding:15px 0 0;grid-template-columns:1fr 45px 1fr}.models .last{grid-column:3}.founder{grid-template-columns:1fr 1fr}.founder-copy{padding:30px 22px}.founder-photo{min-height:300px}.final-cta{grid-column:1/-1;min-height:300px;padding:30px 22px}.final-cta h2{font-size:34px}footer{grid-template-columns:1fr 1fr 1fr;padding:30px 22px;gap:25px}.footer-badge{display:none}}@media(max-width:520px){.hero-art{transform:scale(.87);transform-origin:left top;width:115%}.portfolio-grid,.steps{grid-template-columns:1fr}.culture-grid{grid-template-columns:1fr 1fr}.founder{grid-template-columns:1fr}.founder-photo{min-height:340px}.models{grid-template-columns:1fr 45px 1fr}.models .last{grid-column:3}.channels{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}.hero-copy>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.header-brand{height:100%;width:max-content}
.header-logo{display:block;width:auto;height:62px;object-fit:contain}
.hero-art{isolation:isolate}
.hero-rabbit-art{position:absolute;left:25%;top:18px;width:250px;height:auto;z-index:0;pointer-events:none}
.hero-art .float{z-index:3}
.hero-art .scribble{z-index:2}
.hero-art .sticker{z-index:4}
.platforms{align-items:center}
.platform{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.platform svg{width:23px;height:23px;fill:#fff;flex:none}
.platform.icon-only svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8}
.platform.icon-only .solid{fill:#fff;stroke:none}
.hero-art .video{width:145px;height:244px;background-color:transparent;background-image:url('assets/insta-story.png');background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:none}
.hero-art .video .avatar{position:absolute;top:10%;left:50%;margin:0;transform:translateX(-50%)}
.hero-art .video .play{left:50%;top:46%;transform:translate(-50%,-50%)}
.hero-art .video>b{left:43px;bottom:28px;z-index:2;text-shadow:0 2px 6px #000}
.stat small{padding-left:23px}
.stat-brand{position:absolute;left:11px;right:auto;top:10px;width:17px;height:17px}
.tiktok-brand{fill:#050505}
.shopify-brand{fill:#50b83c}
.trend-chart{position:absolute;right:9px;bottom:8px;width:55px;height:29px;overflow:visible}
.trend-chart path{fill:none;stroke:#4bb64b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.steps i svg{display:block;width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.channels svg{display:block;width:38px;height:38px;margin:0 auto;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.footer-brand{align-self:start;width:max-content}
.footer-logo{display:block;width:auto;height:68px;object-fit:contain}
.cta-rabbit-official{position:absolute;right:16px;top:auto;bottom:0;width:175px;height:auto;pointer-events:none}
footer .tagline{font-size:15px;line-height:1.25}
footer .tagline div{font-size:22px;line-height:1;margin-top:14px;letter-spacing:3px}
.footer-socials{display:flex;align-items:center;gap:17px;letter-spacing:0}
.footer-socials a{display:flex;align-items:center;justify-content:center;width:27px;height:27px;transition:transform .2s,color .2s}
.footer-socials a:hover{color:var(--green);transform:translateY(-2px)}
.footer-socials svg{display:block;width:23px;height:23px;fill:currentColor;stroke:currentColor;stroke-width:1.8}
.footer-socials rect,.footer-socials circle{fill:none}
.footer-socials .solid{fill:currentColor;stroke:none}
.contact-section{padding:58px max(4vw,34px);display:grid;grid-template-columns:34% 66%;gap:56px}
.contact-intro h2{font-size:72px;line-height:.9;margin:12px 0 22px}
.contact-intro p{max-width:360px;font-size:15px;line-height:1.55}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-form label{display:flex;flex-direction:column;gap:9px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.05em}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #315092;border-radius:5px;background:#061b5d;color:#fff;padding:14px 15px;font:inherit;outline:none}
.contact-form input,.contact-form select{height:50px}
.contact-form textarea{resize:vertical;min-height:130px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px #59c63b30}
.contact-message{grid-column:1/-1}
.contact-submit{border:0;width:max-content;cursor:pointer}
.form-note{align-self:center;margin:0;color:#aebae0;font-size:11px}
footer>div:not(.tagline):not(.footer-badge){font-size:12px;line-height:1.25;gap:6px}
footer>div:not(.tagline):not(.footer-badge)>b{font-size:10px;margin-bottom:5px}
.portfolio{background:#fff}
.portfolio-grid article{background:var(--navy);border:1px solid var(--navy);color:#fff;box-shadow:none}
.portfolio-grid .photo{height:150px;background:none!important;align-items:flex-end;padding:42px 18px 14px}
.portfolio-grid .photo:after{display:none}
.portfolio-grid .photo:before{position:absolute;left:18px;top:17px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em}
.portfolio-grid article:nth-child(1) .photo:before{content:"01 / COMMUNITY"}
.portfolio-grid article:nth-child(2) .photo:before{content:"02 / EXPERIENCES"}
.portfolio-grid article:nth-child(3) .photo:before{content:"03 / LIFESTYLE"}
.portfolio-grid article:nth-child(4) .photo:before{content:"04 / WELLNESS"}
.portfolio-grid .photo h3{color:var(--green);font-size:clamp(25px,2.05vw,39px);line-height:.9;white-space:nowrap}
.portfolio-grid article>a{color:var(--green);font-size:19px}
.culture-grid article:last-child{border-right:0}
@media(min-width:1200px){
  .culture{min-height:365px;padding-top:58px;padding-bottom:58px}
  .culture-grid{align-items:center}
}
.build-tags{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 26px}
.build-tags span{border:1px solid var(--green);border-radius:999px;padding:9px 14px;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.anchor-target{display:block;position:relative;top:-1px;visibility:hidden}

/* Large desktop canvas: designed and centered for a 1920px viewport. */
@media(min-width:1200px){
  body{background:var(--navy)}
  .site-header,main>section,footer{width:100%;max-width:none;margin-inline:0}
  .site-header{height:104px;grid-template-columns:260px minmax(0,1fr) 190px;padding-inline:max(48px,calc((100% - 1600px)/2))}
  .brand{font-size:22px}.header-logo{height:84px}.mini{width:32px;height:36px}.mini:before,.mini:after{width:10px;height:31px;top:-23px}
  nav{gap:48px;font-size:14px}.header-cta{min-height:50px}
  .hero{height:800px;padding:70px max(48px,calc((100% - 1600px)/2)) 0;grid-template-columns:47% 53%}
  .hero h1{font-size:104px;line-height:.91;margin-bottom:30px}
  .hero-copy>p{font-size:19px;max-width:630px}
  .hero .button{min-height:52px;padding-inline:30px;font-size:14px}
  .trusted{margin-top:42px}.trusted small{font-size:12px}.trusted>div{font-size:23px;gap:38px}
  .hero-art{left:auto;transform:scale(1.32);transform-origin:50% 12%}
  .hero-art .video{right:20%;top:25px;width:181.818px;height:280.303px}
  .hero-art .post{right:17%;top:360px}
  .hero-art .collab{right:15%}
  .hero-art .people{bottom:145px}
  .hero-art .collab{bottom:150px}
  .hero-art .sticker{bottom:112px}
  .hero-art .scribble{bottom:78px}
  .intro{min-height:365px;padding:58px max(48px,calc((100% - 1600px)/2))}
  .intro .section-title{display:flex;flex-direction:column;justify-content:center}
  .intro .section-title h2{font-size:76px;line-height:.94;margin-top:14px}
  .section-title h2{font-size:48px}.section-title span,.eyebrow{font-size:13px}
  .lead{font-size:19px;max-width:760px}.intro-body>p:last-child{font-size:16px}
  .channels{margin:44px 0 26px}.channels div{font-size:40px}.channels b{font-size:12px}
  .playbook{padding:32px max(48px,calc((100% - 1600px)/2)) 42px}
  .playbook>.eyebrow{display:block;font-size:20px;letter-spacing:.04em;margin-bottom:18px}
  .steps{gap:52px}.steps b{font-size:34px}.steps i{font-size:58px;height:72px}.steps h3{font-size:15px}.steps p{font-size:14px}
  .culture{min-height:250px;padding:34px max(48px,calc((100% - 1600px)/2))}
  .culture .section-title{display:flex;flex-direction:column;justify-content:center}
  .culture .section-title h2{font-size:66px;line-height:.94;margin:12px 0 5px}
  .culture-grid i{font-size:58px;height:74px}.culture-grid b{font-size:13px}.culture-grid p{font-size:12px}
  .portfolio{padding:18px max(48px,calc((100% - 1600px)/2)) 48px}.portfolio h2{font-size:47px}
  .portfolio-grid{gap:20px}.portfolio-grid article{min-height:305px}.photo{height:195px}.photo h3{font-size:40px}.portfolio-grid p{font-size:13px}
  .philosophy{min-height:230px;padding:34px max(48px,calc((100% - 1600px)/2))}
  .models{padding-left:45px}.models small{font-size:13px}.models ul{font-size:14px}.models>p{font-size:16px}
  .founder{min-height:370px;grid-template-columns:33% 20% 47%}.founder-copy{padding:35px 0 30px clamp(48px,8.333vw,160px)}
  .founder-copy h2{font-size:49px}.founder-copy p{font-size:13px;max-width:440px}
  .final-cta{padding:35px 52px}.final-cta h2{font-size:51px}.final-cta p{font-size:14px}.final-cta .actions{width:470px}.final-cta .button{min-height:40px;font-size:11px}
  footer{min-height:165px;padding:25px max(48px,calc((100% - 1600px)/2)) 38px;font-size:12px}
  footer>div:not(.tagline):not(.footer-badge){font-size:10px}footer b{font-size:9px}.footer-badge{font-size:22px;height:70px}
}

.founder-photo{display:none}
@media(min-width:801px){
  .culture{height:400px}
  .portfolio-head h2{white-space:nowrap}
  .founder{grid-template-columns:40% 60%}
  .final-cta .actions{width:100%;flex-wrap:nowrap;align-items:center}
  .final-cta .button{white-space:nowrap}
  .models{position:relative;grid-template-columns:repeat(4,1fr)}
  .models>div:first-child{grid-column:1/3;padding-right:70px}
  .models>div:nth-of-type(2){grid-column:3}
  .models>.last{grid-column:4}
  .models>.vs{position:absolute;left:calc(43% - 70px);top:47%;display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;font-size:18px;line-height:1;transform:translate(-50%,-50%)}
  .culture{grid-template-columns:69% 31%}
  .culture .culture-grid{grid-column:1;grid-row:1}
  .culture .section-title{grid-column:2;grid-row:1;padding-left:42px}
}
@media(max-width:800px){
  .contact-section{grid-template-columns:1fr;padding:45px 22px;gap:30px}
  .contact-intro h2{font-size:54px}
  .founder{grid-template-columns:1fr}
  .final-cta{grid-column:1}
}
@media(max-width:520px){
  .contact-form{grid-template-columns:1fr}
  .contact-message{grid-column:1}
  .form-note{grid-column:1}
}
