/* Portfolio composition: one collective opening, six complete case entrances. */
.portfolio-opening{display:grid;grid-template-columns:4fr 8fr;gap:4vw;padding-top:52px;padding-bottom:70px;align-items:center}.portfolio-intro{position:relative;min-height:500px;padding-top:45px;display:flex;flex-direction:column;align-items:flex-start}.portfolio-intro h1{font-size:clamp(100px,12vw,180px);font-weight:500;letter-spacing:-.085em;line-height:1.04;margin:40px 0 20px}.portfolio-intro h1 span{color:var(--orange)}.portfolio-intro>p:not(.eyebrow){font-size:clamp(15px,1.35vw,20px);letter-spacing:-.035em;line-height:1.7}.intro-discover{display:flex;align-items:center;gap:18px;font-size:11px;margin-top:55px;position:relative;z-index:2}.intro-discover>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--orange);font-size:21px}.portfolio-intro .brand-pieces{bottom:0;right:0;width:146px;height:105px}.portfolio-intro .piece-g{width:90px}.portfolio-intro .piece-d{width:41px}.portfolio-intro .piece-o{width:33px}.portfolio-collage{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:150px 145px 150px;gap:12px;transform:rotate(-2deg);padding:20px 0}.collage-tile{position:relative;overflow:hidden;min-width:0;background:var(--ink);isolation:isolate}.collage-tile img{width:100%;height:100%;object-fit:cover;transition:transform .85s var(--ease),filter .85s var(--ease)}.collage-tile>span{position:absolute;inset:auto 0 0;padding:28px 12px 12px;background:linear-gradient(transparent,#0009);color:white;font-size:10px;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s}.collage-tile svg{width:14px;height:14px;flex-shrink:0}.collage-tile:hover img,.collage-tile:focus-visible img{transform:scale(1.045)}.collage-tile:hover>span,.collage-tile:focus-visible>span{opacity:1;transform:none}.c-kaud{grid-column:1;grid-row:1/3}.c-kaud img{object-position:50% 35%}.c-prop{grid-column:2;grid-row:1}.c-prop img{object-position:70% 65%}.c-bag{grid-column:2/4;grid-row:2}.c-bag img{object-position:20% 50%}.c-mul{grid-column:3;grid-row:1}.c-mul img{object-position:50% 34%}.c-tik{grid-column:1/3;grid-row:3;background:#cfebe0;padding:14px 36px}.c-tik img{object-fit:contain}.c-uber{grid-column:3;grid-row:3}.c-uber img{object-position:50% 0%;height:300%;max-width:none}
.complete-cover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 30px}.case-cover{display:block;min-width:0}.cover-surface{aspect-ratio:5/4;position:relative;overflow:hidden;isolation:isolate}.cover-caption{display:flex;justify-content:space-between;gap:20px;padding-top:20px;align-items:flex-start}.cover-caption h2{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.045em}.cover-caption p{font-size:12px;line-height:1.7;margin-top:6px}.cover-caption>span{font-size:22px;line-height:1.4;transition:transform .3s}.case-cover:hover .cover-caption>span{transform:translate(3px,-3px)}.cover-arrow{position:absolute;bottom:20px;right:20px;display:grid;place-items:center;width:44px;height:44px;background:var(--paper);border-radius:50%;z-index:6;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s;color:var(--ink)}.cover-arrow svg{width:19px;height:19px}.case-cover:hover .cover-arrow,.case-cover:focus-visible .cover-arrow{opacity:1;transform:none}.cover-surface>img,.cover-surface>div:not(.cover-brand){transition:transform .9s var(--ease)}
.cover-bag .cover-surface{background:#f0e3c8}.bag-cover-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:12% 50%}.bag-cover-logo{position:absolute;inset:0 0 0 35%;background:linear-gradient(90deg,#f0e3c800,#f0e3c8ee 30%,#f0e3c8);display:flex;align-items:center;justify-content:center;padding:35px 18px 50px}.bag-cover-logo img{width:100%;max-width:300px}.bag-cover-date{position:absolute;bottom:32px;right:7%;font-size:9px;letter-spacing:.15em;color:var(--wine)}
.cover-prop .cover-surface{background:#282d63}.prop-orange{position:absolute;width:75%;height:75%;right:-30%;top:10%;background:#ee5d15;transform:rotate(35deg)}.prop-cover-mark{position:absolute;left:7%;top:7%;width:57%;background:var(--paper);padding:12px 15px;z-index:3}.prop-cover-image{position:absolute;inset:27% 0 0 11%;overflow:hidden;clip-path:polygon(0 10%,87% 0,100% 100%,0 100%)}.prop-cover-image img{position:absolute;width:150%;height:150%;max-width:none;object-fit:cover;left:-45%;top:-42%;object-position:right bottom}.case-cover:hover .prop-cover-image{transform:translateY(-4px)}
.cover-kaud .cover-surface{background:#0c1728}.kaud-cover-world{position:absolute;left:0;top:0;width:67%;height:100%;object-fit:cover;object-position:50% 40%}.kaud-cover-detail{position:absolute;right:0;bottom:0;width:34%;height:69%;object-fit:cover;object-position:50% 30%}.cover-brand{position:absolute;overflow:hidden;z-index:4}.cover-brand img{width:100%;height:100%;object-fit:cover;transform:none!important}.kaud-cover-brand{right:3%;top:7%;width:31%;height:16%;mix-blend-mode:screen}.kaud-cover-brand img{object-position:50% 55%}.cover-tik .cover-surface{background:#c5e6df;display:flex;flex-direction:column;justify-content:center;padding:8% 5% 12%}.tikutu-cover-books{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:9px;align-items:center}.tikutu-cover-books img{width:100%;box-shadow:6px 13px 15px #203f3b22}.tikutu-cover-books img:first-child{transform:rotate(-6deg)translateY(12%)}.tikutu-cover-books img:nth-child(2){transform:rotate(1deg)translateY(-12%);z-index:2}.tikutu-cover-books img:nth-child(3){transform:rotate(6deg)translateY(18%)}.tikutu-cover-words{position:absolute;bottom:9%;left:7%;font-size:clamp(18px,2vw,30px);letter-spacing:-.055em;color:#2a655b;font-weight:500}
.cover-mul .cover-surface{background:#b9b19a}.mul-cover-craft{position:absolute;left:0;top:0;width:35%;height:100%;object-fit:cover;object-position:44% 64%}.mul-cover-bride{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:50% 32%}.mul-cover-brand{left:4%;top:6%;width:38%;height:15%;background:#7fa792}.mul-cover-slogan{position:absolute;left:6%;bottom:7%;font-size:clamp(22px,2.4vw,37px);line-height:1.15;letter-spacing:-.055em;color:white;text-shadow:0 2px 14px #352b22a0;z-index:4}.cover-uber .cover-surface{background:#071f13}.uber-food-crop{position:absolute;inset:19% 0 0;overflow:hidden}.uber-food-crop img{width:100%;height:300%;object-fit:cover;object-position:50% 0%;max-width:none}.uber-cover-brand{left:7%;top:4%;width:38%;height:13%;mix-blend-mode:screen}.cover-uber .cover-brand img{object-position:center}
.main-reel{padding-top:75px;padding-bottom:85px;background:#1d1d1b;color:var(--paper)}.reel-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}.reel-heading h2{font-weight:500;font-size:clamp(40px,5vw,78px);letter-spacing:-.065em;line-height:1.04;margin-top:22px}.reel-heading>p{font-size:16px;line-height:1.7;max-width:300px}.reel-player{width:100%;aspect-ratio:16/9;background:#0b0b0b;position:relative;overflow:hidden}.reel-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.reel-note{font-size:10px;line-height:1.8;margin-top:18px;opacity:.7}.career-reels{padding-top:75px;padding-bottom:85px}.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reel-label{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:18px}.reel-label h3{font-size:20px;font-weight:500;letter-spacing:-.03em}.reel-label>span{font-size:10px}.case-next{display:flex;align-items:center;justify-content:space-between;padding-top:35px;padding-bottom:40px;border-top:1px solid var(--line);gap:25px}.case-next>a:first-child{font-size:12px}.case-next>a:last-child{display:flex;flex-direction:column;gap:8px}.case-next span{font-size:9px;letter-spacing:.07em}.case-next strong{font-size:29px;font-weight:500;letter-spacing:-.04em;display:flex;align-items:center;gap:24px}.case-next svg{width:23px;height:23px}
.motion-ready .collage-tile{animation:collage-enter .8s var(--ease) both}.motion-ready .collage-tile:nth-child(2){animation-delay:.07s}.motion-ready .collage-tile:nth-child(3){animation-delay:.14s}.motion-ready .collage-tile:nth-child(4){animation-delay:.21s}.motion-ready .collage-tile:nth-child(5){animation-delay:.28s}.motion-ready .collage-tile:nth-child(6){animation-delay:.35s}@keyframes collage-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.motion-ready .cover-surface{clip-path:inset(1.5%);transition:clip-path .7s var(--ease)}.motion-ready .in-view .cover-surface{clip-path:inset(0)}html[data-motion=off] .cover-surface{clip-path:none}
@media(min-width:1600px){.portfolio-collage{grid-template-rows:180px 160px 180px}.portfolio-intro{min-height:560px}}
@media(max-width:1000px){.portfolio-opening{gap:3vw;padding-top:35px;padding-bottom:50px}.portfolio-intro{min-height:400px;padding-top:20px}.portfolio-intro h1{font-size:12vw}.portfolio-collage{grid-template-rows:115px 110px 115px;gap:9px}.portfolio-intro .brand-pieces{width:115px;height:85px;right:0}.portfolio-intro .piece-g{width:73px}.portfolio-intro .piece-d{width:32px}.portfolio-intro .piece-o{width:27px}.intro-discover{margin-top:40px;font-size:10px;gap:10px}.c-tik{padding:10px 20px}.complete-cover-grid{gap:45px 22px}.cover-caption h2{font-size:22px}.cover-caption p{font-size:11px}.reel-label{display:block}.reel-label>span{display:block;margin-top:6px}.reel-heading>p{font-size:13px}.main-reel,.career-reels{padding-top:55px;padding-bottom:60px}.prop-cover-mark{padding:9px 12px}.bag-cover-logo{padding:25px 15px 40px}}
@media(max-width:700px){.portfolio-opening{display:block;padding-top:28px;padding-bottom:45px}.portfolio-intro{min-height:0;display:block;padding-top:0;padding-bottom:34px}.portfolio-intro h1{font-size:27vw;margin:25px 0 13px}.portfolio-intro>p:not(.eyebrow){font-size:15px;max-width:230px}.intro-discover{display:none}.portfolio-intro .brand-pieces{right:0;bottom:34px;width:96px;height:72px}.portfolio-intro .piece-g{width:61px}.portfolio-intro .piece-o{width:22px}.portfolio-intro .piece-d{width:27px}.portfolio-collage{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,145px);gap:7px;transform:none;padding:0}.collage-tile{grid-column:auto;grid-row:auto}.c-kaud,.c-tik{transform:translateY(8px)}.c-prop,.c-mul{transform:translateY(-3px)}.c-bag img{object-position:8% 50%}.c-tik{padding:5px}.collage-tile>span{opacity:1;transform:none;font-size:7px;line-height:1.5;padding:25px 6px 7px}.collage-tile svg{display:none}.complete-cover-grid{gap:35px;grid-template-columns:1fr}.cover-surface{aspect-ratio:5/4}.cover-caption{padding-top:16px}.cover-caption h2{font-size:22px}.cover-caption p{font-size:11px}.cover-arrow{opacity:1;transform:none;width:34px;height:34px;right:14px;bottom:14px}.cover-arrow svg{width:15px;height:15px}.bag-cover-logo{padding:25px 12px 40px}.bag-cover-date{bottom:26px;font-size:7px}.tikutu-cover-words{font-size:22px}.mul-cover-slogan{font-size:27px}.main-reel,.career-reels{padding-top:40px;padding-bottom:45px}.reel-heading{display:block;margin-bottom:27px}.reel-heading h2{font-size:46px;margin-top:17px}.reel-heading>p{font-size:13px;margin-top:20px}.reel-note{font-size:9px}.career-grid{grid-template-columns:1fr;gap:35px}.reel-label{display:flex;align-items:baseline;margin-bottom:14px}.reel-label>span{font-size:9px;margin:0}.reel-label h3{font-size:19px}.case-next{padding-top:27px;padding-bottom:30px}.case-next strong{font-size:23px;gap:12px}.case-next>a:first-child{font-size:10px}.case-next span{font-size:8px}.case-next svg{width:18px;height:18px}}
@media(max-width:380px){.portfolio-collage{grid-template-rows:repeat(2,125px)}.portfolio-intro>p:not(.eyebrow){font-size:14px}.portfolio-intro .brand-pieces{width:80px;height:62px}.portfolio-intro .piece-g{width:52px}.portfolio-intro .piece-o{width:19px}.portfolio-intro .piece-d{width:23px}}
@media(prefers-reduced-motion:reduce){.motion-ready .cover-surface{clip-path:none}}
.c-uber img{height:100%;object-position:50% 50%}.uber-food-crop img{height:100%;object-position:50% 50%}
.cover-caption>div{flex:1;min-width:0}.portfolio-intro>p:not(.eyebrow){width:100%}.intro-discover{white-space:nowrap}.bag-cover-logo{top:0;right:0;bottom:0;left:35%}.prop-cover-image{top:27%;right:0;bottom:0;left:11%}.uber-food-crop{top:19%;right:0;bottom:0;left:0}.collage-books{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:9px}.collage-books img{width:31%;height:auto;object-fit:contain;box-shadow:3px 5px 10px #24433722}.collage-books img:first-child{transform:rotate(-5deg)}.collage-books img:last-child{transform:rotate(5deg)}.c-tik{padding:12px 20px}.uber-cover-brand img{object-fit:contain}.uber-cover-brand{background:white;mix-blend-mode:screen}
@media(max-width:700px){.c-tik{padding:5px}.collage-books{position:relative;display:block}.collage-books img{position:absolute;width:88%;left:6%;top:17%;height:auto}.collage-books img:first-child{transform:translate(-5%,-10%)rotate(-9deg);opacity:.75}.collage-books img:nth-child(2){z-index:2;top:26%}.collage-books img:last-child{transform:translate(5%,35%)rotate(8deg);opacity:.75}}
.cover-caption>span svg{display:block;width:22px;height:22px}.c-bag .collage-bag-mark{position:absolute;right:7%;top:7%;width:27%;height:86%;object-fit:contain;transform:none}.c-bag:hover .collage-bag-mark{transform:none}
@media(max-width:700px){.c-bag .collage-bag-mark{right:2%;top:25%;width:78%;height:70%;filter:drop-shadow(0 0 10px #f4ead7)}}
.collage-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.collage-books img{width:100%;height:auto;position:static}.c-prop img{position:absolute;width:200%;height:200%;max-width:none;right:-15%;bottom:-5%;object-fit:cover;object-position:right bottom}
@media(max-width:700px){.collage-books{display:block}.collage-books img{position:absolute;width:88%;left:6%;top:17%;height:auto}}
/* Seven equally present project entrances. */
.portfolio-collage{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,190px);gap:11px;transform:rotate(-1deg)}
.c-kaud{grid-column:1;grid-row:1}.c-prop{grid-column:2;grid-row:1}.c-mul{grid-column:3;grid-row:1}.c-uber{grid-column:4;grid-row:1}.c-bag{grid-column:1/3;grid-row:2}.c-tik{grid-column:3;grid-row:2;padding:7px}.c-seven{grid-column:4;grid-row:2}.c-seven img{object-position:50% 50%}.collage-tile>span{opacity:1;transform:none;font-size:9px;padding:30px 8px 9px}.c-kaud img{object-position:50% 25%}.collage-books{gap:4px}.cover-seven{grid-column:1/-1}.cover-seven .cover-surface{aspect-ratio:2.5;background:#203c4a}.seven-cover-render{position:absolute;top:0;right:0;width:76%;height:100%;object-fit:cover;object-position:50% 50%}.seven-cover-title{position:absolute;top:0;bottom:0;left:0;width:39%;display:flex;flex-direction:column;justify-content:center;padding-left:5%;background:linear-gradient(90deg,#203c4a 65%,#203c4a00);color:#f4f1ea;gap:8px}.seven-cover-title span:first-child{font-size:clamp(24px,3vw,44px);letter-spacing:-.04em}.seven-cover-title span:last-child{font-size:clamp(10px,1.2vw,18px);letter-spacing:.22em}.motion-ready .collage-tile:nth-child(7){animation-delay:.42s}
@media(min-width:1600px){.portfolio-collage{grid-template-rows:repeat(2,230px)}}
@media(max-width:1000px){.portfolio-collage{grid-template-rows:repeat(2,150px);gap:7px}.collage-tile>span{font-size:8px;padding:25px 6px 7px}.collage-tile svg{display:none}}
@media(max-width:700px){.portfolio-collage{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:125px 125px 100px;gap:7px;transform:none}.collage-tile{grid-column:auto;grid-row:auto;transform:none}.c-kaud{grid-column:1;grid-row:1}.c-prop{grid-column:2;grid-row:1}.c-mul{grid-column:3;grid-row:1}.c-uber{grid-column:1;grid-row:2}.c-bag{grid-column:2;grid-row:2}.c-tik{grid-column:3;grid-row:2}.c-seven{grid-column:1/-1;grid-row:3}.c-seven img{object-position:50% 52%}.collage-tile>span{font-size:8px}.c-seven>span{padding:30px 10px 9px}.cover-seven .cover-surface{aspect-ratio:5/4}.seven-cover-render{width:100%;height:75%;top:auto;bottom:0}.seven-cover-title{top:0;bottom:auto;width:100%;height:31%;background:linear-gradient(#203c4a 70%,#203c4a00);padding-left:7%;justify-content:center;gap:5px}.seven-cover-title span:first-child{font-size:29px}.seven-cover-title span:last-child{font-size:11px}.footer-base{flex-wrap:wrap}.case-next strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.motion-ready .collage-tile{animation:none}}
/* A readable foreground book anchors the narrow collage cell. */
.c-tik .collage-books{position:relative;display:block}.c-tik .collage-books img{position:absolute;width:84%;height:auto;left:8%;top:22%;box-shadow:4px 7px 12px #2443372b}.c-tik .collage-books img:first-child{transform:translate(-7%,-19%)rotate(-9deg);opacity:1}.c-tik .collage-books img:nth-child(2){z-index:2;top:31%;transform:none}.c-tik .collage-books img:last-child{transform:translate(7%,28%)rotate(8deg);opacity:1}

.all-case-index{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:24px;padding-bottom:48px;border-top:1px solid #bdbbb3;font-size:12px;line-height:1.6}.all-case-index a{text-decoration:none}.all-case-index a:hover,.all-case-index a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}

.reel-player video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#0b0b0b}.native-reel{max-width:none}.native-reel .big-play{width:68px;height:68px;color:#171717;background:#f4f1eaed}.native-reel .big-play svg{width:27px;height:27px}.native-reel .big-play span{font-size:11px}
/* Eight current cases: compact, balanced entrances. */
.c-bag{grid-column:1;grid-row:2}.c-tik{grid-column:2;grid-row:2}.c-seven{grid-column:3;grid-row:2}.c-bayram{grid-column:4;grid-row:2}.c-bayram img{object-position:50% 46%}.c-bag .collage-bag-mark{right:4%;top:10%;width:75%;height:80%;filter:drop-shadow(0 0 10px #f4ead7)}.cover-seven{grid-column:auto}.cover-seven .cover-surface{aspect-ratio:5/4}.seven-cover-render{width:100%;height:75%;top:auto;bottom:0}.seven-cover-title{top:0;bottom:auto;width:100%;height:31%;background:linear-gradient(#203c4a 70%,#203c4a00);padding-left:7%;justify-content:center;gap:5px}.seven-cover-title span:first-child{font-size:clamp(24px,2.4vw,36px)}.seven-cover-title span:last-child{font-size:clamp(9px,1vw,14px)}.cover-bayram .cover-surface{background:#382b22;color:#f4f1ea;display:flex}.cover-bayram .cover-surface>img{width:45%;height:100%;object-fit:contain;object-position:right center;margin-left:auto}.bayram-cover-type{position:absolute;left:6%;top:9%;bottom:10%;width:47%;display:flex;flex-direction:column;justify-content:space-between}.bayram-cover-type>span{font-size:11px;letter-spacing:.16em}.bayram-cover-type strong{font-size:clamp(26px,3.15vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.055em;color:#e9cfaf}.cover-bayram .cover-arrow{right:15px;bottom:15px}.motion-ready .collage-tile:nth-child(8){animation-delay:.49s}
@media(max-width:700px){.portfolio-collage{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:125px 125px 140px}.c-kaud{grid-column:1/3;grid-row:1}.c-prop{grid-column:3/5;grid-row:1}.c-mul{grid-column:5/7;grid-row:1}.c-uber{grid-column:1/3;grid-row:2}.c-bag{grid-column:3/5;grid-row:2}.c-tik{grid-column:5/7;grid-row:2}.c-seven{grid-column:1/4;grid-row:3}.c-bayram{grid-column:4/7;grid-row:3}.c-bayram img{object-position:50% 50%}.bayram-cover-type strong{font-size:clamp(27px,7.7vw,43px)}.bayram-cover-type>span{font-size:9px}.seven-cover-title span:first-child{font-size:29px}.seven-cover-title span:last-child{font-size:11px}}