
/* TRIA Studio V3 — complete catalogue artwork, never cropped. */
.site-v3{--paper:#fff;--sage:#e8ecdf;--ink:#173e32;--section-gap:108px;background:#fff}
.site-v3 .container{max-width:1320px;width:calc(100% - 112px)}
.site-v3 .site-header{min-height:112px}
.site-v3 .site-header .brand,.site-v3 .site-header .brand img{width:290px;mix-blend-mode:normal}
.site-v3 .site-header nav{font-size:13px;gap:28px}
.site-v3 .home-intro-v3{padding-top:49px;padding-bottom:41px}
.site-v3 .home-intro-v3 h1{font-size:clamp(46px,5.35vw,82px);line-height:1.06;letter-spacing:-.055em;margin:26px 0 25px;max-width:1150px}
.site-v3 .home-intro-v3 h1>span{color:#566d5e}
.site-v3 .hero-summary{display:flex;align-items:center;justify-content:space-between;gap:36px}
.site-v3 .hero-summary>p{font-size:14px;line-height:1.85;max-width:570px}
.site-v3 .hero-summary .hero-actions{margin:0;display:flex;gap:12px;flex-wrap:wrap}
.site-v3 .hero-summary .button{min-height:50px;font-size:12px}
.site-v3 .catalogue-feature{background:var(--sage);padding:66px 0 63px;overflow:hidden}
.site-v3 .brochure-grid{grid-template-columns:1.16fr 1fr;gap:94px;align-items:center}
.site-v3 .brochure-stack{height:420px;min-height:0;margin:0;max-width:700px;position:relative}
.site-v3 .brochure-sheet{display:block;box-shadow:0 15px 36px #1f39272a;outline:7px solid #fff;background:#fff;overflow:visible}
.site-v3 .brochure-sheet-back{width:73%;left:0;top:64px;transform:rotate(-6deg)}
.site-v3 .brochure-sheet-front{width:42%;right:3%;top:8px;transform:rotate(8deg)}
.site-v3 .brochure-sheet img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transition:none}
.site-v3 .brochure-sheet:hover{outline-color:#fff;box-shadow:0 18px 38px #1f392740}
.site-v3 .brochure-stamp{bottom:6px;left:0;font-size:9px;letter-spacing:.12em}
.site-v3 .brochure-copy h2{font-size:clamp(38px,3.9vw,55px);margin:20px 0 25px;line-height:1.09}
.site-v3 .brochure-copy p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:460px;margin-bottom:18px}
.site-v3 .brochure-copy .button{font-size:13px;margin-top:7px;min-height:52px;gap:23px}
.site-v3 .brochure-copy .brochure-hint{font-size:11px!important;margin:12px 0 22px!important}
.site-v3 .brochure-copy .text-link{font-size:12px}
.site-v3 .audience-strip{margin-top:0;border-top:0;padding:29px 0;border-bottom:1px solid var(--line);font-size:9px}
.site-v3 .home-section{margin-top:110px}
.site-v3 .home-section+.home-section{padding-top:0;border-top:0}
.site-v3 .home-section .section-intro{gap:70px;margin-bottom:45px}
.site-v3 .home-section h2,.site-v3 .inside-feature h2{font-size:clamp(36px,3.7vw,53px);font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.13;letter-spacing:-.045em}
.site-v3 .home-section .section-aside{max-width:395px}
.site-v3 .home-section .section-aside p,.site-v3 .inside-feature .section-aside p{font-size:14px;line-height:1.85}
.site-v3 .catalogue-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.site-v3 .catalogue-card{min-width:0}
.site-v3 .portfolio-display{height:510px;background:#f5f5ef;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;border:1px solid #e9e9e2;transition:background .2s ease}
.site-v3 .portfolio-display img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;box-shadow:0 8px 20px #213e351c;max-height:100%;min-height:0}
.site-v3 .landscape-display img{max-height:calc(50% - 12px);flex:0 1 auto;object-fit:contain}
.site-v3 .portrait-display img{width:auto;max-width:100%;height:auto;max-height:460px}
.site-v3 .portfolio-display:hover{background:#e9eddf}
.site-v3 .portfolio-display:hover img{transform:none}
.site-v3 .catalogue-meta{padding-top:23px}
.site-v3 .catalogue-meta .eyebrow{font-size:9px;letter-spacing:.12em;color:var(--muted)}
.site-v3 .catalogue-meta h3{font-size:27px;line-height:1.18;letter-spacing:-.04em;margin:10px 0 12px}
.site-v3 .catalogue-meta>p:not(.eyebrow){font-size:12px;min-height:36px}
.site-v3 .catalogue-meta .text-link{margin-top:14px;font-size:12px}
.site-v3 .inside-feature{background:#f2f3ec;margin-top:110px;padding:84px 0 78px}
.site-v3 .inside-feature .section-intro{margin-bottom:44px}
.site-v3 .inside-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.site-v3 .inside-grid figure{margin:0;min-width:0}
.site-v3 .inside-grid img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.site-v3 .inside-grid figcaption{font-size:9px;letter-spacing:.12em;color:var(--muted);margin-top:17px}
.site-v3 .full-catalogue-page{background:transparent;display:block}
.site-v3 .full-catalogue-page img{aspect-ratio:auto!important;object-fit:contain!important;max-height:none;transition:none!important;transform:none!important}
.site-v3 .inside-grid .gallery-open{border:1px solid #e2e5da;box-shadow:0 9px 24px #213e3512}
.site-v3 .zoom-label{right:10px;bottom:10px;opacity:0;font-size:11px;background:#173e32;color:#fff;padding:9px 13px}
.site-v3 .gallery-open:hover .zoom-label,.site-v3 .gallery-open:focus-visible .zoom-label{opacity:1}
.site-v3 .services-home-grid{gap:28px}
.site-v3 .service-card{padding:30px 26px;min-height:0}
.site-v3 .service-card h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em;min-height:50px;font-size:24px}
.site-v3 .service-card>p{font-size:13px;line-height:1.8}
.site-v3 .process-grid{gap:48px}
.site-v3 .process-grid h3{font-size:26px}
.site-v3 .process-grid p{font-size:13px}
/* Compact four-column arrangement: every original reference appears together. */
.site-v3 .references-section .section-intro{margin-bottom:30px}
.site-v3 .references-section h2{font-size:43px}
.site-v3 .reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.site-v3 .reference-logo{min-height:139px;height:139px;padding:16px 23px 13px;gap:11px;margin:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none}
.site-v3 .reference-logo .logo-art{height:78px;width:100%;display:flex;align-items:center;justify-content:center}
.site-v3 .reference-logo .logo-art img{width:auto;height:auto;max-width:100%;max-height:78px;object-fit:contain;filter:none;opacity:1;mix-blend-mode:normal}
.site-v3 .reference-logo .logo-art img[src*="ucgen-mimarlik"],.site-v3 .reference-logo .logo-art img[src*="perrott-hill"]{max-height:82px}
.site-v3 .reference-logo figcaption{font-size:9px;line-height:1.35;color:var(--muted);text-align:center;min-height:12px}
.site-v3 .contact-banner{margin-top:110px;margin-bottom:92px}
.site-v3 .contact-banner h2{font-family:Arial,Helvetica,sans-serif;font-size:44px}
.site-v3 .contact-banner-inner{background:#e8ecdf;padding:47px 48px}
.site-v3 .project-intro{padding-top:48px}
.site-v3 .project-shortcuts{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0 30px}
.site-v3 .project-shortcuts .button{font-size:12px}
.site-v3 .project-hero{background:#f4f4ef;border:1px solid #e8e9e1;padding:30px;margin-top:28px}
.site-v3 .project-hero img{height:auto!important;min-height:0!important;max-height:none!important;width:100%;object-fit:contain!important;aspect-ratio:auto!important;margin:auto}
.site-v3 .portrait-catalogue-hero img{width:auto!important;max-width:100%;max-height:840px!important}
.site-v3 .project-overview{padding-top:70px;padding-bottom:78px}
.site-v3 .catalogue-gallery-heading{display:flex;gap:36px;justify-content:space-between;align-items:flex-end;margin-bottom:44px}
.site-v3 .catalogue-gallery-heading h2{font-size:43px;margin:16px 0 18px}
.site-v3 .catalogue-gallery-heading p:not(.eyebrow){max-width:650px;font-size:14px;line-height:1.8}
.site-v3 .catalogue-gallery-heading .button{flex-shrink:0;font-size:12px}
.site-v3 .catalogue-gallery{display:grid;grid-template-columns:1fr 1fr;gap:60px 34px;align-items:start}
.site-v3 .catalogue-gallery-item{margin:0;min-width:0}
.site-v3 .catalogue-wide{grid-column:1/-1}
.site-v3 .catalogue-gallery-item .gallery-open{background:#f6f6f0;box-shadow:0 8px 28px #1f392710;border:1px solid #e1e3da}
.site-v3 .catalogue-gallery-item img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.site-v3 .catalogue-gallery-item figcaption{display:flex;gap:18px;align-items:baseline;margin:18px 0 0}
.site-v3 .catalogue-gallery-item figcaption .page-count{font-size:10px;color:var(--muted);flex-shrink:0;letter-spacing:.08em}
.site-v3 .catalogue-gallery-item figcaption h3{font-size:19px;line-height:1.3;letter-spacing:-.02em}
.site-v3 .service-detail-image img,.site-v3 .studio-feature img{object-fit:contain;aspect-ratio:auto;width:100%;height:auto;max-height:none}
.site-v3 .studio-feature{grid-template-columns:1.25fr 1fr}
.site-v3 .project-download{background:var(--sage)}
.site-v3 .lightbox-img{object-fit:contain;cursor:zoom-in;touch-action:pinch-zoom}
.site-v3 .lightbox.is-zoomed .lightbox-stage{overflow:auto;display:block;padding:15px 65px}
.site-v3 .lightbox.is-zoomed .lightbox-img{max-width:none;max-height:none;width:auto;height:auto;cursor:zoom-out;margin:0 auto}
.site-v3 .lightbox.is-zoomed .lightbox-prev,.site-v3 .lightbox.is-zoomed .lightbox-next{position:fixed;top:50%;z-index:2;background:#173e32}
.site-v3 .lightbox.is-zoomed .lightbox-prev{left:20px}.site-v3 .lightbox.is-zoomed .lightbox-next{right:20px}
.site-v3 .lightbox-caption{font-size:12px}
@media(min-width:1600px){.site-v3 .brochure-stack{height:440px}.site-v3 .portfolio-display{height:555px}.site-v3 .portrait-display img{max-height:505px}}
@media(max-width:1100px){
 .site-v3 .container{width:calc(100% - 64px)}
 .site-v3 .site-header .brand,.site-v3 .site-header .brand img{width:230px}
 .site-v3 .site-header nav{gap:18px;font-size:11px}
 .site-v3 .hero-summary{align-items:flex-start;flex-direction:column;gap:22px}
 .site-v3 .brochure-grid{gap:48px;grid-template-columns:1.05fr 1fr}
 .site-v3 .brochure-stack{height:335px}
 .site-v3 .brochure-copy h2{font-size:38px}
 .site-v3 .brochure-copy p:not(.eyebrow){font-size:13px}
 .site-v3 .brochure-stamp{font-size:7px}
 .site-v3 .portfolio-display{height:380px;padding:15px;gap:18px}
 .site-v3 .portrait-display img{max-height:348px}
 .site-v3 .catalogue-meta h3{font-size:23px}
 .site-v3 .catalogue-project-grid{gap:23px}
 .site-v3 .reference-logo{padding:16px;height:137px;min-height:137px}
 .site-v3 .reference-logo figcaption{font-size:8px}
 .site-v3 .inside-feature{padding:65px 0}
}
@media(max-width:760px){
 .site-v3 .catalogue-project-grid{grid-template-columns:1fr 1fr;gap:35px 24px}
 .site-v3 .catalogue-project-grid .catalogue-card:first-child{grid-row:span 2}
 .site-v3 .portfolio-display{height:auto;min-height:0}
 .site-v3 .portrait-display img{max-height:none}
 .site-v3 .landscape-display img:nth-child(2){display:none}
}
@media(max-width:700px){
 .site-v3 .container{width:calc(100% - 40px)}
 .site-v3 .site-header{min-height:92px}
 .site-v3 .site-header .brand,.site-v3 .site-header .brand img{width:220px}
 .site-v3 .site-header nav{gap:8px}
 .site-v3 .home-intro-v3{padding:36px 0 30px}
 .site-v3 .home-intro-v3 .intro-labels>p:last-child{display:none}
 .site-v3 .home-intro-v3 .eyebrow{font-size:9px;letter-spacing:.12em}
 .site-v3 .home-intro-v3 h1{font-size:clamp(36px,9.25vw,54px);line-height:1.08;margin-top:22px;margin-bottom:22px;letter-spacing:-.052em}
 .site-v3 .hero-summary{gap:24px}
 .site-v3 .hero-summary>p{font-size:13px;line-height:1.85}
 .site-v3 .hero-summary>p>br{display:none}
 .site-v3 .hero-summary .hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:12px}
 .site-v3 .hero-summary .button{font-size:12px;justify-content:space-between;min-height:51px}
 .site-v3 .catalogue-feature{padding:36px 0 44px}
 .site-v3 .brochure-grid{grid-template-columns:1fr;gap:24px}
 .site-v3 .brochure-stack{width:calc(100% - 10px);height:300px;margin:0 auto}
 .site-v3 .brochure-sheet-back{top:48px;width:73%;left:1%}
 .site-v3 .brochure-sheet-front{top:7px;width:41%;right:3%}
 .site-v3 .brochure-sheet{outline:5px solid #fff}
 .site-v3 .brochure-stamp{bottom:4px;left:4px;font-size:8px}
 .site-v3 .brochure-copy h2{font-size:38px;margin:17px 0 20px;line-height:1.12}
 .site-v3 .brochure-copy p:not(.eyebrow){font-size:14px;line-height:1.8}
 .site-v3 .brochure-copy .eyebrow{font-size:9px}
 .site-v3 .brochure-copy .button{width:100%;font-size:12px;justify-content:space-between}
 .site-v3 .audience-strip{padding:24px 0;font-size:8px;margin-top:0;gap:17px}
 .site-v3 .home-section{margin-top:76px}
 .site-v3 .home-section .section-intro{gap:23px;margin-bottom:34px}
 .site-v3 .home-section h2,.site-v3 .inside-feature h2{font-size:34px;line-height:1.15}
 .site-v3 .home-section .section-aside p,.site-v3 .inside-feature .section-aside p{font-size:13px}
 .site-v3 .catalogue-project-grid{grid-template-columns:1fr;gap:47px}
 .site-v3 .catalogue-project-grid .catalogue-card:first-child{grid-row:auto}
 .site-v3 .portfolio-display{padding:19px;height:auto;max-height:none;gap:22px}
 .site-v3 .portrait-display img{width:100%;height:auto;max-height:none}
 .site-v3 .landscape-display img{width:100%;height:auto;max-height:none}
 .site-v3 .landscape-display img:nth-child(2){display:block}
 .site-v3 .catalogue-meta{padding-top:20px}
 .site-v3 .catalogue-meta h3{font-size:28px;margin:9px 0 11px}
 .site-v3 .catalogue-meta>p:not(.eyebrow){min-height:0}
 .site-v3 .catalogue-meta .text-link{margin-top:20px}
 .site-v3 .inside-feature{margin-top:76px;padding:54px 0}
 .site-v3 .inside-feature .section-intro{display:block;margin-bottom:30px}
 .site-v3 .inside-feature .section-aside{margin-top:24px}
 .site-v3 .inside-grid{grid-template-columns:1fr;gap:31px}
 .site-v3 .inside-grid figcaption{font-size:8px;line-height:1.6}
 .site-v3 .service-card{padding:28px 24px}
 .site-v3 .service-card h3{min-height:0}
 .site-v3 .process-grid{grid-template-columns:1fr;gap:30px}
 .site-v3 .process-grid h3{margin:13px 0 13px}
 .site-v3 .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
 .site-v3 .reference-logo{height:122px;min-height:122px;padding:12px 12px 11px;gap:10px}
 .site-v3 .reference-logo .logo-art{height:66px}
 .site-v3 .reference-logo .logo-art img{max-height:66px;max-width:100%;width:auto;height:auto}
 .site-v3 .reference-logo .logo-art img[src*="ucgen-mimarlik"],.site-v3 .reference-logo .logo-art img[src*="perrott-hill"]{max-height:70px}
 .site-v3 .reference-logo figcaption{font-size:8px;line-height:1.25;min-height:18px}
 .site-v3 .references-section h2{font-size:33px}
 .site-v3 .contact-banner{margin-top:76px;margin-bottom:65px}
 .site-v3 .contact-banner-inner{padding:31px 24px}
 .site-v3 .contact-banner h2{font-size:34px}
 .site-v3 .project-intro{padding-top:30px}
 .site-v3 .project-shortcuts{display:grid;grid-template-columns:1fr;gap:10px}
 .site-v3 .project-hero{padding:11px;margin-top:25px}
 .site-v3 .project-hero img{width:100%!important;min-height:0!important;max-height:none!important;height:auto!important}
 .site-v3 .project-overview{padding:49px 0 59px}
 .site-v3 .catalogue-gallery-heading{align-items:flex-start;flex-direction:column;gap:23px;margin-bottom:30px}
 .site-v3 .catalogue-gallery-heading h2{font-size:34px}
 .site-v3 .catalogue-gallery-heading p:not(.eyebrow){font-size:13px}
 .site-v3 .catalogue-gallery{grid-template-columns:1fr;gap:38px}
 .site-v3 .catalogue-wide{grid-column:auto}
 .site-v3 .catalogue-gallery-item figcaption{gap:13px;margin-top:14px}
 .site-v3 .catalogue-gallery-item figcaption h3{font-size:18px}
 .site-v3 .studio-feature{grid-template-columns:1fr}
 .site-v3 .lightbox-caption{font-size:10px;line-height:1.7}
 .site-v3 .lightbox.is-zoomed .lightbox-stage{padding:10px}
 .site-v3 .lightbox.is-zoomed .lightbox-prev,.site-v3 .lightbox.is-zoomed .lightbox-next{top:auto;bottom:72px}
}
@media(max-width:380px){.site-v3 .brochure-stack{height:265px}.site-v3 .site-header .brand,.site-v3 .site-header .brand img{width:200px}}
@media print{.site-v3 .catalogue-feature{break-inside:avoid}.site-v3 .reference-grid{grid-template-columns:repeat(4,1fr)}.site-v3 .catalogue-gallery-item{break-inside:avoid}.site-v3 .whatsapp-float{display:none}}
