:root{
  --harbor:#0a2638;--harbor-deep:#061923;--bay:#0b67b2;--bay-light:#79abc5;--concrete:#d2d6d7;--fog:#edf1f2;--graphite:#434b52;--white:#fafcfc;
  --line:rgba(10,38,56,.17);--light-line:rgba(250,252,252,.2);--serif:"Newsreader",Georgia,serif;--sans:"Manrope","Segoe UI",sans-serif;--mono:"IBM Plex Mono",Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--harbor);background:var(--fog);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}
body:before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");mix-blend-mode:multiply}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.shell{width:min(100% - 72px,1460px);margin-inline:auto}.section-pad{padding:clamp(110px,12vw,190px) 0}.section-label{margin:0;font:500 10px/1.45 var(--mono);letter-spacing:.15em;text-transform:uppercase}.section-index{display:block;margin-top:18px;color:#6a767d;font:400 9px/1 var(--mono);letter-spacing:.12em}.display-copy{margin:0;font:400 clamp(56px,6.4vw,108px)/.94 var(--serif);letter-spacing:-.05em}.display-copy em{color:var(--bay);font-weight:400}.light-label{color:#a9c0ce}
:focus-visible{outline:2px solid var(--bay-light);outline-offset:5px}.scroll-progress{position:fixed;right:0;top:0;bottom:0;width:3px;z-index:130;background:rgba(11,103,178,.12)}.scroll-progress i{display:block;width:100%;height:100%;background:var(--bay);transform:scaleY(0);transform-origin:top}
.page-loader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--harbor);color:var(--white);transition:transform 1.05s var(--ease);transform-origin:top}.page-loader.is-done{transform:translateY(-102%)}.page-loader span{position:absolute;bottom:36px;font:10px/1 var(--mono);letter-spacing:.18em}.loader-mark{display:flex;gap:14px;align-items:flex-end;height:92px}.loader-mark i{display:block;width:3px;height:24px;background:var(--bay-light);transform-origin:bottom;animation:loader-build 1.2s var(--ease) infinite}.loader-mark i:nth-child(2){height:58px;animation-delay:.12s}.loader-mark i:nth-child(3){height:90px;animation-delay:.24s}@keyframes loader-build{0%,100%{transform:scaleY(.25);opacity:.35}50%{transform:scaleY(1);opacity:1}}
.site-header{position:fixed;z-index:100;top:0;right:0;left:0;color:var(--white);transition:background-color .35s ease,color .35s ease,transform .35s ease;border-bottom:1px solid rgba(255,255,255,.15)}.site-header.is-solid{color:var(--harbor);background:rgba(237,241,242,.94);backdrop-filter:blur(16px);border-color:var(--line)}.site-header.is-hidden{transform:translateY(-102%)}.header-shell{height:92px;padding:0 max(36px,calc((100vw - 1460px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{width:max-content}.brand-crop{position:relative;display:block;width:182px;height:54px;overflow:hidden}.brand-crop img{position:absolute;width:135%;max-width:none;height:auto;left:-17.5%;top:-55%;mix-blend-mode:multiply}.site-header:not(.is-solid) .brand-crop img{filter:brightness(0) invert(1);mix-blend-mode:screen}.desktop-nav{display:flex;gap:38px;align-items:center}.desktop-nav a{position:relative;font-size:12px;font-weight:600}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.desktop-nav a:hover:after,.desktop-nav .nav-projects:after{transform:scaleX(1);transform-origin:left}.header-contact{justify-self:end;display:flex;align-items:center;gap:15px;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.header-contact i{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font-style:normal;transition:transform .45s var(--ease),background-color .3s,color .3s}.header-contact:hover i{transform:rotate(45deg);background:var(--bay);border-color:var(--bay);color:white}.menu-button,.mobile-menu{display:none}
.hero{position:relative;min-height:100svh;color:var(--white);background:var(--harbor);overflow:hidden}.hero-media,.hero-shade,.hero-grid{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.45) hue-rotate(155deg) contrast(1.02);transform:scale(1.04);animation:hero-breathe 15s ease-in-out infinite alternate}@keyframes hero-breathe{to{transform:scale(1.085) translateX(-1%)}}.hero-shade{background:linear-gradient(90deg,rgba(6,25,35,.96) 0%,rgba(6,25,35,.78) 44%,rgba(8,44,67,.3) 79%),linear-gradient(0deg,rgba(6,25,35,.9) 0%,transparent 52%),linear-gradient(130deg,rgba(11,103,178,.08),rgba(11,103,178,.35))}.hero-grid{opacity:.16;background-image:linear-gradient(var(--light-line) 1px,transparent 1px),linear-gradient(90deg,var(--light-line) 1px,transparent 1px);background-size:12.5% 20%}.hero-content{position:relative;z-index:3;width:min(100% - 72px,1460px);min-height:100svh;margin:auto;padding:132px 0 42px;display:flex;flex-direction:column;justify-content:space-between}.hero-meta{display:flex;justify-content:space-between;font:9px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}.hero-main{margin:auto 0 34px;max-width:1180px}.hero-kicker{margin:0 0 30px;color:var(--bay-light);font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase}.hero-title{margin:0;font:400 clamp(78px,9.2vw,164px)/.78 var(--serif);letter-spacing:-.068em}.title-line{display:block;overflow:hidden}.title-bay{padding-left:.7em;color:#92c4dc}.hero-lead{max-width:610px;margin:45px 0 0;font-size:16px;line-height:1.72}.hero-actions{display:flex;gap:12px;margin-top:38px}.button{display:flex;justify-content:space-between;align-items:center;gap:36px;min-width:245px;padding:18px 20px;border:1px solid currentColor;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:background .35s,color .35s,border-color .35s}.button i{font-style:normal;font-size:16px;transition:transform .35s var(--ease)}.button:hover i{transform:translate(4px,-4px)}.button-primary{border-color:var(--bay);background:var(--bay);color:white}.button-primary:hover{border-color:var(--white);background:var(--white);color:var(--harbor)}.button-ghost:hover{background:rgba(255,255,255,.1)}.hero-foot{display:flex;align-items:center;gap:15px;color:#b8c8d0;font:9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}.bay-line{position:absolute;z-index:2;right:-2%;bottom:2%;width:72%;height:34%;fill:none;stroke:#67b1dd;stroke-width:2;opacity:.55}.bay-line path{stroke-dasharray:1900;stroke-dashoffset:1900;animation:draw-line 2.6s .9s var(--ease) forwards}.bay-line path:last-child{opacity:.35;animation-delay:1.1s}@keyframes draw-line{to{stroke-dashoffset:0}}
.projects{background:var(--white)}.section-heading{display:grid;grid-template-columns:.56fr 1.5fr .65fr;gap:55px;align-items:end;margin-bottom:92px}.section-heading h2,.approach-head h2,.contact h2{margin:0;font:400 clamp(66px,7.5vw,128px)/.84 var(--serif);letter-spacing:-.06em}.section-heading h2 em{color:var(--bay);font-weight:400}.heading-note{margin:0;color:#65737a;font-size:13px;line-height:1.75}.project-feature{display:grid;grid-template-columns:1.55fr .58fr;min-height:720px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-image,.card-media{position:relative;display:block;overflow:hidden;background:var(--harbor)}.project-image img,.card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) hue-rotate(145deg);transition:transform 1.1s var(--ease),filter .6s ease}.project-image:hover img,.card-media:hover img{transform:scale(1.035);filter:saturate(.75) hue-rotate(145deg)}.image-note{position:absolute;left:22px;bottom:22px;padding:10px 12px;color:var(--white);background:rgba(6,25,35,.74);backdrop-filter:blur(8px);font:9px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}.project-number,.card-media span{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:42px;height:42px;color:white;border:1px solid rgba(255,255,255,.6);font:9px/1 var(--mono)}.project-info{display:flex;flex-direction:column;justify-content:flex-end;padding:46px 0 50px 5vw}.project-state{margin-bottom:auto;color:var(--bay);font:500 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.project-state i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--bay);box-shadow:0 0 0 5px rgba(11,103,178,.12)}.project-type{margin-bottom:24px;font:500 9px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.project-info h3{margin:0 0 30px;font:400 clamp(48px,5vw,78px)/.88 var(--serif);letter-spacing:-.052em}.project-info p{max-width:360px;margin:0 0 40px;color:#65737a;font-size:14px;line-height:1.75}.arrow-link{display:inline-flex;align-items:center;gap:18px;width:max-content;padding-bottom:8px;border-bottom:1px solid currentColor;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.arrow-link i{font-style:normal;font-size:16px;transition:transform .4s var(--ease)}.arrow-link:hover i{transform:translate(4px,-4px)}.project-duo{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:120px;background:var(--line)}.project-card{background:var(--white)}.card-media{height:clamp(420px,43vw,660px)}.card-media img{object-position:center}.card-copy{display:grid;grid-template-columns:.58fr 1fr auto;gap:30px;align-items:end;padding:30px 0 36px}.card-copy h3{margin:0;font:400 35px/1 var(--serif);letter-spacing:-.03em}.card-copy a{font:500 9px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}.project-disclaimer{display:grid;grid-template-columns:.42fr 1fr;gap:40px;max-width:830px;margin:64px 0 0 auto;padding-top:22px;border-top:1px solid var(--line)}.project-disclaimer span{color:var(--bay);font:500 9px/1.45 var(--mono);letter-spacing:.09em;text-transform:uppercase}.project-disclaimer p{margin:0;color:#68757b;font-size:12px;line-height:1.75}
.heritage{display:grid;grid-template-columns:1.05fr .95fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--concrete)}.heritage-logo{position:relative;display:grid;place-items:center;min-height:820px;padding:8vw;overflow:hidden;background:#c8cdcf}.heritage-logo:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:12.5% 12.5%}.heritage-logo:after{content:"";position:absolute;width:80%;height:80%;border:1px solid rgba(11,103,178,.27);border-radius:50%;transform:translate(-26%,32%)}.heritage-logo img{position:relative;z-index:1;width:100%;max-width:760px;mix-blend-mode:multiply}.heritage-story{display:flex;flex-direction:column;justify-content:center;padding:clamp(80px,9vw,150px) max(36px,calc((100vw - 1460px)/2)) 80px 7vw}.heritage-story .display-copy{margin:40px 0 46px}.heritage-intro{max-width:620px;margin:0;color:#536167;font-size:16px;line-height:1.8}.heritage-facts{display:grid;grid-template-columns:1fr 1fr;margin-top:72px;border-top:1px solid var(--line)}.fact{display:flex;align-items:flex-end;gap:18px;padding-top:34px}.fact+ .fact{padding-left:35px;border-left:1px solid var(--line)}.fact strong{color:var(--bay);font:400 clamp(82px,7vw,120px)/.65 var(--serif);letter-spacing:-.08em}.fact span{font:500 9px/1.45 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.manifesto{background:var(--fog)}.manifesto-grid{display:grid;grid-template-columns:.62fr 2.1fr;gap:7vw}.manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:950px;margin:88px 0 0 auto}.manifesto-copy p{margin:0;color:#5b6970;font-size:15px;line-height:1.8}
.approach{position:relative;padding:clamp(120px,14vw,220px) 0;color:var(--white);background:var(--harbor);overflow:hidden}.approach-horizon{position:absolute;right:-8%;top:-8%;width:70vw;height:70vw;border:1px solid rgba(121,171,197,.35);border-radius:50%}.approach-horizon:before,.approach-horizon:after{content:"";position:absolute;border:1px solid rgba(121,171,197,.18);border-radius:50%}.approach-horizon:before{inset:9%}.approach-horizon:after{inset:18%}.approach-head{position:relative;z-index:1;display:grid;grid-template-columns:.58fr 2.2fr;gap:6vw;margin-bottom:120px}.approach-head h2{max-width:1100px}.process-list{position:relative;z-index:1;border-top:1px solid var(--light-line)}.process{display:grid;grid-template-columns:100px 1fr 1.2fr;gap:50px;align-items:start;padding:36px 0;border-bottom:1px solid var(--light-line)}.process span{font:500 9px/1 var(--mono);color:var(--bay-light)}.process h3{margin:0;font:400 34px/1 var(--serif)}.process p{max-width:530px;margin:0;color:#b6c7cf;font-size:14px;line-height:1.75}
.contact{position:relative;overflow:hidden;color:var(--white);background:var(--bay)}.contact:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 0 55%,rgba(255,255,255,.07) 55% 55.1%,transparent 55.1%)}.contact-lines{position:absolute;right:-6%;bottom:-33%;width:54vw;height:54vw;border:1px solid rgba(255,255,255,.2);border-radius:50%}.contact-lines i{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.contact-lines i:nth-child(1){inset:10%}.contact-lines i:nth-child(2){inset:20%}.contact-lines i:nth-child(3){inset:30%}.contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.55fr .75fr;gap:9vw;align-items:end}.contact h2{margin-top:40px}.contact-side>p{margin:0 0 44px;font-size:16px;line-height:1.8}.contact-mail{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-top:1px solid white;border-bottom:1px solid white;font:500 12px/1 var(--mono);letter-spacing:.04em}.contact-mail i{font-style:normal;font-size:18px;transition:transform .35s var(--ease)}.contact-mail:hover i{transform:translate(4px,-4px)}.contact-meta{display:flex;justify-content:space-between;gap:30px;margin-top:36px;color:#d3ebf8;font:9px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase}.contact-meta p{margin:0}
.site-footer{padding:80px 0 30px;color:var(--white);background:var(--harbor-deep)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px;padding-bottom:80px}.footer-grid h3{margin:0 0 24px;color:#8fa6b2;font:500 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.footer-grid a,.footer-grid p{display:block;margin:0 0 12px;font-size:12px;line-height:1.6}.footer-brand .brand-crop{margin-bottom:22px}.footer-brand .brand-crop img{filter:brightness(0) invert(1);mix-blend-mode:screen}.brand-crop.large{width:246px;height:70px}.brand-crop.large img{top:-53%}.footer-brand p{color:#92a6b0}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:24px;border-top:1px solid var(--light-line);color:#8ca0aa;font:9px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}.studio-credit{display:flex;align-items:center;gap:13px}.studio-mark{display:flex;gap:3px}.studio-mark i{position:relative;display:block;width:17px;height:17px;border:5px solid var(--white);border-radius:50%;overflow:hidden}.studio-mark i:after{content:"";position:absolute;right:-6px;top:-6px;width:12px;height:12px;background:var(--harbor-deep)}.studio-mark.is-playing i{animation:ring-turn 7.5s var(--ease) infinite}.studio-mark.is-playing i:nth-child(2){animation-delay:.14s}.studio-mark.is-playing i:nth-child(3){animation-delay:.28s}.studio-mark.is-playing i:nth-child(4){animation-delay:.42s}@keyframes ring-turn{0%,16%,100%{transform:rotate(0)}32%,48%{transform:rotate(90deg)}64%,80%{transform:rotate(180deg)}92%{transform:rotate(270deg)}}.motion-toggle{padding:4px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:8px/1 var(--mono);text-transform:uppercase;cursor:pointer}
.reveal{opacity:0;transform:translateY(32px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal-up{opacity:0;transform:translateY(20px);animation:reveal-up .85s 1.18s var(--ease) forwards}.hero-lead.reveal-up{animation-delay:1.48s}.hero-actions.reveal-up{animation-delay:1.62s}.hero-foot.reveal-up{animation-delay:1.75s}@keyframes reveal-up{to{opacity:1;transform:none}}.hero-title .title-line{transform:translateY(110%);animation:title-in 1.1s .72s var(--ease) forwards}.hero-title .title-line:nth-child(2){animation-delay:.9s}@keyframes title-in{to{transform:none}}
@media(max-width:1050px){.shell,.hero-content{width:min(100% - 40px,1460px)}.header-shell{padding-inline:20px;grid-template-columns:1fr auto;height:78px}.desktop-nav,.header-contact{display:none}.menu-button{justify-self:end;display:flex;align-items:center;gap:12px;border:0;background:none;color:inherit;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.menu-button i,.menu-button i:after{display:block;width:28px;height:1px;background:currentColor;content:"";transition:transform .3s var(--ease)}.menu-button i:after{transform:translateY(7px)}.menu-button.is-open i{transform:rotate(45deg)}.menu-button.is-open i:after{transform:rotate(-90deg)}.mobile-menu{display:flex;position:fixed;inset:78px 0 0;z-index:99;flex-direction:column;padding:46px 20px;color:var(--white);background:var(--harbor);transform:translateY(-110%);transition:transform .65s var(--ease)}.mobile-menu.is-open{transform:none}.mobile-menu a{padding:20px 0;border-bottom:1px solid var(--light-line);font:400 42px/1 var(--serif)}.hero-content{padding-top:115px}.section-heading,.approach-head{grid-template-columns:1fr 2fr}.heading-note{grid-column:2}.project-feature{grid-template-columns:1fr;min-height:0}.project-image{min-height:66vw}.project-info{padding:46px 0}.project-state{margin-bottom:48px}.project-duo{margin-top:90px}.card-copy{grid-template-columns:1fr}.heritage{grid-template-columns:1fr}.heritage-logo{min-height:62vw}.heritage-story{padding:100px 20px}.manifesto-grid{grid-template-columns:1fr;gap:50px}.contact-grid{grid-template-columns:1fr;gap:80px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:650px){.section-pad{padding:92px 0}.brand-crop{width:150px;height:45px}.hero-grid{background-size:25% 14.28%}.hero-content{padding-bottom:30px}.hero-title{font-size:clamp(68px,21vw,96px)}.title-bay{padding-left:.22em}.hero-meta span:last-child{display:none}.hero-main{margin-top:auto}.hero-lead{font-size:14px;margin-top:30px}.hero-actions{display:grid;gap:8px}.button{min-width:0;width:100%}.hero-foot span:nth-child(even),.hero-foot span:last-child{display:none}.bay-line{right:-35%;bottom:13%;width:130%;height:30%}.section-heading{display:block}.section-heading h2{margin:32px 0 38px}.project-image{min-height:510px}.project-image img{object-position:66% center}.project-duo{grid-template-columns:1fr;gap:50px;background:transparent}.card-media{height:480px}.card-copy{padding-top:24px}.project-disclaimer{grid-template-columns:1fr}.heritage-logo{min-height:450px;padding:28px}.heritage-story .display-copy{font-size:50px}.heritage-facts{grid-template-columns:1fr}.fact{padding:30px 0}.fact+ .fact{padding-left:0;border-left:0;border-top:1px solid var(--line)}.display-copy{font-size:49px}.manifesto-copy{grid-template-columns:1fr;gap:30px;margin-top:55px}.approach-head{grid-template-columns:1fr;gap:45px;margin-bottom:72px}.approach-head h2{font-size:54px}.process{grid-template-columns:40px 1fr;gap:16px;padding:28px 0}.process p{grid-column:2}.contact h2{font-size:68px}.contact-meta{display:block}.contact-meta p{margin-top:10px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.motion-toggle{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal-up,.hero-title .title-line{opacity:1;transform:none}.page-loader{display:none}.hero-media img{transform:none}.bay-line path{stroke-dashoffset:0}}

/* The supplied logo is converted to a transparent, tightly cropped web asset. */
.brand-crop{width:176px;height:62px}
.brand-crop img{position:static;width:100%;max-width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.brand-crop.large{width:246px;height:92px}
.brand-crop.large img{position:static}
@media(max-width:650px){.brand-crop{width:150px;height:54px}}

/* Project imagery stays in the concrete-gray family until the real photo archive arrives. */
.project-image img,.card-media img{filter:grayscale(.88) contrast(1.05) brightness(.92)}
.project-image:hover img,.card-media:hover img{filter:grayscale(.7) contrast(1.05) brightness(.96)}
.page-loader.is-done{pointer-events:none}
@media(max-width:1050px){
  .mobile-menu{visibility:hidden;opacity:0;pointer-events:none}
  .mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto}
}

/* V3 — Türkçe karakter güvenliği */
.hero-title{line-height:.92}
.hero-title .title-line{overflow:visible;padding:.1em 0 .08em;margin:-.1em 0 -.08em}
.display-copy,.section-heading h2,.evolution-head h2,.approach-head h2,.contact h2{line-height:1.01;overflow:visible;padding-bottom:.07em}
.heading-note p{margin:0 0 28px}

/* İzmir'in gelişimi — aynı açı öncesi/sonrası */
.evolution{background:var(--concrete);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.evolution-head{display:grid;grid-template-columns:.56fr 1.5fr .65fr;gap:55px;align-items:end;margin-bottom:88px}
.evolution-head h2{margin:0;font:400 clamp(66px,7.3vw,126px)/1.01 var(--serif);letter-spacing:-.055em}
.evolution-head h2 em{color:var(--bay);font-weight:400}
.evolution-head>p{margin:0;color:#526168;font-size:13px;line-height:1.78}
.comparison{--split:50%;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--harbor);isolation:isolate;box-shadow:0 35px 90px rgba(6,25,35,.16)}
.comparison img{display:block;width:100%;height:100%;object-fit:cover}
.comparison-before{position:absolute;inset:0}
.comparison-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(6,25,35,.14),transparent 30% 70%,rgba(6,25,35,.12))}
.comparison-label{position:absolute;z-index:4;top:22px;padding:10px 13px;color:white;background:rgba(6,25,35,.7);backdrop-filter:blur(8px);font:500 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.before-label{left:22px}.after-label{right:22px}
.comparison-handle{position:absolute;z-index:5;top:0;bottom:0;left:var(--split);width:2px;background:white;pointer-events:none;box-shadow:0 0 30px rgba(6,25,35,.45)}
.comparison-handle i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:54px;height:54px;border:1px solid white;border-radius:50%;background:var(--bay);font-style:normal;color:white;translate:-50% -50%}
.comparison-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.comparison-range:focus-visible{opacity:1;outline:2px solid white;outline-offset:-5px}
.evolution-film{display:grid;grid-template-columns:.55fr 1.45fr;gap:1px;margin-top:84px;background:var(--line);border:1px solid var(--line)}
.evolution-film .film-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:50px;background:var(--fog)}
.film-copy h3{margin:40px 0 28px;font:400 clamp(48px,5vw,76px)/.98 var(--serif);letter-spacing:-.045em}
.film-copy>p:not(.section-label){margin:0;color:#5b6970;font-size:14px;line-height:1.75}
.film-copy>span{margin-top:50px;color:var(--bay);font:500 9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.evolution-film video{display:block;width:100%;height:100%;min-height:540px;object-fit:cover;background:var(--harbor)}

/* Mimari çizim dilinden türetilen özel süreç ikonları */
.process-icon{position:relative;display:flex;align-items:center;gap:14px;color:var(--bay-light)}
.process-icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter}
.process-icon span{position:absolute;left:0;top:55px;font:500 8px/1 var(--mono);letter-spacing:.08em}

@media(max-width:1050px){
  .evolution-head{grid-template-columns:1fr 2fr}.evolution-head>p{grid-column:2}
  .evolution-film{grid-template-columns:1fr}.evolution-film video{min-height:56vw}.film-copy{min-height:440px}
}
@media(max-width:650px){
  .hero-title{line-height:.96}.hero-title .title-line{padding:.12em 0 .1em;margin:-.12em 0 -.1em}
  .display-copy,.section-heading h2,.evolution-head h2,.approach-head h2,.contact h2{line-height:1.04}
  .evolution-head{display:block}.evolution-head h2{margin:30px 0 36px;font-size:52px}.evolution-head>p{font-size:13px}
  .comparison{aspect-ratio:4/5}.comparison img{object-position:center;height:100%}.comparison-label{top:12px}.before-label{left:12px}.after-label{right:12px}
  .comparison-handle i{width:46px;height:46px}
  .evolution-film{margin-top:54px}.evolution-film .film-copy{min-height:400px;padding:32px 22px}.film-copy h3{font-size:50px}.evolution-film video{min-height:0;aspect-ratio:16/9}
  .process{grid-template-columns:58px 1fr}.process-icon svg{width:38px;height:38px}.process-icon span{top:45px}.process p{grid-column:2}
}

/* Ayrı proje arşivi */
.portfolio-page .site-header:not(.is-solid) .brand-crop img{filter:brightness(0) invert(1)}
.portfolio-hero{position:relative;min-height:86svh;overflow:hidden;color:white;background:var(--harbor)}
.portfolio-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.45) contrast(1.02);animation:hero-breathe 16s ease-in-out infinite alternate}
.portfolio-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,35,.92),rgba(6,25,35,.34) 68%),linear-gradient(0deg,rgba(6,25,35,.82),transparent 58%)}
.portfolio-hero-content{position:relative;z-index:1;min-height:86svh;padding:155px 0 52px;display:flex;flex-direction:column;justify-content:space-between}
.portfolio-hero h1{margin:auto 0 40px;font:400 clamp(100px,14vw,240px)/.98 var(--serif);letter-spacing:-.075em}
.portfolio-hero h1 .title-line{overflow:visible;padding:.1em 0;margin:-.1em 0}
.portfolio-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}
.portfolio-hero-foot p{max-width:540px;margin:0;font-size:16px;line-height:1.75}
.portfolio-index{background:var(--white)}
.portfolio-index-head{display:grid;grid-template-columns:.55fr 1.5fr .65fr;gap:55px;align-items:end}
.portfolio-index-head h2,.portfolio-contact h2{margin:0;font:400 clamp(66px,7.4vw,126px)/1.01 var(--serif);letter-spacing:-.055em}
.portfolio-index-head h2 em{color:var(--bay);font-weight:400}.portfolio-index-head>p:last-child{margin:0;color:#5f6c72;font-size:13px;line-height:1.75}
.portfolio-filter{display:flex;gap:12px;margin:88px 0 110px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.portfolio-filter a{padding:12px 18px;border:1px solid var(--line);font:500 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:background .3s,color .3s}.portfolio-filter a:hover{background:var(--harbor);color:white}
.archive-list{border-top:1px solid var(--line)}
.archive-project{display:grid;grid-template-columns:1.35fr .65fr;min-height:780px;padding:76px 0;border-bottom:1px solid var(--line)}
.archive-project.reverse{grid-template-columns:.65fr 1.35fr}.archive-project.reverse .archive-media{grid-column:2}.archive-project.reverse .archive-copy{grid-column:1;grid-row:1;padding:0 5vw 0 0}
.archive-media{position:relative;display:block;overflow:hidden;background:var(--harbor)}.archive-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.72) contrast(1.04);transition:scale 1s var(--ease),filter .5s}.archive-media:hover img{scale:1.03;filter:grayscale(.45)}
.archive-media>span{position:absolute;left:22px;top:22px;padding:10px 12px;color:white;background:rgba(6,25,35,.72);font:500 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.archive-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 0 5vw}.archive-copy h3{margin:38px 0 30px;font:400 clamp(52px,5vw,82px)/1 var(--serif);letter-spacing:-.048em}.archive-copy>p:not(.section-label){margin:0 0 44px;color:#5f6c72;font-size:14px;line-height:1.75}
.archive-copy dl{margin:auto 0 44px;border-top:1px solid var(--line)}.archive-copy dl div{display:grid;grid-template-columns:1fr 1fr;padding:13px 0;border-bottom:1px solid var(--line);font:9px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase}.archive-copy dt{color:#78858a}.archive-copy dd{margin:0;text-align:right}
.portfolio-contact{color:white;background:var(--bay)}.portfolio-contact .shell{display:grid;grid-template-columns:.55fr 1.5fr .65fr;gap:55px;align-items:end}.portfolio-contact h2{grid-column:2}.portfolio-contact .button{grid-column:3;margin-left:auto}
@media(max-width:1050px){.portfolio-index-head,.portfolio-contact .shell{grid-template-columns:1fr 2fr}.portfolio-index-head>p:last-child{grid-column:2}.portfolio-contact .button{grid-column:2;margin:36px 0 0}.archive-project,.archive-project.reverse{grid-template-columns:1fr;min-height:0}.archive-media,.archive-project.reverse .archive-media{grid-column:1;min-height:66vw}.archive-copy,.archive-project.reverse .archive-copy{grid-column:1;grid-row:auto;padding:56px 0 0}.archive-copy dl{margin-top:60px}}
@media(max-width:650px){.portfolio-hero{min-height:78svh}.portfolio-hero-content{min-height:78svh;padding:120px 0 34px}.portfolio-hero h1{font-size:clamp(56px,16vw,72px);letter-spacing:-.065em}.portfolio-hero-foot{display:block}.portfolio-hero-foot p{margin-bottom:28px}.portfolio-index-head{display:block}.portfolio-index-head h2{margin:30px 0 36px;font-size:52px}.portfolio-filter{overflow-x:auto;margin:60px 0 78px}.portfolio-filter a{flex:0 0 auto}.archive-project{padding:54px 0}.archive-media,.archive-project.reverse .archive-media{min-height:520px}.archive-copy h3{font-size:54px}.portfolio-contact .shell{display:block}.portfolio-contact h2{margin:30px 0 40px;font-size:58px}.portfolio-contact .button{width:100%;margin:0}}

/* V4 — Tarihi Asansör üst kotundan İzmir'in on yıllık katmanları */
.city-stage{position:relative;min-height:620px;overflow:hidden;background:var(--harbor);isolation:isolate}
.city-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transform:scale(1.035);transition:opacity 1.35s ease,transform 6s linear}
.city-slide.is-active{z-index:1;opacity:1;transform:scale(1)}
.city-slide img{display:block;width:100%;height:100%;object-fit:cover}
.city-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,25,35,.84),transparent 46%),linear-gradient(90deg,rgba(6,25,35,.18),transparent 38%)}
.city-slide figcaption{position:absolute;z-index:2;left:42px;bottom:38px;display:flex;align-items:flex-end;gap:20px;color:white;opacity:0;transform:translateY(14px);transition:opacity .65s .38s ease,transform .65s .38s var(--ease)}
.city-slide.is-active figcaption{opacity:1;transform:none}
.city-slide figcaption span{padding:10px 12px;border:1px solid rgba(255,255,255,.65);font:500 9px/1 var(--mono);letter-spacing:.12em}
.city-slide figcaption strong{font:400 clamp(28px,2.6vw,46px)/1 var(--serif);letter-spacing:-.035em}
.timeline-years{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}
.timeline-years button{padding:9px 10px;border:1px solid var(--line);background:transparent;color:#65737a;font:500 9px/1 var(--mono);letter-spacing:.08em;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.timeline-years button.is-active,.timeline-years button:hover{border-color:var(--bay);background:var(--bay);color:white}
.city-progress{position:absolute;z-index:3;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.2)}
.city-progress i{display:block;width:100%;height:100%;background:var(--bay-light);transform:scaleX(0);transform-origin:left}
.city-progress i.is-moving{animation:timeline-progress 4.8s linear forwards}
@keyframes timeline-progress{to{transform:scaleX(1)}}
.city-arrows{position:absolute;z-index:3;right:28px;bottom:28px;display:flex;gap:8px}
.city-arrows button{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(6,25,35,.35);color:white;font-size:17px;cursor:pointer;backdrop-filter:blur(8px);transition:background .3s,transform .3s}
.city-arrows button:hover{background:var(--bay);transform:translateY(-2px)}

/* Fırçalanmış metal ve körfez mavisi camdan üretilen süreç objeleri */
.process{grid-template-columns:132px 1fr 1.2fr;align-items:center;padding:26px 0}
.process-icon{position:relative;display:grid;place-items:center;width:108px;min-height:108px;color:var(--bay-light)}
.process-icon svg{display:none}
.process-icon img{display:block;width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.2));transition:transform .65s var(--ease),filter .65s ease}
.process:hover .process-icon img{transform:translateY(-5px) rotate(-1.5deg);filter:drop-shadow(0 21px 28px rgba(0,0,0,.3))}
.process-icon span{position:absolute;left:0;top:auto;bottom:2px;padding:4px 6px;background:var(--harbor);font:500 8px/1 var(--mono);letter-spacing:.08em}

@media(max-width:1050px){.city-stage{min-height:0;aspect-ratio:16/9}}
@media(max-width:650px){
  .city-stage{aspect-ratio:4/5}.city-slide img{object-position:center}.city-slide figcaption{left:18px;right:18px;bottom:22px;display:block}.city-slide figcaption strong{display:block;margin-top:14px;font-size:29px}.city-arrows{right:16px;top:16px;bottom:auto}.city-arrows button{width:40px;height:40px}.timeline-years{gap:6px}.timeline-years button{padding:9px 8px}
  .process{grid-template-columns:86px 1fr;gap:18px}.process-icon{width:78px;min-height:86px}.process-icon img{width:76px;height:76px}.process-icon span{top:auto;bottom:0}.process p{grid-column:2}
}
@media(prefers-reduced-motion:reduce){.city-slide{transform:none}.city-progress i{animation:none!important}.process:hover .process-icon img{transform:none}}

/* Source of the appended static content styles; not served publicly. */
.skip-link{position:fixed;top:12px;left:12px;z-index:200;padding:14px 20px;background:var(--white);color:var(--harbor);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.seo-hero-title{font-size:clamp(62px,7.9vw,140px);line-height:1.03;letter-spacing:-.065em}
.seo-hero-title .title-line{padding-right:.15em}
.hero-lead{max-width:560px}
.desktop-nav{gap:24px}
.desktop-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
.reading-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(36px,8vw,120px)}
.reading-grid h2,.content-section-head h2,.content-cta h2{margin:26px 0;font:400 clamp(38px,4.7vw,72px)/1.09 var(--serif);letter-spacing:-.045em}
.reading-grid h2 em,.content-section-head h2 em,.content-hero h1 em{font-weight:400;color:var(--bay)}
.prose{font-size:16px;line-height:1.95;color:var(--graphite);overflow-wrap:anywhere}
.prose p{margin:0 0 24px}
.prose p:last-child{margin-bottom:0}
.prose ul{padding-left:24px;margin:22px 0 30px}
.prose li{padding-left:5px;margin:12px 0}
.prose strong{color:var(--harbor);font-weight:600}
.prose a:not(.arrow-link),.sources a{text-decoration:underline;text-underline-offset:4px}
.prose h2{font:400 clamp(28px,3vw,42px)/1.2 var(--serif);letter-spacing:-.025em;color:var(--harbor);margin:44px 0 20px}
.prose-wide{max-width:860px}
.prose-wide h2:first-child{margin-top:0}
.home-services{background:#e3e9eb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.content-section-head{max-width:800px;margin-bottom:60px}
.content-section-head>p:last-child{max-width:650px;color:var(--graphite);line-height:1.8}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.service-card{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
.service-card h3{font:400 clamp(28px,2.6vw,42px)/1.18 var(--serif);letter-spacing:-.03em;margin:28px 0 18px;overflow-wrap:anywhere}
.service-card p{font-size:14px;line-height:1.85;color:var(--graphite);margin:0 0 28px}
.service-card .arrow-link{margin-top:auto}
.section-link{margin-top:48px}
.content-page .site-header{background:var(--harbor-deep)}
.content-hero{padding:155px 0 90px;background:var(--harbor-deep);color:var(--white)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#b6c9d4;margin-bottom:65px}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.content-hero>.shell>.section-label{color:#9db5c3}
.content-hero h1{font:400 clamp(50px,7vw,112px)/1.06 var(--serif);letter-spacing:-.06em;margin:34px 0;overflow-wrap:anywhere}
.content-hero h1 em{color:var(--bay-light)}
.content-lead{max-width:700px;font-size:17px;line-height:1.9;color:#cfdae0;margin:0}
.identity-list{margin:38px 0 0;border-top:1px solid var(--line)}
.identity-list>div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
.identity-list dt{font-weight:600;color:var(--harbor)}
.identity-list dd{margin:0}
.service-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:65px}
.service-shortcuts a{border:1px solid var(--line);padding:14px 18px;font-size:12px}
.service-shortcuts a:hover{background:var(--harbor);color:var(--white)}
.service-detail{padding:80px 0;border-top:1px solid var(--line);scroll-margin-top:110px}
.content-note{background:#e3e9eb;border-left:3px solid var(--bay);padding:30px 34px;margin-top:42px;font-size:14px;line-height:1.9;color:var(--graphite)}
.content-note h2{margin:0 0 15px;font:400 30px/1.2 var(--serif);color:var(--harbor)}
.content-note p:last-child{margin-bottom:0}
.content-cta{padding:70px 0;background:#d8e1e5;border-top:1px solid var(--line)}
.content-cta>.shell{display:flex;justify-content:space-between;align-items:center;gap:40px}
.content-cta h2{font-size:clamp(40px,5vw,72px);margin-bottom:0}
.faq-layout{display:grid;grid-template-columns:1fr 2.1fr;gap:70px}
.faq-sidebar p:not(.section-label){max-width:230px;color:var(--graphite);font-size:14px;line-height:1.8;margin:24px 0}
.faq-item{border-top:1px solid var(--line);scroll-margin-top:110px}
.faq-item:last-of-type{border-bottom:1px solid var(--line)}
.faq-item summary{position:relative;padding:28px 42px 28px 0;list-style:none;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:'+';position:absolute;right:8px;top:30px;font-size:24px}
.faq-item[open] summary:after{content:'−'}
.faq-item summary h2{font:500 clamp(21px,2vw,30px)/1.45 var(--sans);letter-spacing:-.035em;margin:0}
.faq-answer{padding:0 0 32px;font-size:15px}
.sources ul{padding-left:20px}
.sources li{margin:14px 0}
.contact-mail{overflow-wrap:anywhere}
.footer-grid a{overflow-wrap:anywhere}
.comparison{--split:50%}
.heritage-facts .fact strong{font-size:clamp(48px,5.5vw,90px)}
/* Content is readable before JavaScript and if scripts are unavailable. */
.reveal{opacity:1;transform:none}
.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(40px)}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.no-script-nav{padding:110px 24px 24px;background:var(--harbor);color:var(--white);display:flex;gap:22px;flex-wrap:wrap}
.no-script-nav a{text-decoration:underline}
.menu-button{visibility:hidden}
.js-enabled .menu-button{visibility:visible}
@media(max-width:1050px){
 .reading-grid{grid-template-columns:1fr 1.2fr;gap:40px}
 .service-grid{gap:24px}
 .faq-layout{grid-template-columns:1fr;gap:45px}
 .faq-sidebar p:not(.section-label){max-width:none}
 .footer-grid>div:last-child{display:block}
 .mobile-menu{height:calc(100dvh - 78px);bottom:auto;overflow-y:auto;overscroll-behavior:contain}
 .mobile-menu a{font-size:clamp(27px,4vw,42px)}
}
@media(max-width:650px){
 .seo-hero-title{font-size:clamp(38px,10.8vw,70px);line-height:1.1;letter-spacing:-.055em}
 .seo-hero-title .title-bay{padding-left:0}
 .reading-grid,.service-grid{grid-template-columns:1fr}
 .reading-grid{gap:28px}
 .service-grid{gap:44px}
 .content-hero{padding:115px 0 60px}
 .breadcrumb{margin-bottom:42px}
 .content-hero h1{font-size:clamp(44px,12vw,74px)}
 .content-lead{font-size:15px}
 .content-section-head{margin-bottom:38px}
 .content-cta>.shell{align-items:flex-start;flex-direction:column}
 .identity-list>div{grid-template-columns:1fr;gap:5px}
 .service-detail{padding:50px 0}
 .content-note{padding:24px}
 .faq-item summary h2{font-size:21px}
 .footer-grid{grid-template-columns:minmax(0,1fr)}
 .footer-grid>div:first-child{grid-column:auto}
 .motion-toggle{display:block}
 .heritage-facts .fact strong{font-size:68px}
}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}

.site-header:focus-within{transform:none}

.site-address{font-style:normal;line-height:1.8;overflow-wrap:anywhere;max-width:38ch;margin-top:14px;font-size:12px}
.contact-meta .site-address{font-size:13px}