:root{--bg:#0b0b0b;--panel:#151515;--text:#f6f5f3;--muted:#a8a6a2;--accent:#ffbd35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{max-width:1150px;margin:auto;padding:0 28px}.nav{display:flex;justify-content:space-between;align-items:center;padding:26px 0;gap:20px;border-bottom:1px solid #242424}.logo{font-size:30px;font-weight:800;letter-spacing:-2px}.accent,.logo span{color:var(--accent)}.links{display:flex;gap:26px;flex-wrap:wrap;font-size:14px}.links a{color:#d0cfcc}.links a:hover{color:var(--accent)}.hero{padding:78px 0 88px}.hero-split{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;grid-gap:55px;gap:55px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.hero h1{font-size:clamp(43px,5.8vw,76px);line-height:1.07;letter-spacing:-3.5px;margin:22px 0}.lead{font-size:clamp(16px,1.6vw,19px);color:#c3c1bd;max-width:530px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #57524b;border-radius:10px;padding:13px 20px;font-size:14px;font-weight:700;transition:transform .15s,border-color .15s}.btn:hover{transform:translateY(-2px)}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#12100b}.hero-footnote{margin-top:35px;color:#99958e;font-size:13px}.hero-footnote span{color:var(--accent);padding:0 7px}.portrait-card{position:relative;min-height:470px;border:1px solid #765422;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 75% 85%,#7b470e,#20150e 60%,#101010);isolation:isolate}.portrait-image{object-fit:cover;object-position:center 28%;filter:saturate(.8) contrast(1.08)}.portrait-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,8,6,.88),transparent 40%),linear-gradient(100deg,rgba(43,23,5,.14),rgba(255,170,36,.09));pointer-events:none}.portrait-label{position:absolute;bottom:24px;left:25px;font-weight:700;font-size:17px}.portrait-label span{display:block;font-size:12px;font-weight:400;color:#e1d4c0}.section{padding:68px 0;border-top:1px solid #292929}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.contact-banner h2,.section h2{font-size:clamp(29px,3.7vw,42px);line-height:1.2;letter-spacing:-1.5px;margin:10px 0}.text-link{font-size:14px;color:var(--accent);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.card{position:relative;background:#151515;padding:23px;border:1px solid #303030;border-radius:17px;min-height:260px;transition:border-color .2s,transform .2s}.card:hover{border-color:#8c672d;transform:translateY(-3px);color:inherit}.project-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.project-icon{display:grid;place-items:center;width:53px;height:53px;background:#24201a;border:1px solid #51402a;border-radius:14px;color:var(--accent);font-size:27px;font-weight:800}.project-number{color:#74716b;font-size:12px}.card h3{font-size:21px;letter-spacing:-.5px;margin:6px 0}.card p,.muted{color:var(--muted);font-size:14px;margin:0}.tag{font-size:11px;letter-spacing:1px;text-transform:uppercase}.card-arrow,.tag{color:var(--accent)}.card-arrow{position:absolute;right:24px;bottom:18px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.service-row{display:flex;gap:17px;border-top:1px solid #41403d;padding:24px 0}.service-num{color:var(--accent);font-size:12px}.service-row h3{font-size:18px;line-height:1.3;margin:0 0 9px}.service-row p{color:var(--muted);font-size:14px;margin:0}.writing-section{display:flex;justify-content:space-between;align-items:center;gap:25px}.prose{max-width:650px;color:var(--muted);font-size:17px}.contact-banner{margin:32px 0 65px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:radial-gradient(ellipse at 10% 100%,#50320d,transparent 65%),#17130e;border:1px solid #5b4121;border-radius:20px}.contact-banner p{margin:0;color:#c7c1b7}.footer{padding:35px 0;border-top:1px solid #292929;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page{min-height:65vh;padding:80px 0}.page h1{font-size:clamp(42px,6vw,70px);line-height:1.1;letter-spacing:-3px}.stack{display:grid;grid-gap:16px;gap:16px;margin-top:30px}.item{padding:22px;border:1px solid #303030;border-radius:12px;background:var(--panel)}@media(max-width:800px){.hero-split{grid-template-columns:1fr;gap:30px}.hero{padding:60px 0}.portrait-card{min-height:420px;max-width:530px}.grid,.service-grid{grid-template-columns:1fr}.card{min-height:205px}.writing-section{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.wrap{padding:0 20px}.nav{align-items:flex-start;flex-direction:column;padding:16px 0;gap:12px}.links{gap:17px;font-size:13px}.hero h1{letter-spacing:-2px}.portrait-card{min-height:370px}.section{padding:48px 0}.section-heading{gap:4px}.contact-banner,.section-heading{align-items:flex-start;flex-direction:column}.contact-banner{padding:27px}.hero-footnote{font-size:12px}}:root{color-scheme:dark}body{background:#090a0b;color:#f4f4f5}.wrap{max-width:1180px}.accent,.logo span{color:#f6b92d}.nav{border-bottom:0;padding-top:28px}.links a:hover,.text-link:hover{color:#f6b92d}.minimal-hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;grid-gap:7%;gap:7%;padding:88px 0 104px}.minimal-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.055em;margin:22px 0}.minimal-hero .lead{max-width:540px;color:#b7b7bc;line-height:1.75}.minimal-hero .eyebrow{color:#c5c5c8;letter-spacing:.12em}.portrait-frame{position:relative;min-height:425px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 60% 80%,#75400c,#181410 65%,#0d0d0d);border:1px solid #3c3125}.btn.primary{background:#f6b92d;color:#0a0a0a;border-color:#f6b92d}.btn.primary:hover{background:#ffd16b}.section{border-top:1px solid #262626;padding:65px 0}.section h2{font-size:clamp(29px,3vw,40px);letter-spacing:-.04em}.section .eyebrow{color:#e6ae34}.apps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:22px;gap:22px;margin-top:38px}.app-item{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;min-width:0}.app-icon{border-radius:20px;flex-shrink:0;width:76px;height:76px;object-fit:cover}.app-item h3{font-size:16px;margin:0 0 6px}.app-item p{font-size:13px;color:#a6a6ac;line-height:1.45;margin:4px 0}.app-credit{display:block;font-size:12px;color:#c7b58b}.simple-services{display:grid;grid-template-columns:1fr 1.8fr;grid-gap:48px;gap:48px;align-items:center}.compact-blog p,.simple-services p{color:#aaa}.service-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.service-items a{display:flex;flex-direction:column;gap:12px;color:#e7e7e9;text-decoration:none;font-size:14px}.service-items span{font-size:28px;color:#f6b92d}.compact-blog{gap:20px}.compact-blog,.minimal-contact{display:flex;justify-content:space-between;align-items:center}.minimal-contact{gap:25px;padding:40px 0 70px}.minimal-contact h2{font-size:27px;margin:0 0 9px}.minimal-contact p{color:#aaa;margin:0}.page-content{min-height:65vh}.page-content h1{font-size:clamp(40px,5vw,62px)}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px}.footer{border-top:1px solid #262626}@media(max-width:900px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.minimal-hero{gap:30px}.portrait-frame{min-height:340px}.simple-services{grid-template-columns:1fr}}@media(max-width:650px){.minimal-hero{grid-template-columns:1fr;padding:48px 0 60px}.portrait-frame{min-height:380px;max-width:440px;width:100%}.apps-grid,.project-list{grid-template-columns:1fr;gap:25px}.service-items{gap:16px}.compact-blog,.minimal-contact{align-items:flex-start;flex-direction:column}.section{padding:48px 0}.app-item{gap:18px}.links{flex-wrap:wrap}}