.image-category-page{background:var(--page)}.image-category-width{width:calc(100% - 64px);max-width:1216px;margin:auto}.image-category-hero{padding:56px 0 24px;background:url('../images/image-category/hero-glow.png') no-repeat center -232px/1028px 478px}.image-category-hero h1{font:800 56px/64px var(--heading-font);letter-spacing:-.025em}.image-category-hero h1 span{background:linear-gradient(100deg,#007297,#007653 60%,#396b19);background-clip:text;-webkit-text-fill-color:transparent}.image-category-hero p{font:400 16px/26px var(--font);margin-top:16px}.image-category-page h2{font:700 40px/48px var(--heading-font);letter-spacing:-.035em}.image-inspector-section{padding:40px 0;background:#f3f1ff}.image-inspector-intro{font:400 16px/24px var(--font);margin-top:8px}.image-inspector{margin-top:24px;padding:24px;background:white;border-radius:18px;box-shadow:0 12px 16px #18213d29}.image-inspector-title{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:8px 16px;background:var(--page);border-radius:12px;font:600 12px/20px var(--font)}.image-inspector-title>div{display:flex;align-items:center;gap:4px}.image-inspector-title>div:last-child>span{font:600 10px/14px var(--font);background:#e9ecff;padding:2px 4px;border-radius:3px;color:var(--body)}.image-window-dots{display:flex;gap:8px;margin-right:8px}.image-window-dots i{width:12px;height:12px;background:#d25b62;border-radius:50%}.image-window-dots i:nth-child(2){background:#6bf7c0}.image-window-dots i:nth-child(3){background:#00a6dc}.image-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.image-bottle{position:relative;height:460px;border-radius:12px;overflow:hidden;box-shadow:0 3px 4px #18213d25}.image-bottle>img{width:100%;height:100%;object-fit:cover}.image-bottle:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0e1526e6);pointer-events:none}.image-lighting,.image-setting{position:absolute;z-index:1;font:600 10px/16px var(--font);padding:3px 8px;background:#ffffffc9;border-radius:20px;box-shadow:inset 0 2px 4px white}.image-lighting{top:32px;left:32px}.image-setting{right:32px;bottom:64px}.image-bottle figcaption{position:absolute;z-index:1;bottom:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:white}.image-bottle h3{font:600 18px/26px var(--heading-font);letter-spacing:-.025em}.image-bottle figcaption p{font:400 12px/18px var(--font);color:#e9ecff}.image-bottle button{padding:4px 16px;border-radius:20px;background:#ffffff33;color:white;font:600 12px/18px var(--font)}.image-inspector-fields{display:grid;gap:8px;min-width:0}.image-inspector-field{padding:16px;background:#f3f1ff;border-radius:12px}.image-inspector-field>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.image-inspector-field h3,.image-inspector-field label{font:600 10px/16px var(--font);text-transform:uppercase;letter-spacing:.02em;color:#007297}.image-inspector-field>div:first-child>span{font:500 10px/14px var(--font);padding:2px 8px;border-radius:20px;background:#c0eafa;color:#007297}.image-inspector-field:nth-child(2) h3{color:#007653}.image-inspector-field:nth-child(3) h3{color:#477500}.image-inspector-field:nth-child(4) h3{color:var(--ink)}.image-inspector-field:nth-child(2)>div>span{background:#c7f6e7;color:#007653}.image-inspector-field:nth-child(3)>div>span{background:#d7f4b4;color:#274700}.image-inspector-field:nth-child(4)>div>span{background:#e2e6ff;color:var(--ink)}.image-inspector-field>p,.image-inspector-field>div:last-child:not(:first-child){padding:8px;background:white;border-radius:12px;font:400 12px/18px var(--font);color:var(--ink)}.image-inspector-field input{display:block;width:85%;background:#bfe8f7;border:0;border-radius:3px;padding:0 6px;font:400 14px/20px var(--font);color:#003c53}.image-inspector-field input:focus-visible{outline:2px solid #007297;outline-offset:2px}.image-inspector-field input+p{font:400 12px/18px var(--font);margin-top:4px}.image-inspector-ready{display:flex;align-items:center;justify-content:space-between;gap:12px;font:400 12px/18px var(--font);color:var(--body);margin-top:4px}.image-inspector-ready button{display:flex;align-items:center;gap:4px;background:#dbe2ff;border-radius:8px;padding:4px 16px;font:600 12px/16px var(--font);color:var(--ink)}.image-inspector-ready svg{width:16px;height:16px}.image-outcomes{padding-top:40px;padding-bottom:40px}.image-eyebrow{font:500 12px/18px var(--font);text-transform:uppercase;color:#007653;margin-bottom:8px}.image-outcomes>h2+p{font:400 16px/24px var(--font);margin-top:8px}.image-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.image-outcome-grid>a,.image-direction{background:#d0d0d0;border-radius:16px;box-shadow:inset 0 4px 8px #fff}.image-outcome-grid>a{padding:16px 16px 32px}.image-outcome-grid figure{position:relative;height:224px}.image-outcome-grid img{width:100%;height:100%;object-fit:cover;border-radius:12px}.image-outcome-grid figure>span{position:absolute;left:12px;top:12px;background:#fffffff0;color:#007297;border-radius:20px;padding:4px;font:600 10px/14px var(--font)}.image-outcome-grid>a:nth-child(2) figure>span{color:#007653}.image-outcome-grid>a:nth-child(3) figure>span{color:#477500}.image-outcome-grid h3{font:700 18px/26px var(--heading-font);letter-spacing:-.025em;margin-top:16px}.image-directions{padding:40px 0;background:#f3f1ff}.image-direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:40px}.image-direction{padding:36px 24px 24px;min-width:0}.image-direction>h3{font:700 28px/36px var(--heading-font);letter-spacing:-.035em}.image-direction>p{font:400 16px/24px var(--font);margin-top:4px}.image-direction>figure{position:relative;height:268px;background:#e9ecff;border-radius:12px;overflow:hidden;margin-top:4px}.image-direction>figure img{width:100%;height:100%;object-fit:cover;padding-top:12px}.image-direction .tool-badge{position:absolute;left:12px;bottom:12px;right:auto;top:auto;background:#ffffffe6;border-radius:20px;padding:3px 8px;font:500 10px/14px var(--font);color:var(--ink);margin:0}.image-engineering{padding:28px 16px;background:#f3f1ff;border-radius:12px;margin-top:4px}.image-engineering h4{font:600 12px/18px var(--font);text-transform:uppercase;letter-spacing:0}.image-engineering ul{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:4px}.image-engineering li{display:flex;gap:8px;font:400 12px/18px var(--font);color:var(--body)}.image-engineering strong{font-weight:700;color:var(--ink);flex-shrink:0}.image-engineering li>span{color:#007297;font-size:16px;width:16px;flex-shrink:0}.image-portrait li>span{color:#007653}.image-direction pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9ecff;border-left:4px solid #007297;padding:8px;border-radius:8px;margin:4px 0 0;font:400 12px/18px var(--font);color:var(--ink)}.image-portrait pre{border-left-color:#007653}.image-direction-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.image-direction-actions>span{font:600 10px/14px var(--font);color:var(--body);letter-spacing:.02em}.image-direction-actions button,.image-direction-actions a{display:flex;align-items:center;gap:4px;padding:8px 24px;border-radius:20px;background:linear-gradient(#007297,#004d62);box-shadow:inset 0 2px 4px #00a6dc;color:white;font:600 12px/16px var(--font)}.image-direction-actions svg{width:14px;height:14px}.image-portrait .image-direction-actions button,.image-direction-actions a{background:linear-gradient(#007653,#004e38);box-shadow:inset 0 2px 4px #00a77a}.image-category-faq{padding-top:40px;padding-bottom:40px}.image-category-faq h2{text-align:center;margin-bottom:24px}.image-category-faq details{max-width:832px;margin:16px auto 0;padding:24px;border-radius:18px;background:white}.image-category-faq summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;font:600 18px/26px var(--heading-font);letter-spacing:-.025em}.image-category-faq summary::-webkit-details-marker{display:none}.image-category-faq summary>span{display:grid;place-items:center;background:#e5eff3;color:#007297;width:32px;height:32px;flex-shrink:0;border-radius:50%;font:600 14px/20px var(--font)}.image-category-faq details:last-child summary>span{background:#e5f1ed;color:#007653}.image-category-faq details p{margin-left:48px;font:400 16px/26px var(--font)}.image-category-cta{display:grid;justify-items:center;gap:24px;padding:40px 24px;background:#f1f0ff url('../images/image-category/cta-glow.png') no-repeat center center/928px 378px}.image-category-cta>span{display:grid;place-items:center;width:48px;height:44px;background:linear-gradient(120deg,#007297,#007653);border-radius:16px;color:white}.image-category-cta svg{width:24px;height:24px}.image-category-cta a{display:flex;align-items:center;gap:8px;padding:8px 40px;background:linear-gradient(110deg,#00a6dc,#51e9b6,#a5f52f);border-radius:24px;font:700 14px/20px var(--heading-font);color:#00404d}.image-category-cta a svg{width:20px;height:20px}
@media(max-width:1100px){.image-category-break{display:none}.image-category-hero h1{font-size:48px;line-height:56px}.image-category-page h2{font-size:34px;line-height:42px}.image-inspector-title{flex-wrap:wrap}.image-engineering li{flex-wrap:wrap}.image-direction-actions{flex-wrap:wrap}.image-outcome-grid{gap:16px}}@media(max-width:800px){.image-category-width{width:calc(100% - 40px)}.image-inspector-grid,.image-direction-grid{grid-template-columns:1fr}.image-bottle{height:420px}.image-outcome-grid{grid-template-columns:1fr}.image-outcome-grid figure{height:280px}.image-direction-grid{margin-top:24px}.image-category-hero h1{font-size:38px;line-height:46px}.image-category-hero h1 br{display:none}.image-inspector-field input{width:100%}}@media(max-width:440px){.image-category-width{width:calc(100% - 32px)}.image-category-hero{padding-top:32px}.image-category-hero h1{font-size:32px;line-height:40px}.image-category-page h2{font-size:28px;line-height:36px}.image-inspector{padding:16px}.image-inspector-title{padding:8px;overflow-wrap:anywhere}.image-window-dots{display:none}.image-bottle{height:340px}.image-bottle figcaption,.image-inspector-ready{flex-wrap:wrap}.image-setting{right:12px;bottom:104px}.image-lighting{left:12px}.image-direction{padding:24px 16px}.image-direction>h3{font-size:24px;line-height:32px}.image-category-faq details{padding:20px}.image-category-faq summary{font-size:16px;line-height:24px}.image-category-faq details p{margin-left:0;margin-top:12px;font-size:14px;line-height:23px}.image-inspector-field>div:first-child{flex-wrap:wrap}.image-category-cta a{padding-inline:24px}}