:root{--future-gold:#b89042;--future-gold-2:#ead9aa;--future-ink:#24211e;--future-pearl:#fffefd;--future-blush:#fff7f8}
body{background:radial-gradient(circle at 6% 9%,rgba(247,215,223,.2),transparent 23%),radial-gradient(circle at 92% 36%,rgba(231,204,139,.16),transparent 24%),#fff}
.nav{border-color:rgba(178,139,66,.24);box-shadow:0 15px 55px rgba(94,65,14,.09),inset 0 1px rgba(255,255,255,.9)}
.hero{min-height:min(900px,100svh);background:radial-gradient(circle at 78% 32%,rgba(255,215,227,.34),transparent 28%),radial-gradient(circle at 52% 92%,rgba(224,193,121,.22),transparent 25%),linear-gradient(135deg,#fff 0%,#fffdf9 48%,#fff8fb 100%)}
.hero h1{max-width:720px;text-wrap:balance}.lead{font-size:1.08rem;line-height:1.9}.site-window{box-shadow:0 45px 120px rgba(77,51,10,.15),0 0 0 1px rgba(255,255,255,.8)}
.services{background:linear-gradient(180deg,#fff,#fffaf7)}.service-cards article{min-height:350px;transition:transform .35s ease,box-shadow .35s ease}.service-cards article:hover{transform:translateY(-8px) scale(1.008)}
.work{padding-top:130px;padding-bottom:130px;background:radial-gradient(circle at 10% 15%,rgba(249,218,226,.32),transparent 22%),radial-gradient(circle at 90% 72%,rgba(231,205,145,.25),transparent 24%),linear-gradient(180deg,#fffdfb,#fff 52%,#fff9f6)}
.work-heading{grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);padding-bottom:45px;border-bottom:1px solid rgba(174,134,58,.18);margin-bottom:75px}.work-heading>p{font-size:1rem;line-height:1.9}
.project-list{display:flex!important;flex-direction:column;gap:115px}
.project,.project.large{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.55fr);gap:42px;align-items:center;grid-column:auto}
.project:nth-child(even) .website-preview{order:2}.project:nth-child(even) .project-meta{order:1}
.website-preview,.project:not(.large) .website-preview,.project.large .website-preview{height:680px;max-height:none;border-radius:28px;border:1px solid rgba(175,135,57,.26);background:#fff;box-shadow:0 38px 105px rgba(83,53,8,.13),0 0 0 8px rgba(255,255,255,.75);transition:transform .45s ease,box-shadow .45s ease}
.project:hover .website-preview{transform:translateY(-6px);box-shadow:0 48px 120px rgba(83,53,8,.17),0 0 0 8px rgba(255,255,255,.88)}
.preview-bar{height:36px;padding:0 15px;background:linear-gradient(90deg,#fff,#fbf5e9);border-bottom:1px solid rgba(166,127,51,.12);font-size:.68rem}.preview-bar i{width:7px;height:7px}.website-preview iframe{top:36px;height:calc(100% - 36px)}
.preview-open{left:24px;bottom:24px;padding:13px 15px 13px 19px;font-size:.82rem}
.project-meta{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;padding:0!important;border:0!important;direction:rtl}.project-number{font:400 1rem Georgia;color:var(--future-gold);padding-top:9px;border-top:1px solid var(--future-gold)}.project-sector{margin:0 0 18px!important;color:#9b7c43!important;font-size:.68rem!important;letter-spacing:.16em;direction:ltr;text-align:right}.project-meta h3{font:400 clamp(2.4rem,4vw,4.4rem)/.95 Georgia!important;letter-spacing:-.045em;margin:0 0 18px!important}.project-meta>div>p:not(.project-sector){font-size:1rem!important;line-height:1.85;margin:0!important;color:#716b63!important}
.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.project-tags span{padding:7px 10px;border:1px solid rgba(173,134,59,.2);border-radius:999px;background:rgba(255,255,255,.7);color:#8b6b30;font-size:.62rem;letter-spacing:.08em;direction:ltr}
.case-link{display:inline-flex;align-items:center;gap:14px;padding-bottom:6px;border-bottom:1px solid #b78f43;color:var(--future-ink);font-weight:700;text-decoration:none}.case-link b{color:var(--future-gold)}
.disclaimer{margin-top:70px;padding-top:22px;border-top:1px solid rgba(174,134,58,.15);font-size:.82rem;text-align:center}
.intelligence{background:radial-gradient(circle at 14% 70%,rgba(255,218,228,.3),transparent 24%),radial-gradient(circle at 86% 18%,rgba(229,203,139,.28),transparent 22%),#fff}.conversation-card{box-shadow:0 40px 110px rgba(88,60,12,.13)}
.final-cta{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media(max-width:1100px){.project,.project.large{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px}.website-preview,.project:not(.large) .website-preview,.project.large .website-preview{height:610px}}
@media(max-width:820px){.hero{min-height:auto}.work{padding-top:85px;padding-bottom:90px}.work-heading{grid-template-columns:1fr;margin-bottom:55px}.project-list{gap:80px}.project,.project.large{grid-template-columns:1fr}.project:nth-child(even) .website-preview,.project:nth-child(even) .project-meta{order:initial}.website-preview,.project:not(.large) .website-preview,.project.large .website-preview{height:620px}.project-meta{grid-template-columns:38px 1fr}.project-meta h3{font-size:2.7rem!important}}
@media(max-width:520px){.hero h1{font-size:clamp(3.1rem,14vw,4.15rem)}.lead{font-size:1rem}.work{padding-right:16px!important;padding-left:16px!important}.website-preview,.project:not(.large) .website-preview,.project.large .website-preview{height:590px;border-radius:20px;box-shadow:0 24px 70px rgba(83,53,8,.12),0 0 0 4px rgba(255,255,255,.8)}.preview-bar{height:28px}.website-preview iframe{top:28px;height:calc(100% - 28px)}.preview-open{left:12px;bottom:12px}.project-meta{padding:0 5px!important}.project-tags{gap:5px}.project-tags span{font-size:.56rem}.case-link{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
