:root{--paper: #f3ede3;--paper-strong: rgba(255, 251, 245, .88);--paper-soft: rgba(255, 247, 239, .66);--ink: #171a21;--ink-soft: #4c5562;--ink-muted: #6e7580;--line: rgba(23, 26, 33, .12);--line-strong: rgba(23, 26, 33, .22);--cobalt: #163fd2;--cobalt-soft: rgba(22, 63, 210, .12);--ember: #d4582e;--emerald: #2f7560;--shadow-soft: 0 24px 60px rgba(16, 22, 34, .12);--shadow-strong: 0 28px 90px rgba(15, 21, 34, .16);--radius-lg: 30px;--radius-md: 20px;--radius-sm: 14px;--font-display: "Fraunces", serif;--font-body: "Hanken Grotesk", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;min-width:320px;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at top left,rgba(22,63,210,.12),transparent 32rem),radial-gradient(circle at 100% 20%,rgba(212,88,46,.12),transparent 28rem),linear-gradient(180deg,#f8f2e8,#f2ebdf);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(23,26,33,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,26,33,.035) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 92%);z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;max-width:100%}#root{min-height:100vh}:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}.app-shell{position:relative;overflow:clip}.app-main{position:relative;z-index:1}.container{width:min(1140px,calc(100% - 2rem));margin:0 auto}.section{position:relative;padding:6rem 0;scroll-margin-top:7rem}.surface-card{background:linear-gradient(180deg,var(--paper-strong) 0%,rgba(255,255,255,.65) 100%);border:1px solid rgba(255,255,255,.58);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-header{display:grid;gap:1rem;margin-bottom:3rem;max-width:52rem}.section-kicker{margin:0;color:var(--cobalt);font-size:.82rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.section-heading{margin:0;font-family:var(--font-display);font-size:clamp(2.3rem,4vw,4.2rem);font-weight:600;line-height:.98;letter-spacing:-.03em;max-width:16ch}.section-intro,.about-note,.project-description,.service-description,.hero-description,.contact-method-copy span,.form-helper,.hero-lane-note,.hero-board-block p,.about-panel-copy,.metric-label,.footer-copy,.footer-note{color:var(--ink-soft);line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:3rem;padding:.95rem 1.35rem;border-radius:999px;border:1px solid transparent;font-size:.96rem;font-weight:700;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--cobalt),#2f5ef1);box-shadow:0 16px 34px #163fd247}.button-primary:hover{box-shadow:0 18px 38px #163fd257}.button-secondary{color:var(--ink);background:#ffffff94;border-color:#171a211f}.button-secondary:hover{border-color:#163fd240;color:var(--cobalt)}.navbar{position:fixed;inset:1rem 0 auto;z-index:50;pointer-events:none}.navbar-inner{width:min(1140px,calc(100% - 2rem));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#f8f4eda8;box-shadow:0 10px 40px #12172214;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;transition:padding .18s ease,box-shadow .18s ease,background-color .18s ease}.navbar-inner.is-scrolled{padding-block:.78rem;background:#f8f4ede6;box-shadow:0 16px 44px #12172224}.brand{display:inline-flex;align-items:center;gap:.85rem;min-width:0}.brand-mark{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.9rem;background:linear-gradient(135deg,var(--cobalt) 0%,#244cd8 55%,var(--ember) 100%);color:#fff;font-weight:800;box-shadow:0 14px 24px #163fd242}.brand-text{display:grid;gap:.1rem;min-width:0}.brand-text strong{font-size:1rem;line-height:1;letter-spacing:.18em}.brand-text small{color:var(--ink-muted);font-size:.78rem;white-space:nowrap}.navbar-links{display:inline-flex;align-items:center;gap:1.4rem}.nav-link{position:relative;color:var(--ink-soft);font-size:.95rem;font-weight:600}.nav-link:after{content:"";position:absolute;left:0;bottom:-.35rem;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--cobalt),var(--ember));transition:transform .18s ease}.nav-link:hover:after{transform:scaleX(1)}.navbar-cta{flex-shrink:0}.mobile-toggle,.mobile-menu{display:none}.hero{padding-top:9.5rem}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(125deg,rgba(22,63,210,.08) 0%,transparent 38%),linear-gradient(305deg,rgba(212,88,46,.08) 0%,transparent 36%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:stretch}.hero-copy-block{display:grid;align-content:start;gap:1.4rem;padding-right:1rem}.hero-title{margin:0;font-family:var(--font-display);font-size:clamp(3.5rem,7vw,6.5rem);font-weight:600;line-height:.92;letter-spacing:-.05em;max-width:11ch}.hero-description{max-width:40rem;font-size:1.08rem;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.5rem}.hero-proof-list{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin:0;padding:0;list-style:none}.hero-proof-item{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink-soft);font-weight:600}.hero-proof-item svg{color:var(--emerald)}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.5rem}.metric-card{border-radius:var(--radius-md);padding:1.2rem}.metric-value{display:block;margin-bottom:.3rem;font-size:2rem;font-weight:800;line-height:1}.metric-label{display:block;font-size:.92rem}.hero-board{position:relative;display:grid;align-content:start;gap:1.4rem;padding:1.6rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-strong)}.hero-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(22,63,210,.08),transparent 45%),linear-gradient(315deg,rgba(212,88,46,.08),transparent 40%);pointer-events:none}.hero-board-header,.hero-board-grid,.hero-lanes{position:relative;z-index:1}.hero-board-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.hero-board-caption{color:var(--ink-muted);font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero-board-title{font-size:.96rem;font-weight:800;letter-spacing:.18em}.hero-board-grid{display:grid;gap:1rem}.hero-board-block{padding:1rem 0;border-bottom:1px solid var(--line)}.hero-board-block:last-child{border-bottom:0}.hero-board-overline{display:inline-block;margin-bottom:.55rem;color:var(--ink-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.hero-board-heading{margin:0;font-family:var(--font-display);font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.02}.hero-board-block p{margin:0}.hero-lanes{display:grid;gap:.75rem}.hero-lane{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;padding:.95rem 1rem;border-radius:var(--radius-sm);background:#ffffff5c;border:1px solid rgba(23,26,33,.08)}.hero-lane-label{color:var(--cobalt);font-size:.88rem;font-weight:800;letter-spacing:.18em}.hero-lane-note{margin:0}.services-grid,.contact-methods{display:grid;gap:1.2rem}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.project-card,.about-panel,.contact-method{content-visibility:auto}.service-card{display:grid;border-radius:var(--radius-lg);overflow:hidden}.service-media{position:relative;aspect-ratio:16 / 11;overflow:hidden}.service-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(23,26,33,.14) 100%)}.service-image{width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.service-card:hover .service-image{transform:scale(1.04)}.service-icon-badge,.contact-method-icon{display:inline-grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:50%;color:var(--cobalt);background:#ffffffc2;border:1px solid rgba(255,255,255,.9)}.service-icon-badge{position:absolute;left:1rem;bottom:1rem;z-index:1}.service-index{position:absolute;top:1rem;right:1rem;z-index:1;color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.22em}.service-body{display:grid;gap:.9rem;padding:1.35rem 1.35rem 1.5rem}.service-title,.project-title,.about-panel-title,.contact-panel h3{margin:0;font-size:1.45rem;line-height:1.12}.service-link{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;color:var(--cobalt);font-weight:700}.portfolio-list{display:grid;gap:1.6rem}.project-card{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:center;padding:1.4rem;border-radius:var(--radius-lg)}.project-card.reverse .project-gallery{order:2}.project-gallery{display:grid;gap:.85rem}.project-frame{position:relative;overflow:hidden;min-height:21rem;border-radius:1.7rem;background:#171a2114}.project-frame.is-empty{display:grid;place-items:center;gap:.6rem;color:var(--ink-muted)}.project-image{width:100%;height:100%;object-fit:cover}.gallery-thumbnail-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.gallery-thumbnail{padding:0;overflow:hidden;border:1px solid transparent;border-radius:1rem;background:transparent;cursor:pointer;opacity:.65;transition:transform .18s ease,opacity .18s ease,border-color .18s ease}.gallery-thumbnail img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.gallery-thumbnail.is-active{border-color:#163fd247;opacity:1;transform:translateY(-2px)}.project-copy{display:grid;gap:1rem;padding:.4rem}.project-tag{width:fit-content;padding:.42rem .68rem;border-radius:999px;color:var(--cobalt);background:var(--cobalt-soft);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.benefit-list{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.benefit-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;color:var(--ink-soft)}.benefit-item svg{margin-top:.2rem;color:var(--emerald)}.project-link{width:fit-content;margin-top:.35rem}.about-grid,.contact-grid,.footer-inner{display:grid;gap:1.6rem}.about-grid{grid-template-columns:1.05fr .95fr;align-items:start}.about-copy,.about-points,.about-panels{display:grid;gap:1rem}.about-point{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start}.about-point-mark{width:.75rem;height:.75rem;margin-top:.45rem;border-radius:50%;background:linear-gradient(135deg,var(--cobalt),var(--ember))}.about-point p{margin:0;color:var(--ink-soft)}.about-panel{display:grid;gap:.9rem;padding:1.5rem;border-radius:var(--radius-lg)}.about-panel-accent{color:var(--ember);font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.contact-grid{grid-template-columns:.92fr 1.08fr;align-items:start}.contact-sidebar{display:grid;gap:1rem}.contact-method{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;padding:1rem 1.1rem;border-radius:var(--radius-md)}.contact-method-copy{display:grid;gap:.15rem}.contact-method-copy strong{font-size:.98rem}.contact-panel{display:grid;gap:1.4rem;padding:1.65rem;border-radius:var(--radius-lg)}.contact-panel-header{display:grid;gap:.65rem}.contact-panel h3{max-width:18ch}.status-card{display:grid;gap:.85rem;justify-items:start}.status-card svg{color:var(--emerald)}.status-title{margin:0;font-size:1.35rem}.status-copy{margin:0;color:var(--ink-soft);line-height:1.65}.form-grid{display:grid;gap:1rem}.form-field{display:grid;gap:.45rem}.form-label{font-size:.88rem;font-weight:700;color:var(--ink-soft)}.form-input,.form-textarea{width:100%;border:1px solid rgba(23,26,33,.14);border-radius:1rem;background:#ffffff9e;color:var(--ink);padding:.95rem 1rem;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.form-textarea{resize:vertical;min-height:10rem}.form-input::placeholder,.form-textarea::placeholder{color:#4c5562b3}.form-input:hover,.form-textarea:hover,.form-input:focus,.form-textarea:focus{border-color:#163fd259;box-shadow:0 0 0 4px #163fd214;background:#ffffffd1;outline:none}.form-input.is-invalid,.form-textarea.is-invalid{border-color:#d4582e80;box-shadow:0 0 0 4px #d4582e14}.form-error{color:#b33d1a;font-size:.88rem}.form-status{display:inline-flex;align-items:center;gap:.55rem;border-radius:1rem;padding:.9rem 1rem;font-size:.94rem}.form-status.is-error{color:#8d2f14;background:#d4582e1a;border:1px solid rgba(212,88,46,.2)}.form-helper{margin:0;font-size:.92rem}.form-submit{width:100%}.hidden-trap{position:absolute;opacity:0;pointer-events:none;transform:translate(-9999px)}.spin{animation:spin 1s linear infinite}.footer{padding:0 0 2rem}.footer-inner{grid-template-columns:1fr auto;align-items:center;padding-top:1.4rem;border-top:1px solid var(--line)}.footer-copy,.footer-note{margin:0;font-size:.94rem}.back-to-top{position:fixed;right:1.4rem;bottom:1.4rem;z-index:40;display:inline-grid;place-items:center;width:3rem;height:3rem;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--cobalt),var(--ember));box-shadow:0 16px 38px #12172233;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.navbar-links,.navbar-cta{display:none}.mobile-toggle{display:inline-grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid rgba(23,26,33,.12);border-radius:50%;background:#ffffff80;color:var(--ink);pointer-events:auto}.mobile-menu{display:grid;gap:.45rem;width:min(1140px,calc(100% - 2rem));margin:.85rem auto 0;padding:1rem;border-radius:1.5rem;background:#f8f4edf5;box-shadow:0 16px 42px #12172224;pointer-events:auto}.mobile-link{padding:.9rem .6rem;border-bottom:1px solid var(--line);color:var(--ink-soft);font-weight:700}.mobile-link:last-of-type{border-bottom:0}.mobile-menu-cta{margin-top:.55rem}.hero-grid,.about-grid,.contact-grid,.project-card{grid-template-columns:1fr}.project-card.reverse .project-gallery{order:initial}.hero-copy-block{padding-right:0}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr}}@media(max-width:720px){.section{padding:4.6rem 0}.container{width:min(100%,calc(100% - 1.25rem))}.navbar{inset:.75rem 0 auto}.navbar-inner{padding-inline:.95rem}.brand-text small{display:none}.hero{padding-top:8.2rem}.hero-title{font-size:clamp(2.9rem,16vw,4.3rem)}.hero-metrics,.services-grid{grid-template-columns:1fr}.gallery-thumbnail-row{grid-template-columns:repeat(2,minmax(0,1fr))}.project-frame{min-height:16rem}.contact-panel,.hero-board,.project-card,.about-panel,.service-body{padding:1.15rem}.back-to-top{right:1rem;bottom:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}}