/* ARTRAIL - Infinity temasına eklenen yerel stiller */
/* erişilebilirlik */
.u-skip{position:absolute;left:-9999px;top:0;z-index:1000;background:#000;color:#fff;padding:1rem 1.6rem}
.u-skip:focus{left:1rem;top:1rem}
:focus-visible{outline:2px solid var(--color-1);outline-offset:3px}
/* ilk açılış: JS çalışmazsa hiçbir şey gizli kalmasın */
.js:not(.ss-ready) .s-header__logo,
.js:not(.ss-ready) .s-header__menu-toggle,
.js:not(.ss-ready) .lang-switch,
.js:not(.ss-ready) .s-intro__pretitle,
.js:not(.ss-ready) .s-intro__title,
.js:not(.ss-ready) .s-intro__more,
.js:not(.ss-ready) .s-intro__social,
.js:not(.ss-ready) .s-intro__scroll{opacity:0}
.no-js-fallback [data-animate-el],
.ss-reduced [data-animate-el]{opacity:1!important;transform:none!important}
.no-js-fallback #preloader,.ss-reduced #preloader,.no-js #preloader{display:none!important}
.no-js .s-header__logo,.no-js .s-header__menu-toggle,.no-js .lang-switch,
.no-js-fallback .s-header__logo,.no-js-fallback .s-header__menu-toggle,.no-js-fallback .lang-switch,
.no-js-fallback .s-intro__pretitle,.no-js-fallback .s-intro__title,.no-js-fallback .s-intro__more,
.no-js-fallback .s-intro__social,.no-js-fallback .s-intro__scroll{opacity:1!important}
.no-js [data-animate-el]{opacity:1}
/* logo */
.s-header__logo img{width:auto;height:4.4rem;max-width:22rem;object-fit:contain}
.logo-text{display:block;color:#fff;font-family:var(--font-2);font-weight:700;font-size:2.2rem;letter-spacing:.2em;line-height:4rem}
.i-up{transform:rotate(90deg)}
.i-down{transform:rotate(180deg)}
.i-right{transform:rotate(180deg);vertical-align:middle;width:1.8rem;height:1.8rem}
.s-header__social svg,.s-intro__social svg{fill:currentColor}
/* dil değiştirici */
.lang-switch{position:absolute;z-index:102;top:3.2rem;right:17rem;display:flex;gap:.4rem;font-family:var(--font-2);font-size:1.4rem;font-weight:600;letter-spacing:.12em}
.lang-switch a{color:rgba(255,255,255,.6);padding:.9rem 1rem;border:0}
.lang-switch a:hover,.lang-switch a.is-active{color:#fff}
.lang-switch a.is-active{border-bottom:2px solid var(--color-1)}
.s-header__nav-lang{font-size:1.5rem}
.s-header__nav-lang a{color:#fff}
/* giriş başlığı */
.s-intro__title{font-size:clamp(3.8rem,7.2vw,9.4rem)}
.s-intro__bg,.s-pagehead__bg{background-size:cover;background-position:center}
/* iç sayfa başlığı */
.s-pagehead{position:relative;background:var(--color-gray-19);color:#fff;padding:17rem 0 7rem;overflow:hidden}
.s-pagehead__bg{position:absolute;inset:0;background-image:url(../img/hero-bg.webp);opacity:.35}
.s-pagehead__inner{position:relative}
.s-pagehead__pretitle,.crumbs{font-family:var(--font-2);font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.6);margin:0 0 1.2rem}
.crumbs a{color:rgba(255,255,255,.75);border:0}
.crumbs a:hover{color:#fff}
.crumbs a::after,.crumbs span:not(:last-child)::after{content:"/";margin:0 1rem;opacity:.4}
.s-pagehead__title{color:#fff;font-size:clamp(3.4rem,5.4vw,6.4rem);line-height:1.15;margin:0}
.s-pagehead__lead{color:rgba(255,255,255,.7);font-size:var(--text-md);max-width:64rem;margin:2rem 0 0}
/* listeler */
.s-list{padding:6rem 0 7rem}
.folio-more{text-align:center;margin:4rem 0 1rem}
.empty-note{padding:4rem 0;color:var(--color-text-light)}
.filter-tabs{list-style:none;margin:0 0 4rem;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}
.filter-tabs a{display:block;padding:.9rem 1.8rem;border:1px solid var(--color-border);border-radius:3rem;font-family:var(--font-2);font-size:1.5rem;color:var(--color-text)}
.filter-tabs a:hover{border-color:#000}
.filter-tabs a.is-active{background:#000;border-color:#000;color:#fff}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.6rem 3rem}
.card{margin:0}
.card__media{display:block;overflow:hidden;background:var(--color-gray-4);aspect-ratio:4/3;border:0}
.card__media img{width:100%;height:100%;object-fit:cover;margin:0;transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.card:hover .card__media img{transform:scale(1.04)}
.card__body{padding-top:1.6rem}
.card__meta{margin:0 0 .6rem;font-family:var(--font-2);font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light)}
.card__title{font-size:2.4rem;line-height:1.25;margin:0 0 .8rem}
.card__title a{color:#000;border:0}
.card__text{margin:0 0 1rem;color:var(--color-gray-16);font-size:1.6rem}
.card__link{font-family:var(--font-2);font-size:1.5rem;font-weight:600;color:#000;border-bottom:2px solid var(--color-1)}
.card__link svg{fill:currentColor}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:5rem;font-family:var(--font-2)}
.pager a{padding:.8rem 1.4rem;border:1px solid var(--color-border);color:#000}
.pager a.is-active{background:#000;color:#fff;border-color:#000}
/* metin */
.prose{font-size:1.9rem;line-height:1.75}
.prose h3{font-size:3rem;margin:3.2rem 0 1.2rem}
.prose h4{font-size:2.3rem;margin:2.4rem 0 1rem}
.prose p,.prose ul{margin:0 0 2rem}
.prose a{border-bottom:1px solid var(--color-1);color:#000}
/* proje detay */
.s-project{padding:5rem 0 5rem}
.project-cover{margin-bottom:5rem}
.pfig{margin:0}
.pfig__link{display:block;background:var(--color-gray-4);border:0;cursor:zoom-in}
.pfig img{display:block;width:100%;height:auto;margin:0}
.pfig figcaption{font-family:var(--font-2);font-size:1.4rem;color:var(--color-text-light);padding-top:.8rem}
.project-main{margin-bottom:3rem}
.project-facts h2{font-family:var(--font-2);font-size:1.4rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600;margin:0 0 2rem}
.project-facts dl{margin:0 0 3rem}
.project-facts dl>div{display:flex;justify-content:space-between;gap:2rem;padding:1.2rem 0;border-bottom:1px solid var(--color-border);font-family:var(--font-2);font-size:1.6rem}
.project-facts dt{color:var(--color-text-light)}
.project-facts dd{margin:0;text-align:right;font-weight:500}
.project-block{margin-top:6rem}
.project-block .text-pretitle{margin-bottom:2.4rem}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem}
.project-process__lead{margin:-1rem 0 3rem;color:var(--color-gray-15)}
.psteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:3.4rem 2.4rem}
.pstep{margin:0;padding:0}
.pstep__n{display:block;font-family:var(--font-2);font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--color-2);margin-bottom:.8rem}
.project-nav{margin-top:7rem;border-top:1px solid var(--color-border);padding-top:3rem}
.project-nav__link{display:block;border:0;color:#000;padding:1rem 0}
.project-nav__link span{display:block;font-family:var(--font-2);font-size:1.3rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-light)}
.project-nav__link strong{font-family:var(--font-1);font-size:2.4rem;font-weight:500}
.project-nav__next{text-align:right}
.project-back{margin-top:4rem;text-align:center}
.s-cta{background:var(--color-gray-4);padding:6rem 0;text-align:center}
.s-cta__text{font-family:var(--font-1);font-size:clamp(2.4rem,3vw,3.4rem);line-height:1.3;max-width:70rem;margin:0 auto 2.6rem}
/* ana sayfa ek */
.clients-title{text-align:center;color:var(--color-gray-14)}
.clients__slide{display:flex!important;align-items:center;justify-content:center;border:0;height:7rem}
.clients__slide img{max-height:6rem;width:auto;max-width:100%;object-fit:contain}
.testimonial-slider__slide p{font-size:calc(var(--text-slide-size) * var(--text-multiplier) * .8)}
.folio-item__thumb img{width:100%;height:auto}
/* teklif formu */
.s-contact__quote{margin-top:var(--vspace-3)}
.quote-col{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--vspace-2)}
.quote-title{color:#fff;font-size:3.4rem;margin:0 0 .8rem}
.quote-lead{color:rgba(255,255,255,.6);margin:0 0 3rem}
.quote-form{color:#fff}
.quote-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 2.4rem}
.quote-field--full{grid-column:1/-1}
.quote-field label{display:block;font-family:var(--font-2);font-size:1.3rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.65);margin-bottom:.6rem}
.quote-form input[type=text],.quote-form input[type=email],.quote-form input[type=tel],.quote-form select,.quote-form textarea{width:100%;margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:3px}
.quote-form select option{color:#000}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--color-1);background:rgba(255,255,255,.1)}
.quote-form .is-invalid{border-color:#ff8a8a}
.quote-consent{display:flex;gap:1.2rem;align-items:flex-start;margin:2.4rem 0;font-size:1.5rem;color:rgba(255,255,255,.7);cursor:pointer}
.quote-consent input{margin-top:.5rem;accent-color:var(--color-1);flex:none}
.quote-consent a{color:#fff;border-bottom:1px solid var(--color-1)}
.quote-submit{margin:0}
.quote-submit[disabled]{opacity:.6;cursor:wait}
.quote-status{margin-top:1.6rem;font-family:var(--font-2);font-size:1.6rem}
.quote-status.is-ok{color:var(--color-success)}
.quote-status.is-error{color:var(--color-error)}
/* alt bilgi */
.ss-copyright a{color:inherit;border-bottom:1px solid rgba(255,255,255,.3)}
@media (max-width:1000px){
.card-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
.card-grid,.pgrid,.psteps,.quote-grid{grid-template-columns:1fr}
.lang-switch{right:13.6rem;top:2.9rem}
.s-pagehead{padding:13rem 0 5rem}
.prose{font-size:1.7rem}
.project-nav__next{text-align:left}
}
@media (prefers-reduced-motion:reduce){
.card__media img{transition:none}
}
/* tema üst katmanının (overlay) formun üstünde kalmaması için */
.s-contact__quote{position:relative;z-index:1}
.project-facts .btn{display:block;width:100%;text-align:center;padding-left:1rem;padding-right:1rem}
.project-cover .pfig__link{text-align:center}
.project-cover .pfig img{width:auto;max-width:100%;max-height:82vh;margin:0 auto}
/* ---- v1.1 düzeltmeler ---- */
/* hakkımızda yazısı */
.s-about__desc{font-size:clamp(2.1rem,2.2vw,3rem);line-height:1.6;max-width:84rem;margin-left:auto;margin-right:auto}
/* iletişim bölümü */
.s-contact .text-display-title{font-size:clamp(2.8rem,3.2vw,4.4rem);line-height:1.25}
.s-contact__infos{font-size:calc(1.8rem*var(--ci,.85));line-height:1.7;margin-top:var(--vspace-2)}
.s-contact__list li{font-size:calc(1.8rem*var(--ci,.85));line-height:1.9}
.s-contact h5{font-size:1.4rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--vspace-0_5)}
.s-contact__infos h5{font-size:calc(1.4rem*var(--ci,.85))}
.s-contact__infos p{font-size:calc(1.8rem*var(--ci,.85))}
.s-contact__infos--after{margin-top:var(--vspace-3);padding-top:var(--vspace-1)}
/* hero: görsel üstüne ayarlanabilir karartma ve okunurluk */
.s-intro__title,.s-intro__pretitle{text-shadow:0 2px 24px rgba(0,0,0,.35)}
.s-intro__more-btn{background:rgba(0,0,0,.25)}
/* teklif formu alanları: iç boşluk, okunurluk */
.quote-form input[type=text],.quote-form input[type=email],.quote-form input[type=tel],.quote-form select,.quote-form textarea{
height:auto;min-height:5.6rem;padding:1.4rem 1.6rem;color:#fff;font-size:1.6rem;line-height:1.5}
.quote-form textarea{min-height:15rem}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:rgba(255,255,255,.4)}
.quote-form input:-webkit-autofill,.quote-form textarea:-webkit-autofill,.quote-form select:-webkit-autofill{
-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #1b2127 inset;caret-color:#fff}
.quote-form select option{color:#000;background:#fff}
.quote-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 1.6rem center;padding-right:4rem}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{color:#fff}
.phonerow{display:grid;grid-template-columns:13.4rem 1fr;gap:1rem}
.quote-form .phonerow select{padding-left:1.2rem;padding-right:3rem;text-overflow:clip;white-space:nowrap}
.quote-hint{display:block;margin-top:.6rem;font-size:1.3rem;color:rgba(255,255,255,.5)}
.quote-hint.is-bad{color:#ffb4b4}
/* dosya yükleme */
.qfiles{border:1px dashed rgba(255,255,255,.3);border-radius:4px;padding:1.6rem;background:rgba(255,255,255,.04)}
.qfiles input[type=file]{display:none}
.qfiles__btn{display:inline-block;cursor:pointer;border:1px solid rgba(255,255,255,.4);padding:.9rem 1.6rem;border-radius:3px;font-size:1.4rem;color:#fff}
.qfiles__btn:hover{background:rgba(255,255,255,.1)}
.qfiles__list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}
.qfiles__list li{margin:0;display:flex;align-items:center;gap:.8rem;background:rgba(255,255,255,.1);border-radius:3px;padding:.4rem .8rem;font-size:1.3rem;color:#fff}
.qfiles__list img{width:3.6rem;height:3.6rem;object-fit:cover;border-radius:2px}
.qfiles__list button{background:none;border:0;color:#fff;cursor:pointer;font-size:1.8rem;line-height:1;padding:0 .4rem}
/* modal */
.qmodal{position:fixed;inset:0;z-index:600;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);overflow-y:auto;overscroll-behavior:contain;padding:2.4rem 1.6rem}
.qmodal.is-open{display:flex}
.qmodal__box{position:relative;width:min(76rem,100%);background:#10151a;color:#fff;border-radius:6px;padding:2.8rem 3.2rem;margin:auto}
.qmodal .quote-form textarea{min-height:0;height:9rem}
@media (min-width:701px){.qmodal .quote-field--phone,.qmodal .quote-field--surface{grid-column:auto}}
.qmodal .quote-lead{margin-bottom:1.6rem}
.qmodal__close{position:absolute;top:1rem;right:1.2rem;background:none;border:0;color:#fff;font-size:3.2rem;line-height:1;cursor:pointer;padding:.4rem 1rem}
.qmodal .quote-title{font-size:2.8rem}
body.has-modal{overflow:hidden}
.btn-as-button{border:0;cursor:pointer}
/* projeler filtresi */
.card[hidden]{display:none}
.filter-tabs button{display:block;padding:.9rem 1.8rem;border:1px solid var(--color-border);border-radius:3rem;font-family:var(--font-2);font-size:1.5rem;color:var(--color-text);background:#fff;cursor:pointer;height:auto;line-height:1.4;text-transform:none;letter-spacing:0}
.filter-tabs button:hover{border-color:#000}
.filter-tabs button.is-active{background:#000;border-color:#000;color:#fff}
/* video */
.pvideos{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem}
.pvideo{margin:0}
.pvideo__frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.pvideo video,.pvideo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.pvideo__play{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#111 center/cover no-repeat}
.pvideo__play::after{content:"";position:absolute;left:50%;top:50%;width:7.2rem;height:7.2rem;margin:-3.6rem 0 0 -3.6rem;border-radius:50%;background:rgba(0,0,0,.65) url("data:image/svg+xml;utf8,") center no-repeat;transition:.2s}
.pvideo__play:hover::after{background-color:var(--color-1)}
.pvideo figcaption{font-family:var(--font-2);font-size:1.4rem;color:var(--color-text-light);padding-top:.8rem}
@media (max-width:700px){.pvideos{grid-template-columns:1fr}.qmodal__box{padding:2.4rem 1.6rem}}
.quote-ref{background:rgba(255,255,255,.08);border-left:3px solid var(--color-1);padding:.8rem 1.2rem;margin:0 0 2rem;font-size:1.5rem}
.qmodal .quote-grid{gap:1.3rem 2.4rem}
.qmodal .quote-form textarea{height:7.6rem}
.qmodal .qfiles{padding:1rem 1.2rem}
.qmodal .quote-title{font-size:2.4rem;margin-bottom:.6rem}
.qmodal .quote-hint{font-size:1.3rem}
/* v1.3: teklif formu sütunu ortada */
.s-contact__quote{justify-content:center}
.s-contact__quote .quote-col{margin-left:auto;margin-right:auto}
/* v1.8: müşteri logoları - sürüklenebilir, kendiliğinden akan şerit; boyut panelden ayarlanır */
.clients{--cls:1;--clsm:1.5;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.clients__content{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 0}
.clients__slide{flex:0 0 auto;width:calc(18rem*var(--cls));height:calc(7rem*var(--cls));padding:0 calc(2.4rem*var(--cls))}
.clients__slide img{max-height:calc(6rem*var(--cls));width:auto;max-width:100%;margin:0 auto;-webkit-user-drag:none;user-select:none}
.clients.is-marquee{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.clients.is-marquee.is-dragging{cursor:grabbing}
.clients.is-marquee .clients__content{flex-wrap:nowrap;justify-content:flex-start;width:max-content;will-change:transform}
.clients.is-marquee a{-webkit-user-drag:none}
@media (prefers-reduced-motion:reduce){.clients.is-marquee .clients__content{flex-wrap:wrap;width:auto;justify-content:center;transform:none!important}}
@media (max-width:600px){.clients__slide{width:calc(13rem*var(--clsm));height:calc(7rem*var(--clsm));padding:0 calc(1.6rem*var(--clsm))}.clients__slide img{max-height:calc(6rem*var(--clsm))}}
/* v1.8: arka plan resimleri fare / eğim sensörüyle hafifçe kayar (JS .bgm-on ekler) */
.s-contact::before{display:none}
.s-contact{isolation:isolate;overflow:hidden;background-image:none}
.s-contact__bg{position:absolute;inset:0;z-index:-1;background:var(--color-gray-19) url(../img/contact-bg.webp) center/cover no-repeat}
.s-contact__bg::after{content:"";position:absolute;inset:0;background:#000;opacity:.75;pointer-events:none}
.bgm-on .s-services,.bgm-on .s-intro,.bgm-on .s-pagehead{overflow:hidden}
.bgm-on .s-intro__bg,.bgm-on .s-services__bg,.bgm-on .s-pagehead__bg,.bgm-on .s-contact__bg{top:-8%;left:-8%;right:-8%;bottom:-8%;width:auto;height:auto;translate:var(--bgx,0%) var(--bgy,0%);will-change:translate}
/* v1.9: ortalı iletişim bilgileri */
.s-contact__infos{justify-content:center;text-align:center}
@media (min-width:901px){.s-contact__infos [class*="s-contact__block"]{flex:1 1 0;width:auto;max-width:36rem}}
.s-contact__list{padding-left:0}
/* v1.9: alt bilgi (boyut panelden, ortalama seçeneği) */
.s-footer{font-size:calc(var(--text-size)*.8889*var(--fs,.8))}
.s-footer--center .ss-copyright{text-align:center;padding-right:0}
/* v1.9: hizmetler - ikonlar ortada birbirine yakın, metinler ortadan sağa ve sola açılır */
.services-list{max-width:96rem}
.services-list .service-item{display:flex!important;align-items:flex-start;gap:2rem;margin-bottom:var(--vspace-1)}
.services-list .service-item:nth-child(odd){flex-direction:row-reverse;text-align:right;padding-right:1.4rem!important;padding-left:var(--gutter)!important}
.services-list .service-item:nth-child(even){flex-direction:row;text-align:left;padding-left:1.4rem!important;padding-right:var(--gutter)!important}
.service-icon-block{flex:none;margin:0}
.service-content{flex:1 1 auto;min-width:0}
.services-list .service-item:last-child:nth-child(odd){flex:none;width:100%;flex-direction:column;align-items:center;text-align:center;padding:0 var(--gutter)!important}
@media (max-width:800px){
.services-list .service-item,.services-list .service-item:nth-child(odd),.services-list .service-item:nth-child(even){flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:0 var(--gutter)!important}
}
/* v1.10: proje sayfası - sade, küçük görseller, kapakta otomatik slayt */
.project-cover{margin-bottom:2.4rem}
.project-hero{position:relative;overflow:hidden;background:var(--color-gray-4);aspect-ratio:16/9;max-height:74vh;width:100%}
.project-hero__one,.project-hero .swiper-wrapper{height:100%}
.project-hero__slide{height:100%;position:relative}
.project-hero__one .project-hero__slide{height:100%}
.project-hero .pfig__link{display:block;width:100%;height:100%;border:0;cursor:zoom-in}
.project-hero .pfig__link img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 40%;margin:0}
.project-hero .swiper-pagination{bottom:1.2rem}
.project-hero .swiper-pagination-bullet{background:#fff;opacity:.55;width:.9rem;height:.9rem}
.project-hero .swiper-pagination-bullet-active{opacity:1;background:var(--color-1)}
.project-cover .pfig img{max-height:none}
.pfacts{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.4rem;justify-content:space-between;padding:1.2rem 0;border-bottom:1px solid var(--color-border);margin-bottom:2.4rem}
.pfacts ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 2.4rem;font-family:var(--font-2);font-size:1.5rem}
.pfacts li{margin:0;padding:0}
.pfacts li span{display:block;font-size:1.1rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-light)}
.pfacts .btn{margin:0;height:auto;line-height:1.2;padding:1.1rem 2rem;font-size:1.3rem}
.project-prose{max-width:80rem}
.project-prose.prose{font-size:1.8rem}
.pgrid{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem}
.psteps{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem}
.pgrid .pfig__link,.psteps .pfig__link{aspect-ratio:4/3;overflow:hidden}
.pgrid .pfig img,.psteps .pfig img{height:100%;object-fit:cover;transition:transform .5s}
.pgrid .pfig__link:hover img,.psteps .pfig__link:hover img{transform:scale(1.05)}
.pgrid .pfig figcaption,.psteps .pfig figcaption{font-size:1.2rem;padding-top:.4rem}
.project-process__lead{font-size:1.5rem;margin:-1rem 0 2rem}
@media (max-width:700px){
.project-hero{aspect-ratio:4/3}
.pgrid,.psteps{grid-template-columns:repeat(2,1fr)}
.pfacts{flex-direction:column;align-items:flex-start}
}
.card__media[data-full]{cursor:zoom-in}
/* SSS */
.s-faq{background:#fff;padding:var(--vspace-2,9rem) 0 var(--vspace-2,9rem)}
.s-faq .section-header{margin-bottom:3.2rem}
.faq-list{max-width:80rem;margin:0 auto}
.faq-item{border-bottom:1px solid rgba(0,0,0,.12)}
.faq-item:first-child{border-top:1px solid rgba(0,0,0,.12)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.2rem 0;font-family:var(--font-2);font-size:calc(var(--text-size,1.7rem)*1.1);font-weight:600;color:var(--color-gray-19,#161616);-webkit-tap-highlight-color:transparent}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--color-1-dark)}
.faq-item summary i{flex:none;position:relative;width:1.8rem;height:1.8rem}
.faq-item summary i::before,.faq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform .25s ease}
.faq-item summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq-item__a{padding:0 4rem 2.4rem 0;color:var(--color-gray-15,#6e6f6f)}
.faq-item__a p{margin:0}
.faq-item summary:focus-visible{outline:2px solid var(--color-1-dark);outline-offset:2px}
.s-faq .text-display-title{color:var(--color-gray-19,#161616);margin-bottom:0}
.s-faq .text-pretitle{color:var(--color-gray-15,#6e6f6f)}
/* vitrin: görseller arasında küçük boşluk */
.folio-list{margin-left:-3px;margin-right:-3px}
.folio-list .brick{padding:3px}