:root{--guato-gold:#b9904b;--guato-lime:#b7d63b;--guato-orange:#d97932;--guato-purple:#a16ad8;--guato-cream:#f1e9db}
.portfolio-hero{min-height:72vh;padding:clamp(90px,12vw,170px) var(--pad) clamp(70px,9vw,120px);display:flex;align-items:flex-end;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(12,12,11,.97),rgba(12,12,11,.72)),url('/assets/editorial/resin_macro.jpg') center/cover no-repeat}.portfolio-hero__inner{max-width:980px}.portfolio-hero h1{font-size:clamp(54px,10vw,138px);line-height:.83;margin:.15em 0}.portfolio-hero .lede{max-width:760px;font-size:clamp(17px,2.2vw,24px)}
.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:42px}.family-card{min-height:430px;padding:clamp(24px,3vw,40px);background:#11110f;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.family-card:before{content:'';position:absolute;inset:0;opacity:.22;background:radial-gradient(circle at 70% 20%,var(--accent,#b9904b),transparent 38%)}.family-card>*{position:relative}.family-card h3{font-size:clamp(28px,3vw,44px);margin:.2em 0}.family-card p{color:#bdb5aa}.family-card .btn{margin-top:auto;align-self:flex-start}.family-badder{--accent:#d69a50}.family-shatter{--accent:#b7d63b}.family-crumble{--accent:#e2bf73}.family-vapes{--accent:#a16ad8}
.family-hero{padding:clamp(90px,10vw,150px) var(--pad) clamp(60px,8vw,100px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 38%),#0c0c0b}.family-hero h1{font-size:clamp(64px,11vw,150px);line-height:.82;margin:.18em 0}.family-hero .lede{max-width:780px;font-size:clamp(17px,2vw,23px)}
.family-badder-page{--accent:#d69a50}.family-crumble-page{--accent:#e2bf73}.family-vapes-page{--accent:#a16ad8}.family-shatter-page{--accent:#b7d63b}
.spec-grid-v1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:2rem 0}.spec-v1{background:#11110f;padding:1.2rem}.spec-v1 span{display:block;color:#8d887f;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.spec-v1 strong{display:block;margin-top:.35rem;font-size:1.05rem}.sample-pill{display:inline-block;border:1px solid var(--orange);color:var(--orange);padding:.35rem .55rem;font:800 10px/1 'Courier New',monospace;letter-spacing:.1em;text-transform:uppercase;margin:.4rem 0}
.editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}.editorial-split img{width:100%;height:auto;display:block}.editorial-panel{border:1px solid var(--line);padding:clamp(24px,4vw,50px)}
.bulk-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.bulk-four article{border:1px solid var(--line);padding:1.4rem;background:#11110f}.bulk-four h3{font-size:1.55rem;margin:.3rem 0}.micro{font-size:.76rem;color:#8d887f;line-height:1.5}.portfolio-band{border-top:8px solid var(--orange);display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.shatter-client-visual{position:relative;min-height:620px;background:#11110f;overflow:hidden}.shatter-client-visual img{width:100%;height:100%;object-fit:cover;display:block}.shatter-client-placeholder{height:100%;min-height:620px;display:flex;align-items:flex-end;padding:40px;background:radial-gradient(circle at 70% 25%,rgba(183,214,59,.18),transparent 38%),#11110f}.shatter-client-placeholder strong{font-size:clamp(30px,5vw,62px);max-width:500px}.equal-note{max-width:880px;color:#bdb5aa}
@media(max-width:1100px){.family-grid,.bulk-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.family-grid,.bulk-four,.editorial-split,.portfolio-band,.spec-grid-v1{grid-template-columns:1fr}.family-card{min-height:330px}.portfolio-hero{min-height:66vh}.shatter-client-visual,.shatter-client-placeholder{min-height:430px}}


.portfolio-master-section{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(28px,5vw,72px);align-items:center}.portfolio-master-visual{border:1px solid var(--line);background:#070706;overflow:hidden}.portfolio-master-visual img{display:block;width:100%;height:auto}.portfolio-master-copy{border-left:4px solid var(--orange);padding:clamp(20px,3vw,38px)}
.family-visual-system,.family-material-section{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(30px,6vw,90px);align-items:center}.family-visual-frame{position:relative;overflow:hidden;border:1px solid var(--line);background:#080807;min-height:620px}.family-panel-image{display:block;width:100%;height:100%;min-height:620px;object-fit:cover}.family-canonical-mark{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:min(46%,300px);max-height:118px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.62))}.family-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:2rem 0}.family-facts>div{background:#11110f;padding:1.2rem}.family-facts span{display:block;color:#8d887f;font-size:.7rem;letter-spacing:.12em}.family-facts strong{display:block;margin-top:.4rem}.family-material-section>img{width:100%;height:auto;display:block}.family-material-section>div{max-width:620px}
@media(max-width:900px){.portfolio-master-section,.family-visual-system,.family-material-section{grid-template-columns:1fr}.family-visual-frame,.family-panel-image{min-height:500px}.family-canonical-mark{width:min(48%,260px)}}
@media(max-width:600px){.family-visual-frame,.family-panel-image{min-height:400px}.family-canonical-mark{top:18px;width:min(52%,220px)}.family-facts{grid-template-columns:1fr}.portfolio-master-copy{border-left:0;border-top:4px solid var(--orange)}}