@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.logo-image{display:block;width:170px;flex:none;line-height:0}.logo-image img{display:block;width:100%;height:auto}.footer .logo-image{width:190px}@media(max-width:760px){.header .logo-image{width:126px}.footer .logo-image{width:155px}}
:root{font-family:'DM Sans',Arial,sans-serif;color:#f5f2ed;background:#242323;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #ef5145;outline-offset:5px}.skip{position:absolute;top:-100px;left:1rem;background:white;color:black;padding:1rem;z-index:20}.skip:focus{top:1rem}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 3.6vw;border-bottom:1px solid #ffffff29;position:relative;z-index:2}.wordmark{font:700 1.55rem 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;white-space:nowrap}.wordmark span{font-weight:400}.wordmark i{font:500 .54rem Arial,sans-serif;vertical-align:top;margin-left:.18rem;letter-spacing:0}.header nav{display:flex;gap:3.4rem;margin-left:7vw}.header nav a,.header-contact{font-size:.88rem}.header nav a:hover,.header-contact:hover{color:#d2a19b}.header-contact{border:1px solid #ffffff6b;border-radius:100px;padding:.77rem 1.12rem}.header-contact span{margin-left:2rem}.hero{min-height:calc(100svh - 84px);display:flex;flex-direction:column;padding:2rem 3.6vw 2.2rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;width:40vw;height:40vw;border-radius:50%;background:#ef5145;filter:blur(120px);opacity:.13;right:-20vw;top:17%;pointer-events:none}.hero-top{display:flex;justify-content:space-between;font:500 .75rem 'Space Grotesk',Arial,sans-serif;letter-spacing:.09em;color:#aaa9a3}.hero h1{font:600 clamp(5rem,11.5vw,13.5rem)/.86 'Space Grotesk',Arial,sans-serif;letter-spacing:-.092em;margin:auto 0 2rem;position:relative}.hero-line{display:block;white-space:nowrap}.hero-line-two{padding-left:15%}.hero-line-three{padding-left:36%}.hero h1 em,.intro h2 em,.expertise h2 em,.statement em,.contact h2 em{font-family:Georgia,Times,serif;font-weight:400;letter-spacing:-.09em}.hero h1 em{color:#d2a19b}.hero h1 b{font:400 .36em 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;vertical-align:middle}.period{color:#d2a19b}.hero-foot{display:flex;align-items:end;justify-content:space-between;max-width:760px;gap:2rem}.hero-foot p{font-size:clamp(1.1rem,1.65vw,1.45rem);line-height:1.35;max-width:390px;margin:0}.round-link{display:grid;place-items:center;border:1px solid #aaa;width:62px;height:62px;border-radius:50%;font-size:1.5rem;transition:background .25s,color .25s}.round-link:hover{background:#d2a19b;color:#242323}.hero-index{position:absolute;right:3.6vw;bottom:2.6rem;font:500 .75rem 'Space Grotesk',Arial,sans-serif;color:#aaa9a3}.section-pad{padding:7.5rem 3.6vw}.intro{background:#f0ede8;color:#252321}.eyebrow{display:flex;align-items:center;gap:.6rem;font:600 .75rem 'Space Grotesk',Arial,sans-serif;letter-spacing:.07em}.square{width:9px;height:9px;background:#d2a19b}.section-no{margin-left:auto;color:#777}.intro-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:5vw;align-items:end;margin:6rem 0}.intro h2,.expertise h2,.contact h2{font:500 clamp(3.9rem,8vw,9.5rem)/.96 'Space Grotesk',Arial,sans-serif;letter-spacing:-.083em;margin:0}.intro h2{max-width:1000px}.intro h2 em{color:#a6605b}.intro-copy{max-width:350px;padding-bottom:.5rem}.intro-copy p{font-size:1.1rem;line-height:1.48}.intro-copy p+p{color:#666}.feature-art{height:min(65vw,660px);position:relative;overflow:hidden;background:#8c6b70}.feature-art img{width:100%;height:100%;object-fit:cover;display:block}.art-caption{position:absolute;bottom:1.5rem;left:1.5rem;color:white;background:#171717b8;padding:.6rem .8rem;font:.7rem 'Space Grotesk',Arial,sans-serif;letter-spacing:.1em}.expertise{background:#242323}.expertise-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin:6rem 0 5rem}.expertise h2{font-size:clamp(3.5rem,6.6vw,7rem)}.expertise h2 em{color:#d2a19b}.expertise-heading p{max-width:300px;line-height:1.5;font-size:1.05rem;color:#b8b7b1}.service{min-height:132px;border-top:1px solid #595959;display:grid;grid-template-columns:7% 1fr 25% 3%;align-items:center;gap:1.3rem;transition:padding .25s,color .25s}.service:last-child{border-bottom:1px solid #595959}.service:hover{padding-left:1.2rem;color:#d2a19b}.service-num,.service-detail{font-size:.83rem;color:#a8a6a0}.service h3{font:500 clamp(2.3rem,4.8vw,5rem)/.96 'Space Grotesk',Arial,sans-serif;letter-spacing:-.07em;margin:0;padding:.8rem 0}.service-star{font-size:1.7rem;color:#d2a19b}.statement{background:#d2a19b;color:#242323;min-height:75vh;padding:3.5vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.statement-meta{font:600 .78rem 'Space Grotesk',Arial,sans-serif;letter-spacing:.08em}.statement p{font:500 clamp(4rem,9.5vw,11rem)/.93 'Space Grotesk',Arial,sans-serif;letter-spacing:-.085em;max-width:1250px;margin:5rem 0 2rem;z-index:1}.statement em{color:#6e4240}.statement-mark{font:700 6rem 'Space Grotesk',Arial,sans-serif;letter-spacing:-.12em;align-self:flex-end}.statement-mark span{font-size:.7em;vertical-align:top}.contact{background:#f0ede8;color:#242323;min-height:75vh;display:flex;flex-direction:column}.contact>p{margin:6rem 0 .5rem;font-size:1.15rem}.contact h2{font-size:clamp(5rem,10vw,11rem)}.contact h2 em{color:#a6605b}.email-link{font:500 clamp(1.3rem,2vw,2rem) 'Space Grotesk',Arial,sans-serif;border-bottom:1px solid #252321;align-self:flex-start;margin-top:4rem;padding-bottom:.6rem}.email-link span{margin-left:2rem}.email-link:hover{color:#a6605b}.footer{display:grid;grid-template-columns:1fr 1fr;row-gap:5rem;padding:3rem 3.6vw;background:#242323;align-items:start}.footer p,.footer>a:not(.wordmark),.footer small{font:.75rem 'Space Grotesk',Arial,sans-serif;letter-spacing:.06em;color:#aaa}.footer p{margin:0;text-align:right}.footer small{text-align:right}@media(max-width:760px){.header{height:68px;padding:0 5vw}.wordmark{font-size:1.35rem}.header nav{gap:1.2rem;margin:0}.header nav a{font-size:.8rem}.header nav a:first-child{display:none}.header-contact{display:none}.hero{min-height:calc(100svh - 68px);padding:1.5rem 5vw 2rem}.hero-top span:last-child{display:none}.hero h1{font-size:clamp(3.7rem,13vw,7rem);letter-spacing:-.09em;margin:auto 0 4rem}.hero-line-two{padding-left:3%}.hero-line-three{padding-left:12%}.hero-foot p{max-width:235px;font-size:1.05rem}.round-link{width:52px;height:52px}.hero-index{display:none}.section-pad{padding:5rem 5vw}.intro-grid{grid-template-columns:1fr;gap:2rem;margin:4rem 0}.intro h2,.expertise h2{font-size:clamp(3.6rem,11vw,6rem)}.intro-copy{max-width:480px}.feature-art{height:75vw;min-height:330px}.art-caption{font-size:.62rem;right:1rem;bottom:1rem;left:1rem}.expertise-heading{display:block;margin:4rem 0 3rem}.expertise-heading p{margin-top:2rem}.service{grid-template-columns:2rem 1fr 1rem;min-height:100px;gap:.4rem}.service h3{font-size:clamp(1.95rem,7vw,3.6rem)}.service-detail{display:none}.service-star{font-size:1.3rem}.statement{min-height:600px;padding:5vw}.statement p{font-size:clamp(3.8rem,11vw,7rem)}.contact>p{margin-top:5rem}.contact h2{font-size:clamp(4rem,13vw,7rem)}.email-link{font-size:1.25rem;margin-top:5rem}.footer{row-gap:3rem;padding:3rem 5vw}.footer p{font-size:.65rem}}@media(max-width:380px){.hero h1{font-size:12vw}.header nav{gap:.7rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.service,.round-link{transition:none}}

.feature-art img{filter:saturate(.72) contrast(.96)}
.language-switch{display:flex;align-items:center;gap:.48rem;flex:none;font:600 .79rem 'Space Grotesk',Arial,sans-serif;letter-spacing:.04em}.language-switch a{color:#a8a6a0;padding:.4rem .1rem}.language-switch a:hover,.language-switch a[aria-current="page"]{color:#f5f2ed}.language-switch a[aria-current="page"]{text-decoration:underline;text-decoration-color:#d2a19b;text-underline-offset:.35rem}.language-switch span{color:#777}
.lang-tr .hero h1{font-size:clamp(4rem,9.4vw,11rem)}.lang-tr .hero-line-two{padding-left:12%}.lang-tr .hero-line-three{padding-left:32%}.lang-tr .contact h2{font-size:clamp(3.2rem,7vw,7rem)}
@media(max-width:760px){.header nav{margin-left:0}.language-switch{gap:.34rem;font-size:.78rem}.lang-tr .hero h1{font-size:clamp(2.7rem,10.2vw,5rem)}.lang-tr .hero-line-two{padding-left:0}.lang-tr .hero-line-three{padding-left:12%}.lang-tr .contact h2{font-size:clamp(2.4rem,9.2vw,4rem)}}
@media(max-width:430px){.header nav a:nth-child(2){display:none}}

/* Motion leaves all content accessible if scripts or animations are unavailable. */
.hero h1{transform:scale(var(--hero-scale,1));transform-origin:45% 55%;will-change:transform}
.hero-line{overflow:hidden;width:max-content;max-width:100%;padding-top:.08em;margin-top:-.08em}
.hero-line-two,.hero-line-three{width:100%}
.motion-ready .hero-line{clip-path:inset(0 0 100% 0);opacity:0;animation:hero-line-in .85s cubic-bezier(.22,1,.36,1) forwards}
.motion-ready .hero-line:nth-child(1){animation-delay:.1s}.motion-ready .hero-line:nth-child(2){animation-delay:.33s}.motion-ready .hero-line:nth-child(3){animation-delay:.56s}
@keyframes hero-line-in{to{clip-path:inset(0 0 0 0);opacity:1}}
.motion-ready .reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
.feature-art img{transform:scale(var(--image-scale,1.075)) translateY(var(--image-shift,0px));will-change:transform}
.explore-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #77736e;padding:1.15rem 0 1.5rem;gap:1rem;font:600 .82rem 'Space Grotesk',Arial,sans-serif;letter-spacing:.06em}
.explore-head p{margin:0}.explore-head p>span:first-child{font-size:1.2rem;margin-left:.6rem}.touch-prompt{display:none;color:#aaa9a3}.explore-count{color:#d2a19b;white-space:nowrap}
.service-list{display:flex;gap:1.2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:3.6vw;padding:0 3.6vw 1.3rem;margin:0 -3.6vw;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}
.service-list::-webkit-scrollbar{display:none}.service-list.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.service-list:focus-visible{outline:2px solid #d2a19b;outline-offset:-2px}
.service{position:relative;display:flex;flex-direction:column;align-items:stretch;flex:0 0 clamp(360px,53vw,760px);height:clamp(390px,39vw,550px);padding:1.8rem;gap:1rem;scroll-snap-align:start;border:1px solid #77736e;background:#2d2b2a;color:#f5f2ed;min-height:0;transition:background .3s ease,border-color .3s ease}
.service:nth-child(even){background:#343130}.service:last-child{border-bottom:1px solid #77736e}.service:hover{padding-left:1.8rem;color:#f5f2ed;border-color:#d2a19b}
.service-num{font:500 .85rem 'Space Grotesk',Arial,sans-serif;color:#c6c0bb}.service h3{font:500 clamp(3.2rem,5.8vw,6.8rem)/.94 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;margin:auto 0;overflow-wrap:anywhere;padding:0}.service-detail{font-size:1rem;color:#d0c9c3;display:block}.service-star{position:absolute;right:1.8rem;top:1.3rem;font-size:2rem;color:#d2a19b}
.explore-controls{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.4rem}.explore-progress{height:2px;background:#65605c;flex:1;max-width:460px}.explore-progress span{display:block;height:100%;width:20%;background:#d2a19b;transform-origin:left;transform:scaleX(var(--explore-progress,1));transition:transform .25s}.explore-buttons{display:flex;gap:.55rem}.explore-buttons button{border:1px solid #77736e;border-radius:50%;width:48px;height:48px;background:transparent;color:#f5f2ed;font:1.4rem Arial,sans-serif;cursor:pointer}.explore-buttons button:hover,.explore-buttons button:focus-visible{background:#d2a19b;color:#242323}.explore-buttons button:disabled{opacity:.35;cursor:default;background:transparent;color:#f5f2ed}
@media(max-width:760px){.touch-prompt{display:inline}.explore-head p{font-size:0}.explore-head p>.touch-prompt{font-size:.78rem}.explore-head p>span:first-child{display:none}.service-list{margin:0 -5vw;padding:0 5vw 1.2rem;scroll-padding-inline:5vw;gap:.8rem}.service{flex-basis:85vw;height:clamp(370px,115vw,500px);padding:1.35rem}.service:hover{padding-left:1.35rem}.service h3{font-size:clamp(2.25rem,8.1vw,3.9rem)}.service-detail{font-size:.91rem}.service-star{right:1.35rem}.explore-controls{margin-top:.9rem}.explore-buttons button{width:42px;height:42px}}
@media(max-width:390px){.service h3{font-size:7.5vw}}
@media(prefers-reduced-motion:reduce){.hero h1,.feature-art img{transform:none!important;will-change:auto}.motion-ready .hero-line{clip-path:none;opacity:1;animation:none}.motion-ready .reveal{opacity:1;transform:none;transition:none}.explore-progress span{transition:none}}

/* The Mahhal bird: an open, handwritten line motif. */
.service-star,.statement-mark{display:block;flex:none;background:currentColor;-webkit-mask:url('assets/mahhal-bird.svg') center/contain no-repeat;mask:url('assets/mahhal-bird.svg') center/contain no-repeat}
.service-star{width:55px;height:38px;color:#d2a19b;top:1.15rem;right:1.4rem;font-size:0}
.statement-mark{width:clamp(110px,15vw,200px);height:clamp(75px,10vw,136px);color:#6e4240;font-size:0;letter-spacing:normal}
@media(max-width:760px){.service-star{width:45px;height:32px;right:1.2rem}}

.feature-art{background:#cdb9b2}.feature-art img{filter:none}

/* Cover motif uses the same bird as the service cards. */
.hero-bird{position:absolute;top:7%;right:0;width:min(54vw,780px);aspect-ratio:1020/700;background:#d2a19b;opacity:.78;transform:rotate(-5deg);-webkit-mask:url('assets/mahhal-bird.svg') center/contain no-repeat;mask:url('assets/mahhal-bird.svg') center/contain no-repeat;pointer-events:none;z-index:0}
.hero h1,.hero-foot,.hero-top{z-index:1}
.service-star{width:70px;height:48px;top:.95rem;right:1.15rem}
.statement-mark{width:clamp(160px,22vw,300px);height:clamp(100px,14vw,190px)}
.motion-ready .hero-bird{animation:bird-appear 1.2s .2s both}
@keyframes bird-appear{from{opacity:0;transform:translate(0,20px) rotate(-5deg) scale(.95)}to{opacity:.78;transform:translate(0,0) rotate(-5deg) scale(1)}}
@media(max-width:760px){.hero-bird{width:105vw;top:12%;right:-7%;opacity:.65}.service-star{width:58px;height:40px;top:.95rem;right:.9rem}.statement-mark{width:175px;height:120px}}
@media(prefers-reduced-motion:reduce){.motion-ready .hero-bird{animation:none}}

/* The Mahhal's signature bird pattern rests in the open side of the contact panel. */
.contact{position:relative;isolation:isolate;overflow:hidden}
.contact::before{content:'';position:absolute;inset:0 0 0 44%;background:url('assets/mahhal-pattern.svg') right top/540px 540px repeat;opacity:.23;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 45%);mask-image:linear-gradient(to right,transparent 0%,#000 45%);pointer-events:none;z-index:0}
.contact>*{position:relative;z-index:1}
@media(max-width:760px){.contact::before{inset:52% 0 0;background-size:390px 390px;background-position:center top;opacity:.14;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 58%);mask-image:linear-gradient(to bottom,transparent 0%,#000 58%)}}