:root{--bg:#faf6f1;--bg-2:#f3ece1;--bg-3:#fff;--ink:#1f1626;--purple:#5b2a82;--purple-deep:#3d1a5e;--purple-soft:#8c5fb5;--beige:#b8956b;--beige-deep:#93764d;--line:#d9cdb8;--muted:#6b5d52}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-weight:300;line-height:1.75}h1,h2,h3,h4,.serif{letter-spacing:.01em;color:var(--ink);font-family:Cormorant Garamond,serif;font-weight:400}a{color:inherit;text-decoration:none;transition:all .3s}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 32px}.container-narrow{max-width:920px;margin:0 auto;padding:0 32px}.small-caps{text-transform:uppercase;letter-spacing:.32em;color:var(--purple);font-size:.75rem;font-weight:500}nav.site-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#faf6f1eb;padding:20px 0;position:fixed;top:0;left:0;right:0}nav.site-nav .container{justify-content:space-between;align-items:center;display:flex}nav.site-nav .brand{letter-spacing:.15em;color:var(--purple);align-items:center;gap:14px;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;display:flex}nav.site-nav .brand img{width:auto;height:36px}nav.site-nav ul{letter-spacing:.18em;text-transform:uppercase;gap:36px;font-size:.82rem;list-style:none;display:flex}nav.site-nav ul a{color:var(--ink);font-weight:400}nav.site-nav ul a:hover{color:var(--purple)}nav.site-nav .lang{letter-spacing:.15em;border:1px solid var(--line);padding:4px 12px;font-size:.78rem}nav.site-nav .lang:hover{border-color:var(--purple);color:var(--purple)}.hero{align-items:center;min-height:100vh;padding:180px 0 100px;display:flex;position:relative}.hero:before{content:"";background:radial-gradient(600px 400px at 90% 30%,#5b2a8212,#0000),radial-gradient(800px 600px at 10% 80%,#b8956b1a,#0000);position:absolute;inset:0}.hero .container{grid-template-columns:1fr 480px;align-items:center;gap:80px;display:grid;position:relative}.hero-text .small-caps{margin-bottom:32px;display:block}.hero-text h1{color:var(--ink);margin-bottom:32px;font-size:clamp(3rem,6vw,5.2rem);font-weight:400;line-height:1.05}.hero-text h1 em{color:var(--purple);font-style:italic}.hero-text .lead{color:var(--muted);max-width:560px;margin-bottom:40px;font-size:1.18rem;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:16px;display:flex}.btn{letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--purple);color:var(--purple);cursor:pointer;background:0 0;padding:16px 40px;font-size:.82rem;font-weight:500;transition:all .3s;display:inline-block}.btn:hover,.btn-primary{background:var(--purple);color:var(--bg)}.btn-primary:hover{background:var(--purple-deep);border-color:var(--purple-deep)}.hero-logo{background:linear-gradient(135deg, #fff 0%, var(--bg-2) 100%);border:1px solid var(--line);aspect-ratio:1;justify-content:center;align-items:center;padding:80px;display:flex;position:relative}.hero-logo:before{content:"";border-top:2px solid var(--purple);border-left:2px solid var(--purple);width:60px;height:60px;position:absolute;top:-2px;left:-2px}.hero-logo:after{content:"";border-bottom:2px solid var(--beige);border-right:2px solid var(--beige);width:60px;height:60px;position:absolute;bottom:-2px;right:-2px}.hero-logo img{width:100%;height:auto}section{padding:120px 0}.section-head{text-align:center;margin-bottom:80px}.section-head .small-caps{margin-bottom:18px;display:block}.section-head h2{font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.15}.section-head h2 em{color:var(--purple);font-style:italic}.section-head .lead{color:var(--muted);max-width:640px;margin:24px auto 0;font-size:1.08rem}.story{background:var(--bg-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story .container{grid-template-columns:1.05fr 1fr;align-items:center;gap:80px;display:grid}.story-text h2{margin-bottom:24px;font-size:2.6rem;line-height:1.2}.story-text h2 em{color:var(--purple);font-style:italic}.story-text p{color:var(--muted);margin-bottom:20px;font-size:1.04rem}.story-text strong{color:var(--ink);font-weight:500}.credentials{border-top:1px solid var(--line);gap:56px;margin-top:48px;padding-top:36px;display:flex}.cred .num{color:var(--purple);font-family:Cormorant Garamond,serif;font-size:3rem;line-height:1}.cred .label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:.72rem}.story-img{aspect-ratio:4/5;border:1px solid var(--line);background:url(/portraits/mujde.webp) 50%/cover no-repeat;position:relative}.story-img:before{content:"";border-top:2px solid var(--purple);border-left:2px solid var(--purple);z-index:2;width:60px;height:60px;position:absolute;top:-2px;left:-2px}.story-img:after{content:"";border-bottom:2px solid var(--beige);border-right:2px solid var(--beige);width:60px;height:60px;position:absolute;bottom:-2px;right:-2px}.approach{background:var(--bg)}.approach-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.pillar{background:var(--bg-3);border:1px solid var(--line);padding:48px 36px;transition:all .3s}.pillar:hover{border-color:var(--purple);transform:translateY(-4px)}.pillar .num{color:var(--beige);margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:2.2rem;line-height:1}.pillar h3{margin-bottom:14px;font-size:1.5rem;line-height:1.3}.pillar p{color:var(--muted);font-size:.95rem}.services-sec{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:120px 0}.svc-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.svc-card{background:var(--bg-3);border:1px solid var(--line);flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.svc-card:hover{border-color:var(--purple);transform:translateY(-4px)}.svc-thumb{aspect-ratio:4/3;background-position:50%;background-size:cover}.svc-body{flex-direction:column;flex:1;padding:36px 32px;display:flex}.svc-num{color:var(--purple);margin-bottom:14px;font-family:Cormorant Garamond,serif;font-size:1.8rem;line-height:1}.svc-card h3{color:var(--ink);margin-bottom:14px;font-family:Cormorant Garamond,serif;font-size:1.45rem;line-height:1.3}.svc-card p{color:var(--muted);flex:1;font-size:.95rem;line-height:1.7}.svc-tag{color:var(--purple);letter-spacing:.22em;text-transform:uppercase;border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:.74rem}.portfolio-sec{background:var(--ink);color:var(--bg)}.portfolio-sec .section-head .small-caps{color:var(--beige)}.portfolio-sec .section-head h2{color:var(--bg)}.portfolio-sec .section-head h2 em{color:var(--beige)}.portfolio-sec .section-head .lead{color:#faf6f199}.port-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.port-card{aspect-ratio:9/16;background-position:50%;background-size:cover;border:1px solid #b8956b33;transition:all .4s;display:block;position:relative;overflow:hidden}.port-card:hover{border-color:var(--beige);transform:translateY(-6px)}.port-card:after{content:"";background:linear-gradient(#0000 50%,#1f1626d9);position:absolute;inset:0}.port-card .label{z-index:2;color:var(--bg);position:absolute;bottom:24px;left:24px;right:24px}.port-card .loc{letter-spacing:.22em;color:var(--beige);text-transform:uppercase;margin-bottom:8px;font-size:.72rem}.port-card .name{font-family:Cormorant Garamond,serif;font-size:1.5rem;line-height:1.2}.port-all{text-align:center;margin-top:60px}.port-all a{border:1px solid var(--beige);color:var(--beige);letter-spacing:.2em;text-transform:uppercase;padding:14px 36px;font-size:.82rem;display:inline-block}.port-all a:hover{background:var(--beige);color:var(--ink)}.testim{background:var(--bg-2);border-top:1px solid var(--line)}.testim blockquote{color:var(--ink);text-align:center;max-width:880px;margin:0 auto;font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,2.6vw,2.2rem);font-style:italic;line-height:1.5}.testim blockquote:before{content:"\"";color:var(--purple);margin-bottom:28px;font-size:5rem;line-height:.3;display:block}.testim cite{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:32px;font-family:Inter,sans-serif;font-size:.78rem;font-style:normal;display:block}.contact{background:var(--bg-3);border-top:1px solid var(--line)}.contact .container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.contact-text h2{margin-bottom:22px;font-size:2.8rem;line-height:1.2}.contact-text h2 em{color:var(--purple);font-style:italic}.contact-text p{color:var(--muted);margin-bottom:36px;font-size:1.05rem}.contact-form{background:var(--bg-2);border:1px solid var(--line);padding:48px}.contact-form .field{margin-bottom:24px}.contact-form label{letter-spacing:.22em;text-transform:uppercase;color:var(--purple);margin-bottom:8px;font-size:.72rem;display:block}.contact-form input,.contact-form textarea{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--ink);padding:14px 16px;font-family:inherit;font-size:.98rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--purple);outline:none}.contact-form textarea{resize:vertical;min-height:100px}.contact-form button{background:var(--purple);width:100%;color:var(--bg);cursor:pointer;letter-spacing:.22em;text-transform:uppercase;border:none;padding:16px;font-family:inherit;font-size:.82rem;transition:all .3s}.contact-form button:hover{background:var(--purple-deep)}footer.site-footer{background:var(--ink);color:var(--bg);padding:64px 0 32px}footer.site-footer .container{grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:56px;display:grid}footer.site-footer h4{letter-spacing:.22em;text-transform:uppercase;color:var(--beige);margin-bottom:20px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500}footer.site-footer ul{padding:0;list-style:none}footer.site-footer li{color:#faf6f180;padding:6px 0;font-size:.9rem}footer.site-footer a{color:#faf6f1a6}footer.site-footer a:hover{color:var(--beige)}footer.site-footer .brand-block .brand-name{letter-spacing:.18em;color:var(--beige);margin-bottom:14px;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600}footer.site-footer .copy{text-align:center;color:#faf6f159;letter-spacing:.15em;border-top:1px solid #b8956b26;padding-top:32px;font-size:.82rem}@media (max-width:920px){.hero .container,.story .container,.contact .container{grid-template-columns:1fr;gap:48px}.approach-grid,.port-grid,.svc-grid{grid-template-columns:1fr}nav.site-nav ul{display:none}section,.services-sec{padding:80px 0}footer.site-footer .container{grid-template-columns:1fr}.credentials{gap:28px}}