@charset "UTF-8";
:root{--paper:#f4f1e9;--ink:#252722;--muted:#64645d;--rust:#b83e27;--line:#d6d4cb;--teal:#0a272d;--orange:#f25829;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid currentColor;outline-offset:6px}.button-dark:focus-visible,.contact-button:focus-visible,.skip-link:focus-visible{outline-color:var(--ink)}::selection{background:#d7dfb4;color:#252722}.section-pad{padding-left:clamp(24px,5.6vw,100px);padding-right:clamp(24px,5.6vw,100px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:10px;z-index:99;padding:14px;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.header{max-width:1800px;margin:auto;padding:32px clamp(24px,5.6vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{position:relative;display:grid;grid-template-columns:auto 32px;align-items:center;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1.1px;line-height:1}.wordmark span{font-size:10px;letter-spacing:4.7px;grid-column:1;font-weight:500;margin-top:6px}.wordmark i{grid-column:2;grid-row:1/3;font-style:normal;font-size:32px;color:var(--rust);margin-left:10px}.header nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:600}.header nav a{text-decoration:none;padding:8px 0}.header nav a:hover{color:var(--rust)}.header .nav-contact{border-bottom:1px solid var(--ink);display:flex;gap:26px}.nav-contact span{font-size:20px}
.hero{max-width:1800px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.2fr;gap:48px;padding-top:58px;padding-bottom:62px;min-height:690px;align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.7px;font-weight:600;line-height:1.5;margin:0 0 26px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.tiny-sun{font-size:22px;color:var(--rust)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(80px,8.8vw,154px);font-weight:500;line-height:.94;letter-spacing:-7px;margin-bottom:29px}h1 em{font-family:var(--serif);font-weight:400;color:var(--rust);letter-spacing:-8px}em{font-family:var(--serif);font-weight:400}.hero-description{font-size:15px;line-height:1.8;color:#54564e;margin-bottom:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:18px 23px;font-size:13px;font-weight:600;text-decoration:none;border-radius:3px;transition:background .2s,transform .2s;min-height:54px}.button span[aria-hidden]{font-size:20px;line-height:1}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#42453b}.hero-art{position:relative;padding-top:40px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.art-meta{display:flex;justify-content:space-between;padding:0 0 22px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#5c5d53}.art-stage{position:relative;display:flex;align-items:center;min-height:320px;padding:20px 0 0}.art-stage img{position:relative;z-index:1;mix-blend-mode:multiply;width:100%;height:auto}.sun-disc{position:absolute;right:14%;top:12%;height:155px;width:155px;border:1px solid #dac6a9;border-radius:50%;opacity:.7;display:none}.art-caption{display:flex;align-items:flex-start;gap:17px;margin:10px 0 35px}.caption-line{width:38px;height:1px;background:var(--rust);margin-top:8px;flex-shrink:0}.art-caption p{font-size:12px;line-height:1.7;color:var(--muted)}.handwritten{font-family:var(--serif);font-style:italic;color:var(--rust);font-size:16px;transform:rotate(-5deg);margin-left:auto;padding-top:16px;white-space:nowrap}.hero-index{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#747568;border-top:1px solid var(--line);padding-top:18px}.brand-strip{display:flex;justify-content:space-around;align-items:center;gap:28px;background:var(--ink);color:var(--paper);padding:23px 35px;font-size:14px;letter-spacing:.2px}.brand-strip i{font-style:normal;font-size:24px;color:#c6d898}
.brands{padding-top:94px;padding-bottom:96px;max-width:1800px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:35px}.section-heading .eyebrow{margin-bottom:18px;color:var(--rust)}h2{font-size:clamp(42px,4.7vw,72px);line-height:1.06;letter-spacing:-2.5px;font-weight:500;margin-bottom:0}.section-heading h2 em{color:var(--rust)}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:4px;max-width:320px}.brand-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:5px;margin-bottom:28px;min-height:540px}.brand-card:last-child{margin-bottom:0}.brand-content{padding:44px clamp(26px,3.5vw,65px) 42px;display:flex;align-items:flex-start;flex-direction:column}.card-kicker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:17px;margin-bottom:31px;font-weight:600}.card-kicker>span{font-size:11px;opacity:.6;letter-spacing:0;border-right:1px solid currentColor;padding-right:16px}.ud-logo{width:280px;mix-blend-mode:multiply;margin-bottom:35px}.helium-logo{width:240px;min-height:75px;object-fit:contain;object-position:left center;margin-top:-8px;margin-bottom:15px}.scratch-logo-wrap{height:97px;width:97px;display:flex;align-items:center;margin-top:-10px;margin-bottom:20px}.scratch-logo{height:97px;width:auto;mix-blend-mode:multiply}h3{font-size:clamp(32px,3.3vw,53px);font-weight:500;letter-spacing:-1.9px;line-height:1.08;margin-bottom:22px}.brand-content>p:not(.card-kicker){font-size:14px;line-height:1.8;max-width:340px;margin-bottom:28px}.brand-content .button{margin-top:auto}.store-note{font-size:10px;letter-spacing:.2px;margin-top:12px;color:#56564c}.ud-card{background:#ede5d7}.ud-card h3 em{color:#ad351b}.helium-card{background:#dae8e4;color:var(--teal)}.helium-card .button{background:var(--teal)}.helium-card .button:hover{background:#18434b}.scratch-card{background:#f0e2d7}.scratch-card h3 em{color:#8a422f}.brand-visual{position:relative;min-height:540px;overflow:hidden}.scene-label{position:absolute;top:36px;left:34px;font-size:10px;text-transform:uppercase;letter-spacing:1.6px;z-index:4}.scene-footnote{position:absolute;bottom:31px;left:34px;font-family:var(--serif);font-style:italic;font-size:17px;z-index:4}
.desk-scene{background:#e76a42;color:#3d281c}.desk-mat{position:absolute;left:11%;top:22%;width:70%;height:52%;background:#e5adc0;border:2px solid #a53932;border-radius:24px;transform:rotate(-9deg);box-shadow:9px 11px 0 #bb4b30;padding:25px}.desk-mat>span{font-size:clamp(52px,5.8vw,90px);letter-spacing:-4px;line-height:.93;font-weight:700;color:#653c50;display:block}.desk-mat>span em{color:#8a324f}.desk-mat i{position:absolute;bottom:21px;left:28px;font-size:8px;letter-spacing:2px;font-style:normal;color:#6f4557}.paper-note{position:absolute;right:7%;top:40%;width:35%;height:38%;background:#f7efbd;transform:rotate(8deg);padding:22px 17px;box-shadow:3px 6px 8px #6e271f35}.paper-note>span{font-size:8px;letter-spacing:1.4px;text-transform:uppercase}.paper-note b{display:block;font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(25px,2.7vw,41px);line-height:1.08;margin:17px 0}.paper-note i{font-size:9px;font-style:normal}.pencil{position:absolute;height:200px;width:10px;border-radius:2px;transform:rotate(24deg);bottom:15%;background:linear-gradient(to right,#42796e 0 30%,#7bafa0 30% 70%,#42796e 70%)}.pencil:before{content:'';position:absolute;top:-20px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:20px solid #eac39b}.pencil:after{content:'';position:absolute;bottom:-16px;width:10px;height:16px;background:#ddd1b8}.pencil-one{left:12%;transform:rotate(-16deg)}.pencil-two{left:18%;bottom:13%;transform:rotate(-8deg)}.desk-spark{position:absolute;right:7%;top:14%;font-size:78px;line-height:1;color:#f6db89;transform:rotate(12deg)}
.court-scene{background:#0a272d;color:#ddff2c}.court-lines{position:absolute;inset:55px -40px -110px 25px;border:2px solid #4e8a87;transform:rotate(-18deg)}.court-lines:before{content:'';position:absolute;left:0;right:0;top:45%;height:2px;background:#4e8a87}.court-lines:after{content:'';position:absolute;top:45%;bottom:0;left:50%;width:2px;background:#4e8a87}.court-lines i{position:absolute;left:15%;right:15%;top:0;bottom:0;border-left:2px solid #4e8a87;border-right:2px solid #4e8a87}.court-lines b{position:absolute;left:15%;right:15%;top:25%;border-top:2px solid #4e8a87}.court-tag{position:absolute;top:34px;left:34px;font-size:10px;letter-spacing:2px;color:#68c5ca}.court-word{position:absolute;left:14%;top:30%;font-size:clamp(76px,8.2vw,128px);line-height:.8;font-weight:800;letter-spacing:-7px;transform:rotate(-7deg);font-family:Arial,sans-serif}.court-word em{font-family:Arial,sans-serif;font-weight:800;font-style:italic;color:#68c5ca}.court-ball{position:absolute;right:12%;top:15%;width:122px;height:122px;border-radius:50%;background:#ddff2c;transform:rotate(-14deg);box-shadow:10px 11px 0 #040f1450;z-index:3}.court-ball i{position:absolute;width:17px;height:20px;border-radius:50%;background:#859c1b;box-shadow:inset 2px 1px 0 #728710}.court-ball i:nth-child(1){left:31px;top:21px}.court-ball i:nth-child(2){right:20px;top:29px}.court-ball i:nth-child(3){left:55px;top:58px}.court-ball i:nth-child(4){left:24px;bottom:18px}.court-ball i:nth-child(5){right:18px;bottom:14px}.ball-trail{position:absolute;right:30%;top:21%;width:28%;height:65px;border-top:2px dashed #68c5ca;border-radius:50%;transform:rotate(22deg);opacity:.6}.court-scene .scene-footnote{color:#cce0da}
.kitchen-scene{background:#dfa987;color:#543a29}.recipe-card{position:absolute;left:13%;right:13%;top:13%;bottom:16%;background:#fbf4e7;padding:28px 30px;transform:rotate(-6deg);box-shadow:9px 11px 0 #b879584f}.recipe-card>span{font-size:9px;letter-spacing:2px}.recipe-card h4{font-size:clamp(44px,5vw,74px);font-family:var(--serif);font-weight:400;line-height:.95;letter-spacing:-2px;margin:22px 0 15px}.recipe-card h4 em{color:#a35336}.recipe-rule{width:65%;height:1px;background:#cdb698}.recipe-card p{font-size:11px;line-height:1.9;margin:14px 0 0}.recipe-card>i{position:absolute;right:30px;bottom:22px;font-family:var(--serif);color:#935438;font-size:18px;transform:rotate(-6deg)}.bowl{position:absolute;width:135px;height:70px;background:#659288;border-radius:4px 4px 70px 70px;right:0;bottom:16%;transform:rotate(13deg);box-shadow:5px 8px 0 #ad6b4340}.bowl:before{content:'';position:absolute;top:-13px;left:0;right:0;height:26px;border-radius:50%;background:#b1c1a5;border:5px solid #659288}.bowl i{position:absolute;left:15%;right:15%;top:-5px;height:10px;background:#e0cba3;border-radius:50%}.spoon{position:absolute;right:6%;top:31%;width:18px;height:165px;background:#bc7d4c;border-radius:5px;transform:rotate(26deg);box-shadow:4px 4px 0 #9d624328}.spoon:before{content:'';position:absolute;left:-11px;top:-42px;width:40px;height:55px;background:#bc7d4c;border-radius:50%}.kitchen-spark{position:absolute;left:7%;bottom:13%;font-size:57px;color:#86462d;transform:rotate(-10deg)}.kitchen-scene .scene-label{top:25px;font-size:9px}
.roots{display:grid;grid-template-columns:1fr 2fr;gap:70px;max-width:1800px;margin:auto;padding-top:25px;padding-bottom:100px}.roots-label{padding-top:10px}.roots-sun{display:block;font-size:108px;color:var(--rust);line-height:1;margin-bottom:28px}.roots-copy h2{margin-bottom:28px}.roots-copy h2 em{color:var(--rust)}.roots-copy>p{font-size:16px;line-height:1.9;max-width:650px;color:#53564c}.roots-copy .roots-memory{font-size:13px;border-left:2px solid #c5c9ae;padding-left:22px;margin-top:25px;margin-bottom:0;max-width:600px}.contact{background:#d7dfb7;padding-top:67px;padding-bottom:62px}.contact>.eyebrow{margin-bottom:23px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:45px}.contact h2{font-size:clamp(42px,5vw,80px);letter-spacing:-3px}.contact h2 em{color:#535d31}.contact-button{display:flex;gap:62px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;text-decoration:none;border-radius:100px;padding:27px 35px;font-size:18px;min-width:210px;transition:transform .2s,background .2s}.contact-button span[aria-hidden]{font-size:32px}.contact-button:hover{transform:rotate(-3deg);background:#42453b}.contact-note{font-size:13px;margin-top:28px;margin-bottom:0;line-height:1.7;color:#4e563c}.footer{max-width:1800px;margin:auto;padding:37px clamp(24px,5.6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:28px}.footer .wordmark{font-size:19px}.footer .wordmark span{font-size:8px;letter-spacing:3.7px}.footer .wordmark i{font-size:27px}.footer p{font-family:var(--serif);font-style:italic;font-size:15px;margin:0}.footer>span,.back-top{font-size:10px;color:#64665c;line-height:1.6}.back-top{text-decoration:none}.back-top:hover{color:var(--rust)}
@keyframes settle{from{opacity:.5;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.reveal.is-visible{animation:settle .6s ease both}
@media(min-width:1600px){.hero{min-height:830px}.art-stage{min-height:410px}.brand-card{min-height:610px}.brand-visual{min-height:610px}.recipe-card{padding-top:36px}}
@media(max-width:1000px){.hero{gap:25px;min-height:620px;padding-top:44px;padding-bottom:48px}h1{font-size:87px;letter-spacing:-5px}h1 em{letter-spacing:-5px}.hero-art{padding-top:20px}.art-stage{min-height:250px}.handwritten{display:none}.brand-content{padding:33px 27px}.brand-card,.brand-visual{min-height:510px}.ud-logo{width:235px;margin-bottom:26px}h3{font-size:36px;letter-spacing:-1.3px}.brand-content>p:not(.card-kicker){font-size:13px}.brand-content .button{gap:25px;padding:17px 19px;font-size:12px}.paper-note{width:39%;padding:20px 12px}.desk-mat{height:48%;padding:23px}.desk-mat>span{font-size:65px}.court-word{font-size:91px;letter-spacing:-5px}.court-ball{width:98px;height:98px;right:9%}.court-ball i{width:13px;height:16px}.court-ball i:nth-child(3){left:44px;top:48px}.recipe-card{left:10%;right:10%;padding:28px 25px}.recipe-card h4{font-size:58px}.recipe-card p{font-size:10px}.scene-footnote{font-size:15px;left:26px}.roots{gap:35px;grid-template-columns:.7fr 2fr}.footer{flex-wrap:wrap}.footer p{display:none}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{padding-top:23px;padding-bottom:23px}.wordmark{font-size:21px}.wordmark span{font-size:9px;letter-spacing:4px}.wordmark i{font-size:28px}.header nav{gap:20px;font-size:12px}.header nav a[href='#roots']{display:none}.header .nav-contact{gap:10px}.hero{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:31px;min-height:0}.hero .eyebrow{font-size:10px;margin-bottom:25px}h1{font-size:clamp(78px,15.8vw,112px);line-height:.93;letter-spacing:-5px;margin-bottom:23px}h1 em{letter-spacing:-6px}.hero-description{font-size:14px;margin-bottom:22px}.hero-art{padding-top:22px}.art-meta{padding-bottom:12px;font-size:9px;letter-spacing:1.3px}.art-stage{min-height:0;padding:30px 0 0}.art-caption{margin-top:16px;margin-bottom:17px;gap:13px}.art-caption p{font-size:11px;margin-bottom:0}.caption-line{width:26px}.handwritten{display:block;font-size:13px;padding-top:10px}.hero-index{font-size:8px;padding-top:15px}.brand-strip{gap:14px;padding:18px 24px;font-size:10px;flex-wrap:wrap;justify-content:center}.brand-strip i{font-size:18px}.brand-strip i:last-child{display:none}.brands{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:29px}.section-heading .eyebrow{font-size:10px;margin-bottom:15px}h2{font-size:44px;letter-spacing:-1.8px}.section-heading>p{margin:20px 0 0;font-size:13px;max-width:none}.brand-card{grid-template-columns:1fr;margin-bottom:22px;border-radius:5px}.brand-content{padding:31px 27px 30px;min-height:0}.card-kicker{font-size:9px;margin-bottom:26px}.ud-logo{width:250px;max-width:100%;margin-bottom:29px}.helium-logo{width:250px;min-height:75px;margin-bottom:22px}.scratch-logo-wrap{height:100px;margin-bottom:22px}.scratch-logo{height:100px}h3{font-size:40px;line-height:1.08;letter-spacing:-1.4px;margin-bottom:21px}.brand-content>p:not(.card-kicker){font-size:14px;margin-bottom:24px;max-width:none}.brand-content .button{font-size:12px;gap:38px;min-height:53px}.store-note{margin-top:12px}.brand-visual{min-height:360px}.scene-label{font-size:9px;top:24px;left:25px}.scene-footnote{font-size:15px;bottom:22px;left:25px}.desk-mat{left:12%;top:22%;width:67%;height:56%;padding:20px}.desk-mat>span{font-size:clamp(52px,13vw,80px);letter-spacing:-3px}.desk-mat i{font-size:7px;bottom:15px;left:20px}.paper-note{width:34%;height:41%;right:6%;top:39%;padding:13px 12px}.paper-note b{font-size:29px;margin:10px 0}.paper-note>span{font-size:7px}.paper-note i{font-size:8px}.pencil{height:140px;bottom:13%}.pencil-two{bottom:10%}.desk-spark{font-size:55px;top:14%;right:7%}.court-word{font-size:clamp(84px,22vw,125px);top:31%;left:13%;letter-spacing:-6px}.court-ball{width:90px;height:90px;top:18%;right:12%}.court-ball i{width:12px;height:14px}.court-ball i:nth-child(1){left:23px;top:15px}.court-ball i:nth-child(2){right:15px;top:22px}.court-ball i:nth-child(3){left:42px;top:44px}.court-ball i:nth-child(4){left:18px;bottom:13px}.court-ball i:nth-child(5){right:14px;bottom:10px}.court-tag{top:24px;left:25px;font-size:9px}.court-lines{inset:42px -25px -90px 25px}.recipe-card{left:15%;right:14%;top:14%;bottom:16%;padding:19px 24px}.recipe-card>span{font-size:8px}.recipe-card h4{font-size:clamp(40px,11vw,56px);margin:13px 0 11px}.recipe-card p{font-size:9px;line-height:1.7;margin-top:10px}.recipe-card>i{font-size:14px;bottom:16px;right:19px}.bowl{width:98px;height:49px;bottom:17%;right:1%}.bowl:before{height:22px;top:-11px;border-width:4px}.bowl i{top:-5px}.spoon{height:108px;width:12px;top:33%;right:9%}.spoon:before{left:-8px;top:-32px;width:29px;height:38px}.kitchen-spark{font-size:42px;bottom:14%;left:8%}.kitchen-scene .scene-label{font-size:8px;top:22px}.roots{display:block;padding-top:0;padding-bottom:53px}.roots-label{display:flex;align-items:center;gap:18px;margin-bottom:23px;padding-top:0}.roots-sun{font-size:50px;margin-bottom:0}.roots-label .eyebrow{font-size:10px;margin-bottom:0}.roots-copy h2{font-size:43px;margin-bottom:23px}.roots-copy>p{font-size:14px;line-height:1.85}.roots-copy .roots-memory{font-size:12px;padding-left:17px}.contact{padding-top:42px;padding-bottom:40px}.contact>.eyebrow{font-size:10px;margin-bottom:20px}.contact-row{display:block}.contact h2{font-size:44px;letter-spacing:-1.8px}.contact-button{display:inline-flex;margin-top:28px;min-width:186px;padding:18px 27px;font-size:15px;gap:43px}.contact-button span[aria-hidden]{font-size:26px}.contact-note{font-size:12px;margin-top:22px;max-width:340px}.footer{padding-top:29px;padding-bottom:29px;gap:22px}.footer>.wordmark{flex-basis:calc(100% - 95px);width:max-content;display:block;position:relative;max-width:137px}.footer .wordmark span{display:block}.footer .wordmark i{position:absolute;top:0;right:0}.footer>span{font-size:9px;order:3;flex-basis:100%}.footer .back-top{font-size:9px}}
@media(max-width:360px){.header nav{gap:13px;font-size:10px}.wordmark{font-size:18px}.wordmark span{font-size:8px;letter-spacing:3.4px}.hero-description br{display:none}.handwritten{display:none}h3{font-size:34px}.brand-content{padding-left:22px;padding-right:22px}.brand-strip{gap:10px;font-size:9px}.brand-strip i{font-size:15px}.paper-note b{font-size:24px}.scene-footnote{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.contact-button:hover{transform:none}}
.paper-note b{font-size:clamp(25px,2.7vw,36px);margin:12px 0}
@media(max-width:700px){.paper-note b{font-size:27px;margin:9px 0}.court-ball{width:82px;height:82px;top:8%}}
@media(max-width:360px){.paper-note b{font-size:24px}}