@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#1c211d;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#1c211d;--muted:#6d756e;--line:#20251f20;--accent:#52705c;--serif:'DM Serif Display',Georgia,serif;--display:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #bd674e;outline-offset:4px}img{display:block;max-width:100%}.site-head{height:72px;padding:0 max(5.5vw,24px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.5rem;font:800 1rem var(--display);letter-spacing:-.06em}.brand b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#273b30;color:#fff;font-size:.85rem}.brand span{font-weight:500}.head-link{font-size:.77rem;font-weight:600}.head-link i{margin-left:.45rem;font-style:normal}.gallery-hero{max-width:1240px;margin:auto;padding:clamp(5rem,9vw,8.5rem) 5.5vw 4.2rem}.kicker{margin:0;color:#6b766d;font-size:.64rem;font-weight:700;letter-spacing:.13em}.gallery-hero h1{margin:1.5rem 0 2.3rem;font:500 clamp(3.4rem,8.6vw,8.2rem)/.98 var(--display);letter-spacing:-.095em}.gallery-hero h1 em{font:italic 400 1.02em/.98 var(--serif);color:#52705c;letter-spacing:-.06em}.gallery-deck{display:flex;justify-content:space-between;align-items:end;gap:3rem}.gallery-deck p{max-width:470px;margin:0;color:#6d756e;font-size:.98rem;line-height:1.8}.gallery-deck span{color:#7e877e;text-align:right;font-size:.6rem;letter-spacing:.1em;line-height:1.7}.demo-grid{max-width:1240px;margin:auto;padding:0 5.5vw 6rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.4rem 2rem}.demo-card{min-width:0}.demo-image{height:clamp(270px,39vw,470px);position:relative;overflow:hidden;background:#d9ddd5}.demo-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.demo-info{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--line)}.demo-info h2{margin:0;font:650 clamp(1.15rem,2.4vw,1.65rem) var(--display);letter-spacing:-.055em}.demo-info p{margin:.35rem 0 0;color:var(--muted);font-size:.77rem}.demo-info>i{display:grid;place-items:center;width:38px;height:38px;border:1px solid #1c211d55;border-radius:50%;font-style:normal;transition:.2s}.demo-card:hover .demo-info>i{background:#20251f;color:white;transform:rotate(45deg)}.gallery-disclosure{max-width:1120px;margin:0 auto 6rem;padding:1.3rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:2rem}.gallery-disclosure span{color:#69766c;font-size:.62rem;font-weight:700;letter-spacing:.11em}.gallery-disclosure p{margin:0;color:#687169;font-size:.78rem;line-height:1.8}.gallery-cta{padding:5rem max(9vw,24px);display:flex;align-items:end;justify-content:space-between;gap:2rem;background:#23372e;color:#f6f5ef}.gallery-cta .kicker{color:#b9c8ba}.gallery-cta h2{margin:1rem 0 0;font:500 clamp(2.7rem,6vw,5rem)/1.02 var(--display);letter-spacing:-.075em}.gallery-cta>a{display:flex;gap:2.5rem;align-items:center;padding:1rem 1.2rem;border:1px solid #ffffff65;font-size:.77rem}.gallery-cta>a b{font-size:1.05rem}.gallery-footer{min-height:86px;padding:1.2rem max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:1rem}.gallery-footer>span,.gallery-footer>a:last-child{color:#758076;font-size:.62rem}.gallery-footer .brand{font-size:.85rem}
/* Shared concept-page framework: each demo has a distinct identity, but stays one-page and mobile friendly. */
.concept-page{--paper:#f8f7f3;--ink:#202520;--muted:#737a72;--accent:#647c68;background:var(--paper);color:var(--ink)}.concept-page .sample-head{height:76px;padding:0 max(6vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20252020}.sample-logo{font:700 .83rem var(--display);letter-spacing:.08em}.sample-logo small{display:block;margin-top:.15rem;font:500 .51rem 'DM Sans',sans-serif;letter-spacing:.13em;color:var(--muted)}.sample-nav{display:flex;gap:1.6rem;align-items:center}.sample-nav a{font-size:.69rem;color:#495149}.sample-nav .nav-cta{padding:.7rem .95rem;background:var(--ink);color:var(--paper)}.sample-wrap{width:min(1120px,88vw);margin-inline:auto}.sample-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:5rem 0}.sample-hero h1{margin:1rem 0;font:500 clamp(3.4rem,6vw,6.6rem)/.97 var(--display);letter-spacing:-.09em}.sample-hero h1 em{font:italic 400 1.03em var(--serif);color:var(--accent);letter-spacing:-.06em}.sample-hero p:not(.kicker){max-width:420px;color:var(--muted);font-size:.86rem;line-height:1.85}.sample-hero .kicker{font-size:.6rem}.sample-action{display:inline-flex;align-items:center;gap:1.5rem;margin-top:.75rem;padding:.92rem 1.08rem;background:var(--ink);color:white;font-size:.7rem;font-weight:600}.sample-visual{height:480px;position:relative;overflow:hidden;background:#d8ddd5}.sample-visual>img{width:100%;height:100%;object-fit:cover}.sample-visual .visual-tag{position:absolute;left:1rem;bottom:1rem;padding:.65rem .8rem;background:#f8f7f0e8;color:#27352d;font-size:.55rem;letter-spacing:.09em}.sample-section{padding:4rem 0;border-top:1px solid #20252022}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-heading h2{margin:0;font:500 clamp(2.2rem,4vw,4rem)/1.03 var(--display);letter-spacing:-.075em}.section-heading h2 em{font:italic 400 1.05em var(--serif);color:var(--accent)}.section-heading>p{max-width:300px;margin:0;color:var(--muted);font-size:.75rem;line-height:1.8}.sample-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sample-card{background:#eeeee8}.sample-card img{width:100%;aspect-ratio:1.2;object-fit:cover}.sample-card>div{padding:1rem}.sample-card h3{margin:0;font:600 1rem var(--display);letter-spacing:-.04em}.sample-card p{margin:.4rem 0 0;color:var(--muted);font-size:.68rem;line-height:1.7}.sample-note{padding:2rem;background:#eeeee8;color:var(--muted);font-size:.68rem;line-height:1.8}.sample-disclosure{margin:.8rem 0 0;padding:.7rem .85rem;border:1px solid #20252035;color:var(--muted);font-size:.62rem!important;line-height:1.65!important}.sample-cta{padding:4rem 0;background:#e9ede7}.sample-cta h2{margin:.6rem 0;font:500 clamp(2.5rem,5vw,4.7rem)/1.02 var(--display);letter-spacing:-.075em}.sample-cta p{max-width:520px;color:var(--muted);font-size:.78rem;line-height:1.8}.sample-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 6vw;color:#758076;font-size:.58rem;letter-spacing:.07em}.sample-footer a{color:var(--ink)}
/* Distinct art direction */
.page-portfolio{--paper:#e9e7df;--ink:#202922;--accent:#9a593f}.page-photo{--paper:#171a18;--ink:#f4f2eb;--muted:#adb1a8;--accent:#d7a65e}.page-photo .sample-head{border-color:#ffffff28}.page-photo .sample-nav a,.page-photo .sample-logo{color:#f4f2eb}.page-photo .sample-nav .nav-cta{background:#f4f2eb;color:#171a18}.page-photo .sample-hero{grid-template-columns:.8fr 1.2fr}.page-photo .sample-action{background:#f4f2eb;color:#171a18}.page-photo .sample-section{border-color:#ffffff28}.page-photo .sample-card{background:#222724}.page-photo .sample-cta{background:#222724}.page-photo .sample-footer{color:#aeb2aa}.page-consult{--paper:#f4efe6;--accent:#bd6b4d}.page-consult .sample-hero{grid-template-columns:1.08fr .92fr}.page-consult .sample-visual{height:520px}.page-architecture{--paper:#efeee9;--accent:#6a7563}.page-architecture .sample-hero{grid-template-columns:.85fr 1.15fr}.page-architecture .sample-visual{height:520px}.page-clinic{--paper:#edf4f1;--accent:#37796e}.page-clinic .sample-head{background:#fff}.page-clinic .sample-hero{grid-template-columns:1.1fr .9fr}.page-clinic .sample-action{background:#277064}.page-clinic .sample-cta{background:#dcebe5}.page-cafe{--paper:#f7f1e8;--accent:#a64e35}.page-cafe .sample-head{background:#f7f1e8}.page-cafe .sample-hero{grid-template-columns:.9fr 1.1fr}.page-cafe .sample-action{background:#8c3d2c}.page-local{--paper:#f3f0e7;--accent:#a34e37}.page-local .sample-hero{grid-template-columns:1.08fr .92fr}.page-local .sample-visual{height:510px}
@media(max-width:760px){.gallery-hero{padding-top:4.5rem}.gallery-hero h1{font-size:clamp(3.1rem,12vw,5.4rem)}.gallery-deck{align-items:start}.gallery-deck p{font-size:.84rem}.demo-grid{gap:2.4rem 1rem;padding-bottom:4rem}.demo-image{height:clamp(225px,58vw,350px)}.demo-info h2{font-size:1.08rem}.demo-info p{font-size:.65rem}.gallery-disclosure{width:88vw;grid-template-columns:1fr;gap:.6rem;margin-bottom:4rem}.gallery-cta{align-items:start;flex-direction:column;padding-block:3.5rem}.gallery-footer{flex-wrap:wrap}.sample-nav{gap:.7rem}.sample-nav a{font-size:.59rem}.sample-nav .nav-cta{padding:.55rem .65rem}.sample-hero,.page-photo .sample-hero,.page-consult .sample-hero,.page-architecture .sample-hero,.page-clinic .sample-hero,.page-cafe .sample-hero,.page-local .sample-hero{grid-template-columns:1fr;gap:2rem;padding:3.2rem 0}.sample-hero h1{font-size:clamp(3.5rem,14vw,5rem)}.sample-visual,.page-consult .sample-visual,.page-architecture .sample-visual,.page-local .sample-visual{height:100vw;max-height:470px}.sample-cards{grid-template-columns:1fr 1fr}.sample-card:last-child:nth-child(odd){display:none}.sample-section{padding:3rem 0}.section-heading{align-items:start;flex-direction:column}.section-heading>p{max-width:440px}.sample-cta{padding:3rem 0}}
@media(max-width:420px){.site-head{height:62px}.head-link{font-size:.67rem}.demo-grid{grid-template-columns:1fr;gap:2rem}.demo-image{height:88vw;max-height:390px}.gallery-deck span{white-space:nowrap}.sample-head{height:66px!important}.sample-nav{gap:.55rem}.sample-nav a{font-size:.53rem}.sample-logo{font-size:.72rem}.sample-nav .nav-cta{padding:.48rem}.sample-cards{grid-template-columns:1fr}.sample-card:last-child:nth-child(odd){display:block}.sample-card img{aspect-ratio:1.45}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Category art direction: independent page rhythms, not the same template recolored. */
.page-portfolio{--paper:#eeeae0;--ink:#202720;--muted:#687067;--accent:#b05e42}.page-portfolio .sample-head{height:82px;padding-inline:7vw;border-bottom:1px solid #20272024}.page-portfolio .sample-logo{font-size:.8rem;letter-spacing:.16em}.page-portfolio .sample-hero{width:min(1280px,100%);grid-template-columns:.92fr 1.08fr;gap:5vw;padding-block:3rem 6rem}.page-portfolio .sample-hero>div{padding-left:3vw}.page-portfolio .sample-hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.88}.page-portfolio .sample-visual{height:min(65vw,680px);min-height:480px}.page-portfolio .sample-visual img{filter:saturate(.76)}.page-portfolio .sample-section{width:min(1280px,100%);padding-block:5rem}.page-portfolio .sample-cards{grid-template-columns:1.25fr .85fr .85fr;align-items:start}.page-portfolio .sample-card{background:transparent}.page-portfolio .sample-card:nth-child(2){margin-top:3.5rem}.page-portfolio .sample-card:nth-child(3){margin-top:7rem}.page-portfolio .sample-card img{aspect-ratio:.92;filter:saturate(.78)}.page-portfolio .sample-card h3{font-size:1.14rem}.page-portfolio .sample-cta{background:#26382e;color:#f5f0e6}.page-portfolio .sample-cta .kicker{color:#c7b992}.page-portfolio .sample-cta .sample-action{background:#f0dfbd;color:#26382e}
.page-photo{--paper:#151816;--ink:#f4f1e8;--muted:#b6b9ae;--accent:#d6a654}.page-photo .sample-head{height:82px;padding-inline:7vw}.page-photo .sample-logo{letter-spacing:.16em}.page-photo .sample-hero{width:100%;grid-template-columns:.66fr 1.34fr;gap:4vw;padding:2.6rem 7vw 6rem}.page-photo .sample-hero>div{padding-block:2rem}.page-photo .sample-hero h1{font-size:clamp(4rem,8vw,7.6rem)}.page-photo .sample-visual{height:min(61vw,680px)}.page-photo .sample-visual img{filter:saturate(.72)}.page-photo .sample-section{width:min(1280px,100%);padding-block:4rem}.page-photo .section-heading{border-bottom:1px solid #ffffff32;padding-bottom:1.2rem}.page-photo .sample-cards{grid-template-columns:1.25fr .85fr .85fr;gap:.65rem}.page-photo .sample-card{background:transparent}.page-photo .sample-card:nth-child(2){margin-top:4rem}.page-photo .sample-card:nth-child(3){margin-top:8rem}.page-photo .sample-card img{aspect-ratio:.86;filter:saturate(.74)}.page-photo .sample-card>div{padding-inline:0}.page-photo .sample-cta{background:#252b26}.page-photo .sample-footer{background:#151816}
.page-consult{--paper:#f3f5f7;--ink:#192c40;--muted:#627286;--accent:#2b6384}.page-consult .sample-head{background:#fff;border-color:#d6e0e8}.page-consult .sample-logo small{color:#537088}.page-consult .sample-hero{width:100%;grid-template-columns:1fr 1fr;gap:0;padding:0;background:#e4edf2}.page-consult .sample-hero>div{padding:6vw 8vw}.page-consult .sample-hero h1{font-size:clamp(3.7rem,6.6vw,6.5rem)}.page-consult .sample-visual{height:100%;min-height:570px}.page-consult .sample-action{background:#183f5b;border-radius:2px}.page-consult .sample-section{width:min(1120px,88vw);padding-block:5rem}.page-consult .sample-cards{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #b9c8d4;border-bottom:1px solid #b9c8d4}.page-consult .sample-card{background:transparent;padding:1.2rem;border-right:1px solid #b9c8d4}.page-consult .sample-card:last-child{border:0}.page-consult .sample-card img{aspect-ratio:1.55}.page-consult .sample-cta{background:#193d58;color:#fff}.page-consult .sample-cta .kicker{color:#b8cbd8}.page-consult .sample-disclosure{border-color:#ffffff55;color:#d7e2e8}
.page-architecture{--paper:#f1f0ea;--ink:#232824;--muted:#6f756f;--accent:#78816a}.page-architecture .sample-head{height:88px;padding-inline:7vw}.page-architecture .sample-logo{font-size:.92rem;letter-spacing:.19em}.page-architecture .sample-hero{width:100%;grid-template-columns:.73fr 1.27fr;gap:0;padding:0 0 6rem}.page-architecture .sample-hero>div{padding:4vw 4vw 4vw 10vw}.page-architecture .sample-hero h1{font-size:clamp(3.7rem,6.2vw,6.4rem)}.page-architecture .sample-visual{height:min(58vw,650px);min-height:500px}.page-architecture .sample-visual img{filter:saturate(.68)}.page-architecture .sample-section{width:min(1260px,100%);padding-block:4rem}.page-architecture .sample-cards{grid-template-columns:1.4fr .8fr .8fr;gap:.8rem}.page-architecture .sample-card{background:transparent}.page-architecture .sample-card:nth-child(2){margin-top:5rem}.page-architecture .sample-card:nth-child(3){margin-top:10rem}.page-architecture .sample-card img{aspect-ratio:.82}.page-architecture .sample-card h3{font-weight:500}.page-architecture .sample-cta{background:#e2e0d7}
.page-clinic{--paper:#f5f8f6;--ink:#20352f;--muted:#687b74;--accent:#31796b}.page-clinic .sample-head{height:80px;padding-inline:7vw;background:#fff}.page-clinic .sample-logo{letter-spacing:.04em}.page-clinic .sample-hero{width:100%;grid-template-columns:1.02fr .98fr;gap:0;padding:0 0 4.5rem;background:#e8f1ed}.page-clinic .sample-hero>div{padding:5vw 7vw}.page-clinic .sample-hero h1{font-size:clamp(3.4rem,6vw,5.8rem)}.page-clinic .sample-visual{height:100%;min-height:540px}.page-clinic .sample-visual img{filter:saturate(.68)}.page-clinic .sample-section{width:min(1120px,88vw);padding-block:4.5rem}.page-clinic .sample-cards{grid-template-columns:repeat(3,1fr);gap:1rem}.page-clinic .sample-card{background:#fff;border:1px solid #dce8e2}.page-clinic .sample-card img{aspect-ratio:1.5}.page-clinic .sample-cta{background:#dcebe5}.page-clinic .sample-disclosure{background:#fff}
.page-cafe{--paper:#f6efe4;--ink:#37291f;--muted:#77685a;--accent:#a74831}.page-cafe .sample-head{height:86px;padding-inline:7vw}.page-cafe .sample-logo{font-size:1rem;letter-spacing:.14em}.page-cafe .sample-hero{width:100%;grid-template-columns:.82fr 1.18fr;gap:0;padding:0 0 5rem}.page-cafe .sample-hero>div{padding:5vw 5vw 5vw 10vw}.page-cafe .sample-hero h1{font:400 clamp(3.6rem,7vw,7rem)/.95 var(--serif);letter-spacing:-.06em}.page-cafe .sample-visual{height:min(56vw,620px);min-height:450px}.page-cafe .sample-section{width:min(1100px,88vw);padding-block:4rem}.page-cafe .sample-cards{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cbbba6;border-bottom:1px solid #cbbba6}.page-cafe .sample-card{background:transparent;padding:1rem;border-right:1px solid #cbbba6}.page-cafe .sample-card:last-child{border:0}.page-cafe .sample-card img{aspect-ratio:1.15}.page-cafe .sample-cta{background:#713d2f;color:#fff5e8}.page-cafe .sample-cta .kicker{color:#edc3a2}.page-cafe .sample-disclosure{border-color:#ffffff62;color:#f1dfd0}
.page-local{--paper:#f2f0e8;--ink:#222c32;--muted:#657077;--accent:#b36b38}.page-local .sample-head{height:82px;padding-inline:7vw;background:#f8f6ef}.page-local .sample-logo{letter-spacing:.14em}.page-local .sample-hero{width:100%;grid-template-columns:1.05fr .95fr;gap:0;padding:0 0 5rem;background:#e7e4d9}.page-local .sample-hero>div{padding:5vw 6vw 5vw 10vw}.page-local .sample-hero h1{font-size:clamp(3.3rem,6.2vw,6.2rem)}.page-local .sample-visual{height:100%;min-height:530px}.page-local .sample-visual img{filter:saturate(.7)}.page-local .sample-section{width:min(1120px,88vw);padding-block:4.5rem}.page-local .sample-cards{grid-template-columns:repeat(3,1fr);gap:.75rem}.page-local .sample-card{background:#fff;padding-bottom:1rem}.page-local .sample-card img{aspect-ratio:1.2}.page-local .sample-note{background:#e4dfd2;color:#4b5657}.page-local .sample-cta{background:#293943;color:#f8f4ec}.page-local .sample-cta .kicker{color:#e6bc8b}.page-local .sample-disclosure{border-color:#ffffff65;color:#d1d8d6}
@media(max-width:760px){.page-portfolio .sample-hero,.page-photo .sample-hero,.page-architecture .sample-hero,.page-cafe .sample-hero,.page-local .sample-hero{width:88vw;grid-template-columns:1fr;padding:3rem 0;gap:1.8rem}.page-portfolio .sample-hero>div,.page-consult .sample-hero>div,.page-architecture .sample-hero>div,.page-clinic .sample-hero>div,.page-cafe .sample-hero>div,.page-local .sample-hero>div{padding:0}.page-consult .sample-hero,.page-clinic .sample-hero{grid-template-columns:1fr;padding:3rem 6vw;gap:1.8rem}.page-portfolio .sample-visual,.page-photo .sample-visual,.page-architecture .sample-visual,.page-consult .sample-visual,.page-clinic .sample-visual,.page-cafe .sample-visual,.page-local .sample-visual{height:105vw;min-height:0;max-height:520px}.page-portfolio .sample-section,.page-photo .sample-section,.page-architecture .sample-section{width:88vw}.page-portfolio .sample-cards,.page-photo .sample-cards,.page-architecture .sample-cards{grid-template-columns:1fr 1fr}.page-portfolio .sample-card:nth-child(2),.page-photo .sample-card:nth-child(2),.page-architecture .sample-card:nth-child(2){margin-top:2rem}.page-portfolio .sample-card:nth-child(3),.page-photo .sample-card:nth-child(3),.page-architecture .sample-card:nth-child(3){display:none}.page-consult .sample-cards,.page-clinic .sample-cards,.page-cafe .sample-cards,.page-local .sample-cards{grid-template-columns:1fr 1fr}.page-consult .sample-card{border-right:0;border-bottom:1px solid #b9c8d4}.page-cafe .sample-card{border-right:0;border-bottom:1px solid #cbbba6}.page-local .sample-hero{width:100%}}

/* Make the gallery read as eight separate, clickable website concepts. */
.brand .brand-lockup{width:10rem;height:2rem;object-fit:contain;object-position:left center}
.gallery-hero h1{max-width:950px}
.gallery-instruction{max-width:1120px;margin:-1.7rem auto 2.2rem;padding:.95rem 1rem;display:flex;align-items:center;gap:.8rem;border:1px solid #52705c45;background:#edf0e9;color:#35483a}
.gallery-instruction>span{font-size:1.4rem;line-height:1}
.gallery-instruction p{margin:0;font-size:.76rem;line-height:1.65}
.gallery-instruction strong{color:#243a2d}
.demo-card{display:block}
.demo-image{isolation:isolate}
.demo-card:focus-visible{outline:3px solid #bd674e;outline-offset:6px}
.demo-card:focus-visible .demo-image{outline:0}
@media(max-width:1180px){.gallery-instruction{width:89vw}}
@media(max-width:760px){.gallery-instruction{margin:-1rem auto 1.8rem;width:89vw}}
.page-career{--career-paper:#f5f3ee;--career-ink:#192633;--career-muted:#68747c;--career-blue:#274b67;--career-orange:#da6e43;color:var(--career-ink);background:var(--career-paper)}.career-notice{padding:.5rem 1rem;background:#182a38;color:#f6f4ef;text-align:center;font-size:.57rem;letter-spacing:.1em}.career-head{height:74px;padding:0 max(7vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19263320}.career-mark{font:800 .9rem var(--display);letter-spacing:.04em}.career-mark span{margin-left:.45rem;color:var(--career-muted);font:500 .57rem var(--mono);letter-spacing:.1em}.career-head nav{display:flex;align-items:center;gap:1.6rem}.career-head nav a{font-size:.68rem}.career-head .career-nav-cta{padding:.68rem .9rem;background:var(--career-ink);color:#fff}.career-hero{position:relative;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:8vw;width:min(1160px,86vw);min-height:630px;margin:auto;padding:4rem 0 5rem}.career-kicker{margin:0;color:var(--career-blue);font-size:.59rem;font-weight:700;letter-spacing:.13em}.career-copy h1{margin:1.3rem 0;font:500 clamp(4.3rem,8vw,7.8rem)/.88 var(--display);letter-spacing:-.1em}.career-copy h1 em,.career-section-head h2 em,.career-profile h2 em,.career-contact h2 em{color:var(--career-orange);font:italic 400 1.02em var(--serif);letter-spacing:-.07em}.career-lead{max-width:390px;color:var(--career-muted);font-size:.91rem;line-height:1.8}.career-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;margin-top:1.7rem}.career-button{display:inline-flex;align-items:center;gap:1.6rem;padding:.95rem 1.05rem;background:var(--career-blue);color:#fff;font-size:.68rem;font-weight:600}.career-button span{font-size:.95rem}.career-text-link{font-size:.65rem;font-weight:600}.career-location{margin-top:3rem;color:#65727b;font:500 .52rem var(--mono);letter-spacing:.1em}.career-portrait{height:485px;position:relative;margin:0;background:#d7d6ce;overflow:hidden}.career-portrait:before{content:"";position:absolute;z-index:1;top:9%;right:-12%;width:73%;aspect-ratio:1;border-radius:50%;background:#da6e43;mix-blend-mode:multiply;opacity:.76}.career-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.63);mix-blend-mode:multiply}.career-portrait figcaption{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;padding:.7rem .8rem;background:#f5f3eef0;font:500 .53rem var(--mono);letter-spacing:.08em}.career-side-note{position:absolute;right:-4.7rem;top:46%;writing-mode:vertical-rl;color:#7a8589;font:500 .53rem var(--mono);letter-spacing:.2em}.career-projects{padding:5.5rem max(7vw,24px);background:#e8e8e2}.career-section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;max-width:1160px;margin:0 auto 2rem}.career-section-head h2,.career-profile h2,.career-contact h2{margin:.7rem 0 0;font:500 clamp(2.7rem,5vw,4.8rem)/1 var(--display);letter-spacing:-.085em}.career-section-head>p{max-width:350px;color:var(--career-muted);font-size:.7rem;line-height:1.8}.career-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1160px;margin:auto}.career-project{min-width:0}.career-project>span{display:block;margin-bottom:.6rem;color:#68747c;font:500 .5rem var(--mono);letter-spacing:.09em}.project-art{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:1.5rem;overflow:hidden}.project-art i{position:absolute;width:150px;aspect-ratio:1;right:-20px;top:-25px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 22px #ffffff18,0 0 0 44px #ffffff14}.project-art b{position:relative;z-index:1;font:600 clamp(2rem,3vw,3rem)/.86 var(--display);letter-spacing:-.09em}.project-art small{position:absolute;left:1.5rem;bottom:1.2rem;font:500 .48rem var(--mono);letter-spacing:.1em}.project-blue .project-art{background:#345c74;color:#f4f1e8}.project-orange .project-art{background:#d9784e;color:#fff2e5}.project-lilac .project-art{background:#bbc2d0;color:#243246}.project-orange .project-art i{left:-40px;right:auto;top:30px}.project-lilac .project-art i{width:190px;right:20%;top:40%;border-radius:16px;transform:rotate(35deg)}.career-project h3{margin:.9rem 0 .3rem;font:650 1rem var(--display);letter-spacing:-.04em}.career-project p{max-width:320px;margin:0;color:var(--career-muted);font-size:.67rem;line-height:1.7}.career-profile{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;max-width:1050px;margin:auto;padding:6rem 7vw}.career-profile>div:first-child>p:last-child{max-width:390px;color:var(--career-muted);font-size:.76rem;line-height:1.8}.career-details{border-top:1px solid #19263338}.career-details>div{padding:1.1rem 0;border-bottom:1px solid #19263338}.career-details h3{margin:0 0 .4rem;font:650 .76rem var(--display)}.career-details p{margin:0;color:var(--career-muted);font-size:.67rem;line-height:1.7}.career-contact{padding:5rem max(7vw,24px);background:#20384b;color:#f6f3eb}.career-contact .career-kicker{color:#d1b797}.career-contact h2{font-size:clamp(3.1rem,6vw,5.7rem)}.career-contact h2 em{color:#e59b72}.career-contact>p:not(.career-kicker){max-width:430px;color:#c5d0d1;font-size:.72rem;line-height:1.8}.career-button-light{margin-top:.75rem;background:#f0d9b9;color:#20384b}.career-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem max(7vw,24px);background:#172833;color:#c8d0d0;font:500 .51rem var(--mono);letter-spacing:.07em}.career-footer a{color:#f0d9b9}
@media(max-width:760px){.career-head{height:66px}.career-head nav{gap:.8rem}.career-head nav a{font-size:.58rem}.career-head .career-nav-cta{padding:.55rem .6rem}.career-hero{grid-template-columns:1fr;gap:1.6rem;width:86vw;min-height:0;padding:3.5rem 0}.career-copy h1{font-size:clamp(4rem,16vw,6rem)}.career-portrait{height:110vw;max-height:490px}.career-side-note{display:none}.career-projects{padding:3.6rem 7vw}.career-section-head{align-items:start;flex-direction:column;gap:.7rem}.career-project-grid{grid-template-columns:1fr}.career-project{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;align-items:center}.career-project>span{grid-column:1/-1}.project-art{grid-row:2/4;min-height:195px;padding:1rem}.project-art b{font-size:2rem}.project-art small{left:1rem;bottom:.8rem}.career-project h3{align-self:end;margin-top:0}.career-project p{align-self:start}.career-profile{grid-template-columns:1fr;gap:2rem;padding:4rem 7vw}.career-contact{padding-block:3.8rem}.career-footer{flex-wrap:wrap}}
.career-portrait{background:#dfd8cb}.career-portrait:before{z-index:0;top:9%;right:-14%;mix-blend-mode:normal;opacity:1}.career-portrait img{position:relative;z-index:1;width:88%;height:92%;margin:0 0 0 auto;filter:grayscale(1);mix-blend-mode:normal}.career-portrait figcaption{z-index:2}

/* Give each sample a recognizable composition, not only a different color. */
.page-photo .sample-hero{width:100%;min-height:690px;grid-template-columns:.58fr 1.42fr;align-items:stretch;padding:0 0 5rem}
.page-photo .sample-hero>div{align-self:center;padding:4rem 0 4rem 8vw}
.page-photo .sample-visual{height:100%;min-height:620px}
.page-photo .sample-visual img{object-position:center 45%}
.page-photo .sample-hero h1{font-size:clamp(4.5rem,8vw,8rem)}
.page-consult .sample-hero{grid-template-columns:1.12fr .88fr;background:#e4edf2}
.page-consult .sample-visual{min-height:590px}
.page-consult .sample-visual img{filter:saturate(.58) contrast(1.04)}
.page-consult .sample-hero>div{position:relative}
.page-consult .sample-hero>div:after{content:"STRATEJİ · UYGULAMA · GELİŞİM";display:block;margin-top:2.3rem;color:#537088;font:500 .52rem var(--mono);letter-spacing:.13em}
.page-architecture .sample-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:4rem 0 5rem}
.page-architecture .sample-hero>div{display:grid;grid-template-columns:.7fr 1.3fr;column-gap:2rem;align-items:end;padding:0 8vw 2.5rem}
.page-architecture .sample-hero .kicker{grid-column:1/-1}
.page-architecture .sample-hero h1{grid-column:1;margin:.8rem 0 0;font-size:clamp(3.5rem,6vw,6.4rem)}
.page-architecture .sample-hero>div>p:not(.kicker){grid-column:2;grid-row:2;max-width:390px;margin:0 0 .35rem}
.page-architecture .sample-hero .sample-action{grid-column:2;justify-self:start}
.page-architecture .sample-visual{width:84%;height:min(54vw,620px);min-height:430px;margin:0 auto}
.page-architecture .sample-visual img{object-position:center 55%}
.page-clinic .sample-hero{grid-template-columns:1fr;gap:0;padding:4.5rem 0 5rem;text-align:center;background:#e8f1ed}
.page-clinic .sample-hero>div{max-width:720px;margin:auto;padding:0 2rem 2.5rem}
.page-clinic .sample-hero h1{max-width:680px;margin-inline:auto;font-size:clamp(3.7rem,6.5vw,6.1rem)}
.page-clinic .sample-hero>div>p:not(.kicker){margin-inline:auto}
.page-clinic .sample-hero .sample-action{margin-top:1rem;border-radius:99px}
.page-clinic .sample-visual{width:min(820px,82vw);height:390px;min-height:0;margin:auto;border-radius:180px 180px 12px 12px}
.page-clinic .sample-cards{gap:0}
.page-clinic .sample-card{border-radius:10px;overflow:hidden}
.page-cafe .sample-hero{position:relative;display:flex;align-items:flex-end;min-height:690px;padding:0 0 4rem;overflow:hidden;background:#3a241c}
.page-cafe .sample-visual{position:absolute;inset:0;height:100%;min-height:0;margin:0}
.page-cafe .sample-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#281913e8 0%,#281913a8 48%,#28191312 100%),linear-gradient(0deg,#28191355,transparent 55%)}
.page-cafe .sample-visual img{filter:saturate(.82);object-position:center 54%}
.page-cafe .sample-visual .visual-tag{display:none}
.page-cafe .sample-hero>div{position:relative;z-index:1;width:min(650px,78vw);padding:4rem 0 1rem 10vw}
.page-cafe .sample-hero .kicker,.page-cafe .sample-hero h1,.page-cafe .sample-hero>div>p:not(.kicker){color:#fff6e9}
.page-cafe .sample-hero h1{font-size:clamp(4rem,7.5vw,7.5rem)}
.page-cafe .sample-hero h1 em{color:#e8b178}
.page-cafe .sample-hero .sample-action{background:#f5e4cc;color:#37291f}
.page-local .sample-hero{width:100%;grid-template-columns:1.12fr .88fr;gap:0;padding:0 0 5.5rem;background:#eee5d5}
.page-local .sample-hero>div{padding:5vw 4vw 5vw 10vw}
.page-local .sample-visual{width:100%;min-height:590px;height:100%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.page-local .sample-visual img{object-position:center;filter:saturate(.82) contrast(1.03)}
.page-local .sample-hero h1{font-size:clamp(3.8rem,7vw,7rem)}
@media(max-width:760px){
  .page-photo .sample-hero{min-height:0;padding:3rem 0;gap:1.8rem}
  .page-photo .sample-hero>div{padding:0}
  .page-photo .sample-visual{height:115vw;min-height:0;max-height:540px}
  .page-architecture .sample-hero{width:100%;padding:3rem 0;gap:0}
  .page-architecture .sample-hero>div{display:block;padding:0 6vw 1.7rem}
  .page-architecture .sample-hero>div>p:not(.kicker){margin:.8rem 0}
  .page-architecture .sample-visual{width:88vw;height:80vw;min-height:0;max-height:430px}
  .page-clinic .sample-hero{padding:3rem 6vw}
  .page-clinic .sample-hero>div{padding:0 0 1rem}
  .page-clinic .sample-visual{width:100%;height:70vw;max-height:380px;border-radius:120px 120px 10px 10px}
  .page-cafe .sample-hero{width:100%;min-height:650px;padding:0 6vw 2.5rem}
  .page-cafe .sample-visual{width:100%;height:100%;max-height:none;padding:0}
  .page-cafe .sample-hero>div{width:100%;padding:0}
  .page-cafe .sample-hero h1{font-size:clamp(3.8rem,14vw,5.6rem)}
  .page-local .sample-hero{width:100%;padding:3rem 6vw;gap:1.8rem}
  .page-local .sample-hero>div{padding:0}
  .page-local .sample-visual{width:100%;height:105vw;min-height:0;max-height:480px;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
}

/* Gallery: show each concept's real page preview and keep the brand as one word. */
.brand{gap:.58rem;white-space:nowrap}.brand .brand-lockup{width:10rem;height:2rem}.demo-image{aspect-ratio:1.42;height:auto;min-height:260px}.demo-image img{object-position:top center}
@media(max-width:760px){.demo-image{min-height:210px}}
/* Gallery-only visual identities: each thumbnail reads as its own industry demo. */
.gallery .demo-card{--demo-accent:#52705c}
.gallery .identity-portfolio{--demo-accent:#a65f43}
.gallery .identity-career{--demo-accent:#54738b}
.gallery .identity-photo{--demo-accent:#bb8f46}
.gallery .identity-consult{--demo-accent:#52758a}
.gallery .identity-architecture{--demo-accent:#727c63}
.gallery .identity-clinic{--demo-accent:#397a70}
.gallery .identity-stay{--demo-accent:#ad7652}
.gallery .identity-cafe{--demo-accent:#a85035}
.gallery .identity-local{--demo-accent:#80694b}
.gallery .demo-image{background:color-mix(in srgb,var(--demo-accent) 16%,#f7f6f2)}
.gallery .identity-photo .demo-image{background:#171a18;}
@media(prefers-reduced-motion:reduce){.gallery .demo-image img,.gallery .demo-info>i{transition:none}}

/* Field-specific page systems. The gallery concepts now use different information architectures. */
.bespoke{--paper:#f7f5ef;--ink:#20251f;--muted:#70756e;--accent:#99563b;color:var(--ink);background:var(--paper)}
.bespoke .sample-head{position:relative;z-index:3;background:var(--paper)}
.bespoke .sample-logo{letter-spacing:.015em}
.bespoke .sample-footer{border-top:1px solid #20251f22}
.bespoke .b-kicker{font:700 .62rem 'DM Sans',sans-serif;letter-spacing:.14em;color:var(--accent)}
.bespoke h1,.bespoke h2,.bespoke h3,.bespoke p{overflow-wrap:anywhere}
.bespoke .b-cta{display:inline-flex;align-items:center;gap:1.2rem;padding:.9rem 1.1rem;background:var(--ink);color:#fff;font-size:.75rem;font-weight:700}
.b-back{position:absolute;top:1rem;left:max(6vw,22px);z-index:4;font-size:.67rem;text-decoration:underline;text-underline-offset:4px}
/* Personal designer: art-directed case studies rather than service cards. */
.page-portfolio.bespoke{--paper:#e8e6dc;--accent:#984f32}
.portfolio-top{max-width:1240px;margin:auto;padding:5rem 6vw 4rem;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:end}
.portfolio-top h1{font:500 clamp(4rem,9vw,9rem)/.84 var(--display);letter-spacing:-.1em;margin:1rem 0 1.5rem}.portfolio-top h1 em{font:italic 400 1em var(--serif);color:var(--accent)}
.portfolio-top p:not(.b-kicker){max-width:420px;color:var(--muted);font-size:.9rem;line-height:1.8}
.portfolio-index{border-top:1px solid #20251f4a}.portfolio-row{max-width:1240px;margin:auto;padding:2rem 6vw 4rem;display:grid;grid-template-columns:80px 1fr 1fr;gap:2rem;border-bottom:1px solid #20251f45}
.portfolio-row>span{font:600 .62rem monospace;color:var(--muted)}.portfolio-row h2{margin:0;font:500 clamp(2rem,4vw,4.4rem)/.98 var(--display);letter-spacing:-.07em}.portfolio-row p{max-width:410px;color:var(--muted);font-size:.8rem;line-height:1.8}.portfolio-art{min-height:240px;grid-column:2/4;margin-top:1rem;display:grid;place-items:center;position:relative;overflow:hidden;background:#afc3b9;color:#18362c}
.portfolio-art:before,.portfolio-art:after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid #18362c55;border-radius:50%}.portfolio-art:after{width:27%;border-radius:0;transform:rotate(35deg)}.portfolio-art b{z-index:1;font:500 clamp(2rem,6vw,5rem) var(--serif);letter-spacing:-.06em}.portfolio-row:nth-child(2) .portfolio-art{background:#d8a18a;color:#442617}.portfolio-row:nth-child(3) .portfolio-art{background:#d3cfb5;color:#28382e}
.portfolio-about{padding:5rem 10vw;display:flex;justify-content:space-between;gap:3rem;background:#26342d;color:#f8f5ec}.portfolio-about h2{margin:0;font:500 clamp(2.4rem,5vw,5rem)/1 var(--display);letter-spacing:-.07em}.portfolio-about p{max-width:430px;color:#d0d5cb;font-size:.82rem;line-height:1.9}
/* CV: recruiter-friendly summary and chronological experience. */
.page-career.bespoke{--paper:#f2f0e9;--accent:#42677a}.cv-hero{max-width:1100px;margin:auto;padding:5rem 7vw 3rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.cv-hero h1{margin:.8rem 0;font:500 clamp(3.5rem,8vw,7rem)/.9 var(--display);letter-spacing:-.09em}.cv-hero h1 em{color:var(--accent);font:italic 400 1em var(--serif)}.cv-summary{max-width:630px;color:var(--muted);font-size:.95rem;line-height:1.9}.cv-meta{display:flex;gap:1rem 1.8rem;flex-wrap:wrap;padding:1.1rem 0;border-block:1px solid #20251f38;font:600 .63rem monospace;letter-spacing:.03em}.cv-layout{max-width:1100px;margin:auto;padding:3.5rem 7vw 5rem;display:grid;grid-template-columns:1fr 260px;gap:4rem}.cv-timeline{border-top:1px solid #20251f40}.cv-job{display:grid;grid-template-columns:125px 1fr;gap:1.4rem;padding:1.5rem 0;border-bottom:1px solid #20251f40}.cv-job time{font:600 .62rem monospace;color:var(--accent)}.cv-job h3{margin:0;font:650 1.1rem var(--display)}.cv-job p{margin:.55rem 0;color:var(--muted);font-size:.76rem;line-height:1.8}.cv-side{padding:1.5rem;background:#e2e8e5;align-self:start}.cv-side h2{margin:0 0 1rem;font:600 1.15rem var(--display)}.cv-side p{font-size:.72rem;line-height:1.8;color:#59645e}.cv-side ul{padding-left:1.1rem;color:#59645e;font-size:.72rem;line-height:2}
/* Photographer: images lead; full-width, staggered contact-sheet composition. */
.page-photo.bespoke{--paper:#181b19;--ink:#f4f1e8;--muted:#b7b8b0;--accent:#e6b875}.page-photo.bespoke .sample-head{background:#181b19}.photo-intro{padding:4.5rem 7vw 2.5rem;display:flex;justify-content:space-between;align-items:end;gap:2rem}.photo-intro h1{max-width:720px;margin:.7rem 0;font:500 clamp(3.5rem,8vw,8rem)/.86 var(--display);letter-spacing:-.09em}.photo-intro h1 em{font:italic 400 1em var(--serif);color:var(--accent)}.photo-intro p:not(.b-kicker){max-width:300px;color:var(--muted);font-size:.78rem;line-height:1.8}.photo-contact{padding:0 7vw 5rem;display:grid;grid-template-columns:1.05fr .8fr 1.15fr;grid-template-rows:230px 260px;gap:12px}.photo-frame{position:relative;overflow:hidden;background:#343832}.photo-frame img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo-frame:hover img{transform:scale(1.035)}.photo-frame:nth-child(1){grid-row:span 2}.photo-frame:nth-child(2){grid-column:2;grid-row:span 2}.photo-frame:nth-child(3){grid-column:3;grid-row:1}.photo-frame:nth-child(4){grid-column:3;grid-row:2}.photo-frame figcaption{position:absolute;bottom:0;left:0;right:0;padding:1.7rem .9rem .8rem;background:linear-gradient(transparent,#101310bb);font-size:.64rem;letter-spacing:.08em}.photo-process{padding:3rem 7vw 4rem;border-top:1px solid #ffffff30;display:grid;grid-template-columns:1fr 2fr;gap:3rem}.photo-process h2{font:500 clamp(2rem,4vw,3.4rem)/1 var(--display);letter-spacing:-.06em}.photo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.photo-steps article{border-top:1px solid #ffffff65;padding-top:.8rem}.photo-steps b{color:var(--accent);font:600 .62rem monospace}.photo-steps h3{font-size:.9rem}.photo-steps p{color:var(--muted);font-size:.7rem;line-height:1.7}
/* Consulting: a problem-to-deliverable diagnostic, not a services tile grid. */
.page-consult.bespoke{--paper:#eaf0f2;--accent:#366780}.consult-hero{padding:5rem 8vw 4rem;background:#203c4a;color:white}.consult-hero .b-kicker{color:#a8d1d8}.consult-hero h1{max-width:900px;margin:1rem 0;font:500 clamp(3.4rem,8vw,7.8rem)/.91 var(--display);letter-spacing:-.09em}.consult-hero h1 em{font:italic 400 1em var(--serif);color:#ecc18e}.consult-hero>p:not(.b-kicker){max-width:600px;color:#d3e0df;line-height:1.8;font-size:.86rem}.consult-fit{padding:4rem 8vw;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.consult-fit h2{font:500 clamp(2rem,4vw,3.5rem)/1 var(--display);letter-spacing:-.06em}.consult-fit ul{list-style:none;padding:0;margin:0}.consult-fit li{padding:1rem 0;border-bottom:1px solid #203c4a42;font-size:.82rem}.consult-fit li:before{content:"↗";margin-right:1rem;color:var(--accent)}.consult-board{margin:0 8vw 5rem;padding:2rem;background:#d9e4e8;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.consult-board article{min-height:190px;padding:1.2rem;background:#f8f8f3;border:1px solid #203c4a20}.consult-board span{font:600 .62rem monospace;color:var(--accent)}.consult-board h3{margin-top:3rem;font:600 1.1rem var(--display)}.consult-board p{color:var(--muted);font-size:.72rem;line-height:1.7}
/* Architecture: visible plan, section and axonometric concept drawing. */
.page-architecture.bespoke{--paper:#eeece4;--accent:#6e725c}.arch-title{padding:4.5rem 8vw 2rem;display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:end}.arch-title h1{font:500 clamp(3.6rem,8vw,8rem)/.86 var(--display);letter-spacing:-.1em;margin:.8rem 0}.arch-title h1 em{font:italic 400 1em var(--serif);color:var(--accent)}.arch-title p:not(.b-kicker){font-size:.77rem;line-height:1.8;color:var(--muted)}.arch-model{margin:0 8vw 1rem;min-height:460px;background:#d8d8cb;overflow:hidden;display:grid;place-items:center;position:relative}.arch-model svg{width:min(850px,94%);height:auto;overflow:visible}.arch-caption{margin:0 8vw 4rem;padding:.7rem 0;border-bottom:1px solid #20251f45;display:flex;justify-content:space-between;font:600 .6rem monospace;color:#697066}.arch-project{padding:3rem 8vw 5rem;background:#26372f;color:#f5f2e8;display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem}.arch-project h2{font:500 clamp(2.4rem,5vw,5rem)/.95 var(--display);letter-spacing:-.075em}.arch-project p{color:#d0d4c9;font-size:.78rem;line-height:1.8}.arch-drawings{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.arch-drawing{min-height:200px;padding:1rem;background:#e8e7dc;color:#28362f}.arch-drawing svg{width:100%;height:150px}.arch-drawing span{font:600 .58rem monospace}.arch-materials{display:flex;gap:.5rem;margin-top:1rem}.arch-materials i{width:44px;height:44px;background:#9a8c73}.arch-materials i:nth-child(2){background:#b9b7aa}.arch-materials i:nth-child(3){background:#4e6255}.arch-materials i:nth-child(4){background:#d4c6a8}
/* Clinic: patient information and appointment prep. No treatment promises. */
.page-clinic.bespoke{--paper:#f5f8f5;--accent:#277064}.clinic-hero{padding:4.5rem 8vw;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;background:#e5f0e9}.clinic-hero h1{font:500 clamp(3.5rem,7vw,7rem)/.9 var(--display);letter-spacing:-.085em;margin:.8rem 0}.clinic-hero h1 em{font:italic 400 1em var(--serif);color:var(--accent)}.clinic-hero p:not(.b-kicker){max-width:550px;color:#596a60;font-size:.83rem;line-height:1.85}.clinic-profile{padding:1.4rem;background:white;box-shadow:0 16px 45px #203a2b12}.clinic-profile .clinic-avatar{height:240px;display:grid;place-items:center;background:linear-gradient(135deg,#c7d8cd,#e9eee5);font:italic 4rem var(--serif);color:#376b59}.clinic-profile h2{margin:1rem 0 .2rem;font:600 1.15rem var(--display)}.clinic-profile p{font-size:.7rem;color:var(--muted);line-height:1.7}.clinic-flow{padding:4rem 8vw;display:grid;grid-template-columns:260px 1fr;gap:3rem}.clinic-flow h2{font:500 2.5rem/1 var(--display);letter-spacing:-.06em}.clinic-step{display:grid;grid-template-columns:42px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid #20251f25}.clinic-step span{color:var(--accent);font:600 .65rem monospace}.clinic-step h3{margin:0;font-size:.9rem}.clinic-step p{max-width:550px;margin:.3rem 0;color:var(--muted);font-size:.72rem;line-height:1.75}.clinic-info{margin:0 8vw 5rem;padding:1.5rem;background:#e4eee8;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.clinic-info div{max-width:240px}.clinic-info b{font-size:.65rem}.clinic-info p{font-size:.7rem;line-height:1.7;color:#596a60}
/* Cafe: service-ready menu and visit information. */
.page-cafe.bespoke{--paper:#f7f1e7;--accent:#a7472e}.cafe-hero{min-height:590px;position:relative;display:flex;align-items:end;padding:4rem 9vw;background:#40251a;color:#fff7ea;overflow:hidden}.cafe-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#25160fe8 0%,#25160f9c 48%,#25160f10),url('https://images.unsplash.com/photo-1554118811-1e0d58224f24?auto=format&fit=crop&w=1800&q=85') center/cover}.cafe-hero>div{position:relative;max-width:690px}.cafe-hero h1{font:500 clamp(3.8rem,8vw,8rem)/.86 var(--display);letter-spacing:-.09em;margin:1rem 0}.cafe-hero h1 em{font:italic 400 1em var(--serif);color:#f1c28e}.cafe-hero p:not(.b-kicker){max-width:470px;color:#f3e8d9;font-size:.82rem;line-height:1.8}.cafe-facts{position:relative;margin:-1px 7vw 4rem;padding:1.2rem;background:#a7472e;color:#fff7ea;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cafe-facts b{font-size:.63rem;letter-spacing:.07em}.cafe-facts span{display:block;margin-top:.4rem;font-size:.72rem;color:#f1d9c7}.cafe-menu{max-width:1050px;margin:auto;padding:1rem 8vw 5rem}.cafe-menu-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid #40251a;padding-bottom:1rem}.cafe-menu-head h2{font:500 clamp(2.8rem,6vw,5rem) var(--serif);margin:0}.menu-groups{display:grid;grid-template-columns:1fr 1fr;gap:3rem 5rem;padding-top:2rem}.menu-group h3{font:600 1.05rem var(--display);border-bottom:1px solid #40251a55;padding-bottom:.7rem}.menu-item{display:grid;grid-template-columns:1fr auto;gap:.6rem;padding:.85rem 0;border-bottom:1px dotted #40251a55}.menu-item b{font-size:.77rem}.menu-item span{font-size:.72rem;color:var(--accent)}.menu-item small{grid-column:1/-1;color:#777066;font-size:.65rem}.cafe-note{margin-top:1.5rem;color:#7a7065;font-size:.64rem;line-height:1.7}.cafe-visit{padding:3rem 8vw;background:#e9dfcf;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.cafe-visit h2{font:500 2.8rem var(--serif);margin:0}
/* Local service: quote intake, coverage and proof workflow. */
.page-local.bespoke{--paper:#f1eee5;--accent:#ad583e}.local-hero{padding:5rem 8vw 4rem;background:#d9c9ad;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.local-hero h1{font:500 clamp(3.3rem,7vw,7rem)/.88 var(--display);letter-spacing:-.09em;margin:.9rem 0}.local-hero h1 em{font:italic 400 1em var(--serif);color:var(--accent)}.local-hero p:not(.b-kicker){max-width:460px;color:#5d574e;font-size:.83rem;line-height:1.8}.local-steps{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1.5rem}.local-steps span{padding:.55rem .7rem;border:1px solid #6b5b4855;font-size:.61rem}.local-visual{min-height:390px;position:relative;background:url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?auto=format&fit=crop&w=1200&q=85') center/cover}.local-visual:after{content:"ÖRNEK UYGULAMA GÖRSELİ";position:absolute;bottom:0;left:0;padding:.65rem .8rem;background:#f5efe4;font:600 .57rem monospace}.local-scope{padding:4rem 8vw;display:grid;grid-template-columns:1fr 2fr;gap:3rem}.local-scope h2{font:500 clamp(2.2rem,4vw,3.8rem)/1 var(--display);letter-spacing:-.06em}.local-list{border-top:1px solid #20251f40}.local-list article{display:grid;grid-template-columns:45px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid #20251f40}.local-list article>span{font:600 .62rem monospace;color:var(--accent)}.local-list h3{margin:0;font-size:.9rem}.local-list p{margin:.3rem 0 0;color:var(--muted);font-size:.69rem}.local-list em{font:normal .62rem monospace;color:var(--muted)}.local-quote{margin:0 8vw 5rem;padding:2rem;background:#293a32;color:white;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.local-quote h2{font:500 clamp(2rem,4vw,3.6rem)/1 var(--display);letter-spacing:-.06em}.local-quote p{color:#d3dacf;font-size:.76rem;line-height:1.8}
@media(max-width:760px){.portfolio-top{grid-template-columns:1fr;padding:3.5rem 7vw 2rem;gap:1rem}.portfolio-row{grid-template-columns:42px 1fr;padding:1.5rem 7vw 2rem;gap:.7rem}.portfolio-row h2,.portfolio-row p{grid-column:2}.portfolio-art{grid-column:2;min-height:190px}.portfolio-about{padding:3.5rem 7vw;display:block}.cv-hero{grid-template-columns:1fr;padding:3.5rem 7vw 2rem}.cv-meta{line-height:1.7}.cv-layout{grid-template-columns:1fr;padding:2rem 7vw 3.5rem;gap:2rem}.cv-job{grid-template-columns:85px 1fr;gap:.7rem}.photo-intro{padding:3.5rem 7vw 1.5rem;display:block}.photo-contact{padding:0 5vw 3rem;grid-template-columns:1fr 1fr;grid-template-rows:58vw 42vw 42vw;gap:8px}.photo-frame:nth-child(1){grid-row:span 2}.photo-frame:nth-child(2){grid-column:2;grid-row:span 1}.photo-frame:nth-child(3){grid-column:1;grid-row:3}.photo-frame:nth-child(4){grid-column:2;grid-row:2/4}.photo-process{grid-template-columns:1fr;padding:2.5rem 7vw;gap:0}.photo-steps{grid-template-columns:1fr}.consult-hero{padding:3.5rem 7vw}.consult-fit{grid-template-columns:1fr;padding:3rem 7vw;gap:1rem}.consult-board{margin:0 7vw 3.5rem;grid-template-columns:1fr}.consult-board article{min-height:130px}.consult-board h3{margin-top:1.5rem}.arch-title{grid-template-columns:1fr;padding:3.5rem 7vw 1.5rem;gap:.4rem}.arch-model{margin:0 5vw 1rem;min-height:250px}.arch-caption{margin:0 5vw 2.5rem;gap:1rem;flex-wrap:wrap}.arch-project{grid-template-columns:1fr;padding:2.5rem 7vw;gap:1rem}.arch-drawings{grid-template-columns:1fr 1fr}.arch-drawing{min-height:160px}.arch-drawing svg{height:110px}.clinic-hero{grid-template-columns:1fr;padding:3rem 7vw;gap:1rem}.clinic-profile .clinic-avatar{height:180px}.clinic-flow{grid-template-columns:1fr;padding:3rem 7vw;gap:1rem}.clinic-info{margin:0 5vw 3.5rem;display:grid;grid-template-columns:1fr 1fr}.cafe-hero{min-height:560px;padding:3rem 7vw}.cafe-facts{margin:0 5vw 2rem;grid-template-columns:1fr;gap:.8rem}.cafe-menu{padding:1rem 7vw 3.5rem}.cafe-menu-head{align-items:start;display:block}.menu-groups{grid-template-columns:1fr;gap:1rem}.cafe-visit{grid-template-columns:1fr;padding:2.5rem 7vw}.local-hero{grid-template-columns:1fr;padding:3.5rem 7vw;gap:1.5rem}.local-visual{min-height:280px}.local-scope{grid-template-columns:1fr;padding:3rem 7vw;gap:1rem}.local-list article{grid-template-columns:32px 1fr}.local-list em{grid-column:2}.local-quote{grid-template-columns:1fr;margin:0 5vw 3.5rem;padding:1.5rem}.b-back{top:.6rem;left:5vw}}
@media(prefers-reduced-motion:reduce){.photo-frame img{transition:none}}
@media(max-width:760px){.photo-contact{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.photo-contact .photo-frame:nth-child(1){grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}.photo-contact .photo-frame:nth-child(n+2){grid-column:auto;grid-row:auto;aspect-ratio:3/4}}
@keyframes architecture-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.arch-model svg{transform-origin:50% 55%;animation:architecture-float 8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.arch-model svg{animation:none}}