@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter+Tight:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0a0a0a;--fg:#fafafa;--accent:#ff3d00;--accent-light:#ff704d;--muted:#a3a3a3;--line:#292929;--surface:#151515;--font:'Inter Tight',Inter,Arial,sans-serif;--mono:'DM Mono',Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-light);outline-offset:5px}::selection{background:var(--accent);color:#090909}.shell{width:min(100% - 92px,1320px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:#0a0a0af0;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:86px;display:flex;justify-content:space-between;align-items:center;gap:2rem}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{height:39px;width:39px;color:var(--accent);display:block}.brand-mark svg{width:100%;height:100%}.brand-name,.footer-brand{font-weight:900;letter-spacing:-.065em;font-size:1.45rem}.brand-name span,.footer-brand span{font-weight:500}.brand-name b,.footer-brand b{color:var(--accent)}.desktop-nav{display:flex;gap:2.25rem;margin-left:auto}.desktop-nav a{font-size:.81rem;color:#cacaca;font-weight:600;transition:color .15s}.desktop-nav a:hover{color:var(--accent-light)}.nav-actions{display:flex;align-items:center;gap:1.45rem}.language-switch{display:flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.69rem;color:#777}.language-switch button{padding:.5rem .1rem;border:0;background:none;color:#747474;cursor:pointer}.language-switch button[aria-pressed=true]{color:var(--fg)}.nav-cta{border:1px solid #eee;padding:.8rem 1rem;font-family:var(--mono);font-size:.69rem;letter-spacing:.03em;white-space:nowrap;transition:all .2s}.nav-cta:hover{background:#eee;color:#111}.nav-cta span{margin-left:.75rem}.menu-toggle{display:none;background:none;border:0;width:32px;padding:7px 0;cursor:pointer}.menu-toggle span{display:block;background:white;height:2px;margin:5px 0}.mobile-nav{display:none}.hero{min-height:calc(100svh - 86px);position:relative;display:flex;flex-direction:column;justify-content:center;padding-top:7rem;padding-bottom:3.1rem}.eyebrow,.overline,.hero-foot,.hero-side,.art-top,.art-bottom,.service-no,.service-tags,.step>span,.disclaimer,.pricing-footnote,.contact-note,.footer,.project-meta p{font-family:var(--mono);font-size:.68rem;letter-spacing:.105em}.eyebrow{color:#b6b6b6;display:flex;align-items:center;gap:13px}.status-dot{height:8px;width:8px;border-radius:50%;background:var(--accent)}.hero h1{font-size:clamp(4rem,11vw,10.5rem);line-height:.91;letter-spacing:-.083em;font-weight:900;margin:2.6rem 0 2.9rem;white-space:nowrap}.hero h1 em,.contact-section h2 em{font-style:normal;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:3rem}.hero-bottom p{font-size:clamp(1.08rem,1.6vw,1.4rem);line-height:1.5;color:#b8b8b8;max-width:490px;margin:0}.text-link{font-family:var(--mono);letter-spacing:.08em;font-size:.79rem;color:var(--accent-light);display:inline-flex;gap:2.5rem;align-items:center;border-bottom:2px solid var(--accent);padding:0 0 11px;white-space:nowrap;transition:gap .2s}.text-link:hover{gap:3rem}.text-link span:last-child{font-size:1.2rem}.hero-foot{color:#747474;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--line);margin-top:auto;padding-top:2rem;position:relative;top:3.1rem}.hero-side{position:absolute;right:-12px;top:48%;writing-mode:vertical-rl;color:#444}.section{padding:clamp(5rem,10vw,10rem) 0;scroll-margin-top:70px}.section-heading{max-width:900px;margin-bottom:3.75rem}.overline{color:#a1a1a1;margin:0 0 2.5rem}.overline>span:first-child{color:var(--accent-light)}.section h2{font-size:clamp(3.2rem,7.7vw,7rem);line-height:.95;letter-spacing:-.075em;font-weight:800;margin:0}.accent{color:var(--accent)}.section-lead{font-size:1.1rem;line-height:1.65;color:#aaa;max-width:400px;margin:1.7rem 0 0}.services-section{background:var(--surface)}.service-list{border-top:1px solid #3a3a3a}.service-row{border-bottom:1px solid #3a3a3a;display:grid;grid-template-columns:90px minmax(0,1fr) 42px;gap:1rem;padding:2.2rem 0;transition:background .2s}.service-row:hover{background:#1b1b1b}.service-no{color:var(--accent-light);padding-top:.65rem}.service-row h3{font-size:clamp(1.7rem,3.3vw,3rem);letter-spacing:-.045em;margin:0}.service-row p{color:#aaa;line-height:1.6;max-width:620px;font-size:1rem;margin:.65rem 0 0}.service-arrow{justify-self:end;font-size:1.65rem;color:var(--accent)}.service-tags{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.25rem}.service-tags span{border:1px solid #444;padding:.5rem .6rem;color:#bbb;font-size:.59rem}.heading-flex{display:flex;justify-content:space-between;align-items:end;gap:2.5rem;margin-bottom:3.7rem}.heading-flex .section-lead{margin-bottom:0;flex:0 1 350px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.work-card{min-width:0}.project-art{height:clamp(240px,31vw,385px);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;overflow:hidden;transition:filter .25s}.work-card:hover .project-art{filter:brightness(1.12)}.art-top,.art-bottom{letter-spacing:.12em}.art-law{background:#e7e2d8;color:#292c27}.art-law-title{font-family:Georgia,serif;font-size:clamp(4rem,8vw,7.5rem);line-height:.8;letter-spacing:-.07em;margin:auto;text-align:center}.art-law-title span{color:#a77c48}.art-law-title small,.art-finance-title small{font-family:var(--mono);font-size:.54rem;letter-spacing:.25em;display:block;margin-top:1.6rem}.art-finance{background:#153e38;color:#e8f3d6;position:relative}.art-finance-title{font-weight:900;font-size:clamp(3.5rem,7vw,6rem);letter-spacing:-.09em;margin-top:2rem;z-index:1}.art-finance-title span{color:#b6e986}.art-chart{height:75px;display:flex;gap:6px;align-items:end;margin-left:auto;opacity:.55}.art-chart i{display:block;width:17px;background:#a3d6a1}.art-chart i:nth-child(1){height:30%}.art-chart i:nth-child(2){height:53%}.art-chart i:nth-child(3){height:38%}.art-chart i:nth-child(4){height:85%}.art-chart i:nth-child(5){height:100%}.art-wellness{background:#e6cfc8;color:#664c50}.art-wellness-title{font-family:Georgia,serif;font-style:italic;font-size:clamp(2.8rem,5.2vw,5rem);line-height:1;letter-spacing:-.07em;margin:auto}.art-wellness-title span{color:#bc6e63}.project-meta{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #333;padding:1.2rem 0}.project-meta h3{margin:0 0 .35rem;font-size:1.15rem;letter-spacing:-.02em}.project-meta p{margin:0;color:#939393;letter-spacing:0}.project-meta>span{color:var(--accent);font-size:1.45rem}.disclaimer{color:#777;margin-top:1.5rem;line-height:1.7;letter-spacing:0}.process-section{background:#101010}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #333}.step{padding:2.3rem 2.2rem 1.6rem 0}.step:not(:first-child){border-left:1px solid #333;padding-left:2.2rem}.step>span{color:var(--accent-light)}.step h3{font-size:1.9rem;letter-spacing:-.04em;margin:2.4rem 0 .75rem}.step p{color:#aaa;line-height:1.6;max-width:300px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pricing-card{border:1px solid #343434;padding:2rem 1.65rem;position:relative;display:flex;flex-direction:column;min-width:0}.pricing-card.featured{border:2px solid var(--accent);padding:calc(2rem - 1px) calc(1.65rem - 1px)}.plan-badge{font-family:var(--mono);letter-spacing:.08em;font-size:.62rem;color:var(--accent-light);margin-bottom:1.3rem}.pricing-card:not(.featured) .plan-badge{visibility:hidden}.plan-name{font-size:1.3rem;margin:0 0 1.5rem;font-weight:600}.plan-price{font-size:clamp(2.7rem,4vw,4.5rem);font-weight:800;letter-spacing:-.075em;margin:0;white-space:nowrap}.currency{font-size:.8rem;letter-spacing:0;color:#999;margin-top:.2rem}.plan-description{color:#aaa;font-size:.95rem;line-height:1.55;min-height:3rem;margin:1.7rem 0}.plan-rule{height:1px;background:#363636}.features{list-style:none;padding:0;margin:1.1rem 0 2rem;flex:1}.features li{color:#d4d4d4;display:flex;gap:.7rem;align-items:baseline;padding:.65rem 0;font-size:.88rem;line-height:1.45}.features li::before{content:'↗';color:var(--accent-light);font-size:.83rem}.plan-action{font-family:var(--mono);font-size:.67rem;letter-spacing:.04em;border:1px solid #777;padding:1rem .8rem;text-align:center;transition:all .2s}.plan-action:hover,.pricing-card.featured .plan-action{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.pricing-card.featured .plan-action:hover{background:#ff784e}.pricing-footnote{color:#878787;margin-top:1.3rem;line-height:1.65;letter-spacing:0}.systems-callout{margin-top:4.7rem;border-top:1px solid #3e3e3e;border-bottom:1px solid #3e3e3e;padding:3rem 0;display:flex;align-items:end;justify-content:space-between;gap:2rem}.systems-callout .overline{margin-bottom:1.2rem}.systems-callout h3{font-size:clamp(1.8rem,3.4vw,3.4rem);letter-spacing:-.06em;margin:0}.systems-callout p:not(.overline){line-height:1.6;color:#aaa;max-width:530px}.contact-section{background:#f0eee9;color:#0a0a0a;padding:clamp(6rem,12vw,12rem) 0}.contact-overline{color:#444}.contact-section h2{font-size:clamp(3.7rem,10vw,10rem);line-height:.94;letter-spacing:-.085em;margin:0 0 2.3rem}.contact-section p:not(.overline){font-size:1.15rem;max-width:530px;line-height:1.6;color:#4e4e4e}.contact-big-link{display:flex;justify-content:space-between;align-items:center;max-width:770px;border-bottom:3px solid #101010;padding:1.4rem 0;font-size:clamp(1.3rem,2.6vw,2.7rem);font-weight:800;letter-spacing:-.04em;margin-top:3rem}.contact-big-link:hover{color:#e43800;border-color:#e43800}.contact-section .contact-note{font-size:.72rem!important;color:#767676!important;font-family:var(--mono)}.footer{padding:2.2rem 0;color:#999;letter-spacing:.02em}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-brand{color:#fff;font-family:var(--font);font-size:1.35rem}.footer-right{display:flex;gap:2rem}.footer-right a:hover{color:var(--accent-light)}
@media(max-width:1080px){.desktop-nav{gap:1rem}.nav-cta{display:none}.hero h1{font-size:clamp(4rem,11vw,8rem)}.work-grid{gap:.7rem}.project-art{padding:1rem}}@media(max-width:760px){.shell{width:min(100% - 40px,1320px)}.nav-inner{height:70px}.brand-mark{height:34px;width:34px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:0 0 1.25rem;gap:0}.mobile-nav a{border-top:1px solid #292929;padding:1rem 0}.hero{min-height:calc(90svh - 70px);padding-top:5rem;padding-bottom:2rem}.hero h1{white-space:normal;font-size:clamp(3.5rem,12.6vw,7rem);margin:2.7rem 0}.hero-bottom{display:block}.hero-bottom p{margin-bottom:2.5rem}.hero-foot{top:2rem;font-size:.54rem}.hero-side{display:none}.section{padding:5.5rem 0}.section-heading{margin-bottom:2.5rem}.section h2{font-size:clamp(3rem,12vw,5rem)}.heading-flex{display:block;margin-bottom:2.5rem}.heading-flex .section-lead{margin-top:1.5rem}.service-row{grid-template-columns:38px minmax(0,1fr) 20px;padding:1.8rem 0;gap:.5rem}.service-row h3{font-size:1.65rem}.service-row p{font-size:.93rem}.service-arrow{font-size:1.1rem}.work-grid{grid-template-columns:1fr;gap:2.3rem}.project-art{height:340px;padding:1.4rem}.art-law-title{font-size:7rem}.art-finance-title{font-size:6rem}.art-wellness-title{font-size:5rem}.steps{display:block}.step,.step:not(:first-child){border-left:0;border-bottom:1px solid #333;padding:2rem 0}.step h3{margin-top:1rem}.pricing-grid{grid-template-columns:1fr;gap:1rem}.pricing-card{padding:2rem}.pricing-card.featured{padding:calc(2rem - 1px)}.plan-description{min-height:0}.plan-price{font-size:3.6rem}.systems-callout{display:block}.systems-callout .text-link{margin-top:1.5rem;white-space:normal}.contact-section h2{font-size:clamp(3.5rem,11vw,6.5rem)}.footer-inner{flex-wrap:wrap}.footer-inner>p{order:3;flex-basis:100%}.footer-right{gap:.8rem;flex-wrap:wrap}}@media(max-width:390px){.brand-name{font-size:1.2rem}.nav-actions{gap:1rem}.hero h1{font-size:12vw}.hero-foot span:first-child{max-width:185px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V2 — genuine website demo previews. Scaled desktop documents are only visual previews. */
.project-preview{display:block;position:relative;height:clamp(240px,31vw,385px);overflow:hidden;background:#e5e5e5;isolation:isolate;border:1px solid #333;}
.project-preview iframe{position:absolute;left:0;top:0;width:1200px;height:950px;border:0;pointer-events:none;transform-origin:top left;transform:scale(.32);background:#fff;}
.project-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.6) 100%);pointer-events:none;}
.preview-overlay{position:absolute;z-index:1;right:15px;bottom:16px;background:var(--accent);color:#0a0a0a;padding:9px 13px;font-family:var(--mono);font-size:.67rem;font-weight:700;letter-spacing:.04em;transition:background .2s;}
.project-preview:hover .preview-overlay,.project-preview:focus-visible .preview-overlay{background:#ff875f;}
.project-preview:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.project-meta-link{color:inherit;text-decoration:none;}
.project-meta-link:hover h3{color:var(--accent-light);}
@media(max-width:1080px){.project-preview iframe{transform:scale(.26)}}
@media(max-width:760px){.project-preview{height:340px}.project-preview iframe{transform:scale(.34)}}
@media(max-width:420px){.project-preview iframe{transform:scale(.26)}}

/* V3: final monogram asset and detail-page entry */
.brand-mark img{width:100%;height:100%;display:block}
.details-cta{margin:2.1rem 0 0}
.details-cta .text-link{font-size:.72rem;white-space:normal}
.detail-intro{padding-top:7rem;padding-bottom:4rem;border-bottom:1px solid var(--line)}
.detail-intro h1{font-size:clamp(3.4rem,9vw,8rem);line-height:.95;letter-spacing:-.075em;margin:1.5rem 0}
.detail-intro p{max-width:690px;line-height:1.65;font-size:1.12rem;color:#bcbcbc}
.addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#333;border:1px solid #333}
.addon{background:#0a0a0a;padding:2rem;min-height:230px;display:flex;flex-direction:column;gap:1.1rem}
.addon h3{font-size:1.35rem;line-height:1.2;margin:0;letter-spacing:-.035em}
.addon p{color:#aaa;margin:0;line-height:1.55;font-size:.92rem;flex:1}
.addon strong{font-size:1.7rem;letter-spacing:-.045em;color:var(--accent-light)}
.maintenance-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;border-top:1px solid #333;padding-top:2rem}
.maintenance-grid h3{font-size:clamp(2.3rem,5vw,4rem);margin:.2rem 0;letter-spacing:-.06em}
.maintenance-grid p{color:#aaa;line-height:1.65}
.maintenance-grid ul{list-style:none;padding:0;margin:0}
.maintenance-grid li{border-bottom:1px solid #333;padding:1rem 0;color:#ddd}
.maintenance-grid li::before{content:'↗';color:var(--accent);margin-right:1rem}
.detail-note{color:#aaa;line-height:1.6;font-size:.88rem;margin-top:1.5rem}
.details-footer-link{display:inline-block;padding:1.2rem 0;color:var(--accent-light);font-family:var(--mono);font-size:.8rem}
@media(max-width:760px){.addon-grid{grid-template-columns:1fr}.addon{min-height:0}.maintenance-grid{grid-template-columns:1fr;gap:1.2rem}.detail-intro{padding-top:4rem}}

/* Contact form — clean editorial treatment */
.contact-form{max-width:850px;margin-top:3rem}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 1.6rem}.contact-form label{display:flex;flex-direction:column;gap:.6rem;font-family:var(--mono);font-size:.76rem;letter-spacing:.02em;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#fff;color:#111;border:1px solid #a9a49e;border-radius:0;padding:1rem;font:400 1rem/1.5 var(--font);min-height:52px}.contact-form textarea{resize:vertical}.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #e43800;outline-offset:2px}.contact-message{grid-column:1/-1}.contact-form-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.4rem}.contact-form button{background:#0a0a0a;color:#fafafa;border:2px solid #0a0a0a;cursor:pointer;font:700 .8rem var(--mono);letter-spacing:.07em;padding:1rem 1.5rem;min-height:52px}.contact-form button:hover{background:#e43800;border-color:#e43800}.contact-form button:disabled{opacity:.65;cursor:wait}.contact-section .contact-feedback{font-size:.85rem!important;margin:0!important}.contact-section .contact-feedback.success{color:#176439!important}.contact-section .contact-feedback.error{color:#a5210d!important}.contact-section .contact-privacy{font-size:.79rem!important;color:#555!important;margin-top:1.2rem}.honey{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}@media(max-width:700px){.contact-form-grid{grid-template-columns:1fr}.contact-message{grid-column:auto}}
