:root{color-scheme:light;--ink: #141712;--muted: #6f675d;--line: #d6c8b4;--paper: #f1e8d9;--white: #ffffff;--sage: #4f5f33;--clay: #7b4f2d;--sand: #d2b27d;--forest: #223018;--moss: #75824e;--walnut: #684323;--stone: #4b463d;--cream: #faf5ec;--shadow: 0 24px 70px rgba(20, 23, 18, .22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper)}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{position:fixed;top:0;right:0;left:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,72px);color:var(--white);background:linear-gradient(180deg,#0a0c0894,#0a0c0800)}.brand,.nav,.brief-actions,.modal-actions,.footer{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.brand-logo{width:48px;height:48px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#f3efe624;object-fit:contain;padding:5px}.nav{gap:clamp(14px,3vw,30px);font-size:14px;font-weight:700}.nav a{opacity:.82;transition:opacity .16s ease}.nav a:hover{opacity:1}.hero{position:relative;display:grid;width:100%;min-height:100vh;min-height:100svh;align-items:end;overflow:hidden;padding:132px clamp(20px,5vw,72px) clamp(70px,10vw,118px);color:var(--white)}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{width:100%;height:100%}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 46%}.hero-shade{background:linear-gradient(90deg,#0f120cc2,#181e1159 58%,#181e111f),linear-gradient(0deg,#13110d94,#13110d14 42%)}.hero-copy{position:relative;z-index:1;max-width:880px}.eyebrow{margin:0 0 14px;color:var(--walnut);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:var(--sand)}h1,h2,h3,p{margin-top:0}h1{max-width:1040px;margin-bottom:22px;font-size:clamp(42px,6.4vw,92px);line-height:.95;letter-spacing:0}h2{margin-bottom:0;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:0}h3{margin-bottom:12px;font-size:22px}.lead{max-width:670px;margin-bottom:34px;color:#ffffffd1;font-size:20px;line-height:1.55}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:8px;padding:13px 18px;font-weight:800;cursor:pointer}.button.primary{color:var(--white);background:var(--forest)}.hero .button.primary{border-color:var(--white);color:var(--ink);background:var(--white)}.button.secondary{color:var(--ink);background:transparent}.section,.contact{padding:clamp(58px,8vw,108px) clamp(20px,5vw,72px)}.section-heading{display:block;max-width:900px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{max-width:860px}.advantage-line{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.advantage-card{min-height:270px;border:1px solid var(--line);border-radius:8px;padding:28px;background:var(--white)}.advantage-card span,.steps span{display:block;margin-bottom:42px;color:var(--clay);font-size:14px;font-weight:900}.advantage-card p,.steps p,.contact-copy p,.modal-copy p,.form-status{color:var(--muted);line-height:1.6}.portfolio{background:var(--cream)}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.portfolio-heading .section-heading{margin-bottom:0}.portfolio-scroll-cue{display:flex;width:min(360px,70vw);align-items:center;gap:14px;justify-content:center;margin:24px auto 0;border:1px solid rgba(34,48,24,.12);border-radius:999px;padding:12px 14px 12px 18px;color:var(--forest);background:#ffffff8f;box-shadow:0 18px 44px #392b1c1f;cursor:pointer;touch-action:none;user-select:none}.portfolio-scroll-cue:focus-visible{outline:3px solid rgba(34,48,24,.34);outline-offset:4px}.portfolio-scroll-cue.is-dragging{cursor:grabbing}.portfolio-scroll-line{position:relative;height:6px;flex:1 1 auto;border-radius:999px;background:linear-gradient(90deg,#22301842,#22301814),#2230181a}.portfolio-scroll-thumb{position:absolute;top:50%;left:0;width:58px;height:18px;border:1px solid rgba(34,48,24,.18);border-radius:999px;background:var(--forest);box-shadow:0 8px 18px #22301838;cursor:grab;transform:translate(var(--scroll-thumb-x, 0),-50%);transition:transform 90ms linear}.portfolio-scroll-cue.is-dragging .portfolio-scroll-thumb{cursor:grabbing;transition:none}.portfolio-scroll-arrow{position:relative;width:44px;height:32px;flex:0 0 auto;border-radius:999px;background:var(--forest);box-shadow:0 10px 24px #22301838}.portfolio-scroll-arrow:before,.portfolio-scroll-arrow:after{position:absolute;content:""}.portfolio-scroll-arrow:before{top:50%;right:13px;width:14px;height:2px;border-radius:999px;background:var(--white);transform:translateY(-50%)}.portfolio-scroll-arrow:after{top:50%;right:12px;width:9px;height:9px;border-top:2px solid var(--white);border-right:2px solid var(--white);transform:translateY(-50%) rotate(45deg)}.portfolio-controls{display:none;flex:0 0 auto;gap:12px}.portfolio-arrow{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(34,48,24,.2);border-radius:50%;color:var(--forest);background:#fffaf0eb;box-shadow:0 12px 34px #392b1c1f;cursor:pointer;transition:background .16s ease,color .16s ease,opacity .16s ease}.portfolio-arrow svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.portfolio-arrow:hover:not(:disabled){color:var(--white);background:var(--forest)}.portfolio-arrow:disabled{cursor:default;opacity:.42;box-shadow:none}.portfolio-slider{display:grid;gap:20px;min-width:0;overflow-y:hidden}.project-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;touch-action:pan-y;user-select:none}.project-track:active{cursor:grabbing}.project-track::-webkit-scrollbar{display:none}.portfolio-dots{display:none;align-items:center;justify-content:center;gap:9px}.portfolio-dot{width:9px;height:9px;border:0;border-radius:999px;padding:0;background:#22301838;cursor:pointer;transition:width .16s ease,background .16s ease}.portfolio-dot[aria-current=true]{width:30px;background:var(--forest)}.project-card{position:relative;flex:0 0 calc((100% - 32px) / 3);height:593px;overflow:hidden;border:0;border-radius:8px;padding:0;background:var(--ink);cursor:pointer}.project-card img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;transition:transform .32s ease,opacity .32s ease}.project-overlay{position:absolute;inset:auto 0 0;display:grid;gap:6px;padding:22px;color:var(--white);text-align:left;background:linear-gradient(0deg,#000000b8,#0000);opacity:0;transform:translateY(16px);transition:opacity .22s ease,transform .22s ease}.project-overlay strong{font-size:20px}.project-overlay small{color:#ffffffbd;font-size:13px}.project-card:hover img{transform:scale(1.04);opacity:.92}.project-card:hover .project-overlay,.project-card:focus-visible .project-overlay{opacity:1;transform:translateY(0)}.process{background:var(--forest);color:var(--white)}.process .eyebrow{color:var(--sand)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none}.steps li{min-height:250px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:24px}.steps span{color:var(--sand)}.steps p{color:#ffffffb3}.contact{display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,.68fr);gap:clamp(26px,5vw,76px);align-items:start;background:linear-gradient(135deg,#fffaf0c7,#d9cab1e6),#e5d6bf}.contact-copy{position:sticky;top:96px}.contact-copy h2{margin-bottom:18px;text-transform:uppercase}.contact-copy p:not(.eyebrow){max-width:640px;font-size:18px;line-height:1.7}.brief-form{display:grid;gap:22px;border:1px solid rgba(104,67,35,.18);border-radius:8px;padding:26px;background:#fffaf2;box-shadow:0 28px 76px #392b1c2e}.brief-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.brief-progress button{display:grid;min-height:58px;align-content:center;gap:3px;border:1px solid rgba(104,67,35,.22);border-radius:8px;padding:8px;background:#f2e8d8;cursor:pointer;font-weight:900;text-align:left}.brief-progress button.active{border-color:var(--forest);color:var(--white);background:var(--forest)}.brief-progress span{font-size:13px}.brief-progress small{color:var(--muted);font-size:11px;font-weight:700;line-height:1.2}.brief-progress button.active small{color:#ffffffb3}.brief-step{display:none;min-width:0;margin:0;border:0;padding:0}.brief-step.active{display:grid;gap:16px}.brief-step legend{margin-bottom:14px;padding:0;font-size:28px;font-weight:900}.brief-step label{display:grid;gap:9px;color:var(--ink);font-size:14px;font-weight:800}.field-group{display:grid;gap:10px;color:var(--ink);font-size:14px;font-weight:800}.brief-step .choice{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-weight:700;line-height:1.45}.brief-step .choice input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--sage)}.brief-step .choice span{display:block}.brief-step input:not([type=radio]):not([type=checkbox]),.brief-step select,.brief-step textarea{width:100%;min-height:48px;border:1px solid rgba(104,67,35,.24);border-radius:8px;padding:12px 13px;color:var(--ink);background:#f8efe0}.brief-step input[type=number]{appearance:textfield;-moz-appearance:textfield}.brief-step input[type=number]::-webkit-outer-spin-button,.brief-step input[type=number]::-webkit-inner-spin-button{margin:0;appearance:none;-webkit-appearance:none}.input-suffix{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;overflow:hidden;border:1px solid rgba(104,67,35,.24);border-radius:8px;background:#f8efe0}.input-suffix input{border:0;min-width:0}.input-suffix small{display:grid;width:46px;min-height:48px;place-items:center;color:var(--muted);font-weight:800}.file-upload{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:56px;border:1px solid rgba(104,67,35,.24);border-radius:8px;padding:8px;background:#f8efe0;cursor:pointer}.file-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.file-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border-radius:8px;padding:9px 13px;color:var(--white);background:var(--forest);font-weight:800}.file-name{min-width:0;overflow:hidden;color:var(--muted);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.brief-step textarea{min-height:118px;resize:vertical}.brief-actions{justify-content:space-between;gap:12px}.brief-actions .button{min-width:132px}.hidden{display:none}.form-status{min-height:24px;margin:0;font-size:14px}.form-toast{position:fixed;right:clamp(16px,4vw,40px);bottom:clamp(18px,4vw,42px);z-index:20;max-width:min(420px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:16px 18px;color:var(--white);background:var(--forest);box-shadow:0 18px 46px #392b1c3d;font-weight:800;line-height:1.45;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease}.form-toast.visible{opacity:1;transform:translateY(0)}.form-toast[hidden]{display:none}.footer{flex-wrap:wrap;justify-content:flex-start;gap:24px;padding:24px clamp(20px,5vw,72px);color:#ffffffc7;background:var(--forest);font-size:14px}.footer a{display:inline-flex;align-items:center;gap:8px;font-weight:800}.footer-icon{display:inline-grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border-radius:6px;color:var(--white);fill:currentColor}.footer-icon-text{border:1px solid rgba(255,255,255,.24);font-size:10px;letter-spacing:0}.footer-icon-behance{width:28px;height:28px;font-size:12px}.footer-icon-max{width:24px;height:24px}.footer>span{margin-left:auto}.project-modal{width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 32px);border:0;border-radius:8px;padding:0;color:var(--ink);background:var(--white);box-shadow:var(--shadow)}.project-modal::backdrop{background:#000000b8}.modal-close{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:0;color:var(--ink);background:var(--white);cursor:pointer;font-size:28px;line-height:1}.modal-media{position:relative;max-height:68vh;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(210,178,125,.22),transparent 46%),linear-gradient(135deg,#1b2114,#332719 58%,#15170f);touch-action:pan-y}.modal-media img{display:block;width:100%;height:min(62vh,680px);object-fit:contain;opacity:1;transition:opacity .14s ease}.modal-media.loading img{opacity:0}.modal-media:after{position:absolute;top:50%;left:50%;z-index:1;width:46px;height:46px;border:3px solid rgba(255,255,255,.24);border-top-color:var(--white);border-radius:50%;content:"";opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.modal-media.loading:after{opacity:1;animation:modal-loader .76s linear infinite}.modal-image-arrow{position:absolute;top:50%;z-index:2;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:var(--white);background:#0d120b8a;box-shadow:0 16px 34px #00000042;cursor:pointer;transform:translateY(-50%);transition:background .16s ease,transform .16s ease}.modal-image-arrow svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8}.modal-image-next svg{transform:scaleX(-1)}.modal-image-arrow:hover{background:#0d120bd1;transform:translateY(-50%) scale(1.04)}.modal-image-arrow[hidden]{display:none}.modal-image-prev{left:14px}.modal-image-next{right:14px}.modal-image-dots{position:absolute;right:18px;bottom:16px;left:18px;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}.modal-image-dot{width:8px;height:8px;border:0;border-radius:999px;padding:0;background:#ffffff73}.modal-image-dot[aria-current=true]{width:26px;background:var(--white)}.modal-copy{padding:26px}.modal-copy h2{margin-bottom:14px}#modal-description{white-space:pre-line}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:22px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .62s ease,transform .62s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes modal-loader{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:1060px){.advantage-line,.steps{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.project-card{flex-basis:calc((100% - 16px)/2)}.contact-copy{position:static}}@media(max-width:760px){.site-header{position:absolute;align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px 0}.brand{max-width:100%;gap:8px;font-size:14px}.brand-logo{width:38px;height:38px}.nav{width:100%;overflow-x:auto;gap:8px;padding:2px 0 8px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 10px;background:#0f120c38;font-size:12px;line-height:1;white-space:nowrap}.hero{min-height:100vh;min-height:100svh;align-items:end;padding:142px 16px 42px}.hero-shade{background:linear-gradient(90deg,#0c0e09cc,#14190e61),linear-gradient(0deg,#12100ca3,#12100c1f 44%)}.hero-bg img{object-position:50% 50%}.hero-copy{max-width:100%}h1{max-width:100%;margin-bottom:14px;overflow-wrap:anywhere;font-size:34px;line-height:1.02}.lead{max-width:100%;margin-bottom:22px;overflow-wrap:anywhere;font-size:16px;line-height:1.45}.section-heading,.advantage-line,.steps{grid-template-columns:1fr}.portfolio-heading{align-items:flex-start;flex-direction:column}.portfolio-scroll-cue{width:min(300px,76vw);margin-top:18px;padding:10px 14px}.portfolio-controls{display:none}.portfolio-slider{gap:14px}.advantage-card{min-height:auto}.project-card{flex:0 0 min(86vw,350px);height:min(108vw,460px)}.project-card img{height:100%}.project-overlay{opacity:1;transform:none}.brief-actions{flex-direction:column}.brief-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-actions .button,.button{max-width:100%;width:100%;white-space:normal;text-align:center}.project-modal{width:100vw;max-width:100vw;max-height:100svh;border-radius:0}.modal-media{max-height:64svh}.modal-media img{height:58svh;max-height:none}.modal-image-arrow{width:42px;height:42px;background:#0d120b9e}.modal-close{width:42px;height:42px;font-size:30px}.modal-image-prev{left:10px}.modal-image-next{right:10px}.footer{align-items:flex-start;flex-direction:column}.footer>span{margin-left:0}}@media(max-width:520px){h1{font-size:30px}.lead{font-size:15px}.hero{padding-top:132px}.brief-form{padding:18px}.modal-copy{padding:20px}}
