/* Theme Name: Jacee Digital
Version: 1.0.0
*/
@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{--ink:#142321;--muted:#60716b;--jade:#51b89e;--teal:#166758;--paper:#f5f7f3;--line:#d8e0da}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',sans-serif}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-.045em;margin:0 0 24px;font-weight:600}h1{font-size:clamp(48px,6.3vw,94px)}h2{font-size:clamp(34px,4vw,58px)}h3{font-size:26px}p{margin:0 0 22px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}a,button,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--jade);outline-offset:5px}.wrap{width:min(1320px,90%);margin:auto}.preview-banner{background:var(--teal);color:white;text-align:center;font-size:10px;letter-spacing:.17em;padding:5px}.site-header{display:flex;justify-content:space-between;align-items:center;min-height:110px;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{width:132px}.brand img{width:132px;height:30px;object-fit:contain}.brand span{display:block;text-align:center;font-size:10px;letter-spacing:.22em;line-height:2}.site-header nav{display:flex;gap:32px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:white;padding:17px 25px;border:1px solid var(--ink);border-radius:5px;font-weight:500;line-height:1.3;transition:background .18s}.button:hover{background:var(--teal)}.button.secondary{background:transparent;color:var(--ink)}.arr{display:inline-block;width:14px;height:14px;position:relative;flex-shrink:0}.arr:before{content:'';position:absolute;width:11px;height:11px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;right:0;top:0}.arr:after{content:'';width:17px;height:1.5px;position:absolute;background:currentColor;transform:rotate(-45deg);left:-1px;top:6px}.nav-services summary{cursor:pointer;list-style:none}.nav-services summary:after{content:'+';margin-left:9px}.nav-services[open] summary:after{content:'−'}.dropdown{position:absolute;background:white;box-shadow:0 16px 50px #14232120;padding:18px;min-width:270px;top:85px;border:1px solid var(--line);border-radius:8px}.dropdown a{display:block;padding:8px 12px;border-radius:4px}.dropdown a:hover{background:var(--paper)}.menu-toggle{display:none}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--teal);margin-bottom:22px;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding:90px 0 80px}.hero em{font-style:normal;color:var(--teal)}.lead{font-size:20px;line-height:1.65;max-width:650px;color:var(--muted)}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:32px 0}.plain-link{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-note{font-size:12px;color:var(--muted);margin-top:30px}.hero-art{height:490px;background:#bce4d3;border-radius:10px;position:relative;padding:55px 30px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,#ffffff45 49%,transparent 50%);background-size:80px 80px;z-index:-1}.art-label{font-size:10px;letter-spacing:.18em;position:absolute;top:24px;left:30px}.browser-card{background:white;border-radius:7px;overflow:hidden;box-shadow:0 15px 40px #14232125}.main-browser{width:96%;transform:rotate(-4deg)}.browser-card img{width:100%;height:240px;object-fit:cover;object-position:top}.browser-chrome{font-size:9px;padding:8px 12px;color:var(--muted);border-bottom:1px solid var(--line)}.side-browser{position:absolute;bottom:40px;right:22px;width:57%;transform:rotate(5deg)}.side-browser img{height:190px}.art-caption{position:absolute;bottom:13px;left:25px;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:6px}.capability-strip{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;font-size:12px;letter-spacing:.08em}.capability-strip span{margin-right:15px;color:var(--teal)}.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-head p{max-width:450px;color:var(--muted)}.section-head h2{margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:white;padding:34px;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column}.num{font-size:12px;color:var(--teal);margin-bottom:50px}.service-card p{color:var(--muted)}.service-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:24px}.supporting{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px;align-items:center}.supporting a{border-bottom:1px solid var(--line)}.work-section{background:#e8eee7}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 30px}.work-image{display:block;aspect-ratio:1.5;background:#dbe6dd;overflow:hidden;border-radius:7px;padding:30px}.work-image img{height:100%;width:100%;object-fit:cover;object-position:top;box-shadow:0 8px 25px #14232120;transition:transform .25s}.work-image:hover img{transform:translateY(-5px)}.work-meta{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.work-meta p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;color:var(--teal)}.work-meta h3{margin-bottom:10px}.work-card>p{color:var(--muted);max-width:530px}.round-link{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.type-preview{height:100%;display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:white;padding:25px}.type-preview strong{font:500 35px Manrope}.type-preview span{font-size:11px;color:var(--jade)}.process{display:grid;grid-template-columns:1fr 1fr;gap:80px}.process ol,.steps{list-style:none;padding:0;margin:0}.process li,.steps li{padding:25px 0;border-top:1px solid var(--line)}.process li h3{font-size:22px}.process li p{color:var(--muted);margin-bottom:0}.about-band{background:var(--jade);padding:80px 5%;display:flex;justify-content:space-between;gap:50px;align-items:center}.about-band h2{max-width:700px}.about-band p{max-width:430px}.closing{padding:100px 0}.closing>div{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.closing p{max-width:450px;color:var(--muted)}footer{padding:60px 0 25px!important;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:50px}.footer-top>div a{display:block}.footer-name{font-size:25px;font-weight:700;letter-spacing:.08em}.footer-name span{display:block;font-size:11px;letter-spacing:.3em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px}.footer-bottom nav{display:flex;gap:20px}.page-intro{padding:80px 0 65px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(44px,5.7vw,82px)}.service-list{display:grid;gap:45px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:45px;border-bottom:1px solid var(--line)}.deliverables{padding-left:20px}.deliverables li{padding:12px 0;border-bottom:1px solid var(--line)}.small{font-size:14px;color:var(--muted)}.tinted{background:#e8eee7}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.case-preview img{width:100%;max-height:700px;object-fit:cover;object-position:top;border-radius:8px}.narrow{max-width:820px}.narrow h2{font-size:30px;margin-top:40px}.faqs{max-width:950px}.faqs details{border-bottom:1px solid var(--line);padding:25px 0}.faqs summary{font-size:22px;font-weight:500;cursor:pointer}.faqs details p{padding-top:18px;max-width:800px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.contact-link{display:block;margin:20px 0;color:var(--teal)}.quote-form{padding:35px;background:white;border:1px solid var(--line);border-radius:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-size:13px;font-weight:500;margin-bottom:20px}input,select,textarea{display:block;width:100%;border:1px solid var(--line);background:#fafbf8;color:var(--ink);border-radius:4px;padding:12px;margin-top:8px}textarea{min-height:150px;resize:vertical}.consent{display:flex;gap:12px;align-items:flex-start;font-weight:400}.consent input{width:18px;margin-top:4px;flex-shrink:0}.consent a{text-decoration:underline}.honey{position:absolute;left:-10000px}.preview-note{background:#dbf2e8;padding:16px;font-size:13px}.insight-card{display:block;padding:40px;border:1px solid var(--line);margin-bottom:25px}.insight-card h2{font-size:38px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:999}
@media(max-width:1000px){.site-header nav{gap:18px}.hero{gap:30px}.hero-art{height:430px}.browser-card img{height:210px}.side-browser img{height:150px}.service-card{padding:24px}.contact-grid{gap:35px}.hero h1{font-size:60px}}
@media(max-width:760px){.site-header{min-height:85px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:8px 16px;border-radius:4px}.site-header nav{display:none;position:absolute;top:84px;left:-5.5%;right:-5.5%;background:var(--paper);padding:25px 5%;border-bottom:1px solid var(--line)}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch}.dropdown{position:static;box-shadow:none;margin-top:15px;min-width:0}.hero{grid-template-columns:1fr;padding:55px 0;gap:35px}.hero h1{font-size:58px}.hero-art{height:400px}.main-browser{max-width:440px}.side-browser{max-width:260px}.lead{font-size:18px}.actions{gap:20px}.capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:10px}.section,.closing{padding:60px 0}.section-head,.about-band{display:block}.section-head h2{margin-bottom:25px}.service-grid,.work-grid,.process,.closing>div,.service-detail,.contact-grid,.steps{grid-template-columns:1fr;gap:30px}.service-card .num{margin-bottom:25px}.supporting{gap:12px;font-size:13px}.work-image{padding:20px}.about-band{padding:55px 5%}.footer-top,.footer-bottom{flex-direction:column;gap:25px}.footer-bottom nav{flex-wrap:wrap}.page-intro{padding:55px 0 40px}.quote-form{padding:22px}.form-grid{grid-template-columns:1fr;gap:0}.insight-card{padding:25px}.insight-card h2{font-size:30px}.faqs summary{font-size:18px}.contact-grid aside{min-width:0}.contact-link{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.about-band{display:grid;grid-template-columns:1.3fr 1fr;gap:25px 60px}.about-band>.eyebrow{grid-column:1/-1;margin:0}.about-band h2{margin:0}.about-band>.plain-link{grid-column:2;justify-self:start}.service-list article{display:grid;grid-template-columns:60px 1fr auto;gap:30px;border-bottom:1px solid var(--line);padding-bottom:35px;align-items:start}.service-list article p{max-width:650px}.work-section{padding-left:30px;padding-right:30px}.work-section>.button{margin-top:30px}.quote-form>.small{margin:20px 0 0}@media(max-width:760px){.about-band{display:block}.about-band>*{margin-bottom:24px!important}.service-list article{grid-template-columns:1fr;gap:14px}.service-list article .button{justify-self:start}.work-section{padding-left:18px;padding-right:18px}}
@media(max-width:420px){.hero h1{font-size:48px}.hero-art{height:355px}.browser-card img{height:180px}.side-browser img{height:140px}.art-label{font-size:8px}.art-caption{font-size:9px}}

/* Consistent uncropped homepage previews. */
.work-image{aspect-ratio:16/10;padding:18px;display:flex;align-items:center}.work-image img{height:auto;max-height:100%;object-fit:contain;object-position:center}.work-image:hover img{transform:none}.case-preview img{height:auto;max-height:none;object-fit:contain}
@media(max-width:760px){.work-image{padding:12px}}