:root{color-scheme:light}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}body{margin:0;background:#fafaf9;color:#141414}img{max-width:100%}a{color:inherit;text-decoration:none}
.design-wrap{max-width:1480px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}
.design-header{height:108px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}
.design-brand{font-family:Georgia,'Times New Roman',serif;font-size:21px;letter-spacing:-.055em;font-weight:600;white-space:nowrap}.design-brand .design-brand-title{color:#171817;background:linear-gradient(transparent 70%,#f4e527 70%)}.design-brand span:last-child{color:#e0c800}
.design-nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,35px);white-space:nowrap}.design-nav a{font-size:13px;color:#363837}.design-nav a:hover{text-decoration:underline;text-decoration-color:#e0c800;text-decoration-thickness:3px;text-underline-offset:5px}.design-nav a:first-child{font-weight:700;color:#141414}
.design-contact{justify-self:end;background:#f4e527;color:#171817;border-radius:8px;padding:14px 19px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 9px #0001}.design-contact span{margin-left:20px}
.design-hero{min-height:630px;border-radius:28px;background:#e6e0da;display:grid;grid-template-columns:56% 44%;position:relative;overflow:hidden}
.design-copy{padding:clamp(42px,4.4vw,62px) 0 36px clamp(38px,6.6vw,96px);position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.design-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,5.2vw,71px);letter-spacing:-.065em;line-height:1.16;margin:27px 0 13px;position:relative;white-space:nowrap}.design-copy h1 mark{display:inline-flex;align-items:center;position:relative;margin:3px 0 4px -5px;padding:0 22px 5px 12px;background:#f4e527;color:#151515;border:1.5px solid #25251c;border-radius:11px;font-style:italic;line-height:1.05;letter-spacing:-.08em;transform:rotate(-2deg);box-shadow:4px 5px 0 #171817}.design-spark{font-family:Georgia,'Times New Roman',serif;font-style:normal;font-size:.40em;letter-spacing:0;margin:0 12px 0 1px;line-height:1;color:#171817}.design-copy h1 .design-period{color:#e0c800}
.design-copy p{font-size:16px;line-height:1.55;max-width:435px;margin:0;color:#424746}
.design-actions{display:flex;gap:11px;margin:22px 0 auto}.design-actions span,.design-actions a{font-size:13px;padding:12px 17px;border-radius:8px;white-space:nowrap}.action-primary{background:#171817;color:#fff;box-shadow:0 3px 7px #0002}.action-secondary{border:1px solid #bfc4c2;background:#f3f3f3}
.design-stats{width:min(100%,560px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.design-stats div{border-top:1px solid #b5b9b8;padding-top:16px}.design-stats strong{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(25px,3vw,39px);line-height:1;letter-spacing:-.055em;white-space:nowrap;background:linear-gradient(transparent 72%,#f4e527 72%);width:max-content}.design-stats div:nth-child(2) strong{font-size:clamp(16px,2.15vw,30px);padding-top:7px}.design-stats small{display:block;margin-top:9px;font-size:12px;color:#515655;line-height:1.3}
.design-portrait{position:relative;align-self:stretch;min-width:0}.design-portrait img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 70%;display:block;mask-image:linear-gradient(to right,transparent 0%,#000 18%)}
.design-brands{display:grid;grid-template-columns:26% 1fr;align-items:center;gap:26px;border-bottom:1px solid #d8d8d4;padding:32px 0}.design-brands-heading{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#555a57}.design-brands-heading:before{content:'';display:inline-block;width:11px;height:11px;background:#f4e527;margin-right:10px;vertical-align:-1px}.design-brands-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.design-brands-list strong{border-top:3px solid #f4e527;padding-top:12px;font-size:clamp(16px,1.65vw,23px);font-weight:600;letter-spacing:-.05em;white-space:nowrap}.design-brands-list strong span{font-weight:400;margin-left:4px;color:#b0a500}
.design-logos{display:flex;align-items:center;justify-content:flex-start;gap:clamp(32px,5vw,80px);min-height:90px;flex-wrap:wrap;border-bottom:1px solid #e4e4e3}.design-logos .logos-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#747876;font-weight:700}.design-logos img{width:120px;height:48px;object-fit:contain;filter:grayscale(1);opacity:.68}
.design-note{font-size:12px;color:#6a6f6c;line-height:1.5;margin:25px 0 45px}
@media(max-width:1100px){.design-hero{grid-template-columns:60% 40%}.design-copy{padding-left:45px}.design-copy h1{font-size:clamp(44px,5vw,64px)}.design-logos{justify-content:flex-start;column-gap:37px;row-gap:16px;padding:24px 0}}
@media(max-width:950px){.design-header{height:78px;display:flex;justify-content:space-between}.design-nav{display:none}.design-contact{font-size:12px;padding:12px 14px}.design-contact span{margin-left:8px}.design-hero{display:flex;flex-direction:column;min-height:0;border-radius:20px}.design-copy{padding:35px 26px 0}.design-copy h1{font-size:clamp(43px,9vw,64px);margin:29px 0 18px}.design-copy p{font-size:15px}.design-actions{margin:24px 0 0}.design-actions span{padding:11px 13px;font-size:12px}.design-stats{margin:25px 0 0;gap:8px}.design-stats strong{font-size:clamp(24px,6vw,36px)}.design-stats small{font-size:11px}.design-portrait{width:min(100%,430px);height:auto;aspect-ratio:747/1024;align-self:center;margin:20px auto 0;overflow:hidden}.design-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%)}.design-logos{gap:18px 25px;padding:25px 0}.design-logos .logos-label{flex-basis:100%}.design-logos img{width:100px;height:37px}.design-logos span:not(.logos-label){font-size:15px}}
@media(max-width:560px){.design-brand{font-size:17px}.design-contact{font-size:11px;padding:11px}.design-contact span{margin-left:5px}.design-overline{font-size:9px;letter-spacing:.09em}.design-handles{gap:6px}.design-handles span{font-size:10px;padding:6px 7px}}
@media(max-width:390px){.design-wrap{padding:0 14px}.design-brand{font-size:16px}.design-copy h1{font-size:42px}.design-stats strong{font-size:23px}}
@media(max-width:950px){.design-stats div:nth-child(2) strong{font-size:clamp(16px,4vw,28px)}}
@media(max-width:700px){.design-brands{grid-template-columns:1fr;gap:20px;padding:29px 0}.design-brands-list{gap:12px}.design-brands-list strong{font-size:16px}}
@media(max-width:560px){.design-brands-list{grid-template-columns:1fr;gap:16px}.design-brands-list strong{font-size:20px}.design-stats div:nth-child(2) strong{font-size:clamp(15px,4vw,20px)}}

/* Alt bölüm taslakları */
.design-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:43px}.design-section-head>span{font-size:11px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;color:#5d605d;padding-top:12px;white-space:nowrap}.design-section-head h2{font:400 clamp(39px,4.7vw,67px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.06em;margin:0;width:min(100%,775px)}.design-section-head h2 em{font-weight:400;color:#8a8d8a}
.design-references{padding:110px 0 100px}.design-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d8d8d4;border-left:1px solid #d8d8d4}.reference-logo{position:relative;display:flex;align-items:center;justify-content:center;height:191px;border-right:1px solid #d8d8d4;border-bottom:1px solid #d8d8d4;background:#fff;overflow:hidden}.reference-logo img{width:72%;height:100px;object-fit:contain;transition:transform .35s ease}.reference-logo:hover img{transform:scale(1.07)}.reference-logo>span{position:absolute;bottom:13px;left:17px;font-size:10px;color:#777;letter-spacing:.06em;text-transform:uppercase}.reference-logo.reference-dark{background:#242320}.reference-dark>span{color:#c4c0ba}.reference-logo.reference-jimstars img{width:75%;height:112px}
.design-videos{background:#171918;color:#f5f3ec;padding:54px clamp(28px,5vw,68px) 65px;margin:14px 0 112px;border-radius:5px;overflow:hidden}.video-top{display:grid;grid-template-columns:1fr 2.4fr auto;align-items:start;gap:20px;padding-bottom:43px;border-bottom:1px solid #484a48}.video-top>span:first-child,.video-youtube{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b3b7b1;font-weight:700;padding-top:10px}.video-youtube{color:#f4e527!important}.video-top h2{font:400 clamp(51px,6vw,83px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:0}.video-top h2 span{color:#f4e527}.video-top p{color:#b5b8b2;margin:13px 0 0;font-size:14px}
.video-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:26px;padding-top:28px}.video-feature{height:458px;position:relative;overflow:hidden;background:#36322f}.video-feature>img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:grayscale(1) brightness(.6);transform:scale(1.02)}.video-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101311a8,transparent 80%),linear-gradient(0deg,#101311dd,transparent 54%)}.video-feature-overlay{position:absolute;z-index:1;inset:25px;display:flex;flex-direction:column;align-items:flex-start}.video-feature-overlay>span{font-size:11px;letter-spacing:.14em;color:#e8e8de;text-transform:uppercase}.video-feature-overlay strong{font:400 clamp(27px,3vw,43px)/1.1 Georgia,serif;letter-spacing:-.04em;margin-top:auto;max-width:470px}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:#f4e527;color:#171918;display:grid;place-items:center;font-size:29px;padding-left:5px;box-shadow:0 0 0 12px #f4e52738}.video-aside{position:relative;display:flex;flex-direction:column;padding:17px 4px 3px}.video-aside-number{font-size:11px;letter-spacing:.13em;color:#858c84;display:flex;justify-content:space-between}.video-aside-main{font:400 clamp(33px,3.5vw,53px)/1.08 Georgia,serif;letter-spacing:-.05em;margin-top:46px}.video-aside-main em{color:#f4e527;font-weight:400}.video-aside p{font-size:13px;line-height:1.65;color:#afb6ae;max-width:290px;margin:18px 0 auto}.video-lines{margin-top:20px;border-top:1px solid #464b46}.video-lines span{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #464b46;font-size:10px;letter-spacing:.13em;color:#b9c0b9}.video-lines i{height:1px;flex:1;background:#4a514a}
.design-events{padding-bottom:100px}.event-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:26px}.event-card{min-width:0;display:block}.event-photo{height:290px;position:relative;overflow:hidden;background:#e6e0da}.event-main .event-photo{height:390px}.event-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.event-card:hover .event-photo img{transform:scale(1.045)}.event-main img{object-position:center 46%}.event-arrow{position:absolute;top:14px;right:14px;background:#f4e527;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:19px}.event-meta{margin-top:20px;display:flex;justify-content:space-between;color:#6d716e;letter-spacing:.12em;font-size:10px;font-weight:700}.event-card h3{font:400 clamp(24px,2.4vw,34px)/1.11 Georgia,serif;letter-spacing:-.04em;margin:14px 0 10px}.event-card p{font-size:13px;line-height:1.55;color:#616661;margin:0;max-width:330px}.design-bottom-contact{background:#f4e527;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 42px;margin-bottom:20px}.design-bottom-contact span{font:400 clamp(24px,3vw,39px)/1.1 Georgia,serif;letter-spacing:-.04em}.design-bottom-contact strong{font-size:13px;white-space:nowrap}
@media(max-width:950px){.design-references{padding:75px 0}.design-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-videos{margin-bottom:80px}.video-layout{grid-template-columns:1fr}.video-aside{display:none}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-main{grid-column:1/-1}.event-main .event-photo{height:450px}}
@media(max-width:630px){.design-section-head{display:block;margin-bottom:29px}.design-section-head>span{display:block;padding:0 0 20px}.design-section-head h2{font-size:clamp(39px,10vw,60px)}.design-references{padding:64px 0}.reference-logo{height:150px}.reference-logo img{height:80px;width:80%}.reference-logo>span{font-size:9px;bottom:9px;left:9px}.design-videos{padding:30px 22px 34px;margin:2px 0 73px}.video-top{display:block;padding-bottom:26px}.video-top h2{margin-top:24px;font-size:53px}.video-youtube{display:none}.video-layout{padding-top:18px}.video-feature{height:400px}.video-play{width:72px;height:72px;font-size:24px}.video-feature-overlay{inset:18px}.video-feature-overlay strong{font-size:29px}.event-grid{display:block}.event-card{margin-bottom:39px}.event-main .event-photo,.event-photo{height:300px}.design-events{padding-bottom:30px}.design-bottom-contact{padding:27px 22px;align-items:flex-start;flex-direction:column;gap:18px}}

/* Referanslar ve dört Shorts videosu */
.references-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(24px,4vw,65px);align-items:start}.references-head h2{width:auto}.reference-count{align-self:start;display:flex;flex-direction:column;align-items:flex-end;line-height:1;padding-top:1px;white-space:nowrap}.reference-count strong{font:400 clamp(46px,5.5vw,79px)/.9 Georgia,'Times New Roman',serif;letter-spacing:-.075em;position:relative;z-index:0}.reference-count strong:after{content:'';position:absolute;z-index:-1;bottom:0;left:0;right:-2px;height:.23em;background:#f4e527}.reference-count small{font-size:10px;letter-spacing:.2em;font-weight:700;margin-top:13px}.reference-logo img{width:76%;height:110px}.reference-logo.reference-dark img{width:72%}
.shorts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:28px}.short-card{display:block;min-width:0;color:#f5f3ec;text-decoration:none}.short-art{position:relative;isolation:isolate;aspect-ratio:9/14;min-height:270px;padding:18px;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease}.short-card:hover .short-art,.short-card:focus-visible .short-art{transform:translateY(-5px)}.short-kicker,.short-format{position:relative;z-index:2;font-size:9px;font-weight:700;letter-spacing:.11em}.short-format{margin-top:auto;align-self:flex-end}.short-art-title{position:relative;z-index:1;font:400 clamp(30px,3.2vw,52px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.07em;margin-top:35%;max-width:100%;overflow-wrap:anywhere}.short-art-title em{font-weight:400}.short-art-detail{position:relative;z-index:1;font:400 clamp(16px,1.5vw,23px)/1.13 Georgia,serif;margin-top:14px}.short-play{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f4e527;color:#171918;font-size:18px;padding-left:3px;box-shadow:0 0 0 8px #f4e52740;opacity:.94;transition:transform .25s ease}.short-card:hover .short-play,.short-card:focus-visible .short-play{transform:translate(-50%,-50%) scale(1.12)}.short-card h3{font:400 clamp(17px,1.5vw,23px)/1.13 Georgia,serif;letter-spacing:-.02em;margin:15px 2px 0;min-height:2.3em}.short-one .short-art{background:#d9d8d0;color:#161b19}.short-one .short-art:after{content:'';position:absolute;width:86%;height:33%;background:#f4e527;top:30%;left:-8%;transform:rotate(-12deg)}.short-one .short-art-title{transform:rotate(-6deg)}.short-two .short-art{background:#56776c;color:#f7f5ed}.short-two .short-art:before{content:'';position:absolute;width:120%;aspect-ratio:1;border:1px solid #b1cab650;border-radius:50%;top:22%;left:28%;box-shadow:0 0 0 45px #ffffff0b,0 0 0 90px #ffffff0b}.short-two .short-art-title{font-size:clamp(64px,7vw,108px)}.short-star{font:400 30px Arial,sans-serif;vertical-align:top;margin-left:2px;color:#f4e527}.short-three .short-art{background:#e9e6dd;color:#1a1c19}.short-three .short-art:after{content:'';position:absolute;inset:auto -10% 8% -10%;height:19%;background:repeating-linear-gradient(110deg,#161918 0 2px,transparent 2px 19px);opacity:.17;transform:rotate(-8deg)}.short-three .short-art-title{font-size:clamp(43px,4.7vw,74px)}.short-plus{color:#677a71}.short-four .short-art{background:#554f49;color:#f9f7f0}.short-four .short-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 27%;filter:grayscale(1) brightness(.66)}.short-four .short-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10121099,transparent 32%,#101210bb 100%)}.short-four .short-art-title{margin-top:auto;margin-bottom:39px;font-size:clamp(28px,2.8vw,44px)}.short-period{color:#f4e527}
@media(max-width:1050px){.references-head{grid-template-columns:auto 1fr auto}.shorts-grid{gap:12px}.short-art{padding:13px}.short-art-title{font-size:clamp(26px,3.6vw,44px)}.short-two .short-art-title{font-size:clamp(53px,7vw,84px)}.short-three .short-art-title{font-size:clamp(35px,5vw,60px)}}
@media(max-width:780px){.references-head{grid-template-columns:1fr auto;gap:14px}.references-head>span{grid-column:1/-1}.references-head h2{font-size:clamp(39px,6vw,60px)}.shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.short-art{aspect-ratio:9/12}.short-art-title{font-size:clamp(36px,6vw,54px)}.short-two .short-art-title{font-size:clamp(68px,10vw,110px)}.short-three .short-art-title{font-size:clamp(48px,7vw,76px)}.short-card h3{font-size:20px}}
@media(max-width:630px){.references-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px}.references-head>span{grid-column:1/-1}.references-head h2{font-size:clamp(34px,9vw,52px)}.reference-count{padding-top:3px}.reference-count strong{font-size:clamp(39px,10vw,56px)}.reference-count small{font-size:9px;margin-top:9px}.reference-logo img{height:90px}.shorts-grid{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;margin-right:-22px;padding-right:22px;padding-bottom:18px}.short-card{flex:0 0 min(67vw,260px);scroll-snap-align:start}.short-art{aspect-ratio:9/13;min-height:0;padding:17px}.short-card h3{font-size:19px}.short-art-title{font-size:46px}.short-two .short-art-title{font-size:76px}.short-three .short-art-title{font-size:59px}.short-four .short-art-title{font-size:39px}}

/* Tıklanınca açılan, sayfa düzeninden bağımsız video oynatıcı */
.video-modal{border:0;padding:0;background:#171918;color:#f5f3ec;width:min(94vw,480px);max-height:94dvh;box-shadow:0 25px 85px #0009;overflow:hidden}.video-modal::backdrop{background:#0b0d0bd9;backdrop-filter:blur(8px)}.video-modal-top{height:54px;padding:0 17px;display:flex;align-items:center;gap:18px}.video-modal-top>span{font-size:10px;letter-spacing:.16em;font-weight:700;color:#f4e527;margin-right:auto}.video-modal-external{font-size:11px;color:#ddd;text-decoration:underline;text-underline-offset:3px}.video-modal-close{border:0;background:transparent;color:#fff;font-size:31px;line-height:1;cursor:pointer;padding:2px 5px}.video-modal-close:focus-visible,.video-modal-external:focus-visible,.short-card:focus-visible{outline:2px solid #f4e527;outline-offset:3px}.video-modal-frame{width:min(100%,calc((94dvh - 54px)*9/16));aspect-ratio:9/16;margin:auto;background:#0b0b0b}.video-modal-frame iframe{display:block;border:0;width:100%;height:100%}
.event-card:nth-child(n+4) .event-photo{height:290px}.event-card:nth-child(n+4) h3{max-width:390px}
@media(max-width:630px){.video-modal{width:100vw;max-width:100vw;max-height:100dvh}.video-modal-frame{width:min(100vw,calc((100dvh - 54px)*9/16))}.event-card:nth-child(n+4) .event-photo{height:300px}}