@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#153c36;--green:#1f5149;--mint:#cce8d8;--cream:#f6f1e7;--orange:#ed6b3a;--line:rgba(21,60,54,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}
.nav{height:84px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:700 20px "Manrope"}.brandMark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--cream);background:var(--green);font-size:18px}.navLinks{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.navLinks a:not(.navCta):hover{color:var(--orange)}.navCta{padding:12px 20px;border:1px solid var(--ink);border-radius:99px}
.hero{min-height:690px;max-width:1240px;margin:auto;padding:70px 32px 88px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px}.eyebrow,.sectionLabel,.mini{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}.eyebrow:before{content:"";display:inline-block;width:34px;height:2px;background:var(--orange);vertical-align:middle;margin-right:12px}h1{max-width:670px;margin:18px 0 24px;font:600 clamp(52px,6.3vw,86px)/.98 "Manrope";letter-spacing:-.055em}h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:400}.intro{max-width:570px;font-size:19px;line-height:1.7;color:#45635e}.heroActions{margin-top:38px;display:flex;align-items:center;gap:28px}.button{display:inline-block;padding:16px 24px;border-radius:99px;font-weight:700;font-size:14px}.primary{color:white;background:var(--green)}.primary:hover{background:var(--orange)}.textLink{font-size:14px;font-weight:700}.textLink span{color:var(--orange);margin-left:6px}
.heroArt{position:relative;height:510px;overflow:hidden;border-radius:260px 260px 30px 30px;background:var(--mint)}.sun{position:absolute;width:330px;height:330px;right:-70px;top:-65px;border-radius:50%;background:#f0c964}.sock{position:absolute;width:142px;height:280px;background:var(--cream);border-radius:10px 10px 58px 44px;box-shadow:0 28px 50px rgba(21,60,54,.16);transform:rotate(20deg)}.sock:after{content:"";position:absolute;width:175px;height:80px;left:-96px;bottom:0;background:inherit;border-radius:70px 0 40px 70px}.sockOne{left:33%;top:90px;z-index:2}.sockTwo{left:53%;top:135px;transform:rotate(-16deg);background:var(--green)}.sockStripe{position:absolute;top:35px;width:100%;height:22px;background:var(--orange)}.sockLogo{position:absolute;top:84px;left:50%;transform:translateX(-50%);font:700 30px "Manrope";color:var(--orange)}.artNote{position:absolute;left:30px;bottom:20px;font:500 13px/1.3 "Manrope";transform:rotate(-8deg)}
.ticker{padding:20px;display:flex;justify-content:center;gap:42px;align-items:center;color:white;background:var(--orange);text-transform:uppercase;font-weight:700;letter-spacing:.12em;font-size:12px}.ticker i{font-style:normal;color:var(--cream)}.section{padding:120px max(32px,calc((100vw - 1176px)/2))}.story{background:#fffaf1}.sectionLabel{margin:0 0 48px;color:var(--orange)}.storyContent{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.storyLead{margin:0;font:italic 500 30px/1.25 Georgia,serif;color:var(--orange)}.story h2,.products h2,.contact h2{margin:0 0 26px;font:600 clamp(38px,4vw,58px)/1.05 "Manrope";letter-spacing:-.045em}.storyContent>div p{max-width:620px;font-size:17px;line-height:1.8;color:#506964}
.products{background:var(--mint)}.productsHeader{display:flex;justify-content:space-between;align-items:end;gap:40px}.productsHeader .sectionLabel{margin-bottom:22px}.productsHeader>p{max-width:340px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.card{min-height:285px;padding:30px;background:rgba(255,255,255,.55);border-top:3px solid var(--green)}.card>span{color:var(--orange);font-weight:700;font-size:12px}.card h3{margin:70px 0 14px;font:600 23px "Manrope"}.card p{color:#4c6a64;line-height:1.65}.bolBand{margin-top:18px;padding:28px 30px;color:white;background:var(--green);display:flex;justify-content:space-between;align-items:center;gap:30px}.bolBand>div{display:flex;align-items:center;gap:18px}.bolBand p{margin:0}.bolBand>p{max-width:420px;color:#c9ded9}.bolBand h3{margin:3px 0 0;font:600 21px "Manrope"}.bolDot{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b8bd6;font-weight:700}.mini{color:#ff936d}
.contact{color:white;background:var(--orange)}.sectionLabel.light{color:#ffd4c4}.contactGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}.contactGrid p{max-width:480px;margin:0 0 30px;font-size:18px;line-height:1.7;color:#fff2ed}.lightButton{color:var(--ink);background:var(--cream)}.lightButton:hover{color:white;background:var(--green)}footer{padding:35px max(32px,calc((100vw - 1176px)/2));display:flex;justify-content:space-between;align-items:center;color:#637873;font-size:13px;background:#fffaf1}.footerBrand{color:var(--ink)}
@media(max-width:800px){.navLinks a:not(.navCta){display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:55px}.heroArt{height:430px}.ticker{gap:18px;overflow:hidden;justify-content:flex-start;white-space:nowrap}.section{padding-top:82px;padding-bottom:82px}.storyContent,.contactGrid{grid-template-columns:1fr;gap:42px}.productsHeader{display:block}.cards{grid-template-columns:1fr}.card{min-height:220px}.card h3{margin-top:44px}.bolBand{align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap;gap:18px}}
@media(max-width:480px){.nav{padding:0 20px}.hero{padding-left:20px;padding-right:20px}h1{font-size:49px}.heroActions{align-items:flex-start;flex-direction:column;gap:20px}.heroArt{height:360px}.sock{transform:scale(.75) rotate(20deg);transform-origin:top left}.sockTwo{transform:scale(.75) rotate(-16deg)}}