:root{--ink:#252824;--paper:#f8f8f2;--lilac:#c7b9f8;--lime:#ddf86e;--coral:#ff805c;--line:#25282430;--muted:#6c6e65;--sans:'Manrope','DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}button:disabled{cursor:wait;opacity:.65}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.03;letter-spacing:-.065em}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5227b8;outline-offset:5px}.shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}.section{padding-block:102px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;line-height:1.5}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.06em}.skip{position:fixed;z-index:50;top:10px;left:10px;transform:translateY(-200%);background:var(--ink);color:white;padding:12px 20px}.skip:focus{transform:none}[hidden]{display:none!important}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.logo{font-size:33px;letter-spacing:-2px;font-weight:800;white-space:nowrap}.logo-dot{color:inherit}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}nav a{padding-block:12px}nav a:not(.nav-contact):hover{text-decoration:underline;text-underline-offset:7px}nav a:nth-child(2) span{display:inline-block;margin-left:5px;font-size:20px}.hero{min-height:700px;padding-top:61px;padding-bottom:50px;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(68px,7.7vw,113px);line-height:.98;letter-spacing:-.075em;margin-block:28px 32px;font-weight:600}.pill{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;border-radius:60px;padding:18px 24px;font-size:13px;line-height:1.3;font-weight:700;transition:transform .2s,background .2s}.pill span[aria-hidden]{font-size:21px;line-height:1}.dark{background:var(--ink);color:var(--paper)}.pill:hover{transform:translateY(-3px);background:#45493f}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}.small-note{font-size:11px;color:var(--muted)}h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.06em}.muted{color:#888b7f}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-image{height:390px;position:relative;display:block;overflow:hidden;border-radius:4px;padding:77px 47px 0;isolation:isolate}.farmers-image{background:#e5e8d7}.santa-image{background:#d6dfd2}.saygday-image{background:#e7def4}.hearis-image{background:#d6e8e3}.site-frame{border:1px solid #25282455;border-radius:6px;overflow:hidden;box-shadow:0 10px 28px #25282420;transform:rotate(-5deg);transition:transform .4s}.santa-image .site-frame,.hearis-image .site-frame{transform:rotate(5deg)}.work-image:hover .site-frame{transform:rotate(0) translateY(-9px)}.site-frame img{height:370px;object-fit:cover;object-position:top}.work-caption{display:flex;justify-content:space-between;gap:10px;padding:22px 0 28px}.work-caption h3{font-size:23px;letter-spacing:-.04em;margin-bottom:7px}.work-caption p{font-size:12px;color:var(--muted)}.work-caption>span{font-size:10px;padding-top:6px}.text-link{display:inline-block;font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding:10px 0}.text-link span{margin-left:24px}.text-link:hover{color:#6247a1}.controls{padding:29px 26px;border-right:1px solid var(--ink)}.controls>input,.controls>select{width:100%;border:1px solid #25282460;border-radius:4px;padding:12px 10px;font-size:12px;background:transparent;min-height:45px;margin-bottom:23px}summary{list-style:none}summary::-webkit-details-marker{display:none}.plus{font-size:31px;font-weight:400;text-align:right;line-height:1}.contact-details>summary{width:fit-content}.contact-details[open]>summary{margin-bottom:50px}.contact-details[open]>summary>span{transform:rotate(90deg)}.contact-form-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-top:35px;border-top:1px solid var(--ink)}.contact-form-layout h3{font-size:35px;line-height:1.1;margin-bottom:20px}.contact-form-layout>div>p{font-size:13px;line-height:1.8;max-width:320px}.contact-form-layout .reply-note{margin-top:23px;font-size:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;font-size:11px;font-weight:700;margin-bottom:21px}form label>span{font-weight:400;font-size:9px}form input,form select,form textarea{display:block;width:100%;background:#ffffff65;border:1px solid #25282465;border-radius:2px;padding:12px 10px;font-size:14px;margin-top:8px}form textarea{resize:vertical;min-height:130px}.form-end{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-end>p{font-size:9px;line-height:1.6}.form-end>p>a{text-decoration:underline}.form-end .pill{flex-shrink:0}#form-note{font-size:12px;margin-top:18px;line-height:1.6}.footer{padding-block:35px}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1100px){.shell{width:calc(100% - 60px)}.hero{min-height:630px;padding-top:45px}h1{font-size:8vw}.work-image{height:320px;padding:74px 30px 0}.section{padding-block:80px}.controls{padding:24px 20px}.contact-form-layout{gap:45px}}@media(max-width:800px){.header{height:88px}.logo{font-size:28px}nav{gap:21px;font-size:11px}.hero{grid-template-columns:1.08fr 1fr;padding-top:40px;min-height:545px;gap:0}.hero .eyebrow{font-size:8px}h1{font-size:8.5vw;margin-block:23px 28px}.hero .pill{padding:16px 19px;font-size:11px;gap:15px}.work-grid{gap:22px}.work-image{height:275px;padding:70px 22px 0}.work-caption h3{font-size:20px}.work-caption p{font-size:10px}.work-caption>span{display:none}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-right:0;border-bottom:1px solid var(--ink);padding:24px}.contact-form-layout{grid-template-columns:1fr;gap:30px}.contact-form-layout>div>p{max-width:450px}.contact-form-layout .reply-note{display:none}}@media(max-width:580px){.shell{width:calc(100% - 40px)}.header{height:79px;gap:15px}.logo{font-size:27px}nav{gap:17px}nav>a:first-child{display:none}nav>a:nth-child(2){font-size:10px}nav>a:nth-child(2)>span{font-size:16px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:24px;gap:6px}.hero .eyebrow{font-size:8px}.hero-copy{z-index:4}h1{font-size:clamp(66px,15vw,87px);line-height:.97;letter-spacing:-.075em;margin-top:23px;margin-bottom:31px}.hero .pill{font-size:12px;padding:16px 22px;gap:25px}.section{padding-block:61px}.section-top{margin-bottom:26px;gap:15px}.section-top .eyebrow{font-size:8px}.small-note{font-size:9px;max-width:115px;text-align:right}h2{font-size:42px;letter-spacing:-.065em}.work-grid{grid-template-columns:1fr;gap:17px}.work-image{height:320px;padding:69px 35px 0}.site-frame img{height:310px}.work-caption{padding:19px 0 18px}.work-caption h3{font-size:22px}.work-caption p{font-size:11px}.work-caption>span{display:block;font-size:9px}.controls{padding:22px 19px;display:block}.controls>input,.controls>select{font-size:14px;min-height:47px;margin-bottom:23px}.plus{font-size:25px}.contact-details>summary{font-size:12px}.contact-details[open]>summary{margin-bottom:35px}.contact-form-layout{padding-top:28px}.contact-form-layout h3{font-size:30px}.contact-form-layout>div>p{font-size:12px}.form-row{grid-template-columns:1fr;gap:0}form label{font-size:12px}form input,form select,form textarea{font-size:16px}.form-end{align-items:start;flex-direction:column-reverse;gap:18px}.form-end>p{font-size:9px}.footer{padding-block:30px}}
@media(max-width:360px){.shell{width:calc(100% - 32px)}nav{gap:11px}.logo{font-size:24px}h1{font-size:64px}.hero .eyebrow{font-size:7px}.work-image{height:275px;padding-inline:26px}h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Final preview legibility and mobile workbench arrangement. */
@media(max-width:580px){.controls{border-bottom:0}}
/* Keep the pinned phone sample short enough for the controls and keyboard focus. */
@media(max-width:580px){.controls input,.controls select,.controls button,.controls label{scroll-margin-top:315px}}
@media(max-width:580px) and (max-height:600px){.controls input,.controls select,.controls button,.controls label{scroll-margin-top:25px}}

/* A framed studio photograph replaces the animated hero collage. */
.hero-art{min-width:0;display:flex;align-items:center;padding:28px 0 28px 26px}@media(max-width:800px){.hero-art{padding:20px 5px 20px 16px}}@media(max-width:580px){.hero-art{padding:25px 10px 18px 2px;max-width:460px;width:100%;margin-inline:auto}}