.details-inner--diagram{grid-template-columns:.78fr 1.55fr;gap:3%;padding-block:68px 61px}.details-inner--diagram h2{font-size:clamp(58px,5.6vw,90px)}.details-description{margin-top:25px;font-size:13px;line-height:1.8;color:#745a4b}.details-signature{margin-top:29px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#805b49}.details-signature span{margin-inline:9px}.product-diagram{min-width:0}.product-diagram-stage{position:relative;width:100%;aspect-ratio:760 / 600;isolation:isolate}.diagram-product{position:absolute;left:20%;top:5%;width:62%;height:88%;display:block;filter:drop-shadow(0 14px 16px #60452b1c)}.diagram-product img{width:100%;height:100%;object-fit:contain}.diagram-leaders{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:#805343}.diagram-leaders path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.diagram-leaders circle{fill:currentColor}.diagram-callout{position:absolute;width:23%;color:var(--ink)}.diagram-callout--spout{top:43%;left:2.3%}.diagram-callout--cap{top:9%;left:79%;width:21%}.diagram-callout--body{top:51%;left:79%;width:21%}.diagram-callout .diagram-index{font-size:clamp(7px,.57vw,10px);line-height:1.6;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:#875a49;white-space:nowrap}.diagram-index span{padding-inline:4px}.diagram-callout h3{font:400 clamp(20px,1.9vw,30px)/1.05 var(--serif);letter-spacing:-.02em;margin:9px 0 10px}.diagram-callout>p:last-child{font-size:clamp(10px,.78vw,13px);line-height:1.7;color:#765b4b}.product-diagram figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:3px;padding-top:15px;border-top:1px solid #80534330;font-size:8px;line-height:1.7;letter-spacing:.09em;text-transform:uppercase;color:#80614f}.diagram-pin,.diagram-mobile-key{display:none}@media(max-width:1100px)and (min-width:901px){.details-inner--diagram{grid-template-columns:.7fr 1.55fr;gap:2%}.details-inner--diagram h2{font-size:58px}.details-description{font-size:12px}.diagram-callout h3{font-size:20px}.diagram-callout>p:last-child{font-size:10px}.diagram-callout .diagram-index{font-size:7px;letter-spacing:.07em}}@media(max-width:900px){.details-inner--diagram{grid-template-columns:1fr;gap:15px;padding-block:53px 50px}.details-inner--diagram .section-intro{max-width:660px}.details-inner--diagram h2{font-size:72px}.details-description{font-size:13px}.details-signature{margin-top:21px}.product-diagram{max-width:760px;width:100%;margin-inline:auto}.diagram-callout .diagram-index{font-size:9px}.diagram-callout h3{font-size:clamp(20px,3.2vw,28px)}.diagram-callout>p:last-child{font-size:11px}}@media(max-width:600px){.details-inner--diagram{gap:18px;padding-block:51px 55px}.details-inner--diagram h2{font-size:64px}.details-description{font-size:12px;margin-top:21px}.details-signature{font-size:8px;margin-top:18px}.product-diagram-stage{aspect-ratio:1;margin-top:5px}.diagram-product{left:10%;top:1.5%;width:83%;height:90%}.diagram-leaders,.diagram-callout{display:none}.diagram-pin{position:absolute;display:grid;place-items:center;width:25px;height:25px;border:1px solid #805343;border-radius:50%;background:var(--bone);color:#602c28;font:400 12px var(--serif);box-shadow:0 1px 8px #3e241a14}.diagram-pin--spout{left:13%;top:12%}.diagram-pin--body{left:57%;top:43%}.diagram-pin--cap{left:50%;top:7%}.product-diagram figcaption{font-size:7px;gap:15px;margin-top:0;padding-top:13px}.product-diagram figcaption span:first-child{max-width:52%}.diagram-mobile-key{display:block;margin-top:25px}.diagram-mobile-key>div{border-top:1px solid #80534349;padding-block:18px}.diagram-mobile-key>div:last-child{padding-bottom:0}.diagram-mobile-key dt{display:flex;gap:15px;align-items:baseline;font:400 23px/1.2 var(--serif)}.diagram-mobile-key dt span{flex-shrink:0;width:20px;font-size:15px;color:#805343}.diagram-mobile-key dd{margin:7px 0 0 35px;color:#765b4b;font-size:12px;line-height:1.7}}@media(max-width:360px){.details-inner--diagram h2{font-size:58px}.details-signature{letter-spacing:.1em}.diagram-mobile-key dt{font-size:21px}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/holcomb-v3-diagram.css.map */
