@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{--green:#0b3b2b;--green-deep:#082b20;--cream:#f3f0e8;--sand:#d8bf85;--white:#fff;--black:#101512;--line:#0b3b2b2e;color:var(--green);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;margin:0}button,a{font:inherit}button{color:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-shell{overflow:clip}.header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #0b3b2b14;grid-template-columns:1fr auto 1fr;align-items:center;height:112px;padding:0 clamp(20px,4vw,64px);display:grid;position:sticky;top:0}.icon-button,.detail-close,.detail-arrows button,.menu-top button{cursor:pointer;background:0 0;border:0}.icon-button{justify-self:start;margin-left:-12px;padding:12px}.brand img{object-fit:contain;width:clamp(132px,17vw,218px);height:60px}.header-action{color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#aabfbd;border-radius:999px;justify-self:end;align-items:center;gap:12px;min-height:56px;padding:0 22px;font-size:13px;display:flex}.header-action strong{font-weight:500}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(330px,.84fr) minmax(0,1.7fr);min-height:calc(100svh - 112px);display:grid}.hero-copy{background:linear-gradient(#f3f0e81f 0%,#f3f0e8d6 20%,#f3f0e8e0 55%,#f3f0e81f 80%,#f3f0e800 100%),url(/images/species-hero.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,140px) clamp(30px,5vw,88px);display:flex}.eyebrow{color:#a8863d;letter-spacing:.27em;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:600}.hero h1,.catalog-heading h2,.detail-content h2{letter-spacing:-.045em;margin:0;font-family:Playfair Display,serif;font-weight:500;line-height:.98}.hero h1{max-width:650px;font-size:clamp(46px,4.35vw,78px)}.hero-description{color:#0b3b2bb8;max-width:480px;margin:32px 0 0;font-size:16px;line-height:1.75}.scroll-link{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid;align-self:flex-start;align-items:center;gap:12px;margin-top:46px;padding-bottom:9px;font-size:13px;font-weight:600;display:flex}.featured-strip{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0;padding:4px;display:grid}.featured-card{color:#fff;text-align:left;cursor:pointer;background:var(--green);border:0;min-width:0;min-height:calc(100svh - 112px);padding:0;position:relative;overflow:hidden}.featured-card img,.product-tile img,.detail-visual>img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.featured-card:hover img,.product-tile:hover img{transform:scale(1.035)}.featured-shade,.product-shade,.detail-visual-shade{background:linear-gradient(#00000005 30%,#04120cc7 100%);position:absolute;inset:0}.featured-index{letter-spacing:.18em;font-size:12px;position:absolute;top:34px;left:28px}.featured-content{gap:8px;display:grid;position:absolute;bottom:42px;left:28px;right:28px}.featured-content span{letter-spacing:.24em;text-transform:uppercase;color:#e6c778;font-size:11px}.featured-content strong{color:#e6c778;font-family:Playfair Display,serif;font-size:clamp(28px,2.5vw,46px);font-weight:500;line-height:1}.featured-content small{color:#fff;font-family:Playfair Display,serif;font-size:18px}.featured-arrow{position:absolute;top:28px;right:24px}.catalog{background:#fff}.catalog-heading{grid-template-columns:1.25fr .75fr;align-items:end;gap:60px;padding:clamp(76px,9vw,140px) clamp(24px,6vw,96px) clamp(54px,7vw,100px);display:grid}.catalog-heading h2{max-width:780px;font-size:clamp(48px,6vw,96px)}.catalog-intro{gap:28px;max-width:450px;display:grid}.catalog-logo{object-fit:contain;justify-self:center;width:100%;max-width:450px;height:auto}.catalog-intro p,.catalog-heading>p{color:#0b3b2bad;max-width:450px;margin:0;font-size:16px;line-height:1.75}.catalog-closing{color:#fff;background:var(--green);text-align:center;margin:0 0 26px;padding:clamp(28px,4vw,54px) clamp(24px,6vw,96px);font-size:clamp(24px,2.6vw,42px);font-weight:600;line-height:1.2}.category-scroll{scrollbar-width:none;gap:8px;padding:0 clamp(20px,4vw,64px) 26px;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-scroll button{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:13px 17px;font-size:12px}.category-scroll button span{opacity:.5;margin-left:6px}.category-scroll button.active{color:#fff;background:var(--green);border-color:var(--green)}.product-grid{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.product-tile{aspect-ratio:1;color:#fff;text-align:left;cursor:pointer;background:#263a30;border:1px solid #ffffff2e;border-top:0;border-left:0;padding:0;position:relative;overflow:hidden}.product-tile:last-child:nth-child(4n+1){aspect-ratio:4;grid-column:span 4}.product-tile:last-child:nth-child(4n+2){aspect-ratio:3;grid-column:span 3}.product-tile:last-child:nth-child(4n+3){aspect-ratio:2;grid-column:span 2}.product-tile .product-shade{background:linear-gradient(#0000 42%,#03100abd)}.product-meta{gap:4px;display:grid;position:absolute;bottom:22px;left:22px;right:44px}.product-meta small{color:#ebcb79;letter-spacing:.19em;text-transform:uppercase;font-size:10px}.product-meta strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Playfair Display,serif;font-size:clamp(19px,1.7vw,30px);font-weight:500;line-height:1.05;display:-webkit-box;overflow:hidden}.product-tile>svg{position:absolute;top:18px;right:18px}.footer{color:#fff;background:var(--green-deep);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:360px;padding:70px clamp(24px,6vw,96px);display:grid}.footer img{width:220px}.footer-logo{width:220px;height:auto}.footer-copy{justify-items:center;gap:18px;display:grid}.studio-credit{justify-content:center;justify-self:center;align-items:center;gap:10px;margin-top:8px;font-size:11px;display:flex}.studio-icon{flex:none;width:36px;height:36px}.studio-credit:focus-visible{outline:2px solid var(--sand);outline-offset:6px}.footer p{text-align:center;max-width:340px;color:var(--sand);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:11px;font-weight:500;line-height:1.8}.footer-contact-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.footer-contact-actions a{letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffffff6b;border-radius:999px;padding:10px 14px;font-size:11px}.footer>a{border-bottom:1px solid #fff9;justify-self:end;align-items:center;gap:10px;padding-bottom:8px;display:flex}.menu-overlay{z-index:100;color:#fff;background:var(--green);flex-direction:column;padding:28px clamp(22px,6vw,90px) 38px;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-top{justify-content:space-between;align-items:center;display:flex}.menu-top .menu-logo{width:190px;height:auto}.menu-top button{color:#fff;background:#ffffff14;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.menu-overlay nav{flex:1;align-content:center;display:grid}.menu-overlay nav a{border-bottom:1px solid #ffffff2e;grid-template-columns:70px 1fr auto;align-items:center;padding:22px 0;font-family:Playfair Display,serif;font-size:clamp(42px,7vw,92px);line-height:1;display:grid}.menu-overlay nav a span{letter-spacing:.2em;color:#e6c778;font:11px DM Sans,sans-serif}.menu-overlay>p{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin:24px 0 0;font-size:11px}.detail-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--sand) var(--green-deep);background:#020e09d6;position:fixed;inset:0;overflow-y:auto}.detail-sheet{background:#fff;max-width:980px;min-height:100svh;margin-left:auto;box-shadow:-30px 0 80px #00000047}.detail-toolbar{z-index:5;padding:max(12px, env(safe-area-inset-top)) 24px 12px;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.detail-back{cursor:pointer;background:0 0;align-items:center;gap:6px;padding:12px 0;font-size:14px;display:flex}.detail-visual>img{object-fit:contain}.detail-visual{color:#fff;background:var(--green);height:min(82svh,900px);position:relative}.detail-close{color:#fff;background:var(--green);cursor:pointer;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.detail-arrows{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:28px;right:28px}.detail-arrows button{color:#fff;background:#0000004d;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.detail-arrows span{text-align:center;letter-spacing:.12em;min-width:62px;font-size:11px}.detail-line{z-index:1;gap:4px;display:grid;position:absolute;bottom:clamp(28px,7vw,72px);left:clamp(28px,7vw,76px)}.detail-line span{color:#e1bc5e;letter-spacing:.32em;text-transform:uppercase;font-size:11px}.detail-line strong{font-family:Playfair Display,serif;font-size:clamp(58px,9vw,116px);font-weight:500;line-height:1}.detail-content{padding:clamp(56px,8vw,105px) clamp(28px,8vw,110px) 100px}.detail-content h2{overflow-wrap:break-word;max-width:760px;font-size:clamp(44px,6vw,80px)}.detail-content .lead{color:#0b3b2bb3;max-width:720px;margin:38px 0 0;font-family:Playfair Display,serif;font-size:clamp(20px,2.2vw,30px);line-height:1.42}.detail-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:70px;display:grid}.detail-facts div{border-right:1px solid var(--line);gap:8px;padding:24px 18px 24px 0;display:grid}.detail-facts div+div{padding-left:22px}.detail-facts div:last-child{border-right:0}.detail-facts span,.detail-facts strong{font-size:12px}.detail-facts span{letter-spacing:.16em;text-transform:uppercase;opacity:.56}.detail-facts strong{font-weight:500;line-height:1.4}.detail-section{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;gap:20px;padding:70px 0;display:grid}.section-number{color:#a8863d;letter-spacing:.18em;margin:6px 0 0;font-size:11px}.detail-section h3{margin:0 0 26px;font-family:Playfair Display,serif;font-size:38px;font-weight:500}.detail-section>div{overflow-wrap:break-word;min-width:0}.detail-section>div>p{color:#0b3b2bb8;margin:0;font-size:15px;line-height:1.9}.detail-section>div>p+p{margin-top:20px}.detail-section dl{margin:0}.detail-section dl div{border-top:1px solid var(--line);grid-template-columns:140px 1fr;gap:26px;padding:18px 0;display:grid}.detail-section dt{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.detail-section dd{color:#0b3b2bad;margin:0;font-size:14px;line-height:1.7}.pending-note{background:#faf7ed;border:1px solid #d8c58d;align-items:flex-start;gap:14px;padding:20px;display:flex}.pending-note svg{color:#96742d;flex:none;margin-top:2px}.pending-note p{color:#0b3b2bb8;margin:0;font-size:14px;line-height:1.7}.nutrition-table{border-top:2px solid var(--green)}.nutrition-table div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;display:flex}.store-button{color:#fff;background:var(--green);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:54px;padding:24px 28px;font-weight:600;display:flex}@media (width<=1100px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:600px}.featured-strip{height:680px}.featured-card{min-height:680px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid .product-tile:last-child{aspect-ratio:1;grid-column:auto}.product-grid .product-tile:last-child:nth-child(3n+1){aspect-ratio:3;grid-column:span 3}.product-grid .product-tile:last-child:nth-child(3n+2){aspect-ratio:2;grid-column:span 2}}@media (width<=720px){.header{height:112px;padding:0 20px}.brand img{width:118px;height:52px}.header-action{min-height:0;color:var(--green);background:0 0;padding:12px}.header-action span,.header-action strong{display:none}.hero-copy{aspect-ratio:519/846;background:url(/images/species-hero-mobile.png) 50%/contain no-repeat;min-height:0;padding:0;display:block;position:relative}.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-description{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.hero h1{font-size:clamp(50px,15.2vw,70px)}.hero-description{font-size:15px}.hero-copy .scroll-link{border:0;width:49%;height:5%;margin:0;padding:0;font-size:0;position:absolute;top:63.5%;left:9%}.hero-copy .scroll-link svg{display:none}.hero-copy .scroll-link:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:3px}.featured-strip{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;height:calc(100svh - 112px);display:flex;overflow-x:auto}.featured-strip::-webkit-scrollbar{display:none}.featured-card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 86%;min-height:100%}.featured-card img{object-fit:cover}.featured-index{top:25px;left:22px}.featured-content{bottom:30px;left:22px;right:22px}.featured-content strong{font-size:39px}.catalog-heading{grid-template-columns:1fr;gap:32px;padding:80px 28px 50px}.catalog-heading h2{font-size:clamp(50px,14vw,68px)}.catalog-intro p,.catalog-heading>p{font-size:14px}.category-scroll{padding:0 18px 20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-tile{aspect-ratio:1}.product-grid .product-tile:last-child:nth-child(n){aspect-ratio:1;grid-column:auto}.product-grid .product-tile:last-child:nth-child(odd){aspect-ratio:2;grid-column:span 2}.product-meta{gap:3px;bottom:13px;left:13px;right:13px}.product-meta small{font-size:8px}.product-meta strong{font-size:clamp(15px,4.4vw,19px)}.product-tile>svg{width:16px;height:16px;top:11px;right:11px}.footer{grid-template-columns:1fr;justify-items:start;min-height:420px;padding:70px 28px}.footer-copy{justify-items:start;width:100%}.footer p{text-align:left}.footer-contact-actions{justify-content:flex-start}.footer>a{justify-self:start}.menu-overlay{padding:max(24px, env(safe-area-inset-top)) 24px 32px}.menu-top .menu-logo{width:138px}.menu-top button{width:58px;height:58px}.menu-overlay nav a{grid-template-columns:38px 1fr auto;padding:20px 0;font-size:clamp(42px,13vw,62px)}.menu-overlay nav a svg{width:23px}.detail-backdrop{background:#fff}.detail-sheet{max-width:none;box-shadow:none;margin:0}.detail-visual{height:min(78svh,790px);min-height:570px}.detail-toolbar{padding-left:18px;padding-right:18px}.detail-close{width:48px;height:48px}.detail-line{bottom:90px;left:24px;right:24px}.detail-line span{font-size:10px}.detail-line strong{overflow-wrap:break-word;font-size:clamp(36px,11vw,52px)}.detail-arrows{bottom:24px;right:18px}.detail-arrows button{width:40px;height:40px}.detail-arrows span{display:none}.detail-content{padding:70px 26px 80px}.detail-content h2{font-size:clamp(36px,10vw,52px)}.detail-content .lead{margin-top:28px;font-size:21px}.detail-facts{grid-template-columns:1fr;margin-top:48px}.detail-facts div,.detail-facts div+div{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.detail-facts div:last-child{border-bottom:0}.detail-section{grid-template-columns:34px 1fr;gap:8px;padding:52px 0}.detail-section h3{font-size:32px}.detail-section dl div{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){html,.detail-backdrop{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.featured-shade{background:linear-gradient(180deg, transparent 42%, var(--green) 100%)}.featured-content{padding:22px 0;bottom:0;left:22px;right:22px}.detail-visual-shade{background:linear-gradient(#0000 55%,#0b3b2ba3 100%)}@media (width<=720px){.featured-card{height:100%;min-height:0}.featured-content{background:var(--green);padding:18px 22px;bottom:0;left:0;right:0}}.detail-visual{grid-template-rows:minmax(0,1fr) 170px;display:grid}.detail-visual>img{grid-row:1;min-height:0}.detail-visual-shade{bottom:170px}.detail-line{text-align:center;background:var(--green);grid-row:2;align-content:start;justify-items:center;gap:10px;padding:26px 24px 68px;position:static}.detail-line span{color:#ebcb79;letter-spacing:.16em;font-size:12px;font-weight:600;line-height:1.5}.detail-line strong{font-size:clamp(36px,5vw,52px);line-height:1.1}@media (width<=720px){.footer,.footer-copy{justify-items:center}.footer p{text-align:center}.footer-contact-actions{justify-content:center}.footer>a{justify-self:center}}
