@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--bg:#eaeaea;--paper:#fff;--ink:#2e2e2e;--muted:#71716f;--line:#dededb;--accent:#24be6d;--soft:#eaf7ee;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}button.button{font-weight:500}.shell{max-width:1540px;margin:24px auto;background:var(--paper);border-radius:26px;overflow:hidden}header{height:114px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;gap:24px}.logo{font:800 30px var(--display);letter-spacing:-1.8px;white-space:nowrap}.logo span{color:var(--accent);font-size:28px;margin-left:3px;display:inline-block}header nav{display:flex;gap:35px;font-size:14px}header nav a:hover,footer a:hover{color:var(--accent)}.small-cta{font-size:14px;padding:14px 18px;border:1px solid var(--line);border-radius:9px;display:flex;gap:28px}.small-cta span{font-size:19px}.menu{display:none;background:none;font-size:24px}.mobile-nav{padding:10px 6% 24px}.mobile-nav a{padding:12px 0;display:block}.hero{padding:64px 5.4% 0}.eyebrow,.section-label{font-size:11px;letter-spacing:1.5px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:9px}.dot{height:7px;width:7px;background:var(--accent);border-radius:50%}h1{font-size:clamp(48px,6.7vw,96px);letter-spacing:-5.5px;line-height:1.09;margin:28px 0 28px}h1>span{color:var(--muted)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-bottom:52px}.hero-bottom p{line-height:1.65;color:var(--muted);font-size:18px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:19px 24px;border-radius:10px;font-size:14px}.button span{font-size:23px;line-height:1}.dark{background:var(--ink);color:white;transition:background .2s,transform .2s}.dark:hover{background:var(--accent);transform:translateY(-2px)}.hero-art{height:480px;background:#e1e7df;border-radius:15px;position:relative;padding:28px 35px;overflow:hidden}.art-top,.art-bottom{display:flex;justify-content:space-between;position:relative;z-index:2;font-size:10px;letter-spacing:1.2px;font-weight:600}.art-title{position:relative;z-index:2;font:600 clamp(58px,7.5vw,108px)/.99 var(--display);letter-spacing:-6px;margin-top:50px}.art-title>span{color:var(--accent)}.art-bottom{position:absolute;bottom:26px;left:35px;right:35px;align-items:center}.art-arrow{font-size:46px;font-weight:400}.flower{position:absolute;right:8%;top:50%;width:310px;height:310px;transform:translateY(-50%) rotate(-15deg)}.flower i{display:block;position:absolute;width:135px;height:195px;border-radius:60% 60% 48% 48%;background:linear-gradient(140deg,#a5e8a5 4%,#56cd5b 48%,#149b5b 100%);left:88px;top:-39px;transform-origin:50% 100%;box-shadow:inset 5px 4px 13px #e6ffe960,3px 8px 10px #13572d1a}.flower i:nth-child(2){transform:rotate(60deg)}.flower i:nth-child(3){transform:rotate(120deg)}.flower i:nth-child(4){transform:rotate(180deg)}.flower i:nth-child(5){transform:rotate(240deg)}.flower i:nth-child(6){transform:rotate(300deg)}.flower b{position:absolute;background:radial-gradient(circle at 30% 30%,#8ee38b,#1cbb6f 70%);width:95px;height:95px;left:107px;top:107px;border-radius:50%;box-shadow:0 8px 17px #12633835}.ribbon{display:flex;justify-content:space-around;gap:25px;padding:35px 5.4%;border-bottom:1px solid var(--line);font-size:18px;align-items:center;white-space:nowrap}.ribbon b{font-size:24px;color:var(--accent);font-weight:400}.section{padding:105px 5.4%}.approach,.about{display:grid;grid-template-columns:1fr 2fr;gap:55px}.section-label{padding-top:9px}h2{font-size:clamp(36px,4.1vw,59px);line-height:1.13;letter-spacing:-2.5px}.intro{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px;margin:28px 0}.services{margin-top:42px}.services details{border-top:1px solid var(--line);padding:23px 0}.services details:last-child{border-bottom:1px solid var(--line)}summary{font-family:var(--display);font-size:23px;list-style:none;display:flex;justify-content:space-between;cursor:pointer;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--muted);font-size:26px}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);line-height:1.65;margin-top:16px;max-width:580px;padding-right:25px}.works{background:#f5f5f3}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-head .section-label{margin-bottom:23px}.section-head p{color:var(--muted);font-size:14px;line-height:1.6}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.work{padding:0;text-align:left;background:none;min-width:0}.work-visual{height:440px;border-radius:12px;position:relative;overflow:hidden;transition:transform .4s}.work:hover .work-visual{transform:translateY(-6px)}.atelier{background:#d9d6cb;padding:64px 38px 0}.mini-site{background:#f9f8f1;height:365px;padding:22px 24px;box-shadow:0 15px 30px #34312718;transform:rotate(-5deg)}.mini-nav{font-family:Georgia,serif;font-size:22px}.mini-nav span{float:right;font:7px var(--body);padding-top:10px}.mini-heading{font:30px/1.03 Georgia,serif;letter-spacing:-1px;margin-top:29px}.architecture{height:150px;background:#aaa28e;margin:20px -24px 10px;position:relative;overflow:hidden}.architecture:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#d7d4c8,#a7a08d)}.architecture i{position:absolute;left:23%;top:22px;width:44%;height:145px;border-radius:65px 65px 0 0;background:#645d4e;box-shadow:0 0 0 19px #bdb49f,25px 4px 0 10px #cdc5b5}.architecture b{position:absolute;left:31%;top:44px;width:28%;height:120px;border-radius:50% 50% 0 0;background:linear-gradient(90deg,#867f66,#444c3f);border-left:3px solid #c2b79d}.architecture span{position:absolute;width:150%;height:30px;bottom:-20px;background:#e9e0ca;transform:rotate(-8deg)}.mini-site small{font-size:6px;letter-spacing:2px}.badge{position:absolute;top:20px;left:20px;padding:7px 10px;background:#ffffffbb;border-radius:5px;font-size:9px;letter-spacing:.7px}.round-arrow{position:absolute;bottom:18px;right:18px;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:23px}.forma{background:#c9e8cd;padding:50px 36px;color:#254c3c}.forma-word{font:650 69px var(--display);letter-spacing:-5px}.forma-word>span{font:16px var(--body);vertical-align:top;display:inline-block;margin:16px 0 0 6px}.forma-symbol{position:absolute;right:50px;top:135px;width:180px;height:190px;transform:rotate(-15deg)}.forma-symbol i{position:absolute;width:65px;height:160px;background:#254c3c;border-radius:50px;transform:rotate(35deg)}.forma-symbol i:nth-child(2){left:57px;top:0}.forma-symbol i:nth-child(3){left:114px;top:0}.forma-bottom{position:absolute;bottom:33px;font-size:11px;line-height:1.25;letter-spacing:1px}.work-caption{padding-top:22px}.work-caption h3{font-size:19px;font-weight:600;letter-spacing:-.5px}.work-caption>span{display:block;color:var(--muted);font-size:13px;margin-top:8px}.about{border-bottom:1px solid var(--line)}.muted{color:var(--muted);line-height:1.65}.signature{font:500 25px var(--display);letter-spacing:-1px;display:flex;align-items:center;gap:30px;margin-top:35px}.signature span{font-size:42px;color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:23px}.steps article>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.steps h3{font-size:22px;letter-spacing:-.7px;margin:26px 0 12px}.steps p{color:var(--muted);font-size:15px;line-height:1.65}.contact{margin:0 2%;padding:65px 3.5%;border-radius:16px;background:var(--soft)}.contact h2{font-size:clamp(56px,7.5vw,106px);letter-spacing:-5px;margin:26px 0 32px;line-height:1.03}.contact h2>span{color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact p{font-size:17px;line-height:1.6;color:#606a62}footer{display:flex;justify-content:space-between;align-items:center;padding:45px 5.4%;font-size:12px}footer>span{color:var(--muted)}footer .logo{font-size:23px}.skip{position:fixed;left:10px;top:-60px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}dialog{width:min(570px,calc(100% - 32px));border:0;border-radius:20px;padding:45px;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#25232a80;backdrop-filter:blur(5px)}dialog h2{font-size:37px;letter-spacing:-1.5px;margin:24px 0 20px}dialog p{line-height:1.65;color:var(--muted);font-size:15px}dialog .close{position:absolute;right:16px;top:12px;font-size:30px;background:none;width:40px;height:40px}.project-tags{font-size:12px;color:var(--accent);padding:20px 0}dialog .button{margin-top:24px}form{margin-top:20px}label{display:block;font-size:13px;margin:17px 0 7px}input,textarea,select{width:100%;padding:13px;border:1px solid #ccc;border-radius:7px;background:white;color:var(--ink)}textarea{resize:none;min-height:120px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}#brief-status{margin-top:14px;font-size:13px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.shell{margin:24px auto}}@media(max-width:1599px){.shell{margin:20px}}@media(max-width:1000px){header nav{gap:20px}.hero{padding-top:45px}h1{letter-spacing:-3.5px}.hero-art{height:390px}.flower{right:5%;transform:translateY(-50%) rotate(-15deg) scale(.8);transform-origin:right center}.art-title{font-size:75px;letter-spacing:-4px}.approach,.about{grid-template-columns:1fr 2.4fr;gap:30px}.work-visual{height:350px}.forma-symbol{transform:scale(.8) rotate(-15deg);right:20px;top:100px}.mini-site{padding:18px}.atelier{padding:60px 25px 0}.forma-word{font-size:59px}.steps{gap:25px}}
@media(max-width:700px){.shell{margin:12px;border-radius:20px}header{height:88px;padding:0 6%}.logo{font-size:27px}header nav,.small-cta{display:none}.menu{display:block}.hero{padding:35px 6% 0}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:clamp(40px,9.3vw,64px);letter-spacing:-2.5px;margin-top:25px;line-height:1.12}.hero-bottom{display:block;margin-bottom:35px}.hero-bottom p{font-size:15px}.hero-bottom .button{margin-top:24px}.button{padding:16px 19px;font-size:13px}.hero-art{height:420px;padding:20px}.art-top{font-size:7px}.art-title{font-size:57px;letter-spacing:-3px;margin-top:36px}.flower{right:12%;top:70%;transform:translateY(-50%) rotate(-15deg) scale(.5)}.art-bottom{left:20px;right:20px;bottom:15px;font-size:7px}.art-arrow{font-size:32px}.ribbon{overflow:hidden;justify-content:flex-start;padding:25px 6%;font-size:14px;gap:22px}.ribbon b{font-size:20px}.section{padding:65px 6%}.approach,.about{display:block}.section-label{font-size:9px;margin-bottom:26px}h2{font-size:36px;letter-spacing:-1.8px}.intro{font-size:16px;margin:23px 0}.services{margin-top:30px}summary{font-size:19px}details p{font-size:14px}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:20px;font-size:12px}.work-grid{grid-template-columns:1fr;gap:36px}.work-visual{height:360px}.work-caption h3{font-size:17px}.work-caption>span{font-size:12px}.atelier{padding:60px 40px 0}.forma{padding:52px 30px}.forma-symbol{right:45px;top:110px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps h3{margin-top:17px}.steps p{font-size:14px}.process .section-head .section-label{display:block;margin-top:20px}.contact{margin:0 4%;padding:38px 6%}.contact h2{font-size:53px;letter-spacing:-3px}.contact p{font-size:14px}.contact-bottom{display:block}.contact .button{margin-top:25px}footer{padding:30px 6%;flex-wrap:wrap;gap:25px}footer .logo{width:100%;font-size:24px}footer>span,footer>a:last-child{font-size:10px}dialog{padding:32px 25px}dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Proportional frames: image height is never constrained or cropped. */
.project-open{display:block;width:100%;padding:0;background:none;text-align:left;border-radius:12px}.reference-card{cursor:default;min-width:0}.reference-visual{height:auto;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:clamp(16px,2.5vw,36px);background:#e9e6df}.reference-visual.doysev{background:#e9e6df}.reference-visual.rolls{background:#f3e9d3}.reference-visual.rotaray{background:#e9e7f3}.browser-mockup{width:100%;min-width:0;background:white;border:1px solid #dededb;border-radius:8px;overflow:hidden;box-shadow:0 16px 28px -14px #2e2e2e40}.browser-bar{height:26px;display:flex;align-items:center;position:relative;background:#fafafa;border-bottom:1px solid #e8e8e8;padding:0 10px}.browser-dots{font-size:7px;letter-spacing:2px;color:#b0b0b0}.browser-address{position:absolute;left:25%;width:50%;text-align:center;font-size:8px;color:#666;background:#efefef;border-radius:3px;padding:3px}.browser-mockup .project-image{display:block;width:100%;height:auto;object-fit:contain;position:static}.reference-visual .round-arrow{width:32px;height:32px;font-size:18px;right:12px;bottom:12px}.reference-card .work-caption{padding-top:20px;min-height:110px}.project-direct{display:inline-block;margin-top:15px;font-size:12px;border-bottom:1px solid #a9a9a4;padding-bottom:4px}.project-direct:hover{color:var(--accent)}html{scrollbar-color:#aaa9b1 var(--bg);scrollbar-width:thin}
.detail-header{height:100px}.back-link{font-size:14px}.detail-intro{padding:55px 6% 45px}.detail-intro h1{font-size:clamp(42px,6vw,80px);letter-spacing:-3px;margin:22px 0}.detail-deck{max-width:760px;font-size:20px;line-height:1.65;color:var(--muted)}.detail-meta{display:flex;gap:60px;margin-top:35px;border-top:1px solid var(--line);padding-top:24px}.detail-meta dt{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.detail-meta dd{margin:0;font-size:15px}.detail-preview{margin:0 6%;padding:clamp(18px,4vw,60px);border-radius:15px;background:#e9e6df}.detail-preview.rolls{background:#f3e9d3}.detail-preview.rotaray{background:#e9e7f3}.detail-preview .browser-mockup{max-width:1100px;margin:auto}.detail-preview .browser-bar{height:36px}.detail-preview .browser-address{font-size:11px}.detail-overview{padding:70px 6%;display:grid;grid-template-columns:1fr 2fr;gap:45px}.detail-overview h2{font-size:34px;letter-spacing:-1px}.detail-overview p{font-size:18px;line-height:1.7;color:var(--muted)}.detail-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:25px 0 30px}.detail-tags li{padding:10px 15px;background:#f3f3f1;border-radius:6px;font-size:13px}.detail-next{margin:0 6%;padding:35px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.detail-next small{display:block;color:var(--muted);margin-bottom:10px}.detail-next a:last-child{font:500 27px var(--display);letter-spacing:-1px}.detail-next a:hover{color:var(--accent)}
@media(max-width:700px){.reference-visual{padding:20px}.browser-bar{height:22px}.browser-address{font-size:7px}.browser-dots{font-size:6px}.browser-mockup{border-radius:6px}.detail-header{height:85px}.detail-header .logo{font-size:23px}.back-link{font-size:12px}.detail-intro{padding-top:28px}.detail-intro h1{letter-spacing:-2px}.detail-deck{font-size:17px}.detail-meta{gap:25px;flex-wrap:wrap}.detail-meta dd{font-size:13px}.detail-overview{display:block;padding:45px 6%}.detail-overview h2{margin-bottom:20px}.detail-overview p{font-size:16px}.detail-next{align-items:flex-start}.detail-next a:last-child{font-size:21px}.detail-preview .browser-bar{height:24px}.detail-preview .browser-address{font-size:8px}}

.reference-visual.fibaland,.detail-preview.fibaland{background:#e1edf7}.platform-badge{position:absolute;top:13px;left:16px;font-size:10px;letter-spacing:.4px;color:#365477}.preview-note{padding:16px 6% 0;font-size:12px;color:var(--muted);line-height:1.6}.mobile-showcase{margin:0 6% 65px;padding:45px;background:#edf3fa;border-radius:16px}.mobile-copy{max-width:650px}.mobile-copy h2{margin:18px 0 20px;font-size:42px}.mobile-copy p{line-height:1.65;color:var(--muted)}.store-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.mobile-copy .store-caption{font-size:12px}.mobile-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:850px;margin:35px auto 0}.mobile-gallery img{width:100%;height:auto;border-radius:15px;box-shadow:0 16px 25px -12px #123b6750}@media(max-width:700px){.mobile-showcase{padding:25px 18px;margin-bottom:40px}.mobile-copy h2{font-size:34px}.mobile-gallery{gap:10px}.mobile-gallery img{border-radius:6px}.store-links .button{gap:15px;padding:15px}.platform-badge{font-size:8px;top:9px}}

.reference-visual.gizemli-nehir,.detail-preview.gizemli-nehir{background:#e2e6e8}.reference-visual.nehir-evi,.detail-preview.nehir-evi{background:#dfece5}

.logo .wordmark-emblem{display:inline-block;width:1.12em;height:1.12em;object-fit:contain;vertical-align:-.21em;margin-left:4px}.signature-emblem{width:44px;height:44px;object-fit:contain}

.ribbon-emblem{width:24px;height:26px;object-fit:contain;flex-shrink:0}@media(max-width:700px){.ribbon-emblem{width:20px;height:22px}}

/* Portrait-led hero, following the supplied composition. */
header{position:relative;z-index:2}.portrait-hero{position:relative;isolation:isolate;min-height:465px;padding:52px 5.4% 52px}.hero-portrait{position:absolute;right:3%;top:-105px;width:43%;max-width:610px;z-index:-1;pointer-events:none}.hero-portrait img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,#000 48%,transparent 96%);-webkit-mask-image:linear-gradient(to bottom,#000 48%,transparent 96%)}.hero-copy{position:relative;z-index:1;max-width:78%}.portrait-hero h1{font-size:clamp(48px,6.1vw,88px);letter-spacing:-4.6px;margin:27px 0 32px}.hero-copy p{color:var(--muted);font-size:18px;line-height:1.65}.hero-discover{position:absolute;right:5.4%;bottom:56px;z-index:1}.portrait-hero .dot{background:var(--accent)}@media(min-width:1600px){.portrait-hero{min-height:520px}.hero-portrait{top:-110px}}@media(min-width:701px) and (max-width:1000px){.portrait-hero{min-height:410px;padding-top:36px}.portrait-hero h1{font-size:55px;letter-spacing:-3px}.hero-portrait{width:45%;right:1%;top:-45px}.hero-copy p{font-size:15px}.hero-discover{bottom:45px}.hero-copy{max-width:85%}}@media(max-width:700px){.portrait-hero{display:flex;flex-direction:column;min-height:0;padding:30px 6% 32px}.hero-copy{max-width:100%;order:0}.portrait-hero h1{font-size:clamp(39px,9vw,60px);letter-spacing:-2.5px;margin:24px 0}.hero-copy p{font-size:15px}.hero-portrait{position:relative;top:auto;right:auto;align-self:center;order:1;width:100%;max-width:350px;height:280px;overflow:hidden;margin:24px 0 -22px;z-index:0}.hero-portrait img{mask-image:linear-gradient(to bottom,#000 45%,transparent 90%);-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 90%)}.hero-discover{position:relative;right:auto;bottom:auto;align-self:flex-end;order:2}}

.bloom-section{padding:0 5.4% 0}.bloom-panel .flower i{--petal-angle:0deg;transform:rotate(var(--petal-angle))}.bloom-panel .flower i:nth-child(2){--petal-angle:60deg}.bloom-panel .flower i:nth-child(3){--petal-angle:120deg}.bloom-panel .flower i:nth-child(4){--petal-angle:180deg}.bloom-panel .flower i:nth-child(5){--petal-angle:240deg}.bloom-panel .flower i:nth-child(6){--petal-angle:300deg}.bloom-replay{background:none;font-size:46px;line-height:1;color:var(--ink);width:52px;height:52px;border-radius:50%;transition:transform .25s}.bloom-replay:hover{transform:rotate(-15deg);color:var(--accent)}@media(max-width:700px){.bloom-section{padding:0 6%}.bloom-replay{font-size:32px;width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.bloom-panel.is-blooming .flower i,.bloom-panel.is-blooming .flower b{animation:none}.bloom-replay{display:none}}

/* Consistent SVG arrows, with directional interaction feedback. */
.arrow-icon{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex-shrink:0;overflow:visible;--arrow-x:3px;--arrow-y:-3px;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.arrow-se{--arrow-y:3px}.arrow-up{--arrow-x:0px;--arrow-y:-4px}.arrow-left{--arrow-x:-4px;--arrow-y:0px}

.small-cta{align-items:center}.button .arrow-icon{width:23px;height:23px}.small-cta .arrow-icon{width:19px;height:19px}
.round-arrow .arrow-icon{width:18px;height:18px}.bloom-replay{display:grid;place-items:center}.bloom-replay .arrow-icon{width:46px;height:46px;stroke-width:1.3}.bloom-replay:hover{transform:none}
.project-direct .arrow-icon{margin-left:4px}.back-link .arrow-icon{margin-right:5px}
@media(max-width:700px){.bloom-replay .arrow-icon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.arrow-icon{transition:none}a:hover .arrow-icon,button:hover .arrow-icon,a:focus-visible .arrow-icon,button:focus-visible .arrow-icon{transform:none}}

/* Slow, continuous flowering; pause while outside the viewport. */
.bloom-panel .flower i{animation:flower-breathe 10s cubic-bezier(.45,0,.2,1) infinite both;animation-play-state:running}
.bloom-panel .flower i:nth-child(2){animation-delay:-.12s}.bloom-panel .flower i:nth-child(3){animation-delay:-.24s}.bloom-panel .flower i:nth-child(4){animation-delay:-.36s}.bloom-panel .flower i:nth-child(5){animation-delay:-.48s}.bloom-panel .flower i:nth-child(6){animation-delay:-.6s}
.bloom-panel .flower b{animation:flower-heart 10s ease-in-out infinite;animation-play-state:running}
.bloom-panel.is-visible .flower i,.bloom-panel.is-visible .flower b{animation-play-state:running}
.bloom-panel.restart-bloom .flower i,.bloom-panel.restart-bloom .flower b{animation:none}
@keyframes flower-breathe{0%,100%{transform:rotate(calc(var(--petal-angle) - 24deg)) scale(.4,.55)}45%,55%{transform:rotate(var(--petal-angle)) scale(1)}}
@keyframes flower-heart{0%,100%{transform:scale(.86)}45%,55%{transform:scale(1)}}
/* Arrow exits along its direction, fades, then enters from the opposite side. */
.arrow-icon{overflow:hidden;transition:none;--arrow-x:20px;--arrow-y:-20px}
.arrow-se{--arrow-y:20px}.arrow-up{--arrow-x:0px;--arrow-y:-24px}.arrow-left{--arrow-x:-24px;--arrow-y:0px}
a:hover .arrow-icon,button:hover .arrow-icon,a:focus-visible .arrow-icon,button:focus-visible .arrow-icon{transform:none}
a:hover .arrow-icon path,button:hover .arrow-icon path,a:focus-visible .arrow-icon path,button:focus-visible .arrow-icon path{animation:arrow-pass .65s cubic-bezier(.22,.61,.36,1) both}
@keyframes arrow-pass{0%{transform:translate(0,0);opacity:1}42%{transform:translate(var(--arrow-x),var(--arrow-y));opacity:0}43%{transform:translate(calc(-1 * var(--arrow-x)),calc(-1 * var(--arrow-y)));opacity:0}100%{transform:translate(0,0);opacity:1}}
@media(prefers-reduced-motion:reduce){.bloom-panel .flower i,.bloom-panel .flower b,a:hover .arrow-icon path,button:hover .arrow-icon path,a:focus-visible .arrow-icon path,button:focus-visible .arrow-icon path{animation:none}}

.reference-visual.soho,.detail-preview.soho{background:#e2e7ef}

.reference-visual.masterini,.detail-preview.masterini{background:#f2e5e3}

/* Green identity supplied in the original vector logo. */
.logo{display:inline-flex;align-items:center;letter-spacing:normal;flex-shrink:0}
.brand-wordmark{display:block;width:205px;height:auto;max-width:100%}
footer .brand-wordmark{width:180px}
.bloom-panel{background:#e1e7df}
@media(max-width:700px){.brand-wordmark{width:180px}.detail-header .brand-wordmark{width:155px}footer .brand-wordmark{width:180px}}

/* A brief, session-once brand opening with a CSS-only exit fallback. */
.site-intro{display:none;pointer-events:none;position:fixed;inset:0;z-index:1000;background:#fafcf9;align-items:center;justify-content:center}
.intro-active .site-intro{display:flex;animation:intro-curtain 2.1s cubic-bezier(.76,0,.24,1) both}
.intro-composition{display:flex;flex-direction:column;align-items:center;gap:25px}
.intro-emblem{width:88px;height:88px;overflow:visible;animation:intro-settle 1.55s cubic-bezier(.22,1,.36,1) both}
.intro-emblem>path{transform-box:view-box;transform-origin:39.5px 39.5px;animation:intro-petal 1.2s cubic-bezier(.22,1,.36,1) both}
.intro-emblem>path:nth-child(2){animation-delay:.09s}.intro-emblem>path:nth-child(3){animation-delay:.18s}.intro-emblem>path:nth-child(4){animation-delay:.27s}
.intro-caption{font-size:10px;font-weight:600;letter-spacing:4px;color:#2e2e2e;animation:intro-label 1.3s ease both}
.intro-line{height:2px;width:38px;background:#24be6d;transform-origin:left;animation:intro-rule 1.45s cubic-bezier(.22,1,.36,1) both}
@keyframes intro-petal{0%{transform:rotate(-38deg) scale(.3);opacity:0}100%{transform:rotate(0) scale(1);opacity:1}}
@keyframes intro-settle{0%{transform:rotate(-12deg) scale(.9)}100%{transform:rotate(0) scale(1)}}
@keyframes intro-label{0%,25%{opacity:0;transform:translateY(8px)}70%,100%{opacity:1;transform:translateY(0)}}
@keyframes intro-rule{0%,20%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes intro-curtain{0%,72%{opacity:1;visibility:visible;transform:translateY(0)}100%{opacity:0;visibility:hidden;transform:translateY(-3%)}}
@media(prefers-reduced-motion:reduce){.intro-active .site-intro{display:none}.intro-emblem,.intro-emblem>path,.intro-caption,.intro-line{animation:none}}

.reference-visual.rehberim-sensin,.detail-preview.rehberim-sensin{background:#e9e7f2}

.reference-visual.gunes-baski,.detail-preview.gunes-baski{background:#f0e7df}.gunes-baski .browser-bar{z-index:1}

.work-visual.borusan{background:#fff2e7}

.work-visual.histatil{background:#edf3fb}

.project-year{display:inline-flex;align-items:center;padding:5px 10px;margin-left:12px;border:1px solid #dfe5df;border-radius:20px;font:500 11px/1.2 var(--body,sans-serif);letter-spacing:.04em;color:#5e685f;vertical-align:middle}.work-visual.etisalat{background:#eef5eb}.case-year{margin:22px 0 0;display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#657066}.case-year time{font-weight:600;color:#26382b}.detail-meta{flex-wrap:wrap}

.reference-visual.logo-cover{background:#f1f1ed;padding:0}.reference-visual.logo-cover>.project-image{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit;transform:none}