@font-face{font-family:Anton;src:url('/media/fonts/Anton.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Line;src:url('/media/LINESeedJP-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Line;src:url('/media/LINESeedJP-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--paper:#eeece3;--ink:#060606;--lime:#d3f824;--accent-yellow:var(--lime);--text-muted:#4e4e48;--text-white:var(--ink);--bg-dark:var(--paper);--font-main:Line,Arial,sans-serif;--mono:'Courier New',monospace;--u:calc(100cqw / 948)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-main);font-size:16px;line-height:1.35;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#807b6c12 1px,transparent 1px),linear-gradient(90deg,#807b6c12 1px,transparent 1px),linear-gradient(#807b6c0b 1px,transparent 1px),linear-gradient(90deg,#807b6c0b 1px,transparent 1px);background-size:64px 64px,64px 64px,12px 12px,12px 12px}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.10;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:multiply}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #598400;outline-offset:5px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.site-shell{container-type:inline-size;max-width:1516.8px;margin:0 auto;position:relative;isolation:isolate}.skip-link{position:fixed;left:14px;top:-100px;z-index:10000;background:var(--lime);color:#000;padding:12px}.skip-link:focus{top:12px}.anchor-alias{position:absolute;top:0;left:0}.reference-header{height:calc(67 * var(--u));position:relative;border-bottom:1px solid #5e5a4e20;z-index:30}.reference-logo{display:block;width:calc(132 * var(--u))}.reference-logo img{display:block;width:100%;height:auto}.reference-header>.reference-logo{position:absolute;left:calc(63 * var(--u));top:calc(17 * var(--u))}.reference-nav{position:absolute;left:calc(367 * var(--u));top:calc(28 * var(--u));display:flex;align-items:center;gap:calc(37 * var(--u));font-family:var(--mono);font-size:calc(10 * var(--u));letter-spacing:.02em}.reference-nav a:hover,.reference-footer a:hover{text-decoration:underline;text-underline-offset:4px}.project-button{border:0;border-radius:0;background:#050505;color:var(--lime);display:inline-flex;align-items:center;justify-content:center;gap:calc(17 * var(--u));font-family:var(--mono);font-size:calc(12 * var(--u));font-weight:700;letter-spacing:.035em;min-height:calc(40 * var(--u));padding:calc(10 * var(--u)) calc(24 * var(--u));white-space:nowrap;position:relative;z-index:2;transition:color .18s,background .18s}.project-button span{font-family:Arial,sans-serif;font-size:1.65em;line-height:1;font-weight:400}.project-button:hover{background:var(--lime);color:#000;box-shadow:inset 0 0 0 1px #000}.header-project{position:absolute;right:calc(56 * var(--u));top:calc(18 * var(--u));min-height:calc(33 * var(--u));padding:calc(7 * var(--u)) calc(15 * var(--u));font-size:calc(10.5 * var(--u));gap:calc(14 * var(--u))}.mobile-menu,.mobile-nav{display:none}
.reference-hero{height:calc(557 * var(--u));position:relative;border-bottom:1px solid #5e5a4e26;overflow:hidden}.hero-kicker{position:absolute;top:calc(45 * var(--u));left:calc(63 * var(--u));font:700 calc(12 * var(--u))/1.2 var(--mono);letter-spacing:.12em}.poster-heading{position:absolute;left:calc(59 * var(--u));top:calc(61 * var(--u));font:400 calc(138 * var(--u))/.94 Anton,'Arial Narrow',sans-serif;letter-spacing:calc(-3 * var(--u));z-index:2}.poster-heading>span{display:block;transform-origin:left center;transform:scaleX(1.05)}.poster-heading>strong{display:block;position:relative;font-size:calc(89 * var(--u));font-weight:400;letter-spacing:calc(-1.7 * var(--u));line-height:1.12;margin-top:calc(3 * var(--u));margin-left:calc(-10 * var(--u));padding:calc(1 * var(--u)) calc(10 * var(--u)) calc(6 * var(--u));background:#d4ff00;transform:rotate(-.5deg);white-space:nowrap}.hero-copy{position:absolute;left:calc(63 * var(--u));top:calc(436 * var(--u));font-size:calc(15 * var(--u));line-height:1.3;z-index:3}.hero-actions{position:absolute;left:calc(63 * var(--u));top:calc(488 * var(--u));display:flex;align-items:center;gap:calc(20 * var(--u))}.quick-note{font:calc(9.5 * var(--u))/1.45 var(--mono);color:#50504b}.reference-art{background-image:url('/media/design-reference.png');background-repeat:no-repeat;background-size:calc(948 * var(--u)) calc(1659 * var(--u));pointer-events:none}.hero-art{position:absolute;left:calc(480 * var(--u));top:calc(8 * var(--u));width:calc(449 * var(--u));height:calc(545 * var(--u));background-position:calc(-480 * var(--u)) calc(-75 * var(--u));clip-path:polygon(0 0,100% 0,100% 100%,5% 100%,5% 82%,19% 82%,19% 58%,0 58%)}
.reference-services{position:relative;height:calc(502 * var(--u));padding:0 calc(46 * var(--u))}.services-intro{height:calc(244 * var(--u));position:relative}.eyebrow{font:calc(10 * var(--u))/1.35 var(--mono);letter-spacing:.1em;display:flex;align-items:center;gap:calc(12 * var(--u))}.eyebrow i{display:inline-block;flex:none;width:calc(25 * var(--u));height:1px;background:#4e4d45}.service-title{position:absolute;left:calc(17 * var(--u));top:calc(24 * var(--u))}.service-title h2{font:400 calc(47 * var(--u))/.96 Anton,sans-serif;letter-spacing:calc(-.5 * var(--u));margin-top:calc(10 * var(--u))}.service-title h2 span,.reference-contact h2 span,.inquiry-intro h2 span{color:transparent;-webkit-text-stroke:1px var(--ink)}.services-copy{position:absolute;left:calc(339 * var(--u));top:calc(73 * var(--u));width:calc(246 * var(--u));font:calc(13 * var(--u))/1.3 var(--mono)}.services-outcomes{position:absolute;left:calc(642 * var(--u));top:calc(31 * var(--u));width:calc(209 * var(--u))}.services-outcomes .eyebrow{font-size:calc(10 * var(--u));align-items:flex-start;gap:calc(14 * var(--u))}.services-outcomes .eyebrow i{width:calc(39 * var(--u));margin-top:calc(4 * var(--u))}.services-outcomes>p:nth-child(2){margin:calc(18 * var(--u)) 0 0 calc(55 * var(--u));font-size:calc(14 * var(--u));line-height:1.5}.outcome-arrow{position:absolute;top:calc(97 * var(--u));right:0;font:calc(37 * var(--u))/1 Arial,sans-serif}.pixel-mark{display:block;width:calc(13 * var(--u));height:calc(13 * var(--u));background:#050505;box-shadow:calc(14 * var(--u)) calc(13 * var(--u)) 0 #050505,calc(27 * var(--u)) calc(-1 * var(--u)) 0 #050505;transform:rotate(5deg)}.intro-pixels{position:absolute;left:calc(295 * var(--u));top:calc(202 * var(--u))}.service-cards{display:grid;grid-template-columns:274fr 257fr 268fr;gap:calc(33 * var(--u))}.service-card{height:calc(237 * var(--u));position:relative;padding:calc(69 * var(--u)) calc(17 * var(--u)) calc(15 * var(--u));background:#dedcd3;isolation:isolate}.card-design{background:#d4ff00;transform:rotate(-.2deg)}.card-development{background:#dfddd5;transform:rotate(.15deg)}.card-seo{background:#e5e2da}.service-number{position:absolute;left:calc(17 * var(--u));top:calc(16 * var(--u));font:calc(10 * var(--u))/1 var(--mono)}.service-icon{position:absolute;left:calc(53 * var(--u));top:calc(16 * var(--u));width:calc(45 * var(--u));height:calc(40 * var(--u))}.code-icon{left:calc(47 * var(--u))}.bars-icon{left:calc(52 * var(--u));width:calc(39 * var(--u));height:calc(39 * var(--u))}.service-card h3{font-size:calc(25 * var(--u));font-weight:800;letter-spacing:calc(-1.5 * var(--u));line-height:1.3;position:relative;z-index:2;margin-bottom:calc(3 * var(--u));white-space:nowrap}.service-card p{font-size:calc(14 * var(--u));line-height:1.25;position:relative;z-index:2}.card-arrow{position:absolute;left:calc(17 * var(--u));bottom:calc(39 * var(--u));padding:0;background:none;color:#111;border:0;font:calc(33 * var(--u))/1 Arial,sans-serif;z-index:3;transition:transform .15s}.card-arrow:hover{transform:translateX(5px)}.card-pixels{position:absolute;right:calc(34 * var(--u));top:calc(54 * var(--u));transform:rotate(0);width:calc(11 * var(--u));height:calc(11 * var(--u));box-shadow:calc(11 * var(--u)) calc(-11 * var(--u)) 0 #050505,calc(0 * var(--u)) calc(11 * var(--u)) 0 #050505}.design-photo{position:absolute;left:calc(91 * var(--u));bottom:calc(-12 * var(--u));width:calc(185 * var(--u));height:calc(98 * var(--u));background-position:calc(-137 * var(--u)) calc(-1017 * var(--u));clip-path:polygon(0 34%,100% 0,100% 100%,0 100%)}.development-photo{position:absolute;left:0;bottom:0;width:100%;height:calc(90 * var(--u));background-position:calc(-354 * var(--u)) calc(-1013 * var(--u));clip-path:polygon(0 100%,100% 0,100% 100%)}.seo-photo{position:absolute;right:0;top:calc(15 * var(--u));width:calc(98 * var(--u));height:calc(222 * var(--u));background-position:calc(-804 * var(--u)) calc(-883 * var(--u));clip-path:polygon(62% 0,100% 0,100% 100%,0 100%,18% 75%,75% 70%,75% 43%,36% 33%)}.seo-pixels{position:absolute;bottom:calc(6 * var(--u));left:calc(100 * var(--u));transform:rotate(0);box-shadow:calc(13 * var(--u)) calc(-13 * var(--u)) 0 #050505;z-index:2}.neon-tape{position:absolute;right:calc(-17 * var(--u));top:calc(-15 * var(--u));width:calc(51 * var(--u));height:calc(52 * var(--u));background:#ceff00bd;z-index:3}.neon-tape::after{content:'';position:absolute;right:0;bottom:0;width:66%;height:50%;background:#b9de00a0}
.reference-stats{height:calc(133 * var(--u));display:grid;grid-template-columns:295fr 315fr 338fr;background:#d4ff00;align-items:center}.reference-stats>div{display:flex;align-items:center;gap:calc(13 * var(--u));height:calc(87 * var(--u));padding-left:calc(48 * var(--u))}.reference-stats>div+div{border-left:1px solid #242d00a0;padding-left:calc(21 * var(--u))}.reference-stats strong{font:400 calc(94 * var(--u))/1 Anton,sans-serif;letter-spacing:calc(-3.5 * var(--u));white-space:nowrap}.reference-stats p{font:700 calc(9.5 * var(--u))/1.5 var(--mono);letter-spacing:.08em;position:relative;top:calc(4 * var(--u))}.reference-stats p::after{content:'';display:block;width:calc(15 * var(--u));height:calc(3 * var(--u));background:#070707;margin-top:calc(8 * var(--u));transform:rotate(-4deg)}
.reference-offer-contact{height:calc(340 * var(--u));position:relative;display:grid;grid-template-columns:363fr 300fr 285fr;border-bottom:1px solid #5e5a4e22;padding-top:calc(9 * var(--u))}.reference-offer{position:relative;padding:calc(11 * var(--u)) 0 0 calc(63 * var(--u))}.reference-offer h2{font:400 calc(40 * var(--u))/.99 Anton,sans-serif;letter-spacing:calc(-.7 * var(--u));margin-top:calc(4 * var(--u))}.reference-offer h2 strong{display:inline-block;font-weight:400;font-size:calc(43 * var(--u));line-height:1.07;background:#d4ff00;padding:0 calc(9 * var(--u)) calc(3 * var(--u));margin:calc(2 * var(--u)) 0 0 calc(-8 * var(--u));transform:rotate(-1deg)}.offer-caption{font:700 calc(12 * var(--u))/1.2 var(--mono);letter-spacing:.08em;text-decoration:underline;text-underline-offset:2px;margin-top:calc(8 * var(--u))}.offer-copy{font:calc(11.5 * var(--u))/1.27 var(--mono);max-width:calc(264 * var(--u));margin-top:calc(15 * var(--u))}.offer-actions{display:flex;align-items:center;gap:calc(12 * var(--u));margin-top:calc(17 * var(--u));position:relative;z-index:2}.offer-actions .project-button{padding:calc(10 * var(--u)) calc(17 * var(--u));font-size:calc(11 * var(--u));min-height:calc(37 * var(--u))}.offer-actions .quick-note{font-size:calc(8 * var(--u));width:calc(105 * var(--u));flex-shrink:0}.office-photo{height:calc(310 * var(--u));background-position:calc(-363 * var(--u)) calc(-1268 * var(--u));position:relative}.reference-contact{position:relative;padding:calc(28 * var(--u)) calc(30 * var(--u)) 0 calc(33 * var(--u))}.reference-contact h2{font:400 calc(30 * var(--u))/1.15 Anton,sans-serif;letter-spacing:calc(-.3 * var(--u));margin-top:calc(14 * var(--u))}.reference-contact>p:not(.eyebrow){font-size:calc(11.5 * var(--u));line-height:1.3;margin-top:calc(17 * var(--u));max-width:calc(205 * var(--u))}.reference-contact>.project-button{margin-top:calc(18 * var(--u));padding-left:calc(23 * var(--u));padding-right:calc(23 * var(--u));font-size:calc(11 * var(--u))}.contact-pixels{position:absolute;right:calc(55 * var(--u));top:calc(20 * var(--u));width:calc(10 * var(--u));height:calc(10 * var(--u));box-shadow:calc(26 * var(--u)) calc(0 * var(--u)) 0 #050505,calc(35 * var(--u)) calc(12 * var(--u)) 0 #050505,calc(40 * var(--u)) calc(-2 * var(--u)) 0 #050505}
.reference-footer{height:calc(60 * var(--u));position:relative}.reference-footer>.reference-logo{position:absolute;top:calc(11 * var(--u));left:calc(63 * var(--u))}.reference-footer-nav{position:absolute;top:calc(16 * var(--u));left:calc(325 * var(--u));width:calc(337 * var(--u));height:calc(33 * var(--u));border-left:1px solid #5e5a4e4a;border-right:1px solid #5e5a4e4a;display:flex;justify-content:center;align-items:center;gap:calc(36 * var(--u));font:calc(9 * var(--u))/1 var(--mono)}.footer-message{position:absolute;left:calc(699 * var(--u));top:calc(18 * var(--u));font-size:calc(8.7 * var(--u));line-height:1.4;color:#46463f}.legal-strip{display:flex;justify-content:space-between;gap:20px;margin:10px 6.64% 0;padding:12px 0;font:10px/1.5 var(--mono);color:#56564e;border-top:1px solid #5e5a4e20}.legal-strip a:hover{text-decoration:underline}.legal-strip a[aria-current]{font-weight:700}
/* The existing SMTP form uses the same paper, lime and ink palette. */
.inquiry-dialog{--u:1px;color:var(--ink);border:1px solid #34342e;padding:54px 46px 38px;width:min(1040px,calc(100% - 40px));max-height:calc(100dvh - 40px);background-color:var(--paper);background-image:linear-gradient(#807b6c10 1px,transparent 1px),linear-gradient(90deg,#807b6c10 1px,transparent 1px);background-size:14px 14px;overflow:auto}.inquiry-dialog::backdrop{background:#111a;backdrop-filter:blur(5px)}.inquiry-dialog:not([open]){display:none}.inquiry-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:48px}.inquiry-close{position:absolute;right:16px;top:10px;width:38px;height:38px;border:0;background:#080808;color:var(--lime);font-size:30px;line-height:1;z-index:5}.inquiry-close:hover{background:var(--lime);color:#000}.inquiry-intro h2{font:42px/1.08 Anton,sans-serif;letter-spacing:-.4px;margin:20px 0}.inquiry-intro>p{font-size:14px;line-height:1.5;max-width:290px}.inquiry-intro>a{font:12px/1.5 var(--mono);display:inline-block;margin-top:22px;text-decoration:underline;text-underline-offset:4px}.inquiry-note{display:inline-block;font:700 17px/1.3 var(--mono);background:var(--lime);padding:15px 20px;margin-top:45px;transform:rotate(-4deg)}.overlay-form-wrap{background:transparent;padding:0;border:0}.overlay-form-wrap h3{font:32px/1.1 Anton,sans-serif;text-transform:uppercase;margin:0 0 9px}.form-sub{font:12px/1.5 var(--mono);margin:0 0 22px;color:#515148}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{margin:0 0 13px;position:relative}.form-group input,.form-group textarea,.inquiry-type-select{width:100%;min-height:47px;border:1px solid #8a897d;border-radius:0;padding:12px;background:#f8f6ee;color:#080808;font-size:14px;box-shadow:none}.form-group input:focus,.form-group textarea:focus,.inquiry-type-select:focus{outline:2px solid #272727;outline-offset:1px;border-color:#000;background:#fffef8}.form-group textarea{resize:vertical;min-height:112px}.form-group input::placeholder,.form-group textarea::placeholder{color:#53534c;opacity:1}.field-label{display:block;font:11px/1.3 var(--mono);margin-bottom:6px}.inquiry-type-select{appearance:auto;cursor:pointer;font:13px/1.4 var(--mono)}.inquiry-custom-select{display:none}.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.onepager-read-confirm{padding:12px;margin:0 0 15px;border-left:3px solid #080808;background:var(--lime);font:12px/1.5 var(--mono)}.onepager-read-confirm a{text-decoration:underline}.btn-submit{width:100%;min-height:49px;padding:13px 15px;background:#050505;color:var(--lime);border:0;border-radius:0;font:700 12px/1.4 var(--mono);letter-spacing:.03em;margin-top:2px}.btn-submit:hover{background:var(--lime);color:#050505;box-shadow:inset 0 0 0 1px #050505}.form-privacy{font:11px/1.5 var(--mono);margin-top:13px;color:#515148}.form-privacy a{text-decoration:underline}.form-inline-notice{border-left:4px solid #111;padding:14px;font-size:14px;background:var(--lime);margin-bottom:20px}.form-inline-notice.is-error{background:#f9d0c0}.form-status-modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;z-index:100;opacity:0;visibility:hidden;pointer-events:none}.form-status-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.form-status-backdrop{position:absolute;inset:0;background:#111a;backdrop-filter:blur(4px)}.form-status-card{position:relative;width:min(100%,520px);background:var(--paper);border:2px solid #050505;box-shadow:10px 10px 0 var(--lime);padding:40px;text-align:center}.form-status-card h4{font:30px/1.1 Anton,sans-serif;margin:10px 0 18px}.form-status-kicker{font:10px/1.3 var(--mono);letter-spacing:.1em}.form-status-message{font-size:14px;line-height:1.5;color:#34342f}.form-status-visual{height:75px;display:grid;place-items:center;margin:0 auto 15px}.form-status-spinner{width:48px;height:48px;border:4px solid #1112;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite}.form-status-check,.form-status-error{display:none}.is-success .form-status-spinner,.is-error .form-status-spinner{display:none}.is-success .form-status-check,.is-error .form-status-error{display:grid;width:65px;height:65px;place-items:center;background:var(--lime);color:#080808;font-size:38px}.is-error .form-status-error{background:#f3c2ac}.form-status-progress{height:3px;background:#0002;margin-top:22px;overflow:hidden}.form-status-progress span{display:block;width:40%;height:100%;background:#090909;animation:progress 1s linear infinite}.form-status-close{margin-top:24px;padding:12px 28px;border:0;background:#050505;color:var(--lime);font:700 12px/1.4 var(--mono)}.status-showing .inquiry-close{visibility:hidden}.bm-cookie-banner{background:var(--paper)!important;color:#111!important;border:1px solid #26261f!important;border-radius:0!important;box-shadow:6px 6px 0 #1112!important;z-index:60!important}.bm-cookie-text,.bm-cookie-close,.bm-cookie-btn-ghost{color:#111!important}.bm-cookie-text a{color:#111!important}.bm-cookie-btn,.bm-cookie-close{border-radius:0!important}.bm-cookie-btn-solid{background:#080808!important;color:var(--lime)!important}.bm-cookie-btn-ghost{border:1px solid #111!important}.bm-cookie-reopen{background:#080808!important;color:var(--lime)!important;border-radius:0!important;width:34px!important;height:34px!important;left:12px!important;bottom:12px!important}.legal-page{color:#111!important;padding:60px 24px!important;max-width:980px}.legal-page h1,.legal-page h2,.legal-page h3,.legal-page a{color:#111!important}.legal-page h1{font-family:Anton,sans-serif!important;font-weight:400!important;letter-spacing:-1px!important}.legal-page h2{display:table;background:var(--lime);padding:2px 6px}.legal-page a{text-decoration:underline}.legal-note{background:#d3f82466!important;border-radius:0!important}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
/* Reflow at narrow widths; desktop proportions stay tied to the supplied 948px artwork. */
@media(max-width:640px){
:root{--u:1px}.site-shell{--u:calc(100cqw / 948)}.reference-header{height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.reference-header>.reference-logo{position:static;width:137px}.reference-header .header-project{position:static;min-height:36px;padding:8px 10px;font-size:10px;gap:8px;margin-left:auto;margin-right:14px}.reference-nav{display:none}.mobile-menu{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:9px 0 9px 9px}.mobile-menu span{width:21px;height:2px;background:#080808}.mobile-nav{position:absolute;left:0;top:76px;right:0;padding:25px;background:var(--paper);border-bottom:1px solid #111;display:flex;gap:22px;flex-direction:column;font:15px/1.5 var(--mono)}.mobile-nav a{padding:4px 0}.reference-hero{height:auto;min-height:0;padding:29px 22px 30px;display:flex;flex-direction:column;overflow:hidden}.hero-kicker{position:static;font-size:10px;margin-bottom:14px;letter-spacing:.08em}.poster-heading{position:relative;left:auto;top:auto;font-size:clamp(80px,22vw,140px);letter-spacing:-2px;line-height:.94;order:0}.poster-heading>strong{font-size:clamp(42px,10.7vw,70px);letter-spacing:-1px;line-height:1.18;margin:7px -5px 0;padding:0 6px 4px;width:max-content;max-width:calc(100% + 10px)}.hero-copy{position:static;font-size:14px;line-height:1.45;margin-top:20px;order:1}.hero-copy br{display:none}.hero-actions{position:static;order:2;gap:17px;margin-top:17px}.project-button{padding:12px 18px;min-height:43px;gap:16px;font-size:11px}.quick-note{font-size:9px}.hero-art{position:relative;left:auto;top:auto;order:3;margin:24px 0 -10px -2px;width:100%;height:calc(1100 * var(--u));background-size:calc(1896 * var(--u)) calc(3318 * var(--u));background-position:calc(-960 * var(--u)) calc(-150 * var(--u));clip-path:polygon(0 0,100% 0,100% 100%,5% 100%,5% 82%,19% 82%,19% 58%,0 58%)}.reference-services{height:auto;padding:28px 22px 32px}.services-intro{height:auto;display:grid;grid-template-columns:1fr;gap:21px}.service-title{position:static}.eyebrow{font-size:10px;gap:12px}.eyebrow i{width:25px}.service-title h2{font-size:46px;line-height:.98;margin-top:13px}.services-copy{position:static;width:auto;max-width:360px;font-size:13px;line-height:1.45}.services-outcomes{position:static;width:100%;display:flex;justify-content:space-between;align-items:start;gap:15px;padding:0 0 15px}.services-outcomes .eyebrow{font-size:9px;gap:10px}.services-outcomes .eyebrow i{width:20px;margin-top:5px}.services-outcomes>p:nth-child(2){margin:0;font-size:12px;line-height:1.6}.outcome-arrow{position:static;font-size:32px}.intro-pixels{left:auto;right:30px;top:45px;--u:1px}.service-cards{display:grid;grid-template-columns:1fr;gap:23px}.service-card{height:280px;padding:77px 20px 20px;--u:1.15px}.service-card h3{font-size:30px;letter-spacing:-1px;margin-bottom:7px}.service-card p{font-size:16px;line-height:1.35}.service-number{font-size:11px}.card-design{transform:rotate(-.4deg)}.card-development{transform:rotate(.3deg)}.card-arrow{font-size:35px;bottom:39px;left:20px}.design-photo{left:auto;right:0;width:212px;height:113px}.development-photo{width:296px;right:0;left:auto}.reference-stats{height:auto;grid-template-columns:1fr;padding:15px 22px}.reference-stats>div,.reference-stats>div+div{height:116px;border:0;border-bottom:1px solid #26300060;padding:12px 0;justify-content:space-between;gap:15px}.reference-stats>div:last-child{border:0}.reference-stats strong{font-size:90px;letter-spacing:-3px}.reference-stats p{font-size:11px;width:118px;top:0}.reference-stats p::after{width:15px;height:3px;margin-top:8px}.reference-offer-contact{height:auto;padding:29px 22px;display:flex;flex-direction:column;gap:28px}.reference-offer{padding:0}.reference-offer h2{font-size:47px;margin-top:8px;letter-spacing:-.7px}.reference-offer h2 strong{font-size:49px;padding:1px 8px;margin:3px 0 0 -6px}.offer-caption{font-size:12px;margin-top:10px}.offer-copy{font-size:13px;line-height:1.45;max-width:100%;margin-top:17px}.offer-actions{margin-top:18px;gap:15px}.offer-actions .project-button{font-size:11px;padding:12px 18px;min-height:43px}.offer-actions .quick-note{font-size:9px;width:auto}.office-photo{height:calc(900 * var(--u));background-size:calc(2844 * var(--u)) calc(4977 * var(--u));background-position:calc(-1089 * var(--u)) calc(-3804 * var(--u))}.reference-contact{padding:0 0 8px}.reference-contact h2{font-size:36px;line-height:1.1;margin-top:15px}.reference-contact>p:not(.eyebrow){font-size:14px;line-height:1.45;max-width:300px;margin-top:18px}.reference-contact>.project-button{font-size:11px;margin-top:18px;padding:12px 18px}.contact-pixels{--u:1px;top:8px;right:47px}.reference-footer{height:auto;padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.reference-footer>.reference-logo{position:static;width:135px}.reference-footer-nav{position:static;width:auto;height:auto;border:0;display:flex;flex-wrap:wrap;gap:14px;font-size:10px;justify-content:flex-end}.footer-message{position:static;font-size:10px;grid-column:1/-1;line-height:1.5}.legal-strip{margin:0 22px;padding:14px 0;font-size:10px}.inquiry-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:56px 22px 28px}.inquiry-layout{grid-template-columns:1fr;gap:28px}.inquiry-intro h2{font-size:34px;margin:15px 0}.inquiry-note{display:none}.inquiry-intro>a{margin-top:13px}.overlay-form-wrap h3{font-size:29px}.form-grid-2{grid-template-columns:1fr;gap:0}.form-group input,.form-group textarea,.inquiry-type-select{font-size:16px}.form-status-card{padding:30px 24px}.bm-cookie-banner{width:calc(100% - 24px)!important;max-width:380px!important;padding:18px!important;left:12px!important;bottom:12px!important}.bm-cookie-actions{flex-direction:row!important}.bm-cookie-btn{width:auto!important;padding:10px 13px!important;font-size:11px!important}.bm-cookie-text{font-size:12px!important}
}
.is-polish .poster-heading>strong{font-size:calc(62 * var(--u));line-height:1.6}.is-polish .hero-copy{max-width:calc(460 * var(--u))}.is-polish .service-card h3{font-size:calc(23 * var(--u))}.is-polish .reference-offer h2{font-size:calc(34 * var(--u))}.is-polish .reference-offer h2 strong{font-size:calc(43 * var(--u))}
@media(max-width:640px){.is-polish .poster-heading>strong{font-size:clamp(28px,7.5vw,45px);line-height:1.5}.is-polish .hero-copy{max-width:100%}.is-polish .service-card h3{font-size:28px}.is-polish .reference-offer h2{font-size:38px}.is-polish .reference-offer h2 strong{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Match the two different headline widths in the reference artwork. */
@media(min-width:641px){.poster-heading{letter-spacing:calc(-.3 * var(--u))}.poster-heading>strong{letter-spacing:calc(-.6 * var(--u));transform:rotate(-.5deg) scaleX(1.1);transform-origin:left center}.service-title h2{font-family:Line,Arial,sans-serif;font-weight:800;font-size:calc(44 * var(--u));letter-spacing:calc(-2 * var(--u));line-height:1.03}.reference-stats strong{letter-spacing:calc(-.5 * var(--u));transform:scaleX(1.08);transform-origin:left center;flex:0 0 calc(147 * var(--u))}.reference-stats strong span{margin-left:calc(8 * var(--u))}.reference-stats>div:nth-child(2) strong{flex-basis:calc(197 * var(--u))}.reference-stats>div:nth-child(3) strong{flex-basis:calc(173 * var(--u));transform:none}.reference-stats>div:nth-child(3) strong span{font-size:.5em;margin-left:calc(1 * var(--u));letter-spacing:calc(-2 * var(--u))}.is-polish .poster-heading>strong{transform:rotate(-.5deg)}}
@media(max-width:640px){.reference-stats strong span{margin-left:6px}.reference-stats>div:nth-child(3) strong span{font-size:.55em;margin-left:1px}.service-title h2{font-family:Line,Arial,sans-serif;font-weight:800;font-size:42px;letter-spacing:-1.8px;line-height:1.03}}
.seo-photo{clip-path:polygon(62% 0,100% 0,100% 100%,0 100%,18% 75%,90% 70%,90% 30%,40% 25%)}
/* Reset legacy shell rules on the retained legal pages. */
.reference-header{padding:0;background:transparent;color:var(--ink)}.reference-footer{padding:0;background:transparent;color:var(--ink);display:block}.form-status-card{border-radius:0;color:var(--ink);transform:none}.form-status-card::before{display:none}
@media(max-width:640px){.reference-header{padding:0 22px}.reference-footer{display:grid;padding:20px 22px}}


/* V5: legal pages share the homepage shell and its exact horizontal inset. */
body.legal-layout .legal-page {
  width: auto;
  max-width: none;
  margin: 0 calc(56 * var(--u)) 0 calc(63 * var(--u));
  padding: 60px 0 64px !important;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.82;
}
body.legal-layout .legal-page h1 {
  font-size: clamp(2.8rem, 6vw, 5.5rem);
  line-height: .98;
  margin: 0 0 38px;
  text-transform: uppercase;
}
body.legal-layout .legal-page h2 {
  font-size: 1.35rem;
  line-height: 1.25;
  font-weight: 800;
  margin: 42px 0 14px;
}
body.legal-layout .legal-page h3 {
  font-size: 1.02rem;
  line-height: 1.5;
  font-weight: 800;
  margin: 24px 0 8px;
}
body.legal-layout .legal-page p,
body.legal-layout .legal-page ul { margin-bottom: 16px; }
body.legal-layout .legal-page ul { padding-left: 22px; }
body.legal-layout .legal-page a { text-underline-offset: 3px; overflow-wrap: anywhere; }
body.legal-layout .legal-note { margin: 26px 0; padding: 18px 20px; }
body.legal-layout .reference-footer {
  position: relative;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) minmax(240px, 280px);
  align-items: center;
  gap: 24px;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 112px;
  margin: 0 calc(56 * var(--u)) 0 calc(63 * var(--u));
  padding: 24px 0;
  border-top: 1px solid #5e5a4e4a;
}
body.legal-layout .reference-footer > .reference-logo {
  position: static;
  inset: auto;
  display: block;
  width: 180px;
  max-width: 180px;
  margin: 0;
}
body.legal-layout .reference-footer-nav {
  position: static;
  inset: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 18px;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 42px;
  margin: 0;
  padding: 0 18px;
  border-left: 1px solid #5e5a4e4a;
  border-right: 1px solid #5e5a4e4a;
  font: 12px/1.5 var(--mono);
}
body.legal-layout .reference-footer-nav a { white-space: nowrap; }
body.legal-layout .footer-message {
  position: static;
  inset: auto;
  grid-column: auto;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  color: #46463f;
  font: 12px/1.6 var(--font-main);
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}
body.legal-layout .legal-strip {
  width: auto;
  max-width: none;
  margin: 0 calc(56 * var(--u)) 0 calc(63 * var(--u));
  padding: 15px 0 24px;
  gap: 16px;
  align-items: baseline;
  font-size: 11px;
  line-height: 1.6;
}
body.legal-layout .legal-strip > div:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  min-width: 0;
}
body.legal-layout .legal-strip > div:last-child { white-space: nowrap; }
body.legal-layout .inquiry-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
}
@media (max-width: 880px) {
  body.legal-layout .reference-footer { grid-template-columns: 180px minmax(0, 1fr); }
  body.legal-layout .footer-message { grid-column: 1 / -1; }
  body.legal-layout .reference-footer-nav {
    justify-content: flex-end;
    border: 0;
    padding: 0;
  }
}
@media (max-width: 640px) {
  body.legal-layout .legal-page {
    margin: 0 22px;
    padding: 38px 0 40px !important;
  }
  body.legal-layout .legal-page h1 { font-size: clamp(2.25rem, 10vw, 3.5rem); overflow-wrap: anywhere; }
  body.legal-layout .reference-footer {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    margin: 0 22px;
    padding: 24px 0;
  }
  body.legal-layout .reference-footer > .reference-logo { width: 137px; }
  body.legal-layout .reference-footer-nav {
    justify-content: flex-start;
    min-height: 0;
    gap: 12px 20px;
  }
  body.legal-layout .legal-strip {
    flex-wrap: wrap;
    margin: 0 22px;
    gap: 12px 20px;
  }
}

/* V7: compact offer detail entry and complete offer dialog. */
.offer-caption { display:flex; flex-wrap:wrap; align-items:baseline; gap:calc(3 * var(--u)) calc(8 * var(--u)); font-size:calc(10.5 * var(--u)); text-decoration:none; }
.offer-caption > span:first-child { text-decoration:underline; text-underline-offset:2px; }
.offer-details-trigger { border:0; border-radius:0; background:var(--lime); color:var(--ink); padding:2px 6px; font:inherit; letter-spacing:inherit; text-decoration:none; cursor:pointer; }
.offer-details-trigger:hover { background:#d4ff00; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.offer-dialog { --u:1px; position:fixed; inset:0; width:min(980px,calc(100% - 40px)); max-height:calc(100dvh - 40px); margin:auto; padding:0; border:1px solid #080808; border-radius:0; background:var(--paper); color:var(--ink); overflow:auto; overscroll-behavior:contain; }
.offer-dialog:not([open]) { display:none; }
.offer-dialog::backdrop { background:#111b; backdrop-filter:blur(5px); }
.offer-dialog-topbar { position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 20px; background:var(--paper); border-bottom:1px solid #0002; z-index:5; }
.offer-dialog-topbar > span { font:11px/1.4 var(--mono); letter-spacing:.1em; }
.offer-dialog-close { flex:none; width:38px; height:38px; padding:0; border:0; background:#080808; color:var(--lime); font:30px/1 Arial,sans-serif; }
.offer-dialog-close:hover { background:var(--lime); color:#080808; }
.offer-dialog-body { padding:30px 34px 34px; }
.offer-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.offer-dialog-kicker { font:11px/1.5 var(--mono); letter-spacing:.1em; margin-bottom:9px; }
.offer-dialog-heading h2 { font:46px/1.07 Anton,sans-serif; letter-spacing:-.5px; margin:0; }
.offer-dialog-price { padding:16px 20px; background:var(--lime); transform:rotate(-2deg); flex:none; }
.offer-dialog-price strong { display:block; font:43px/1.2 Anton,sans-serif; }
.offer-dialog-price > span { display:block; font:10px/1.5 var(--mono); }
.offer-dialog-lead { margin:24px 0; font-size:15px; line-height:1.6; max-width:75ch; }
.offer-detail-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
.offer-detail-card { padding:22px; border:1px solid #0003; background:#f7f4eb; }
.offer-detail-number { display:block; font:11px/1 var(--mono); margin-bottom:15px; }
.offer-dialog h3 { font-size:18px; font-weight:800; line-height:1.3; letter-spacing:-.25px; margin:0 0 12px; }
.offer-detail-card ul { margin:0; padding:0 0 0 18px; font-size:13px; line-height:1.65; }
.offer-detail-card li + li { margin-top:5px; }
.offer-running-costs { position:relative; margin:25px 0; padding:24px; border:1px solid #0005; background:#d3f82425; }
.offer-discount-badge { display:inline-block; background:var(--lime); padding:7px 10px; margin:0 0 15px; font:700 11px/1.4 var(--mono); letter-spacing:.05em; }
.offer-running-costs > p { font-size:13px; line-height:1.6; }
.offer-cost-table { width:100%; border-collapse:collapse; margin:18px 0 14px; text-align:left; }
.offer-cost-table th,.offer-cost-table td { padding:13px 10px; border-bottom:1px solid #0003; vertical-align:top; }
.offer-cost-table thead th { font:700 11px/1.5 var(--mono); background:#080808; color:var(--lime); }
.offer-cost-table tbody th { font-size:13px; font-weight:800; }
.offer-cost-table td strong { display:block; font-size:15px; line-height:1.4; }
.offer-cost-table td small { display:block; font-size:11px; line-height:1.5; margin-top:4px; color:#49493f; }
.offer-cost-table td:nth-child(2) { background:#d3f82455; }
.offer-cost-saving { font:11px/1.5 var(--mono)!important; }
.offer-small-print { margin:0 0 24px; }
.offer-small-print h3 { font-size:16px; }
.offer-small-print p { font-size:12px; line-height:1.65; }
.offer-process { padding-top:22px; border-top:1px solid #0003; }
.offer-process ol { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; counter-reset:offer-step; }
.offer-process li { counter-increment:offer-step; font-size:12px; line-height:1.5; }
.offer-process li::before { content:counter(offer-step,decimal-leading-zero); display:block; font:700 12px/1.5 var(--mono); margin-bottom:6px; }
.offer-why-price { margin-top:24px; padding-top:18px; border-top:1px solid #0003; font-size:12px; line-height:1.65; }
.offer-dialog-actions { margin-top:24px; display:flex; align-items:center; gap:20px; }
.offer-dialog-actions > span { font:10px/1.5 var(--mono); }
@media(max-width:640px) {
  .offer-caption { font-size:11px; gap:4px 8px; }
  .offer-dialog { width:calc(100% - 20px); max-height:calc(100dvh - 20px); }
  .offer-dialog-topbar { padding:10px 14px; }
  .offer-dialog-topbar > span { font-size:9px; }
  .offer-dialog-body { padding:22px 18px 26px; }
  .offer-dialog-heading { flex-direction:column; align-items:flex-start; gap:20px; }
  .offer-dialog-heading h2 { font-size:36px; }
  .offer-dialog-price { padding:12px 16px; }
  .offer-dialog-price strong { font-size:36px; }
  .offer-dialog-lead { font-size:14px; margin:22px 0; }
  .offer-detail-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
  .offer-detail-card { padding:18px; }
  .offer-running-costs { padding:17px 12px; }
  .offer-cost-table th,.offer-cost-table td { padding:11px 6px; }
  .offer-cost-table thead th { font-size:10px; }
  .offer-cost-table tbody th { font-size:11px; }
  .offer-cost-table td strong { font-size:12px; }
  .offer-cost-table td small { font-size:10px; }
  .offer-process ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .offer-dialog-actions { flex-direction:column; align-items:flex-start; gap:12px; }
}