/*
Theme Name: Avian Studio Preview
Author: Avian Studio
Description: Bilingual studio preview for profile.avianstudio.my
Version: 0.3.0
Text Domain: avian-studio
*/

:root{--red:#ed3029;--ink:#171414;--paper:#f5f2ec;--line:#d7d3cd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}.wrap{width:min(1240px,90%);margin:auto}header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:5px;margin-top:5px}.dot{display:inline-block;width:13px;height:13px;background:var(--red);border-radius:50%;margin-left:5px}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:var(--red)}.contact{border-bottom:2px solid var(--red);padding-bottom:5px}.hero{background:var(--ink);color:var(--paper);padding:64px 0 0;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;line-height:1.8}.hero-top{display:flex;justify-content:space-between;color:#bdb6af}.hero h1{font-size:clamp(52px,7.8vw,112px);line-height:1.13;letter-spacing:-4px;margin:42px 0 28px;font-weight:900}.hero h1 em{font-style:normal;color:var(--red)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:48px;align-items:end}.intro{font-size:16px;line-height:1.9;color:#cfc8c0;max-width:450px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--red);color:white;padding:19px 24px;font-size:14px;font-weight:bold}.hero-actions{text-align:right}.hero-actions small{display:block;color:#bdb6af;margin-top:15px;font-size:11px}.hero-art{height:360px;overflow:hidden;position:relative;border-top:1px solid #51413e}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}.caption{font-size:10px;letter-spacing:1px;color:#777;padding:10px 0;line-height:1.6}.hero .caption{color:#c5bcb7}.strip{padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;font-weight:bold;gap:15px}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:44px}.kicker{color:var(--red);font-size:11px;font-weight:bold;letter-spacing:2px}.section h2{font-size:clamp(32px,4vw,56px);letter-spacing:-2px;line-height:1.2;margin:17px 0}.section-head p{max-width:350px;font-size:14px;line-height:1.9;color:#666}.work-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.work img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover}.work:nth-child(2){padding-top:100px}.work h3{font-size:21px;margin:18px 0 9px}.work p{font-size:13px;color:#666;line-height:1.7}.label{display:inline-block;border:1px solid #bbb;padding:5px 8px;font-size:10px;margin-top:12px}.services{background:#e9e5df}.service-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;padding:30px 0;border-top:1px solid #c8c2bb}.number{font-size:13px;color:var(--red)}.service-row h3{font-size:25px;margin:0}.service-row p{font-size:14px;line-height:1.8;margin:0;color:#625e58}.about{background:var(--ink);color:var(--paper)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.portrait{width:100%;aspect-ratio:.85;object-fit:cover;object-position:left;display:block}.about p{color:#c6bfb8;font-size:15px;line-height:1.95}.about h2{font-size:48px}.values{display:flex;gap:25px;border-top:1px solid #4c4542;padding-top:25px;margin-top:30px}.values strong{font-size:21px}.values small{display:block;font-size:11px;color:#b3aaa2;margin-top:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step{border-top:2px solid var(--ink);padding-top:20px}.step span{color:var(--red);font-size:12px}.step h3{font-size:20px;margin:18px 0 12px}.step p{font-size:13px;line-height:1.9;color:#666}details{border-top:1px solid var(--line);padding:24px 0}summary{cursor:pointer;font-size:18px;font-weight:bold}details p{font-size:14px;line-height:1.9;color:#666;max-width:800px}.cta{background:var(--red);color:#fff;padding:75px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:clamp(32px,4vw,56px);margin:0 0 15px}.cta p{font-size:14px}.cta .button{background:var(--ink)}footer{padding:35px 0;font-size:11px;color:#777}footer .wrap{display:flex;justify-content:space-between;gap:20px}.draft{background:#e9e5df;text-align:center;font-size:11px;padding:12px;color:#65615d} @media(max-width:700px){.nav{height:72px}.brand{font-size:20px}nav{gap:16px}nav a:not(:last-child){display:none}.hero{padding-top:30px}.hero-top{display:block}.hero-top span:last-child{display:none}.hero h1{letter-spacing:-2px;margin-top:32px}.hero-bottom,.about-layout,.work-grid{grid-template-columns:1fr;gap:25px}.hero-actions{text-align:left}.hero-art{height:240px}.strip{flex-wrap:wrap;font-size:10px}.section{padding:60px 0}.section-head{display:block;margin-bottom:25px}.work:nth-child(2){padding-top:10px}.service-row{grid-template-columns:30px 1fr;gap:15px}.service-row p{grid-column:2}.service-row h3{font-size:22px}.about-layout{gap:35px}.portrait{aspect-ratio:1.1}.about h2{font-size:36px}.steps{grid-template-columns:1fr 1fr}.cta .wrap,footer .wrap{display:block}.cta .button{margin-top:20px}.values{gap:20px}footer span{display:block;margin-bottom:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-art{height:auto;max-width:940px;margin:auto}.hero-art img{display:block;height:auto;object-fit:contain}.work img{aspect-ratio:auto;height:auto;object-fit:contain}.portrait{aspect-ratio:auto;height:auto;object-fit:contain}.about-layout{grid-template-columns:.85fr 1fr}@media(max-width:700px){.hero-art{height:auto}.about-layout{grid-template-columns:1fr}.portrait{aspect-ratio:auto}}body{font-size:17px}nav{font-size:16px}.brand span{font-size:12px}.eyebrow{font-size:13px}.intro{font-size:19px}.button{font-size:17px}.hero-actions small{font-size:14px}.caption{font-size:14px;letter-spacing:.3px;line-height:1.8}.strip{font-size:16px}.kicker{font-size:14px}.section-head p{font-size:18px;max-width:420px}.work p{font-size:17px;line-height:1.85}.label{font-size:13px;line-height:1.7}.service-row{grid-template-columns:70px .9fr 1.1fr}.service-row p{font-size:17px}.number{font-size:16px}.about p{font-size:18px}.values small{font-size:14px;line-height:1.7}.step span{font-size:14px}.step p{font-size:17px}summary{font-size:21px}details p{font-size:17px}.cta p{font-size:18px}footer{font-size:14px;line-height:1.8}.draft{font-size:13px}@media(max-width:700px){nav{font-size:14px}.brand span{font-size:11px}.hero h1{font-size:49px}.intro{font-size:18px}.strip{font-size:14px;display:grid;grid-template-columns:1fr 1fr;line-height:1.8}.section-head p{font-size:17px}.service-row{grid-template-columns:30px 1fr}.service-row p{font-size:17px}.step p{font-size:16px}.step span{font-size:13px}.steps{gap:24px 20px}.caption{font-size:13px}.draft{font-size:12px}.values{flex-wrap:wrap}.work h3{font-size:24px}}html[lang=en] .cta .button{white-space:nowrap;flex-shrink:0}
.language-switch{display:flex;gap:10px;white-space:nowrap;font-size:15px}.language-switch [aria-current]{color:var(--red);font-weight:bold}.nav{gap:24px}.nav nav{margin-left:auto}@media(max-width:700px){.nav{gap:10px;flex-wrap:wrap;height:auto;padding:17px 0}.nav nav{display:none}.language-switch{margin-left:auto}}html[lang="en"] .hero h1{font-size:clamp(48px,6.7vw,94px);letter-spacing:-3px}html[lang="en"] .section h2{font-size:clamp(32px,3.6vw,50px)}html[lang="en"] .service-row h3{font-size:24px}html[lang="en"] .values{flex-wrap:wrap}@media(max-width:700px){html[lang="en"] .hero h1{font-size:45px;letter-spacing:-2px}html[lang="en"] .steps{grid-template-columns:1fr}html[lang="en"] .hero-bottom .button{gap:16px;font-size:16px}html[lang="en"] .cta h2{font-size:35px}}html[lang=en] .cta .button{white-space:nowrap;flex-shrink:0}
body.admin-bar header{top:32px}@media(max-width:782px){body.admin-bar header{top:46px}}/* Full bilingual site */
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:40px;z-index:10000;background:white;padding:15px}.nav{gap:28px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{width:44px;height:44px;border-radius:50%}.brand .brand-type{font-size:23px;letter-spacing:-.7px;display:block}.brand-type>span{font-size:11px;letter-spacing:4px;margin-top:6px}.nav nav{gap:24px}.nav a[aria-current=page],footer a[aria-current=page]{color:var(--red)}.mobile-nav{display:none}.page-lead{padding:80px 0 65px;border-bottom:1px solid var(--line)}.page-lead h1{font-size:clamp(40px,5.2vw,76px);line-height:1.2;letter-spacing:-2px;max-width:1050px;margin:25px 0}.page-lead p{max-width:780px;line-height:1.9;font-size:20px;color:#65615b}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 30px}.portfolio-card img{display:block;width:100%;height:auto}.image-link{display:block;background:#e9e5df;overflow:hidden}.image-link img{transition:transform .3s}.image-link:hover img{transform:scale(1.025)}.portfolio-card h2,.portfolio-card h3{font-size:24px!important;line-height:1.5!important;letter-spacing:-.3px!important;margin:14px 0 0}.portfolio-card .kicker{margin-top:20px;line-height:1.8;letter-spacing:.5px}.text-link{display:inline-block;line-height:1.7;border-bottom:1px solid var(--red);font-size:17px;margin-top:18px}.portfolio-card h2 .text-link,.portfolio-card h3 .text-link{border:0;font-size:inherit;margin:0}.section>.text-link{margin-top:35px}.service-row>a{grid-column:3;justify-self:start;margin-top:0}.reading-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:80px}.reading-layout p,.reading-layout li{font-size:18px;line-height:1.95;color:#625e58}.reading-layout h2{font-size:36px!important;margin:0 0 24px}.reading-layout h2:not(:first-child){margin-top:48px}.reading-layout aside{padding:32px;background:#e9e5df;align-self:start}.reading-layout aside h3{font-size:24px;margin-top:0}.reading-layout aside li{margin-bottom:12px}.clean-list{list-style:none;padding:0}.clean-list li{border-bottom:1px solid var(--line);padding:13px 0}.service-detail-row{display:grid;grid-template-columns:70px 1fr;gap:30px;padding:40px 0;border-top:1px solid var(--line)}.service-detail-row h2{font-size:36px!important;margin-top:0}.service-detail-row p{font-size:18px;line-height:1.9;max-width:850px}.project-media{padding-top:50px;max-width:1100px}.project-media img{width:100%;height:auto;display:block}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.project-gallery img{width:100%;height:auto}.contact-number{font-size:clamp(25px,3vw,40px)!important;font-weight:bold;color:var(--ink)!important}.contact-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:35px}.contact-links a{border-bottom:1px solid var(--red);font-size:17px}.location{margin-top:35px}.footer-layout{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:40px!important}.footer-brand{font-size:22px;font-weight:900;color:var(--ink)}.footer-brand span{font-size:14px;font-weight:normal;margin-top:10px;display:block}footer nav{display:flex;flex-wrap:wrap;gap:18px}.footer-social{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.related{padding-top:0}.related h2{margin-bottom:35px}.about .caption{color:#bbb}.cta .button{white-space:nowrap;flex-shrink:0}
@media(max-width:900px){.nav{gap:16px}.nav nav{gap:16px}.brand .brand-type{font-size:20px}.reading-layout{gap:40px}.portfolio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nav{position:relative;flex-wrap:wrap;gap:12px;padding:17px 0}.brand-symbol{width:34px;height:34px}.brand .brand-type{font-size:18px}.brand-type>span{font-size:10px;letter-spacing:2px}.nav>nav{display:none}.language-switch{font-size:15px;gap:8px;margin-left:auto}.mobile-nav{display:block;padding:0;border:0}.mobile-nav summary{font-size:14px;list-style:none;border:1px solid var(--line);padding:7px 9px}.mobile-nav nav{display:flex;position:absolute;top:100%;left:-5.55%;width:111.1%;padding:25px;background:var(--paper);box-shadow:0 8px 15px #0002;flex-direction:column;gap:18px;margin:0}.page-lead{padding:50px 0 35px}.page-lead h1{font-size:39px;letter-spacing:-1px}.page-lead p{font-size:18px}.portfolio-grid{grid-template-columns:1fr;gap:40px}.reading-layout{grid-template-columns:1fr;gap:35px}.reading-layout h2{font-size:29px!important}.reading-layout p,.reading-layout li{font-size:17px}.reading-layout aside{padding:25px}.service-row>a{grid-column:2;font-size:16px}.service-detail-row{grid-template-columns:25px 1fr;gap:15px}.service-detail-row h2{font-size:28px!important}.service-detail-row p{font-size:17px}.project-media{padding-top:30px}.project-gallery{grid-template-columns:1fr}.footer-layout{display:grid!important;grid-template-columns:1fr;gap:30px!important}.footer-social{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.footer-layout nav{display:flex;gap:25px}.hero h1{font-size:47px}.about h2{font-size:34px!important}}
@media(prefers-reduced-motion:reduce){.image-link img{transition:none}}

.image-link>span{display:none}.mobile-nav nav a{display:block!important}

.page-lead h1{text-wrap:balance}
@media(max-width:700px){html[lang=en] .brand .brand-type{font-size:16px}html[lang=en] .brand-type>span{font-size:8px;letter-spacing:1px}html[lang=en] .brand{gap:8px}html[lang=en] .nav{gap:8px}html[lang=en] .language-switch{gap:5px;font-size:14px}}

.footer-layout nav a{display:block!important}.cta h2{text-wrap:balance}@media(max-width:600px){#wpadminbar{position:fixed!important}}