/*
Theme Name: Arizona Balloon Showroom
Version: 1.0.0
Description: A visual product showroom and interactive campaign studio for Arizona Balloon Company.
Author: Arizona Balloon Company
*/
:root{--ink:#122a36;--navy:#102b3b;--paper:#faf8f2;--orange:#ef632f;--lime:#e4f480;--line:#d9ded9;--muted:#53656c;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #117aa5}.wrap{max-width:1320px;width:calc(100% - 96px);margin:auto}.skip{position:absolute;top:-80px;background:white;padding:15px;z-index:100}.skip:focus{top:0}.topbar{background:var(--navy);color:#fff;font-size:11px;letter-spacing:1px}.topbar .wrap{display:flex;justify-content:space-between;padding-block:9px}.topbar a{text-decoration:none}.header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:28px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.1;font-weight:800;font-size:20px;letter-spacing:-.6px}.logo i{width:43px;height:43px;background:var(--orange);border-radius:50%;display:grid;place-items:center;color:white;font-style:normal;font-size:24px}.logo small{display:block;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-top:7px;font-weight:600}.nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:700}.nav a{text-decoration:none}.nav a:hover{color:#b83d16}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 23px;border:1px solid transparent;background:var(--orange);color:#14252e;text-decoration:none;font-size:12px;font-weight:800;border-radius:3px;line-height:1.3;min-height:48px}.button:after{content:'↗';font-size:19px}.button:hover{filter:brightness(.94)}.button.dark{background:var(--navy);color:white}.button.light{background:var(--lime);color:var(--ink)}.button.outline{background:transparent;border-color:#aab8bb}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 14px}.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;min-height:655px;align-items:stretch}.hero-copy{padding:78px 50px 55px 0;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow:before{content:'';width:22px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,5.7vw,84px);line-height:1.015;letter-spacing:-4px;font-weight:600;margin-bottom:27px}h1 em{font-family:var(--serif);font-weight:400;color:var(--lime)}.hero-copy>p:not(.eyebrow){max-width:410px;font-size:15px;line-height:1.8;color:#cfdbdc}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:29px}.textlink{font-size:12px;font-weight:700;text-underline-offset:5px}.hero-visual{position:relative;min-height:540px;margin-right:calc((1320px - 100vw)/2);overflow:hidden}.hero-visual img{object-position:center}.hero-visual:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#102b3b40,transparent 35%,#102b3b15)}.photo-note{position:absolute;bottom:28px;left:28px;z-index:1;padding:14px 18px;background:#faf8f2ed;color:var(--ink);font-size:10px;letter-spacing:.3px;border-left:3px solid var(--orange)}.photo-note strong{display:block;font-size:13px;margin-bottom:3px}.hero-index{font-size:10px;letter-spacing:1px;display:flex;gap:28px;margin-top:49px;color:#b7cbd0}.proofbar{border-bottom:1px solid var(--line)}.proofbar .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:24px}.proofbar span{padding:0 30px;border-left:1px solid var(--line);font-size:11px;color:var(--muted)}.proofbar span:first-child{border:0;padding-left:0}.proofbar strong{display:block;color:var(--ink);font-size:14px;margin-bottom:3px}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:38px}.section h2,.pagehero h1{font-size:clamp(35px,4vw,54px);font-weight:500;line-height:1.08;letter-spacing:-2px;max-width:720px;margin-bottom:20px}.section-head p{max-width:330px;color:var(--muted);font-size:13px;margin-bottom:5px}.label{font-size:10px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.product{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}.product-photo{aspect-ratio:1.15;background:#e3e7e4;position:relative}.product-photo .num{position:absolute;top:17px;left:17px;background:var(--paper);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:10px}.product-content{padding:26px}.product h3{font-size:23px;letter-spacing:-.7px;margin-bottom:10px}.product p{font-size:12px;color:var(--muted);min-height:60px}.product a{font-size:11px;font-weight:800;text-decoration:none}.product a:after{content:' ↗'}.band{background:#edf0e7}.studio{background:var(--navy);color:white}.studio h2{color:#fff}.studio .section-head p{color:#bfd0d3}.studio-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:30px}.viewer{position:relative;border:1px solid #ffffff24;border-radius:5px;background:radial-gradient(ellipse at 50% 38%,#315564,#142f3e 70%);min-height:470px;overflow:hidden}.viewer:after{content:'';position:absolute;left:15%;right:15%;bottom:65px;height:25px;background:#071c29;border-radius:50%;filter:blur(20px);pointer-events:none}.viewer canvas{position:relative;z-index:1;width:100%;height:470px;touch-action:pan-y;cursor:grab}.viewer canvas:active{cursor:grabbing}.viewer-label{position:absolute;top:23px;left:24px;font-size:9px;letter-spacing:2px;color:#b1d5da;z-index:2}.viewer-controls{position:absolute;bottom:20px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:10px;color:#bcd0d3}.viewer-controls button{background:transparent;color:#fff;border:1px solid #78909a;padding:7px 12px;font-size:10px;border-radius:3px}.studio-settings{background:#ffffff08;border:1px solid #ffffff24;border-radius:5px;padding:28px}.studio-settings label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:23px}.studio-settings input,.studio-settings select{display:block;width:100%;margin-top:10px;background:#fff;color:var(--ink);padding:12px;border:0;border-radius:3px;font-size:14px;letter-spacing:0;text-transform:none}.swatches{display:flex;gap:11px;margin-top:12px}.swatches button{width:34px;height:34px;border-radius:50%;border:2px solid transparent;outline-offset:3px}.swatches button[aria-pressed=true]{outline:2px solid white}.studio-settings .button{width:100%;margin-top:16px}.fine{font-size:10px!important;line-height:1.7;color:var(--muted)}.studio .fine{color:#bad0d5}.studio-settings h3{font-size:18px;font-weight:500}.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.gallery-filters button{border:1px solid var(--line);background:transparent;padding:9px 18px;border-radius:30px;font-size:11px}.gallery-filters button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-card{margin:0}.gallery-card[hidden]{display:none}.gallery-card button{width:100%;border:0;padding:0;display:block;background:#e1e6e4;position:relative;aspect-ratio:1.05;overflow:hidden;border-radius:4px}.gallery-card img{transition:transform .4s}.gallery-card button:hover img{transform:scale(1.04)}.gallery-card button:after{content:'↗';position:absolute;right:10px;bottom:10px;background:white;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.gallery-card figcaption{font-size:10px;padding-block:11px;color:var(--muted)}.gallery-empty{font-size:13px}.lightbox{width:min(900px,92vw);max-height:90vh;padding:20px;border:0;border-radius:8px;background:var(--paper);color:var(--ink)}.lightbox::backdrop{background:#071924dc}.lightbox img{height:auto;max-height:65vh;width:auto;max-width:100%;margin:auto;object-fit:contain}.lightbox header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.lightbox h2{font-size:18px;margin:0}.lightbox button{border:1px solid var(--line);background:white;padding:8px 12px}.lightbox p{font-size:12px;margin-top:15px;margin-bottom:0}.planner{display:grid;grid-template-columns:1fr 1fr;gap:75px}.planner-intro p{max-width:430px;color:var(--muted);font-size:14px}.planner-form{background:white;border:1px solid var(--line);padding:35px;border-radius:5px}.planner-form label{display:block;font-size:11px;font-weight:700;margin-bottom:20px}.planner-form select{display:block;width:100%;padding:12px;background:var(--paper);border:1px solid var(--line);margin-top:8px;border-radius:3px;color:var(--ink)}.planner-result{background:#eff3df;padding:22px;border-radius:3px;font-size:12px;margin-top:20px}.planner-result h3{font-size:19px;margin-bottom:10px}.planner-result p{margin-bottom:10px}.planner-result a{font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:1px solid #a9b7b4;padding-top:20px}.step span{font-family:var(--serif);font-size:30px;color:#8a9b8d}.step h3{font-size:19px;margin-top:22px;margin-bottom:12px}.step p{font-size:12px;color:var(--muted)}.faqgrid{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}.faqgrid h2{font-size:44px}.faqs details{border-top:1px solid var(--line);padding:20px 0}.faqs details:last-child{border-bottom:1px solid var(--line)}.faqs summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:700}.faqs summary:after{content:'+';font-size:20px;font-weight:400;line-height:1}.faqs details[open] summary:after{content:'−'}.faqs details p{font-size:12px;color:var(--muted);line-height:1.85;margin:17px 35px 0 0}.cta{background:var(--orange);padding:70px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta h2{font-size:46px;font-weight:500;letter-spacing:-2px;line-height:1.05;max-width:650px;margin-bottom:15px}.cta p{font-size:13px;margin-bottom:0}.cta .actions{flex-shrink:0;margin:0}.footer{background:#0a2330;color:#bdced1;padding:64px 0 25px;font-size:11px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px;padding-bottom:45px}.footer .logo{color:white}.footer p{max-width:350px;line-height:1.9;margin-top:24px}.footer h2{font-size:10px;letter-spacing:1.6px;color:#fff;text-transform:uppercase;margin:0 0 20px}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin-bottom:10px}.footer a{text-decoration:none}.footbottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:22px;font-size:9px;color:#8ba8af}.pagehero{padding:68px 0 58px;background:#edf0e7}.pagehero h1{max-width:850px}.pagehero p{max-width:640px;font-size:15px;color:var(--muted)}.content{max-width:850px;margin:auto}.content h2{font-size:32px;margin-top:45px}.content p,.content li{font-size:15px;color:var(--muted)}.content table{width:100%;border-collapse:collapse;font-size:13px}.content td,.content th{border-bottom:1px solid var(--line);padding:15px;text-align:left;vertical-align:top}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split figure{margin:0;aspect-ratio:1;border-radius:5px;overflow:hidden}.split p{font-size:14px;color:var(--muted)}.split h2{font-size:42px}.contactcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.contactcards>div{background:white;border:1px solid var(--line);padding:30px}.contactcards h2{font-size:23px}.contactcards p{font-size:12px;color:var(--muted)}.contactcards a{font-size:13px;overflow-wrap:anywhere}.status{min-height:20px;font-size:11px}.fallback{padding:80px 25px;text-align:center}.crumb{font-size:10px;color:var(--muted);margin-bottom:25px}.compare-note{padding:20px;background:#edf0e7;border-left:3px solid #51664a}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1416px){.hero-visual{margin-right:calc((1320px - 100vw)/2)}}@media(max-width:1415px){.hero-visual{margin-right:-48px}}@media(max-width:1050px){.wrap{width:calc(100% - 52px)}.hero-visual{margin-right:-26px}.hero-copy{padding-right:30px}h1{letter-spacing:-2.5px}.nav{gap:17px}.nav .button{padding:12px}.gallery-grid{grid-template-columns:repeat(3,1fr)}.studio-grid{grid-template-columns:1.2fr .8fr}.faqgrid{gap:45px}.planner{gap:40px}.cta .wrap{align-items:flex-start;flex-direction:column;gap:20px}.hero-index{gap:13px}.proofbar span{padding-inline:18px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar .wrap{font-size:9px;letter-spacing:.4px}.topbar .wrap>span{max-width:200px}.head{min-height:80px;flex-wrap:wrap;gap:0}.logo{font-size:17px}.logo i{width:35px;height:35px;font-size:21px}.logo small{font-size:8px}.menu-toggle{display:block}.nav{display:none;flex-direction:column;align-items:stretch;width:100%;padding:20px 0;gap:0}.nav.open{display:flex}.nav a{padding:13px 0}.nav .button{margin-top:12px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:48px 0 38px}h1{font-size:58px;letter-spacing:-2.8px;max-width:500px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-index{margin-top:32px;font-size:9px;gap:22px}.hero-visual{height:360px;min-height:0;margin:0 -18px}.hero-visual img{object-position:center 45%}.photo-note{bottom:20px;left:18px}.proofbar .wrap{grid-template-columns:1fr 1fr;row-gap:23px;padding-block:23px}.proofbar span{padding-left:16px;font-size:10px}.proofbar span:nth-child(3){border:0;padding:0}.proofbar strong{font-size:12px}.section{padding-block:60px}.section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:28px}.section h2{font-size:38px;letter-spacing:-1.5px}.section-head p{max-width:100%;font-size:13px}.products{grid-template-columns:1fr;gap:25px}.product-photo{aspect-ratio:1.35}.product p{min-height:0}.studio-grid{grid-template-columns:1fr;gap:15px}.viewer,.viewer canvas{min-height:330px;height:330px}.studio-settings{padding:24px}.studio-settings label{margin-bottom:20px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-card figcaption{font-size:9px}.gallery-filters{gap:7px}.gallery-filters button{font-size:10px;padding:8px 13px}.planner,.faqgrid,.split{grid-template-columns:1fr;gap:28px}.planner-form{padding:24px}.steps{grid-template-columns:1fr;gap:24px}.step h3{margin-top:10px}.faqgrid h2{font-size:38px}.faqs summary{font-size:13px}.cta{padding:45px 0}.cta h2{font-size:39px}.footgrid{grid-template-columns:1fr 1fr;gap:35px}.footgrid>div:first-child{grid-column:1/-1}.footbottom{flex-direction:column;gap:10px}.pagehero{padding:45px 0}.pagehero h1{font-size:44px;letter-spacing:-2px}.contactcards{grid-template-columns:1fr}.content table{font-size:11px}.content td,.content th{padding:10px}.content h2{font-size:28px}.split figure{aspect-ratio:1.2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-card img{transition:none}}@media print{.header,.topbar,.footer,.studio,.cta,.gallery-filters{display:none}.wrap{width:100%}.section{padding:25px 0}.hero{background:#fff;color:#000}.hero-copy>p{color:#000!important}.faqs details p{display:block}}