/* CaraQAway editorial refinement — review branch only. No content, scripts or form behavior altered. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');
body.cq-preview{--cq-navy:#04152f;--cq-gold:#e0aa2f;--cq-pink:#e83f7c;--cq-cream:#fbf7ef;font-family:"DM Sans",Inter,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body.cq-preview :where(a,button,input,textarea,select):focus-visible{outline:3px solid #e0aa2f!important;outline-offset:3px}
body.cq-preview :where(h1,h2,h3){text-wrap:balance}
body.cq-preview :where(p){text-wrap:pretty}
body.cq-preview :where(.wrap){max-width:1280px}
body.cq-preview :where(header,.site-header){border-bottom-color:#d5a047aa!important}
body.cq-preview :where(footer,.site-footer){border-top:1px solid #d5a04755}
body.cq-preview :where(.btn,.cta-top,.button,.project,.package-card,.media-card,.creative-card){transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
@media(hover:hover){body.cq-preview :where(.btn,.cta-top,.button,.project,.package-card,.media-card,.creative-card):hover{transform:translateY(-3px);box-shadow:0 15px 38px #030e2640}}
body.cq-preview ::selection{background:#e83f7c;color:white}
/* Digital solutions landing */
body.cq-page-home .showtell{background:radial-gradient(circle at 94% 3%,#e83f7c17,transparent 35%),linear-gradient(120deg,#fbf7ef,#f3e7d9)!important}
body.cq-page-home .web-packages{background:radial-gradient(circle at 10% 16%,#e83f7c29,transparent 38%),#04152f!important}
body.cq-page-home .entry-choices{background:linear-gradient(120deg,#fffbf3,#f3e6d8)!important}
body.cq-page-home .cqa-faq-section{background:linear-gradient(115deg,#fbf7ef,#f4e8dd)!important}
body.cq-page-home .original-commercial{background:radial-gradient(circle at 80% 9%,#1b3b5d,#05162d 58%,#020b19)!important}
body.cq-page-home :where(.project,.package-card){border-radius:16px!important;overflow:hidden;box-shadow:0 16px 45px #04152f28}
body.cq-page-home :where(.section-head h2){font-family:"Playfair Display",Georgia,serif}
/* Quick quote */
body.cq-page-inquiry{background:radial-gradient(circle at 85% 10%,#28496d,#071a35 52%,#020b19)!important}
body.cq-page-inquiry main>.section-pad{padding:65px 0 85px}
body.cq-page-inquiry .section-head{border-left:3px solid #e0aa2f;padding-left:23px;margin-bottom:31px}
body.cq-page-inquiry .section-head h1{font:600 clamp(38px,5.2vw,64px)/1.12 "Playfair Display",Georgia,serif!important;letter-spacing:-1.1px}
body.cq-page-inquiry .quick-form{background:linear-gradient(140deg,#fffefa,#f9f2e8)!important;border:1px solid #ddba7b!important;border-radius:20px!important;box-shadow:0 22px 60px #0005!important}
body.cq-page-inquiry .quick-form :where(input,textarea,select){border-radius:9px}
/* Media */
body.cq-page-media{background:#04152f!important}
body.cq-page-media .hero{background:radial-gradient(circle at 82% 14%,#e83f7c2b,transparent 36%),linear-gradient(120deg,#020b19,#153456)!important;border-bottom:2px solid #e0aa2f}
body.cq-page-media .hero .wrap{padding-top:72px!important;padding-bottom:77px!important}
body.cq-page-media .hero h1{font:600 clamp(46px,6vw,83px)/1.06 "Playfair Display",Georgia,serif!important}
body.cq-page-media .studio{background:linear-gradient(140deg,#fbf7ef,#f0e6da)!important}
body.cq-page-media :where(.creative-card,.media-card){border:1px solid #c49e63!important;border-radius:17px!important;overflow:hidden;box-shadow:0 14px 40px #071a342b}
body.cq-page-media :where(.studio h2,.creative-head h2){font-family:"Playfair Display",Georgia,serif}
/* Project steps — polished, legible and form-safe */
body.cq-page-agreement,body.cq-page-project{--paper:#fbf7ef;--ink:#18243c;--muted:#5c6679;background:radial-gradient(circle at 78% 0%,#fae9e9,transparent 36%),#fbf7ef!important}
body.cq-page-agreement .hero,body.cq-page-project .hero{background:radial-gradient(circle at 88% 16%,#e83f7c35,transparent 35%),linear-gradient(120deg,#020b19,#0c2b51)!important;border-bottom:2px solid #d7ac61}
body.cq-page-agreement .hero h1,body.cq-page-project .hero h1{font-family:"Playfair Display",Georgia,serif!important}
body.cq-page-agreement .surface,body.cq-page-project :where(.form-card,.side-card,.package,.not-sure){border:1px solid #ddcba8!important;border-radius:16px!important;box-shadow:0 12px 38px #071a341a!important}
body.cq-page-agreement .surface,body.cq-page-project .form-card{background:linear-gradient(140deg,#fffefa,#faf4ea)!important}
body.cq-page-project :where(.price,.pkg-kicker){color:#aa2c65}
body.cq-page-project :where(input,textarea,select){border-radius:8px}
/* Learning Center marketing — preserve actual course UI */
body.cq-page-learning{--navy:#04152f;--navy-2:#071d3d;--pink:#d83d77;--gold:#bb8624;--cream:#fbf7ef;background:#fbf7ef!important}
body.cq-page-learning .hero{background:radial-gradient(circle at 82% 18%,#e83f7c2e,transparent 40%),linear-gradient(120deg,#020c20,#102c52)!important;border-bottom:2px solid #e0aa2f}
body.cq-page-learning .site-header{background:#04152f!important}
body.cq-page-learning :where(.trust-card,.flow-card,.roadmap-card,.graduation-card,.access-card){border-radius:16px!important;box-shadow:0 13px 38px #03142f19}
@media(max-width:700px){
body.cq-preview :where(.wrap){width:calc(100% - 32px)}
body.cq-page-inquiry main>.section-pad{padding:45px 0 60px}
body.cq-page-media .hero .wrap{padding-top:49px!important;padding-bottom:53px!important}
}
@media(prefers-reduced-motion:reduce){body.cq-preview :where(.btn,.project,.package-card,.media-card,.creative-card){transition:none!important;transform:none!important}}

/* === Approved CaraQAway visual rebrand: real responsive HTML, Oct 29 === */
.cq-micro{color:#e8b95e;font:800 clamp(10px,1.2vw,13px)/1.45 "DM Sans",sans-serif;letter-spacing:.28em;text-transform:uppercase;margin:0 0 16px}
.cq-gold-rule{width:90px;height:3px;background:#d9a043;margin:22px 0}
.cq-pink-action{display:inline-flex;align-items:center;justify-content:center;gap:17px;background:linear-gradient(102deg,#e83f7c,#f16d9c);color:#fff!important;padding:15px 27px;font:800 15px/1.3 "DM Sans",sans-serif;text-decoration:none;border-radius:8px;box-shadow:0 9px 26px rgba(26,9,27,.25)}
.cq-pink-action:hover,.cq-pink-action:focus-visible{filter:brightness(1.08);transform:translateY(-2px)}
.cq-hero-wave{position:absolute;z-index:4;bottom:-2px;left:0;right:0;height:56px;pointer-events:none;background:linear-gradient(104deg,#d7a252 3%,#fae29d 32%,#d63a7a 77%,#f1a5bb 95%);clip-path:polygon(0 20%,35% 65%,65% 83%,100% 3%,100% 100%,0 100%);}
.cq-hero-wave:after{content:"";position:absolute;inset:9px 0 0;background:#fbf7ef;clip-path:polygon(0 26%,35% 69%,65% 79%,100% 0,100% 100%,0 100%)}

/* Meet Cara approved composition — photo has editorial priority. */
body.cq-page-about .cq-about-hero{position:relative;color:#fff;background:radial-gradient(circle at 87% 12%,#263453,#020c1e 72%);isolation:isolate;overflow:hidden}
.cq-about-hero-grid{min-height:570px;display:grid;grid-template-columns:49% minmax(0,1fr);width:min(1440px,100%);margin:auto}
.cq-about-photo{min-height:570px;position:relative;overflow:hidden;background:#070e19}
.cq-about-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 21%;filter:saturate(.97) contrast(1.06)}
.cq-about-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 64%,#05152e83 94%,#05152eee 100%),linear-gradient(0deg,#0611278a,transparent 36%)}
.cq-about-photo .cq-photo-edge{position:absolute;inset:0;box-shadow:inset 0 0 45px #071a3433;pointer-events:none}
.cq-about-intro{min-width:0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px clamp(32px,5vw,90px) 91px clamp(18px,4vw,62px)}
.cq-about-intro h1{font:600 clamp(47px,5.1vw,81px)/1.02 "Playfair Display",Georgia,serif;letter-spacing:-2.5px;color:#fff!important;margin:0;max-width:630px}
.cq-about-intro h1 span{color:#ed6195}
.cq-about-summary{font:500 clamp(17px,1.8vw,22px)/1.53 "DM Sans",sans-serif!important;color:#edf1f8!important;max-width:500px;margin:0 0 10px}
.cq-about-original{font-size:13px;line-height:1.55;color:#dce2ed!important;max-width:520px;margin:8px 0 22px}
.cq-about-motto{color:#f5d58c!important;font:700 11px/1.5 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:1.5px;margin:18px 0 0}
.cq-about-motto span{color:#f5aacb}
body.cq-page-about .cq-about-story{position:relative;background:#fbf7ef;padding:64px 0 0;border-bottom:2px solid #c39448;color:#102340}
.cq-story-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(255px,.65fr);align-items:center;gap:clamp(25px,5vw,85px);padding:0 0 43px}
.cq-story-copy h2{font:600 clamp(37px,4.3vw,65px)/1.02 "Playfair Display",Georgia,serif;color:#0a2041;margin:0 0 22px;letter-spacing:-1.7px}
.cq-story-copy h2 span{color:#e83f7c}
.cq-story-copy .cq-micro{color:#a87922}
.cq-story-copy p:not(.cq-micro){font:400 clamp(14px,1.4vw,17px)/1.75 "DM Sans",sans-serif;color:#263951;margin:0 0 12px;max-width:760px}
.cq-story-quote{margin:0;padding:30px clamp(20px,3vw,38px);border:1px solid #d4a455;border-radius:24px 58px 24px 58px;background:linear-gradient(145deg,#fdf2f2,#f7dce6);box-shadow:0 16px 28px #071a3414}
.cq-story-quote>span{display:block;font:700 83px/.55 Georgia,serif;color:#c99638;padding-top:11px}
.cq-story-quote p{font:italic 500 clamp(19px,2vw,29px)/1.27 "Playfair Display",Georgia,serif;color:#09203e!important;margin:15px 0}
.cq-story-quote cite{font:800 10px/1.3 "DM Sans",sans-serif;letter-spacing:2.7px;text-transform:uppercase;color:#09203e}
.cq-about-values{background:linear-gradient(115deg,#05162e,#0a2546);color:white;border-radius:22px 22px 0 0;border:1px solid #daa851;border-bottom:0;box-shadow:0 -4px 18px #09244322;padding:23px clamp(18px,3vw,42px) 35px}
.cq-about-values h3{text-align:center;font:800 11px/1.4 "DM Sans",sans-serif;letter-spacing:3px;text-transform:uppercase;color:#f5c66b;margin:0 0 27px}
.cq-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.cq-values-grid>div{text-align:center;padding:0 clamp(10px,2vw,32px);border-right:1px solid #c2a26a55}
.cq-values-grid>div:last-child{border:0}
.cq-value-icon{display:grid;place-items:center;margin:0 auto 13px;width:62px;height:62px;border:1.5px solid #ecbf70;border-radius:50%;font-size:31px;color:#e84988}
.cq-values-grid strong{display:block;font:600 clamp(18px,2vw,26px)/1.22 "Playfair Display",Georgia,serif;color:#fff;min-height:2.5em}
.cq-values-grid p{font:400 clamp(12px,1.2vw,14px)/1.5 "DM Sans",sans-serif;color:#d9e4f1;margin:10px 0 0}

/* Media — premium office built out of crisp vector-like UI and live text */
body.cq-page-media .cq-media-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(114deg,#020b1c,#0a2340 65%,#221a35);color:white}
.cq-media-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:3vw;align-items:center;min-height:560px;padding-top:50px;padding-bottom:98px}
.cq-media-hero-copy{position:relative;z-index:3;max-width:660px;padding:15px 0}
.cq-media-hero-copy h1{color:white!important;font:600 clamp(56px,5.9vw,91px)/1.04 "Playfair Display",Georgia,serif!important;letter-spacing:-1.7px;margin:0}
.cq-media-hero-copy h1 span{color:#f0689b;display:block}
.cq-media-hero-copy p{color:#ecf2fa!important;font:400 clamp(16px,1.6vw,20px)/1.58 "DM Sans",sans-serif;max-width:570px;margin:0 0 25px}
.cq-media-office{position:relative;overflow:hidden;height:440px;min-width:0;border:1px solid #c8984850;border-radius:12px;background:radial-gradient(circle at 85% 25%,#a7624577,transparent 38%),radial-gradient(circle at 25% 15%,#4a3a5880,transparent 42%),linear-gradient(160deg,#0b1d35,#132946 50%,#241c2e);box-shadow:0 28px 90px #0007,inset 0 0 70px #0006}
.cq-media-office:before{content:"";position:absolute;inset:0;opacity:.36;background:repeating-linear-gradient(90deg,transparent 0 95px,#ad7e3f33 97px,#c09a5822 100px)}
.cq-office-title{position:absolute;top:24px;left:26px;font:800 16px/1.1 "Playfair Display",Georgia,serif;color:#f69bbb;letter-spacing:1px}
.cq-office-title span{color:#eabd68}.cq-office-title small{display:block;font:700 8px/1.7 "DM Sans",sans-serif;letter-spacing:2px;color:#f1d69e}
.cq-office-lamp{position:absolute;right:14%;top:37px;width:100px;height:100px;border:11px solid #fff3c8;border-radius:50%;box-shadow:0 0 15px #f7d999,0 0 45px #ffc58655,inset 0 0 19px #ffe5a982}
.cq-office-lamp:after{content:"";position:absolute;left:50%;top:100%;height:175px;width:4px;background:#bcb9b6;transform:translateX(-50%)}
.cq-office-monitor{position:absolute;top:29%;right:4%;width:72%;height:50%;overflow:hidden;background:#07121e;border:9px solid #10141b;border-radius:9px 9px 5px 5px;box-shadow:0 14px 20px #0009,0 4px 0 1px #a89d86}
.cq-office-monitor:after{content:"";position:absolute;bottom:-9px;width:100%;height:5px;background:#cbb58b}
.cq-office-monitor-top{display:flex;gap:5px;align-items:center;height:20px;background:#15253c;padding:0 8px}
.cq-office-monitor-top i{height:6px;width:6px;border-radius:50%;background:#ef7597}.cq-office-monitor-top i:nth-child(2){background:#f0bd57}.cq-office-monitor-top i:nth-child(3){background:#79b5ae}
.cq-office-monitor-top b{margin-left:auto;color:#e0e5f0;font:600 7px "DM Sans",sans-serif}
.cq-office-screen{display:grid;grid-template-columns:1fr 27%;height:64%}
.cq-office-preview{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:14px;background:linear-gradient(125deg,#081a34,#284668);color:#fff}
.cq-office-preview small{font:800 7px "DM Sans",sans-serif;color:#f9d38b;letter-spacing:1px}
.cq-office-preview strong{font:600 clamp(18px,2vw,28px)/1 "Playfair Display",Georgia,serif;margin:5px 0}
.cq-office-preview em{font-style:normal;color:#f071a4}
.cq-office-preview span{font:600 6px "DM Sans",sans-serif;letter-spacing:.8px;color:#f6d49b}
.cq-office-side{display:grid;gap:7px;padding:10px;background:#1b2636}
.cq-office-side div{background:linear-gradient(145deg,#af557c,#d9a86a);border-radius:2px}
.cq-office-side div:nth-child(2){background:linear-gradient(145deg,#a7c0ca,#23466a)}
.cq-office-timeline{display:flex;gap:3px;align-items:stretch;height:28%;padding:8px;background:#121b2b}
.cq-office-timeline span{display:block;flex:1;background:linear-gradient(180deg,#cb75c4 0 35%,#524db6 35% 60%,#20b6b9 60% 100%);border-radius:2px}
.cq-office-timeline span:nth-child(even){flex:.7;filter:hue-rotate(40deg)}
.cq-office-mic{position:absolute;left:8%;top:39%;height:34%;width:19px;background:#131922;border:3px solid #bda57b;border-radius:24px;transform:rotate(-6deg);box-shadow:0 0 0 8px #0f1b26aa,0 0 24px #0008}
.cq-office-mic:before{content:"";position:absolute;top:-30px;left:-28px;width:67px;height:67px;border-radius:50%;border:6px solid #172033;box-shadow:0 0 0 1px #c4b99e}
.cq-office-mic:after{content:"";position:absolute;top:100%;left:5px;width:4px;height:110px;background:#8b9399}
.cq-office-mic>div{position:absolute;top:9px;left:3px;right:3px;bottom:9px;border-radius:6px;background:repeating-linear-gradient(0deg,#070c15 0 3px,#555d64 4px 5px)}
.cq-office-camera{position:absolute;z-index:2;bottom:10%;left:20%;width:100px;height:52px;background:linear-gradient(135deg,#101923,#363943);border:3px solid #78818a;border-radius:12px;box-shadow:0 8px 16px #0009}
.cq-office-camera:before{content:"";position:absolute;top:-12px;left:10px;width:35px;height:13px;border-radius:5px;background:#151e28;border:2px solid #747a84}
.cq-office-camera span{display:block;width:50px;height:50px;position:absolute;top:0;left:39px;border:8px solid #1a202b;border-radius:50%;background:radial-gradient(circle,#2c72a2,#0b1a27 50%,#535d68 54%);box-shadow:0 0 0 3px #5b646d}
.cq-office-desk{position:absolute;left:0;bottom:0;right:0;height:12%;background:linear-gradient(178deg,#805841,#443326);box-shadow:0 -5px 12px #0008}
.cq-office-label{position:absolute;right:20px;bottom:14px;z-index:4;color:#ffe3ad;font:800 9px "DM Sans",sans-serif;letter-spacing:1px;text-transform:uppercase}
/* Media studio: intentionally high-contrast on cream instead of white on cream */
body.cq-page-media .studio{background:#fbf7ef!important;color:#112744!important}
body.cq-page-media .studio .studio-copy{color:#112744!important}
body.cq-page-media .studio .studio-copy h2{color:#092342!important;font:600 clamp(41px,4.8vw,65px)/1.1 "Playfair Display",Georgia,serif!important}
body.cq-page-media .studio .studio-copy h2 span{color:#e83f7c!important}
body.cq-page-media .studio .studio-copy .eyebrow{color:#9a6718!important}
body.cq-page-media .studio .studio-copy p{color:#273d54!important;line-height:1.65}
body.cq-page-media .studio .studio-copy .cq-media-caption{color:#465269!important;font-size:13px!important}
body.cq-page-media .studio .studio-copy .tool-badge{color:#85571a!important;border-color:#ca9c47!important;background:#fffdf9!important}
body.cq-page-media .studio .media-card{background:#081c36!important;color:white!important}
body.cq-page-media .studio .media-card p{color:#e2e7ef!important}
body.cq-page-media .studio .media-card strong{color:#fff!important}
body.cq-page-media .studio .project-link{color:#f6d18a!important}
/* Client projects: contrast correction is essential; one original model photo only */
body.cq-page-home .showtell{background:linear-gradient(132deg,#fbf8f1,#f7ebdd)!important;color:#0a2342!important}
body.cq-page-home .showtell .rb-featured-eyebrow{color:#a77824!important}
body.cq-page-home .showtell .rb-featured-head h2{color:#081f3f!important}
body.cq-page-home .showtell .rb-featured-head h2 em{color:#d63f79!important}
body.cq-page-home .showtell .rb-featured-head p{color:#2c4059!important}
body.cq-page-home .showtell .rb-featured-head p strong{color:#8b2453!important}
body.cq-page-home .showtell .rb-see-designs{background:#0b2548!important;border:1px solid #e3b86b;color:#fff!important}
body.cq-page-home .showtell .rb-see-designs:hover{background:#c18d38!important}
body.cq-page-home .showtell .project{background:#081d38!important}
body.cq-page-home .web-packages{background:radial-gradient(circle at 92% 0%,#5a295033,transparent 40%),linear-gradient(110deg,#061b39,#1c183b)!important;color:#fff!important}
body.cq-page-home .web-packages .section-head h2{color:#fff!important}
body.cq-page-home .web-packages .section-head h2 span{color:#e3b456!important}
body.cq-page-home .web-packages .section-head p{color:#e8ecf5!important}
body.cq-page-home .web-packages .section-head .mini{color:#e8b95e!important}
body.cq-page-home .web-packages .package-card{color:#132a47!important;background:#fffaf2!important}
body.cq-page-home .entry-choices{background:#071d3d!important;color:#fff!important}
body.cq-page-home .entry-choices .entry-option{background:#122d50!important;color:#fff!important}
body.cq-page-home .cqa-faq-section{background:#06182e!important;color:#fff!important}
body.cq-page-home .cqa-faq-section :where(h2,h3,p,.section-head){color:#fff}
body.cq-page-home .cqa-faq-item{background:#fbf7ef;color:#102544}
body.cq-page-home .cqa-faq-item :where(h3,p){color:#132945}
/* Keep Cara's appearance in the hat showcase ONLY. Other showcase cards render the existing customizable UI mockups. */
body.cq-page-home .portfolio-cover:not(.pc-hat) .pc-cover-photo{display:none!important}
body.cq-page-home .portfolio-cover:not(.pc-hat){background:radial-gradient(circle at 77% 25%,#e9a37c44,transparent 42%),linear-gradient(133deg,#09233f,#092344 56%,#2b2143)!important}
body.cq-page-home .portfolio-cover.pc-green{background:radial-gradient(circle at 80% 13%,#95d0af40,transparent 45%),linear-gradient(133deg,#082b31,#184336 60%,#0a1e24)!important}
body.cq-page-home .portfolio-cover:not(.pc-hat) .pc-scene{z-index:4}
body.cq-page-home .portfolio-cover:not(.pc-hat) .pc-device{box-shadow:0 12px 0 -9px #bdc3c9,0 18px 10px -9px #a1a6b0,0 24px 35px #000a}
body.cq-page-home .portfolio-cover:not(.pc-hat) .pc-caption{z-index:6}
body.cq-page-home .portfolio-cover:not(.pc-hat) .pc-light{background:linear-gradient(180deg,#030e2330,transparent 56%,#031023dc 100%)}

/* Responsiveness specifically tuned to real 360–430px phone widths */
@media(max-width:1000px){
 .cq-about-hero-grid{grid-template-columns:47% 53%;min-height:475px}
 .cq-about-photo{min-height:475px}
 .cq-about-intro{padding:35px 32px 70px 23px}
 .cq-about-intro h1{font-size:clamp(40px,5.3vw,64px)}
 .cq-about-original{font-size:12px}
 .cq-media-hero-grid{min-height:510px}
 .cq-media-office{height:350px}
 .cq-office-camera{transform:scale(.74);transform-origin:bottom left}
}
@media(max-width:700px){
 .cq-about-hero-grid{display:flex;flex-direction:column}
 .cq-about-photo{height:365px;min-height:365px}
 .cq-about-photo>img{object-position:center 24%}
 .cq-about-photo:after{background:linear-gradient(0deg,#0313297a,transparent 35%)}
 .cq-about-intro{padding:29px 24px 88px}
 .cq-about-intro .cq-micro{margin-bottom:9px}
 .cq-about-intro h1{font-size:clamp(44px,10.8vw,65px);letter-spacing:-1.5px}
 .cq-about-summary{font-size:16px}
 .cq-about-original{font-size:13px}
 .cq-story-grid{grid-template-columns:1fr;gap:18px}
 .cq-story-copy h2{font-size:clamp(35px,9vw,54px)}
 .cq-story-quote{padding:25px 27px}
 .cq-about-values{padding:21px 14px 29px}
 .cq-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
 .cq-values-grid>div:nth-child(2){border:0}
 .cq-values-grid>div{padding:0 10px}
 .cq-value-icon{width:51px;height:51px;font-size:24px}
 .cq-values-grid strong{min-height:0;font-size:19px}
 .cq-values-grid p{font-size:12px}
 .cq-media-hero-grid{display:flex;flex-direction:column;gap:22px;padding-top:45px;padding-bottom:90px}
 .cq-media-hero-copy{width:100%}
 .cq-media-hero-copy h1{font-size:clamp(48px,12vw,71px)!important}
 .cq-media-hero-copy p{font-size:16px}
 .cq-media-office{width:100%;height:325px;flex-shrink:0}
 .cq-office-monitor{top:26%;height:54%}
 body.cq-page-media .studio .studio-copy h2{font-size:clamp(42px,11vw,59px)!important}
 body.cq-page-home .showtell .rb-featured-head h2{font-size:clamp(37px,10vw,49px)!important}
 body.cq-page-home .showtell .rb-featured-head h2 em{font-size:clamp(45px,12vw,65px)!important;white-space:normal}
}
@media(max-width:390px){
 .cq-about-photo{height:325px;min-height:325px}
 .cq-about-intro{padding:24px 18px 78px}
 .cq-about-intro h1{font-size:43px}
 .cq-about-values h3{font-size:10px;letter-spacing:1.2px}
 .cq-values-grid>div{padding:0 6px}
 .cq-value-icon{width:45px;height:45px}
 .cq-values-grid strong{font-size:17px}
 .cq-media-office{height:280px}
 .cq-office-monitor{width:73%;right:3%}
 .cq-office-lamp{width:65px;height:65px;border-width:8px}
 .cq-office-title{font-size:12px}
}