/*
Theme Name: Shelf Theory
Author: Shelf Theory
Description: Shelf Theory Food Innovation & Product Development Studio
Version: 1.0.1
Text Domain: shelf-theory
*/
:root{--cream:#F7F1E8;--ink:#171717;--muted:#6b665f;--line:rgba(23,23,23,.14);--paper:#fffdf9;--accent:#a77b45}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(calc(100% - 48px),1240px);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,241,232,.96);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-weight:800;letter-spacing:.13em;font-size:14px}.nav-links{display:flex;gap:24px;font-size:13px}.nav-links a{opacity:.72}.nav-links a:hover{opacity:1}.nav-cta{border:1px solid var(--ink);padding:11px 16px;border-radius:999px;font-size:12px;font-weight:700}.menu{display:none;border:0;background:none;font-size:24px}
.hero{min-height:calc(100vh - 78px);display:grid;align-items:center;padding:70px 0 80px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.eyebrow{margin-bottom:24px}h1,h2,h3{margin:0;line-height:1.02}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(60px,9vw,128px);letter-spacing:-.055em}.hero-copy{max-width:560px;margin:28px 0 32px;font-size:18px;color:var(--muted)}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--ink)}.btn.primary{background:var(--ink);color:#fff}.hero-art{min-height:500px;display:grid;place-items:center}.lab-card{width:min(100%,500px);aspect-ratio:1/1.05;background:var(--paper);border:1px solid var(--line);border-radius:36px;position:relative;overflow:hidden}.lab-card:before,.lab-card:after{content:"";position:absolute;border:1px solid rgba(23,23,23,.18);border-radius:50%}.lab-card:before{width:310px;height:310px;left:-90px;bottom:-100px}.lab-card:after{width:210px;height:210px;right:-55px;top:-55px}.beaker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:180px;border:2px solid var(--ink);border-top:0;border-radius:10px 10px 28px 28px}.liquid{position:absolute;left:12%;right:12%;bottom:7%;height:42%;background:var(--ink);border-radius:0 0 18px 18px}.tube{position:absolute;width:26px;height:170px;border:2px solid var(--ink);border-radius:20px;right:19%;top:25%;transform:rotate(14deg)}.tube:after{content:"";position:absolute;left:3px;right:3px;bottom:4px;height:44%;background:var(--accent);border-radius:0 0 13px 13px}.floating-note{position:absolute;background:var(--ink);color:#fff;padding:17px 19px;border-radius:15px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;right:18px;bottom:52px}
.section{padding:115px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;margin-bottom:65px}h2{font-size:clamp(44px,6vw,78px);letter-spacing:-.045em}.lead{font-size:21px;max-width:850px;color:#34312d}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-grid p{color:var(--muted);font-size:17px}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.pill{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:12px;background:rgba(255,255,255,.2)}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service,.plan{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px}.service{min-height:310px;display:flex;flex-direction:column}.service-num,.plan-num{font-size:11px;letter-spacing:.15em;color:var(--muted)}.service-num{margin-bottom:45px}.service h3,.plan h3{font-size:31px;margin-bottom:17px}.service p,.plan p{font-size:13px;color:var(--muted)}.service ul{padding:0;margin:auto 0 0;list-style:none;border-top:1px solid var(--line)}.service li{font-size:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.categories{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category{min-height:105px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:end;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.process{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step{padding:27px 20px 27px 0;border-bottom:1px solid var(--line);display:flex;gap:18px}.step-no{font-family:Georgia,serif;font-size:25px;min-width:42px}.step-title{font-weight:800;font-size:13px}.step-text{font-size:12px;color:var(--muted);margin-top:4px}
.investments{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan{min-height:280px;display:flex;flex-direction:column}.plan h3{margin-top:35px}.price{font-size:18px;font-weight:800;margin-top:auto}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px}.price-table{width:100%;border-collapse:collapse;min-width:850px;background:var(--paper)}.price-table th,.price-table td{text-align:left;padding:17px 19px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:top}.price-table th{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.price-table tr:last-child td{border-bottom:0}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why{border-top:1px solid var(--ink);padding:20px 0}.why h3{font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin-bottom:10px}.why p{font-size:13px;color:var(--muted);margin:0}.faq{max-width:900px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:800;font-size:14px;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:20px;font-weight:400}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;max-width:750px}
.contact{background:var(--ink);color:#fff;border-radius:32px;padding:70px;display:grid;grid-template-columns:1fr .9fr;gap:70px}.contact h2{color:#fff}.contact .lead{color:rgba(255,255,255,.68);font-size:16px;margin-top:25px}.contact-info{margin-top:40px;display:grid;gap:12px}.contact-info a{text-decoration:underline;text-underline-offset:4px}.form{display:grid;gap:13px}.form label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;opacity:.65}.form input,.form textarea{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.3);padding:13px 0;font:inherit;outline:none}.form textarea{min-height:105px;resize:vertical}.form button{margin-top:12px;border:1px solid #fff;background:#fff;color:var(--ink);border-radius:999px;padding:15px 20px;font-weight:800;cursor:pointer}.notice{font-size:12px;padding:10px 0}.footer{padding:35px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
@media(max-width:980px){.nav-links{display:none}.menu{display:block}.hero-grid,.section-head,.about-grid,.contact{grid-template-columns:1fr}.hero-art{min-height:390px}.services{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.investments{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.contact{padding:42px 30px}}
@media(max-width:600px){.container{width:min(calc(100% - 30px),1240px)}.nav{height:68px}.nav-cta{display:none}.hero{padding:45px 0 60px}h1{font-size:61px}.hero-copy{font-size:16px}.hero-art{min-height:330px}.lab-card{max-width:330px}.section{padding:78px 0}.section-head{margin-bottom:40px;gap:25px}.lead{font-size:17px}.services{grid-template-columns:1fr}.categories{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.category{min-height:90px;padding:18px;font-size:11px}.footer{flex-direction:column}}