/* Revolt / interior chapters — a gallery with an editorial identity. */
.portfolio-page,.archive-index{background:#f6f5ef}.category-page{max-width:1800px;padding:35px var(--gutter) 90px;margin:0 auto;overflow:visible}.back-link{display:inline-flex;align-items:center;font-size:15px;color:#526e77;line-height:1.5;padding:8px 0}.back-link:hover{color:#007e96}.category-heading{position:relative;isolation:isolate;overflow:hidden;background:#101719;color:#fff;border:0;display:flex;justify-content:space-between;align-items:end;gap:45px;margin:28px 0 48px;padding:55px 50px 50px;min-height:325px}.category-heading::after{content:'';position:absolute;height:190%;aspect-ratio:1;border:1px solid #00afd020;border-radius:50%;right:-13%;top:-65%;z-index:-1}.category-heading>div:first-child{position:relative;z-index:2;max-width:77%}.category-heading small{font-size:11px;letter-spacing:.14em;line-height:1.7;color:#79a1ae}.category-kicker{display:inline-flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.15em;color:#84c8d6;margin:15px 0 0;font-weight:600}.category-kicker::before{content:'';width:25px;height:1px;background:#00afd0}.category-heading h1{font-size:clamp(54px,5.5vw,94px);font-weight:300;line-height:1.03;letter-spacing:-.065em;margin:23px 0 24px;max-width:1050px;text-wrap:balance}.category-heading p{font-size:18px;line-height:1.75;color:#aec6cd;max-width:710px;margin:0}.total{font-size:clamp(65px,7vw,112px);font-weight:300;letter-spacing:-.075em;line-height:.9;color:#00afd0;position:relative;z-index:2;padding:0 0 4px;white-space:nowrap}.total small{font-size:10px;text-align:right;margin-top:20px;color:#7ba1ac;letter-spacing:.15em}.category-emblem{position:absolute;right:5%;top:18%;width:235px;height:235px;z-index:0;opacity:.22;pointer-events:none}.category-emblem svg{display:block;width:100%;height:100%;overflow:visible}.category-emblem path,.category-emblem circle,.category-emblem ellipse{vector-effect:non-scaling-stroke}.archive-layout{grid-template-columns:220px minmax(0,1fr);gap:45px;align-items:start}.archive-layout aside{top:123px;padding-top:5px;gap:0}.archive-layout aside::before{content:'DİĞER SAHALAR';display:block;color:#78949b;font-size:10px;letter-spacing:.16em;line-height:1.6;margin-bottom:20px}.archive-layout aside a{font-size:16px;line-height:1.5;gap:12px;padding:18px 0;border-color:#cad6d0;color:#566e75;position:relative;transition:color .2s,padding .2s}.archive-layout aside a span{font-size:12px;color:#88a0a5;padding-top:3px;white-space:nowrap}.archive-layout aside a.active{color:#006f86;font-weight:600;padding-left:15px}.archive-layout aside a.active::before{content:'';position:absolute;left:0;top:23px;width:4px;height:15px;background:#00afd0}.archive-layout aside a:hover{padding-left:10px;color:#007a92}.gallery-area{min-width:0}.search-label{font-size:15px;line-height:1.6;gap:20px;border-color:#bbcfcf;margin:0 0 40px;padding-bottom:20px;color:#577780;display:flex;align-items:center}.search-label input{font-size:17px;line-height:1.5;padding:12px 5px;border-color:#a7c0c2;color:#142b33;background:transparent;min-width:0;border-radius:0}.search-label input::placeholder{color:#879b9f}.gallery-area>#project-count{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#78949a;margin:-21px 0 25px}.project-grid,.lab-page .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 26px}.project{position:relative;display:block;border:0;padding:0;background:none;text-align:left;min-width:0;isolation:isolate}.project[hidden]{display:none}.photo{height:auto;aspect-ratio:4/3;width:100%;display:flex;align-items:center;justify-content:center;background:#e9eee8;border:1px solid #d5dfd8;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}.photo::after{content:'';position:absolute;inset:0;border:1px solid transparent;transition:border-color .3s;pointer-events:none}.photo img{width:100%;height:100%;object-fit:contain;padding:0;transform:none;transition:filter .35s}.photo>span:not(.project-index){position:absolute;right:14px;bottom:14px;background:#f9fbf5f0;color:#15313a;border:1px solid #d4e0dc;font-size:13px;font-weight:500;line-height:1.4;padding:10px 14px;border-radius:2px;box-shadow:none;opacity:0;transform:translateY(7px);transition:opacity .25s,transform .25s,background .25s;z-index:2}.project:hover .photo{border-color:#00afd0;box-shadow:0 5px 20px #10313e0a}.project:hover .photo::after{border-color:#00afd0}.project:hover .photo img{transform:none;filter:saturate(1.04)}.project:hover .photo>span:not(.project-index),.project:focus-visible .photo>span:not(.project-index){opacity:1;transform:none;background:#00afd0;color:#071d24;border-color:#00afd0}.project-index{position:absolute;left:12px;top:12px;right:auto;bottom:auto;height:25px;min-width:25px;padding:3px 7px!important;display:grid;place-items:center;border-radius:0!important;background:#101719d9!important;color:#eaf1ec!important;border:0!important;box-shadow:none!important;font-size:10px!important;line-height:1.4;letter-spacing:.06em;z-index:2;opacity:1!important;transform:none!important}.project>.project-index{left:12px;top:12px}.project-caption{position:relative;padding:20px 26px 0 0;border:0}.project-caption::after{content:'↗';position:absolute;right:0;top:19px;font-size:21px;color:#0098b4;font-weight:300;transition:transform .25s}.project-caption h2{font-size:clamp(23px,2vw,30px);font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:0 0 7px;text-wrap:balance}.project-caption p{font-size:16px;line-height:1.7;color:#607980;margin:0;max-width:96%}.project:hover .project-caption::after{transform:translate(3px,-3px)}.category-next{margin:65px 0 0;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;isolation:isolate;background:#dce7e2;border-top:1px solid #9fbab9;color:#0c2e3a;transition:background .3s}.category-next::after{content:'';position:absolute;width:260px;height:260px;border:1px solid #0094ae20;border-radius:50%;right:11%;top:-160px;z-index:-1}.category-next small{font-size:10px;letter-spacing:.13em;color:#65838c;line-height:1.7;margin-bottom:10px}.category-next>span,.category-next h2,.category-next h3{font-size:clamp(27px,3vw,44px);letter-spacing:-.045em;line-height:1.2;font-weight:400;margin:0}.category-next b{font-size:40px;font-weight:300;color:#008ba5;margin-left:auto;line-height:1}.category-next:hover{background:#00afd0}.category-next:hover small,.category-next:hover b{color:#0c4657}.archive-intro{position:relative;max-width:1800px;padding:70px var(--gutter) 90px;margin:auto;background:#f6f5ef;overflow:hidden;isolation:isolate}.archive-intro>small{font-size:11px;color:#698995;letter-spacing:.15em}.archive-intro>h1{font-size:clamp(74px,8.4vw,143px);line-height:.98;letter-spacing:-.07em;margin:34px 0 32px;font-weight:300;max-width:1200px}.archive-intro>h1 b{font-weight:800}.archive-intro>p{font-size:19px;line-height:1.8;color:#5e7b85;max-width:610px}.archive-intro>.category-emblem{width:310px;height:310px;right:7%;top:75px;opacity:.25}.archive-intro .category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:0;margin-top:55px}.archive-intro .category-link{position:relative;min-height:250px;padding:33px 35px 67px;display:grid;grid-template-columns:27px 1fr;align-items:start;align-content:start;gap:20px;border:1px solid #bed0c9;border-right:0;border-bottom:0;overflow:hidden;isolation:isolate}.archive-intro .category-link:nth-child(even){border-right:1px solid #bed0c9}.archive-intro .category-link:last-child{grid-column:1/-1;border:1px solid #bed0c9;min-height:210px}.archive-intro .category-link:nth-last-child(2){border-bottom:1px solid #bed0c9}.archive-intro .category-link::before{background:#101719;transform:translateY(100%);transition:transform .35s;position:absolute;inset:0;content:'';z-index:-1}.archive-intro .category-link:hover::before{transform:translateY(0)}.archive-intro .category-link:hover{padding:33px 35px 67px;background:transparent}.archive-intro .category-number{font-size:12px;margin-top:7px;color:#5c919f}.archive-intro .category-link h3{font-size:clamp(30px,3.3vw,53px);line-height:1.1;letter-spacing:-.055em;margin:0 0 16px;font-weight:400}.archive-intro .category-link p{font-size:16px;line-height:1.7;max-width:460px;color:#63828b}.archive-intro .category-count{position:absolute;right:32px;bottom:23px;gap:25px;font-size:13px;color:#5d7f88}.archive-intro .category-count b{font-size:29px}.archive-intro .category-link:hover h3{color:white}.archive-intro .category-link:hover p{color:#adc5ce}.archive-intro .category-link:hover .category-number,.archive-intro .category-link:hover .category-count{color:#00afd0}.lab-page{padding-bottom:90px}.lab-page .category-heading{background:#092d38;margin-bottom:40px;min-height:350px}.lab-page .category-heading::after{border-color:#00afd030}.lab-page .category-heading h1{font-size:clamp(64px,7vw,114px);line-height:1}.lab-page .category-heading p{font-size:17px;line-height:1.8;max-width:760px;color:#b2cdd5}.lab-page .category-heading .total{color:#51d5ef}.lab-page .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}.lab-page .photo{aspect-ratio:4/3;background:#e5ece8}.lab-page .project-caption h2{font-size:26px}.lab-page .project-caption p{font-size:16px}.lab-page .category-kicker{color:#55cce4}.empty-state{font-size:17px;padding:30px 0;color:#6f8a91}.portfolio-page+footer,.archive-index+footer{padding-top:85px}.portfolio-page+footer h2,.archive-index+footer h2{font-size:clamp(73px,8.5vw,140px)}.portfolio-page+footer .footer-grid,.archive-index+footer .footer-grid{margin-top:75px}dialog .detail-image{object-fit:contain;background:#0c1c22}dialog .detail-copy h2{font-size:43px;line-height:1.15}dialog .detail-copy p{font-size:17px;line-height:1.8}.project-navigation{border-top:1px solid #d0ddd6;padding-top:25px;margin-top:5px}.project-navigation button:hover{border-color:#008da6;color:#007b92}
@media(min-width:1600px){.archive-layout{grid-template-columns:245px minmax(0,1fr);gap:50px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:43px 26px}.category-heading{min-height:340px}.category-emblem{width:280px;height:280px}.category-heading h1{font-size:102px}.lab-page .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.category-heading{padding:45px 35px;min-height:300px;gap:25px}.category-heading h1{font-size:clamp(50px,6.3vw,76px);max-width:700px}.category-heading p{font-size:17px}.category-emblem{width:190px;height:190px;right:4%;top:17%}.total{font-size:79px}.archive-layout{grid-template-columns:185px minmax(0,1fr);gap:30px}.archive-layout aside a{font-size:15px}.project-grid{gap:35px 22px}.lab-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-intro .category-link{padding:28px 28px 64px;gap:15px}.archive-intro .category-link:hover{padding:28px 28px 64px}.archive-intro .category-count{right:28px}.archive-intro>h1{font-size:10vw}.archive-intro>.category-emblem{width:240px;height:240px;right:4%;opacity:.16}.project-caption h2{font-size:25px}.category-next{padding:31px 32px}}
@media(max-width:850px) and (min-width:761px){.archive-layout{grid-template-columns:160px minmax(0,1fr);gap:25px}.archive-layout aside a{font-size:14px}.category-heading{padding:35px 28px;min-height:285px}.category-heading p{font-size:16px}.category-heading h1{font-size:55px}.category-heading>div:first-child{max-width:78%}.category-emblem{width:155px;height:155px}.total{font-size:65px}.search-label{flex-wrap:wrap;font-size:14px;gap:8px}.search-label input{flex-basis:100%;padding-left:0;font-size:16px}.project-grid{gap:32px 18px}.project-caption h2{font-size:23px}.project-caption p{font-size:16px}.archive-intro .category-link h3{font-size:32px}.archive-intro .category-link p{font-size:16px}.archive-intro .category-link{min-height:280px}}
@media(max-width:760px){.category-page{padding:25px 24px 65px;max-width:100%;overflow:hidden}.back-link{font-size:15px}.category-heading{padding:33px 25px 32px;margin:23px 0 32px;display:block;min-height:0}.category-heading>div:first-child{max-width:100%}.category-heading small{font-size:10px;letter-spacing:.1em;max-width:240px}.category-kicker{font-size:9px;letter-spacing:.11em;margin-top:15px;gap:10px}.category-kicker::before{width:20px}.category-heading h1{font-size:clamp(43px,10vw,66px);line-height:1.05;letter-spacing:-.055em;margin:23px 0 22px;max-width:100%;text-wrap:balance}.category-heading p{font-size:16px;line-height:1.8;max-width:100%}.category-emblem{right:-32px;top:10px;width:170px;height:170px;opacity:.12;z-index:-1}.category-heading::after{height:130%;right:-60%;top:-45%;border-color:#00afd020}.total{font-size:42px;display:flex;gap:13px;align-items:end;line-height:1;padding:0;margin-top:30px;letter-spacing:-.06em}.total small{font-size:9px;letter-spacing:.11em;margin:0 0 3px;line-height:1.6}.archive-layout{display:block}.archive-layout aside{display:flex;flex-direction:row;position:static;gap:19px;overflow-x:auto;margin:0 -24px 30px;padding:0 24px 15px;align-items:center;border-bottom:1px solid #c8d9d3;scrollbar-width:thin}.archive-layout aside::before{display:none}.archive-layout aside a{font-size:15px;line-height:1.5;white-space:nowrap;padding:11px 0!important;border:0;gap:9px;flex-shrink:0}.archive-layout aside a.active{font-weight:700}.archive-layout aside a.active::before{display:none}.archive-layout aside a span{font-size:11px}.search-label{display:block;font-size:15px;line-height:1.6;margin:0 0 38px;padding-bottom:16px}.search-label input{width:100%;font-size:17px;padding:12px 0;margin-top:5px;border-color:#b1c9ca;line-height:1.5}.gallery-area>#project-count{font-size:11px;margin:-20px 0 24px;letter-spacing:.07em}.project-grid,.lab-page .project-grid{grid-template-columns:1fr;gap:35px}.photo{aspect-ratio:4/3;border-color:#d3dfd7}.photo img{object-fit:contain;transform:none!important;filter:none}.photo>span:not(.project-index){opacity:1;transform:none;font-size:12px;padding:9px 12px;right:12px;bottom:12px;background:#f9fbf5f0}.project-index{font-size:9px!important;height:23px;min-width:23px;left:10px;top:10px}.project-caption{padding-top:17px;padding-right:25px}.project-caption h2,.lab-page .project-caption h2{font-size:26px;line-height:1.25;margin-bottom:7px}.project-caption p,.lab-page .project-caption p{font-size:16px;line-height:1.7;max-width:100%}.project-caption::after{top:17px;font-size:23px}.category-next{margin-top:45px;padding:27px 25px;gap:20px;align-items:center}.category-next>span,.category-next h2,.category-next h3{font-size:29px;line-height:1.2;letter-spacing:-.04em}.category-next small{font-size:9px;line-height:1.6;margin-bottom:9px}.category-next b{font-size:31px}.category-next::after{width:190px;height:190px;top:-115px;right:-50px}.archive-intro{padding:50px 24px 65px;overflow:hidden}.archive-intro>small{font-size:10px}.archive-intro>h1{font-size:clamp(62px,13.3vw,90px);line-height:1.02;margin:28px 0 25px;letter-spacing:-.065em;max-width:100%}.archive-intro>p{font-size:17px;line-height:1.75;max-width:100%}.archive-intro>.category-emblem{width:160px;height:160px;right:-45px;top:50px;opacity:.1}.archive-intro .category-list{grid-template-columns:1fr;margin-top:35px}.archive-intro .category-link,.archive-intro .category-link:hover{min-height:0;padding:27px 23px 62px;gap:15px;grid-template-columns:22px 1fr;border:1px solid #bed0c9;border-bottom:0}.archive-intro .category-link:nth-child(even){border-right:1px solid #bed0c9}.archive-intro .category-link:last-child{min-height:0;grid-column:auto;border:1px solid #bed0c9}.archive-intro .category-link:nth-last-child(2){border-bottom:0}.archive-intro .category-link h3{font-size:31px;line-height:1.15;margin-bottom:15px}.archive-intro .category-link p{font-size:16px;line-height:1.7;max-width:100%}.archive-intro .category-number{font-size:11px;min-width:0;margin-top:5px}.archive-intro .category-count{right:23px;bottom:19px;flex-direction:row;align-items:center;gap:20px;font-size:12px;padding:0}.archive-intro .category-count b{font-size:25px}.lab-page{padding-bottom:65px}.lab-page .category-heading{min-height:0;padding:35px 25px;margin-bottom:35px}.lab-page .category-heading h1{font-size:clamp(53px,11vw,75px);line-height:1.02}.lab-page .category-heading p{font-size:16px;line-height:1.8}.lab-page .category-heading .total{font-size:43px}.portfolio-page+footer,.archive-index+footer{padding-top:65px}.portfolio-page+footer h2,.archive-index+footer h2{font-size:clamp(61px,12vw,90px)}.portfolio-page+footer .footer-grid,.archive-index+footer .footer-grid{margin-top:60px}dialog .detail-copy h2{font-size:34px;line-height:1.15}dialog .detail-copy p{font-size:17px}.project-navigation{padding-top:20px}.project-navigation button{font-size:14px;padding:12px 14px}}
@media(max-width:380px){.category-heading{padding-left:21px;padding-right:21px}.category-heading h1{font-size:40px}.category-heading p{font-size:16px}.lab-page .category-heading h1{font-size:49px}.category-next{padding-left:22px;padding-right:22px}.category-next>span,.category-next h2,.category-next h3{font-size:26px}.archive-intro>h1{font-size:59px}.archive-intro .category-link{padding-left:18px;padding-right:18px;gap:12px}.archive-intro .category-link h3{font-size:28px}.archive-intro .category-count{right:18px}.project-caption h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.photo img,.photo::after,.photo>span,.category-next,.category-count b,.project-caption::after,.archive-layout aside a,.archive-intro .category-link::before{transition:none!important}.project:hover .project-caption::after{transform:none}}
/* Markup-specific chapter and motion hooks. */
.category-heading .category-manifesto{font-size:clamp(20px,2vw,29px);line-height:1.45;letter-spacing:-.025em;color:#e6f4f3;max-width:740px;margin:0 0 18px;font-weight:300}.category-heading .category-manifesto+p{font-size:16px;line-height:1.75;max-width:720px}.category-heading .category-kicker{display:flex;margin:18px 0 0}.category-emblem{transform:translate(var(--emblem-x,0px),var(--emblem-y,0px));transition:transform .55s ease-out}.project-caption .project-index{position:static!important;display:inline-flex!important;height:auto;min-width:0;background:transparent!important;color:#76939a!important;font-size:10px!important;letter-spacing:.12em;padding:0!important;margin:0 0 9px;line-height:1.5}.project-caption::after{top:42px}.category-next{flex-wrap:wrap}.category-next>small{flex-basis:100%;margin-bottom:-15px}.category-next>span{flex:1}.interior-motion .project{opacity:0;transition:opacity .5s ease;transition-delay:var(--interior-delay,0ms)}.interior-motion .project.interior-visible{opacity:1}.project-grid,.lab-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1600px){.project-grid,.lab-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-heading>div:first-child{max-width:75%}.category-heading .category-manifesto{font-size:29px}.photo{aspect-ratio:4/3}}
@media(max-width:760px){.category-heading .category-manifesto{font-size:22px;line-height:1.5;max-width:100%;margin-bottom:17px}.category-heading .category-manifesto+p{font-size:16px;line-height:1.8}.category-heading .category-kicker{font-size:9px;margin-top:17px}.category-next{column-gap:15px;row-gap:0}.category-next>small{margin-bottom:13px}.project-grid,.lab-page .project-grid{grid-template-columns:1fr}.project-caption .project-index{font-size:9px!important;margin-bottom:9px}.project-caption::after{top:39px}}
@media(prefers-reduced-motion:reduce){.category-emblem{transform:none;transition:none}.interior-motion .project{opacity:1;transition:none}}
.project-caption>.project-index{position:static!important;display:block!important;width:max-content;height:auto;background:none!important;color:#76939a!important;padding:0!important;margin:0 0 10px}.category-next{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:30px;row-gap:10px}.category-next>small{grid-column:1;grid-row:1;margin:0;flex-basis:auto}.category-next>span{grid-column:1;grid-row:2;min-width:0}.category-next>b{grid-column:2;grid-row:1/3;margin:0;align-self:center}.category-emblem{pointer-events:auto}.category-heading .category-kicker{display:flex}.category-heading .category-manifesto{font-size:25px}@media(max-width:760px){.category-next{column-gap:20px;row-gap:11px}.category-next>small{margin:0}.category-heading .category-manifesto{font-size:23px}.category-heading>div:first-child{max-width:100%}}