/* Okiee Supply renewal, September 2026. Existing catalog and tools retain their behavior. */
:root{--cream:oklch(.985 0 0);--ink:oklch(.23 .028 250);--navy:oklch(.28 .047 250);--navy-2:oklch(.35 .06 250);--orange:oklch(.61 .17 38);--orange-dark:oklch(.48 .16 38);--muted:oklch(.46 .015 250);--line:oklch(.85 .008 250);--max:1320px}html,body{background:var(--cream)}body{font-size:17px}.wrap{width:min(var(--max),90%)}.page-home header.nav:not(.is-scrolled),header.nav{position:relative!important;background:var(--cream)!important;color:var(--navy)!important;border-bottom:1px solid var(--line);box-shadow:none!important;backdrop-filter:none!important}.nav .row{min-height:96px}.nav .brand{font-size:27px;letter-spacing:-.03em;color:var(--navy)!important}.nav .brand span{font-size:10px;letter-spacing:.06em;color:var(--muted)!important}.nav .links a{color:var(--navy)!important;font-size:14px}.nav .links .btn,.btn{border:0;border-radius:40px;background:var(--navy)!important;color:white!important;box-shadow:none!important;padding:12px 21px}.nav .links .active:not(.btn){color:var(--orange-dark)!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange-dark);outline-offset:4px}.reveal,.js .reveal{opacity:1!important;transform:none!important}.supply-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;align-items:center;padding:65px 0 75px;min-height:640px}.supply-label{display:flex;align-items:center;gap:8px;font-size:13px!important;color:var(--muted);margin:0 0 26px!important}.supply-label span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.supply-intro h1{font-family:var(--display);font-size:clamp(3.2rem,5.7vw,5.8rem);letter-spacing:-.04em;line-height:1.03;font-weight:600;margin:0 0 25px;color:var(--navy)}.supply-intro h1 em{font-style:normal;color:var(--orange-dark)}.supply-lede{font-size:18px;max-width:455px;line-height:1.65;color:var(--muted);margin:0 0 29px}.supply-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.supply-primary{display:inline-flex;align-items:center;gap:28px;background:var(--navy);color:white;padding:16px 23px;border-radius:40px;font-size:15px;font-weight:600;text-decoration:none}.supply-primary:hover{background:var(--orange-dark);color:white}.supply-primary span,.supply-secondary span{font-size:20px}.supply-secondary{display:inline-flex;align-items:center;gap:16px;font-size:15px;font-weight:600;color:var(--navy);text-decoration:none}.tour-link{display:inline-block;font-size:13px;margin-top:26px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:3px}.supply-hero-art{height:510px;position:relative;margin-bottom:25px}.hero-dogs{width:100%;height:100%;object-fit:cover;border-radius:9px;object-position:center}.photo-caption{position:absolute;top:19px;left:19px;background:white;color:var(--navy);font-size:12px;padding:8px 14px;border-radius:30px}.product-float{position:absolute;bottom:-27px;right:-16px;background:oklch(.94 .064 150);border-radius:8px;width:270px;display:flex;align-items:center;padding:12px;transform:rotate(5deg);text-decoration:none;transition:transform .3s}.product-float:hover{transform:rotate(0)}.product-float img{width:117px;height:117px;object-fit:contain;mix-blend-mode:multiply}.product-float span{font-size:12px;line-height:1.8;color:var(--navy)}.product-float strong{font-size:14px}.supply-strip{background:var(--navy);color:white;padding:23px 0}.supply-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.supply-strip span{font-size:17px}.supply-strip b{font-size:26px;color:oklch(.83 .09 55);font-weight:400}.supply-collections{padding:95px 0}.supply-section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.supply-section-title h2,.supply-about h2{font-size:clamp(2.2rem,3.8vw,3.7rem);line-height:1.1;letter-spacing:-.035em;margin:0;font-weight:500;color:var(--navy)}.supply-section-title p{font-size:16px;color:var(--muted);margin:0}.category-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-feature{text-decoration:none!important}.category-feature>div{height:310px;background:oklch(.95 .015 65);border-radius:7px;overflow:hidden;padding:27px}.category-feature:nth-child(2)>div{background:oklch(.94 .042 150)}.category-feature:nth-child(3)>div{background:oklch(.93 .035 245)}.category-feature img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.category-feature:hover img{transform:scale(1.06) rotate(-3deg)}.category-feature>span{display:grid;grid-template-columns:1fr 25px;gap:4px;padding-top:20px;color:var(--navy)}.category-feature strong{font-size:20px;font-weight:500;font-family:var(--display)}.category-feature small{font-size:13px;color:var(--muted);grid-column:1}.category-feature b{grid-column:2;grid-row:1/3;font-size:26px;font-weight:400}.all-catalog{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;font-size:15px;color:var(--navy);margin-top:20px;text-decoration:none}.supply-tools{background:oklch(.945 .013 245);padding:90px 0}.tool-spotlight{background:var(--navy);border-radius:9px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:10%;color:white}.tool-spotlight>div>span{font-size:13px;color:oklch(.85 .04 245)}.tool-spotlight h3{font-size:39px;line-height:1.1;font-weight:500;letter-spacing:-.03em;margin:24px 0 20px;color:white}.tool-spotlight p{font-size:16px;color:oklch(.87 .02 245);max-width:430px}.tool-spotlight .supply-primary{background:oklch(.92 .07 60);color:var(--navy);margin-top:14px}.cost-preview{align-self:center;border:1px solid oklch(.5 .035 245);padding:20px 26px;border-radius:5px}.cost-preview>div{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid oklch(.5 .035 245);font-size:17px}.cost-preview strong{font-size:23px;font-weight:400;color:oklch(.91 .085 60)}.cost-preview .cost-total{color:oklch(.91 .085 60);border-bottom:0}.cost-preview p{font-size:12px;margin:5px 0;color:oklch(.82 .03 245)}.tool-list{margin-top:27px}.tool-list>a{display:grid;grid-template-columns:1fr 180px 24px;gap:25px;padding:25px 0;border-bottom:1px solid oklch(.79 .016 245);align-items:center;text-decoration:none;color:var(--navy)}.tool-list strong{font-family:var(--display);font-size:23px;font-weight:500}.tool-list p{font-size:14px;margin:5px 0 0;color:var(--muted)}.tool-list>a>span{font-size:13px}.tool-list b{font-size:27px;font-weight:400}.tool-list>a:hover strong{color:var(--orange-dark)}.supply-about{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.supply-about-art{background:oklch(.945 .06 58);position:relative;height:400px;border-radius:8px;display:flex;align-items:center;justify-content:center}.supply-about-art img{width:70%;height:85%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-9deg)}.supply-about-art>span{position:absolute;right:22px;bottom:25px;font-family:var(--display);font-size:23px;color:var(--navy);line-height:1.15;max-width:180px}.supply-about h2{margin-bottom:25px}.supply-about p{font-size:17px;color:var(--muted);line-height:1.7}.supply-about .supply-secondary{margin-top:15px}.supply-renewed .formwrap{background:var(--navy);padding:70px 0}.supply-renewed .formcard{background:none;box-shadow:none;border:0;max-width:900px;padding:0;margin:auto;color:white}.supply-renewed .formcard h2{color:white;font-size:40px;font-weight:500;letter-spacing:-.03em}.supply-renewed .formcard .sub{color:oklch(.89 .02 245);font-size:17px;max-width:700px}.supply-renewed .formcard .eyebrow{display:none}.supply-renewed .formcard label{color:oklch(.93 .01 245);font-size:14px}.supply-renewed .formcard input,.supply-renewed .formcard textarea,.supply-renewed .formcard select{background:white;color:var(--navy);border-radius:5px;border:0;font-size:16px}.supply-renewed .formcard input::placeholder,.supply-renewed .formcard textarea::placeholder{color:var(--muted)}.supply-renewed .formcard .btn{background:oklch(.92 .07 60)!important;color:var(--navy)!important;padding:16px 30px}.ft{background:oklch(.235 .035 250);border:0;padding:50px 0 25px}.ft .cols{gap:55px}.ft .fine{font-size:12px;color:oklch(.79 .025 245);border-color:oklch(.45 .03 250)}.ft a{color:oklch(.94 .008 250)}.box-guide{display:none!important}.catalog-page-hero{min-height:390px;height:390px}.catalog-page-hero h1{font-size:clamp(2.6rem,4.5vw,4.8rem);max-width:700px;letter-spacing:-.03em}.catalog-jump{background:white;box-shadow:none;border-bottom:1px solid var(--line);top:0}.catalog-jump a{font-size:14px}.collection-banner{min-height:240px;height:240px}.collection-banner h2{font-size:40px}.collection-products{padding-top:35px;padding-bottom:55px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.product-tile{box-shadow:none!important;border:0!important;border-radius:0!important;background:none!important}.product-canvas{background:oklch(.96 .005 250)!important;border-radius:6px!important;aspect-ratio:1}.product-canvas img{mix-blend-mode:multiply}.product-title{font-size:17px!important}.product-open{font-size:12px!important}.collection-count{margin-bottom:20px}.product-dialog{border-radius:10px}.reference-section{padding-top:50px;padding-bottom:50px}.reference-intro h2{font-size:30px}.arthead h1{font-size:clamp(2.6rem,5vw,4.6rem);letter-spacing:-.03em;line-height:1.1}.article{max-width:900px}.article h2{font-size:30px}.article p{line-height:1.8}.article .tool{box-shadow:none;border:1px solid var(--line);border-radius:8px}.cards .rc{box-shadow:none!important;border-radius:7px!important}.cards .rc h3{font-size:25px;letter-spacing:-.02em}.page-resources .cards{gap:25px}
@media(max-width:900px){.supply-hero{gap:5%;padding:45px 0 65px}.supply-hero-art{height:460px}.product-float{width:225px;right:-8px}.product-float img{width:85px;height:95px}.supply-actions{gap:15px}.supply-primary{padding:14px 18px;font-size:14px}.category-feature>div{height:240px;padding:15px}.category-feature strong{font-size:18px}.tool-spotlight{padding:32px;gap:6%}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav .row{min-height:80px}.nav .brand{font-size:24px}}
@media(max-width:650px){.supply-hero{grid-template-columns:1fr;gap:35px;padding:35px 0 60px}.supply-intro h1{font-size:clamp(3.3rem,13vw,4.8rem)}.supply-label{font-size:12px!important;margin-bottom:21px!important}.supply-lede{font-size:16px}.supply-hero-art{height:340px;margin:0 8px 0 0}.product-float{bottom:-24px;right:-8px}.supply-strip{padding:18px 0}.supply-strip .wrap{gap:15px;justify-content:center}.supply-strip span{font-size:12px}.supply-strip span:last-child,.supply-strip b:last-of-type{display:none}.supply-strip b{font-size:20px}.supply-collections,.supply-about{padding:60px 0}.supply-section-title{flex-direction:column;align-items:start;gap:18px;margin-bottom:28px}.supply-section-title p{font-size:15px}.category-layout{grid-template-columns:1fr;gap:30px}.category-feature>div{height:310px}.category-feature strong{font-size:21px}.category-feature>span{padding-top:15px}.supply-tools{padding:55px 0}.tool-spotlight{grid-template-columns:1fr;gap:32px;padding:28px}.tool-spotlight h3{font-size:34px}.tool-list>a{grid-template-columns:1fr 20px;gap:15px;padding:22px 0}.tool-list>a>span{display:none}.tool-list strong{font-size:21px}.tool-list p{font-size:14px}.supply-about{grid-template-columns:1fr;gap:32px}.supply-about-art{height:330px}.supply-about p{font-size:16px}.supply-renewed .formwrap{padding:50px 0}.supply-renewed .formcard h2{font-size:33px}.supply-renewed .formcard .sub{font-size:16px}.nav .links{background:var(--cream)!important}.nav .menu-toggle{color:var(--navy)!important}.nav .menu-toggle i{background:var(--navy)!important}.catalog-page-hero{height:350px;min-height:350px}.catalog-page-hero h1{font-size:36px}.collection-banner{height:220px;min-height:220px}.collection-banner h2{font-size:32px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.product-title{font-size:15px!important}.catalog-jump .wrap{width:100%;padding:0 5%}.catalog-jump a{font-size:12px}.ft .cols{gap:25px}.article{padding-left:0;padding-right:0}.arthead h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}