@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f3ec;--ink:#202321;--muted:#686b63;--red:#d74436;--line:#d9dad1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:5px}img{max-width:100%}.skip{position:fixed;top:-80px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:5px}header{height:114px;margin:0 auto;max-width:1440px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{width:139px;height:auto;display:block}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.text-link:hover{color:var(--red)}.button{background:var(--ink);color:white;display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:19px 24px;border:0;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:var(--red);transform:translateY(-2px)}.small{padding:14px 20px}.hero{max-width:1440px;padding:70px 5% 76px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0 0 27px}.dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(52px,5.3vw,79px);line-height:1.05;letter-spacing:-4px;font-weight:600;margin:0 0 28px}em{color:var(--red);font-family:Georgia,serif;font-weight:400}p{line-height:1.7}.intro{max-width:430px;color:var(--muted);font-size:16px}.intro strong{font-weight:500;color:var(--ink)}.actions{display:flex;align-items:center;gap:25px;margin-top:28px}.text-link{font-size:13px;font-weight:600}.hero-note{font-size:11px;color:var(--muted);margin-top:24px}.hero-art{height:520px;background:#e8e9df;position:relative;border-radius:160px 160px 5px 5px;overflow:hidden;background-image:radial-gradient(#b9bcaf 1px,transparent 1px);background-size:19px 19px}.art-top{position:absolute;top:45px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.orbit{width:340px;height:340px;border:1px solid #bcc0b2;border-radius:50%;position:absolute;top:100px;left:calc(50% - 170px)}.orbit-two{width:240px;height:240px;top:150px;left:calc(50% - 120px)}.q-mark{font-family:Arial,sans-serif;font-weight:700;font-size:300px;line-height:1;position:absolute;top:88px;left:calc(50% - 85px);color:var(--red);transform:rotate(-13deg);text-shadow:6px 9px 0 #cdd0c0}.node{position:absolute;display:flex;align-items:center;gap:9px;background:#fafbf5;padding:12px 17px;font-size:11px;border:1px solid #d6d8cb;border-radius:6px;box-shadow:0 6px 20px #2023210a;z-index:2}.node span{color:var(--red);font-size:19px}.node-a{top:135px;right:22px}.node-b{left:22px;top:251px}.node-c{right:36px;bottom:98px}.art-bottom{position:absolute;bottom:27px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.6}.spark{font-size:44px;color:var(--red)}.service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 5%;display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:1.5px;font-weight:600}.red{color:var(--red)}.section{padding:100px 5%;max-width:1440px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr 1.8fr 1.2fr;gap:35px;align-items:start}.section-heading .eyebrow{margin-top:10px}h2{font-size:clamp(34px,3.7vw,52px);font-weight:500;letter-spacing:-2px;line-height:1.15;margin:0 0 25px}.section-heading>p:last-child{color:var(--muted);font-size:14px;margin-top:4px}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid var(--line)}.services article{padding:36px 29px 8px 0;position:relative}.services article+article{border-left:1px solid var(--line);padding-left:29px}.service-icon{font-size:36px;color:var(--red)}.number{position:absolute;right:30px;top:43px;font-size:11px;color:var(--muted)}h3{font-size:22px;letter-spacing:-.6px;font-weight:600}.services p{font-size:14px;color:var(--muted);max-width:310px}.services ul{list-style:none;padding:14px 0 22px;font-size:12px;line-height:2.2}.services li:before{content:'↳';margin-right:10px;color:var(--red)}.services a{font-size:12px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:8px}.approach{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:85px;max-width:none;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}.approach>div>p:not(.eyebrow){color:#bdc0b4;font-size:14px;max-width:380px;margin-bottom:28px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:30px;border-top:1px solid #45483f;padding:25px 0}.steps li>span{font-size:11px;color:#a6aa9d;margin-top:6px}.steps h3{margin:0;font-size:19px}.steps p{color:#bdc0b4;font-size:13px;margin:8px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.name-art{background:#e9e6dd;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:4px}.name-art p{position:absolute;top:24px;left:30px;font-size:9px;letter-spacing:2px}.name-art img{width:290px}.name-art>span{font-size:12px;line-height:1.5;text-align:center;margin-top:20px;color:var(--muted)}.about p:not(.eyebrow){font-size:14px;color:var(--muted)}.about .about-lead{font-size:19px!important;color:var(--ink)!important}.quote{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.quote h2{font-size:60px}.quote-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:340px}.contact{display:flex;flex-direction:column;gap:14px;font-size:13px;margin:32px 0}.fine{font-size:10px!important;line-height:1.6;color:var(--muted)}form{background:#fffefa;border:1px solid #e2e0d7;padding:34px;border-radius:5px}form h3{margin:0 0 30px;font-size:21px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:11px;display:block;margin-bottom:20px;font-weight:500}label>span:not(:last-child){color:var(--red)}input,select,textarea{display:block;width:100%;border:1px solid #dbdbd1;background:#fffefa;border-radius:3px;padding:12px 10px;font-size:12px;margin-top:8px;color:var(--ink)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:2px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:10px;color:var(--muted);line-height:1.5}.consent input{width:15px;height:15px;margin:1px 0;flex-shrink:0;accent-color:var(--red)}form button{width:100%}.honeypot{display:none}footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}footer .logo{width:100px}footer>a:last-child{color:var(--ink)}@media(min-width:1600px){.section{padding-left:72px;padding-right:72px}}@media(max-width:1000px){.hero{gap:25px}.hero-art{height:470px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.about,.quote{gap:40px}.section{padding-top:70px;padding-bottom:70px}.art-top{font-size:7px}.node{padding:10px;font-size:10px}.node-a{right:10px}.node-b{left:10px}}@media(max-width:700px){header{height:87px}header .logo{width:117px}nav{display:none}.small{font-size:12px;padding:12px 16px}.hero{grid-template-columns:1fr;padding-top:42px;gap:30px}h1{font-size:58px;letter-spacing:-3px}.hero-art{height:440px;max-width:500px;width:100%;margin:auto}.actions{flex-direction:row;align-items:center;gap:18px}.actions .button{gap:18px;font-size:12px;padding:17px}.actions .text-link{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.3px}.service-strip{flex-wrap:wrap;justify-content:center;font-size:8px;padding:20px;gap:13px}.service-strip>span:last-child,.service-strip>span:nth-last-child(2){display:none}.section-heading{display:block}.section-heading>p:last-child{max-width:350px}.services,.approach,.about,.quote{grid-template-columns:1fr}.services{margin-top:25px}.services article,.services article+article{padding:26px 0;border-left:0;border-bottom:1px solid var(--line)}.services p{max-width:none}.services ul{padding:4px 0 12px}.approach{gap:25px}.about{gap:35px}.name-art{min-height:290px}.quote{gap:25px}.quote h2{font-size:49px}.quote-copy>p:not(.eyebrow){max-width:none}form{padding:23px}.form-row{gap:13px}footer{flex-wrap:wrap}footer p{width:55%;text-align:right}footer>span,footer>a:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Juniq brand and portrait refinements */
.hero-art{border-radius:8px;min-width:0}.art-top{top:27px;gap:12px;flex-wrap:wrap;line-height:1.6}.q-mark{width:230px;height:260px;top:114px;left:calc(50% - 115px);font-size:initial;transform:none;text-shadow:none}.q-mark svg{width:100%;height:100%;filter:drop-shadow(6px 9px 0 #cdd0c0)}.portrait{margin:0;position:relative;border-radius:6px;overflow:hidden;background:#e9e6dd}.portrait img{display:block;width:100%;height:520px;object-fit:cover;object-position:center 30%}.portrait figcaption{position:absolute;left:20px;right:20px;bottom:20px;background:#fffefaeF;padding:18px 22px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.portrait figcaption span{font-size:11px;font-weight:400;color:var(--muted)}button:disabled{opacity:.65;cursor:wait}@media(max-width:700px){.portrait img{height:440px}.q-mark{top:88px;width:210px;height:240px;left:calc(50% - 105px)}.art-top{font-size:8px;left:20px;right:20px}}

/* Compact founder introduction and consistent Q artwork */
.q-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(6px 9px 0 #cdd0c0)}.about{grid-template-columns:170px minmax(0,760px);justify-content:center;gap:55px;align-items:start}.portrait-small{overflow:visible;background:transparent;margin-top:48px;border-radius:0}.portrait-small img{width:136px;height:136px;border-radius:50%;object-fit:cover;object-position:center 30%;filter:saturate(.8)}.portrait-small figcaption{position:static;background:none;padding:14px 0;display:block;font-size:13px}.portrait-small figcaption span{display:block;margin-top:5px}.budget-field{min-width:0}.budget-field select{width:100%;text-overflow:ellipsis}.budget-note{display:block;font-size:10px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:8px}.quote .form-row:has(.budget-field){grid-template-columns:1fr}.quote .form-row:has(.budget-field)>label:last-child{max-width:100%}@media(max-width:700px){.about{grid-template-columns:1fr;gap:12px}.portrait-small{margin-top:0;display:flex;align-items:center;gap:16px}.portrait-small img{width:80px;height:80px}.portrait-small figcaption{padding:0}.portrait-small figcaption span{font-size:10px}}

/* Contact details sit alongside the main call to action. */
.header-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}.header-contact{display:flex;flex-direction:column;gap:5px;text-align:right;font-size:11px;line-height:1.5}.header-contact a:hover{color:var(--red)}header nav{gap:24px}header{gap:24px}.budget-field input::placeholder{font-size:11px}@media(max-width:1000px){header nav{gap:15px;font-size:12px}.header-actions{gap:14px}.header-contact{font-size:10px}}@media(max-width:700px){header{height:auto;min-height:100px;padding-top:15px;padding-bottom:15px;flex-wrap:wrap;gap:12px}.header-actions{margin-left:auto;gap:12px}.header-contact{font-size:9px}header .logo{width:105px}.header-actions .small{padding:12px;font-size:11px;gap:12px}}@media(max-width:440px){header .logo{width:88px}.header-actions{gap:9px}.header-contact{font-size:8px}.header-actions .small{padding:10px;gap:8px}}