/*
Theme Name: Arcano Solutions
Description: Corporate website for Arcano Solutions.
Version: 1.0.1
Author: Arcano Solutions
Text Domain: arcano-solutions
*/
:root{--ink:#17382f;--paper:#f5f4ed;--muted:#607067;--line:#cdd4c9;--lime:#d9f484;--white:#fff;--radius:3px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #51822b;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-80px;left:20px;z-index:100;background:var(--lime);padding:15px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line)}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:700;letter-spacing:-.6px;line-height:1.05}.brand svg{width:35px;height:38px}.brand span small{display:block;font-size:10px;letter-spacing:2.4px;margin-top:5px}.nav-links{display:flex;align-items:center;gap:37px;font-size:13px}.nav-links a{padding:12px 0}.nav-links a:hover{box-shadow:0 1px var(--ink)}.nav-note{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;background:#69964a;border-radius:50%}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:86px 0 78px;align-items:center;min-height:660px}.eyebrow{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:0 0 30px}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,6.6vw,94px);font-weight:500;letter-spacing:-5.5px;line-height:.99;margin-bottom:30px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-5px}.intro{font-size:17px;line-height:1.7;max-width:440px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:13px;background:var(--ink);color:var(--paper);padding:18px 23px;border:1px solid var(--ink);border-radius:var(--radius);transition:background .2s,color .2s}.button:hover{background:var(--lime);color:var(--ink)}.button .arrow{font-size:21px;line-height:1}.hero-art{position:relative;aspect-ratio:1/1;max-width:510px;width:100%;justify-self:end;background:#e8ecdf;border:1px solid #d4dccb;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ced7c733 1px,transparent 1px),linear-gradient(90deg,#ced7c733 1px,transparent 1px);background-size:34px 34px}.hero-art svg{position:absolute;inset:11%;width:78%;height:78%}.art-label{position:absolute;left:24px;top:23px;font-size:10px;font-family:monospace;letter-spacing:1.3px}.art-bottom{position:absolute;bottom:23px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;text-transform:uppercase}.art-bottom span:last-child{font-family:monospace}.hero-caption{grid-column:1/-1;display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:24px;font-size:11px;letter-spacing:.7px;color:var(--muted)}.hero-caption span:last-child{margin-left:auto}.section{padding:96px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-bottom:64px}.section-head .eyebrow{margin:8px 0 0}h2{font-size:clamp(34px,4vw,54px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin-bottom:22px}.section-copy{font-size:16px;color:var(--muted);line-height:1.7;max-width:540px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.service{border-top:1px solid var(--ink);padding-top:25px}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:51px}.number{font-size:11px;letter-spacing:1px;color:var(--muted)}.service svg{height:36px;width:36px;stroke:var(--ink);stroke-width:1.3;fill:none}.service h3{font-size:23px;letter-spacing:-.5px;font-weight:500;margin-bottom:17px}.service p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.tags{font-size:11px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}.method{background:var(--ink);color:var(--paper);border:0}.method .eyebrow{color:var(--lime)}.method .section-copy{color:#bbcbc0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.step{border-top:1px solid #557268;padding-top:23px}.step .number{color:var(--lime);display:block;margin-bottom:37px}.step h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin-bottom:16px}.step p{font-size:14px;line-height:1.8;color:#bbcbc0;max-width:330px;margin-bottom:0}.company{padding-bottom:88px}.company-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.company-mark{width:120px;height:140px;margin-top:35px}.company .body-copy{font-size:17px;color:var(--muted);line-height:1.8;max-width:560px}.principles{margin-top:38px;display:flex;flex-wrap:wrap;gap:10px}.principles span{border:1px solid var(--line);padding:11px 15px;font-size:12px;border-radius:50px}.closing{background:var(--lime);padding:45px 0}.closing .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.closing p{font-size:clamp(24px,3.3vw,42px);letter-spacing:-1.3px;line-height:1.15;margin:0}.closing small{font-family:monospace;text-transform:uppercase;letter-spacing:1px;font-size:10px;white-space:nowrap}.footer{padding:32px 0;font-size:11px;color:var(--muted)}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer strong{font-size:12px;color:var(--ink);font-weight:600}.footer a{border-bottom:1px solid var(--line);padding-bottom:3px}.content-page{max-width:800px;min-height:65vh;padding-top:80px;padding-bottom:80px}.content-page h1{font-size:54px}.content-page p{line-height:1.8}.mobile-only{display:none}@media(min-width:1500px){.hero{min-height:730px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.nav-note{display:none}.hero{gap:30px;padding-top:65px;min-height:auto}h1{font-size:70px;letter-spacing:-4px}h1 em{letter-spacing:-4px}.hero-art{max-width:420px}.section-head,.company-grid{grid-template-columns:.7fr 1fr;gap:40px}.services,.steps{gap:28px}.service h3,.step h3{font-size:21px}.section{padding:75px 0}}@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.nav{height:80px;gap:15px}.brand{font-size:15px;gap:8px}.brand svg{width:29px;height:33px}.brand span small{font-size:8px;letter-spacing:2px}.nav-links{gap:17px;font-size:11px}.nav-links a:last-child{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:54px 0 34px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:25px}h1{font-size:clamp(55px,12.8vw,80px);letter-spacing:-3.7px;margin-bottom:26px}h1 em{letter-spacing:-3.7px}.intro{font-size:16px;line-height:1.7;max-width:460px;margin-bottom:25px}.hero-art{max-width:none;width:100%;aspect-ratio:1.2/1}.hero-art svg{inset:4% 12%;width:76%;height:92%}.hero-caption{margin-top:0;padding-top:20px;gap:10px;font-size:9px;letter-spacing:0}.hero-caption span:last-child{display:none}.section{padding:59px 0}.section-head,.company-grid{grid-template-columns:1fr;gap:24px}.section-head{margin-bottom:38px}.section-head .eyebrow{margin:0}h2{font-size:37px;letter-spacing:-1.5px;margin-bottom:17px}.section-copy{font-size:15px;margin-bottom:0}.services,.steps{grid-template-columns:1fr;gap:34px}.service-top{margin-bottom:23px}.service h3,.step h3{font-size:24px}.service p,.step p{font-size:15px;max-width:100%}.tags{margin-top:19px;padding-top:16px}.step .number{margin-bottom:22px}.company-mark{display:none}.company .body-copy{font-size:16px}.principles{margin-top:28px}.closing{padding:34px 0}.closing .wrap{align-items:flex-start;flex-direction:column;gap:22px}.closing p{font-size:33px;letter-spacing:-1px}.footer .wrap{flex-wrap:wrap;gap:15px}.footer .copyright{order:3;width:100%;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.content-page{max-width:850px}.content-page h1{font-size:clamp(38px,5vw,62px);letter-spacing:-2px;line-height:1.1;margin-bottom:35px}.content-page h2{font-size:25px;letter-spacing:-.5px;line-height:1.3;margin-top:38px;margin-bottom:16px}.content-page p,.content-page li{font-size:15px;line-height:1.8;color:var(--muted)}.content-page strong{color:var(--ink)}.content-page ul{padding-left:23px}.content-page li{margin-bottom:9px}.content-page p a{border-bottom:1px solid var(--line);overflow-wrap:anywhere}.content-page code{font-size:12px;overflow-wrap:anywhere}.legal-table{overflow-x:auto;margin:25px 0}.legal-table table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.6}.legal-table th{background:#e8ecdf;padding:14px;vertical-align:top}.legal-table td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}.legal-table th:first-child{width:40%}.footer .footer-legal{justify-content:flex-end;gap:24px;margin-top:20px}.footer-legal a:hover{color:var(--ink)}@media(max-width:700px){.content-page{padding-top:45px;padding-bottom:50px}.content-page h1{font-size:39px}.content-page h2{font-size:23px}.legal-table table{min-width:540px}.footer .footer-legal{justify-content:flex-start;gap:24px}}