/*
Theme Name: IVY & TRIS Studio
Author: IVY & TRIS PRODUCTIONS
Description: Bespoke bilingual portfolio theme for IVY & TRIS PRODUCTIONS.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: ivy-tris
*/

@font-face{font-family:Liliana;src:url('assets/fonts/Liliana-Regular.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Liliana;src:url('assets/fonts/Liliana-Normal.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Liliana;src:url('assets/fonts/Liliana-SemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Liliana;src:url('assets/fonts/Liliana-NormalItalic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}

:root{--orange:#f15f2f;--ivy:#f8ebd5;--tris:#1a4121;--ink:#171815;--muted:#6d6b64;--line:#cbbfae;--white:#fffaf2}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ivy)}
body{margin:0;background:var(--ivy);color:var(--ink);font-family:Liliana,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:18px;font-weight:300;line-height:1.45;-webkit-font-smoothing:antialiased}
body.admin-bar .site-header{top:32px}
img{display:block;width:100%;height:auto;object-fit:cover}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:600;line-height:.98;letter-spacing:-.025em}
h1{font-size:clamp(68px,8vw,120px);white-space:pre-line}
h2{font-size:clamp(42px,5vw,72px);white-space:pre-line}
h3{font-size:30px}
.wrap{width:min(1440px,calc(100% - 80px));margin-inline:auto}
.site-header{display:grid;grid-template-columns:280px 1fr auto;gap:60px;align-items:center;min-height:112px;padding-top:20px;padding-bottom:20px;position:relative;z-index:10}
.logo img{width:100%;height:auto}
.site-header nav{display:flex;gap:42px;justify-content:flex-end;font-size:16px}
.site-header nav a{padding:10px 0;border-bottom:1px solid transparent}
.site-header nav a.active,.site-header nav a:hover{color:var(--orange);border-color:var(--orange)}
.language{font-size:14px;border:1px solid var(--orange);border-radius:999px;padding:8px 13px;min-height:40px}
.skip-link{position:fixed;top:-100px;left:16px;background:var(--tris);color:var(--ivy);padding:10px 14px;z-index:100}
.skip-link:focus{top:10px}
.it-zh{display:none}
html[data-language="zh"] .it-en{display:none}
html[data-language="zh"] .it-zh{display:initial}
[data-en]{white-space:pre-line}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:18px}
.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--orange);font-weight:400}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 24px;border:1px solid var(--orange);color:var(--orange);font-weight:400}
.button:hover{background:var(--orange);color:var(--ink)}
.button.ink{border-color:var(--ink);color:var(--ink)}
.button.ink:hover{background:var(--ink);color:var(--ivy)}
.home-title{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:70px;padding:54px 0 42px}
.home-title h1{margin-bottom:0}
.hero-aside{padding-bottom:12px;font-size:24px}
.hero-aside p{white-space:pre-line;margin-bottom:30px}
.hero-image{display:block;position:relative;aspect-ratio:2.68;overflow:hidden}
.hero-image img{height:100%;transition:transform .6s ease}
.image-link{display:block;position:relative;overflow:hidden}
.image-link:hover img{transform:scale(1.025)}
.play{position:absolute;right:35px;bottom:30px;display:grid;place-items:center;width:88px;height:88px;border:2px solid var(--orange);border-radius:50%;color:var(--orange);background:#17181566;font-family:Arial,sans-serif;padding-left:5px}
.section{padding:62px 0;border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.section-head h2{margin-bottom:0}
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.home-films{grid-template-columns:1.45fr 1fr 1fr}
.film-card .image-link{aspect-ratio:1.65}
.film-card img{height:100%;transition:transform .5s ease}
.film-card h3{margin:17px 0 9px}
.duration{position:absolute;right:12px;bottom:12px;background:#171815d9;color:var(--ivy);font-size:12px;padding:4px 8px}
.meta{display:flex;gap:9px;font-size:14px;color:var(--muted)}
.founders-home{display:grid;grid-template-columns:.78fr 1fr 1fr;gap:24px}
.intro{padding-right:24px}
.intro>p:not(.eyebrow){margin:22px 0}
.founder{border:1px solid var(--line);padding:20px}
.founder.tris{background:var(--tris);color:var(--ivy);border-color:var(--tris)}
.founder.tris .eyebrow,.founder.tris .text-link{color:var(--ivy)}
.founder img{aspect-ratio:1;object-position:center 30%}
.founder-text{padding-top:20px}
.founder h3{font-size:56px;margin:5px 0 12px}
.founder.compact{display:flex;flex-direction:column-reverse}
.founder.compact img{aspect-ratio:2.2;filter:grayscale(1)}
.founder.compact .founder-text{padding:0 8px 20px}
.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px}
.journal-home{display:grid;grid-template-columns:.78fr 2fr;gap:34px}
.journal-mini{display:grid;grid-template-columns:180px 1fr 30px;align-items:center;gap:25px;padding:14px 0;border-bottom:1px solid var(--line)}
.journal-mini:first-child{padding-top:0}
.journal-mini img{height:88px;filter:grayscale(1)}
.journal-mini h3{font-size:25px;margin-bottom:10px}
.page-title{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:58px 0}
.page-title h1{margin-bottom:0}
.page-title>p{font-size:25px;white-space:pre-line;max-width:590px}
.studio-image{aspect-ratio:2.85;overflow:hidden}
.studio-image img{height:100%}
.profile-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:44px 0 60px}
.profile-hero>div:first-child img{aspect-ratio:.7;object-position:center 30%}
.profile-copy{padding-top:25px}
.profile-copy h1{font-size:132px;margin:30px 0 24px}
.profile-copy .role{font-size:20px;margin-bottom:54px}
.profile-copy h2{font-size:40px;line-height:1.35;margin-bottom:34px}
.profile-copy .button{margin-top:20px}
.tris-profile .profile-copy h1,.tris-profile .eyebrow,.tris-profile .text-link{color:var(--tris)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.split p:not(.eyebrow){font-size:21px;line-height:1.6}
.profile-switch{display:flex;justify-content:space-between;padding:30px 0}
.filters{display:flex;gap:32px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--orange);padding:22px 0 28px}
.filters button{min-height:42px;border-bottom:2px solid transparent}
.filters button.selected{color:var(--tris);border-color:var(--tris)}
.collection-grid{grid-template-columns:repeat(6,1fr);padding-bottom:55px}
.collection-grid>[data-filter-item]{grid-column:span 2}
.collection-grid>[data-filter-item]:nth-child(-n+2){grid-column:span 3}
.pagination{display:flex;justify-content:center;padding:24px 0 55px}
.nav-links{display:flex;gap:8px}
.page-numbers{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid var(--line)}
.page-numbers.current{background:var(--orange);border-color:var(--orange)}
.journal-row{display:grid;grid-template-columns:160px 1.3fr 1fr 35px;gap:30px;align-items:center;padding:28px 0;border-top:1px solid var(--orange)}
.journal-row .date{align-self:start;padding-top:16px}
.journal-row time{font-size:16px}
.journal-row .image-link{aspect-ratio:2.1}
.journal-row img{height:100%;transition:transform .5s ease}
.journal-copy h3{font-size:34px;margin:12px 0 16px}
.journal-copy p{font-size:17px}
.row-arrow{font-size:30px;color:var(--orange);align-self:end}
[data-filter-item].is-hidden{display:none!important}
.detail-heading,.article-heading{padding:60px 0 42px;max-width:1100px}
.detail-heading h1,.article-heading h1{margin-bottom:28px}
.detail-heading>p:last-child,.article-heading>p:last-child{font-size:25px;max-width:760px}
.film-player iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}
.film-info{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.article-copy p{font-size:21px;line-height:1.65}
.article-copy h2{font-size:40px;line-height:1.1;margin:42px 0 18px}
dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0 0}
dt{font-size:13px;color:var(--muted);margin-bottom:6px}dd{font-size:19px;margin:0}
.article-hero{height:520px}.article-hero img{height:100%}
.article-body{display:grid;grid-template-columns:220px minmax(0,800px);gap:80px;padding:58px 0 70px}
.contact-band{background:var(--orange);padding:55px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}
.contact-grid h2{font-size:clamp(60px,7vw,96px);margin-bottom:20px}
.contact-grid p{font-size:24px;white-space:pre-line;margin-bottom:0}
.contact-grid .button{justify-self:end;min-width:260px}
.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 0 74px}
.contact-details{padding-top:36px}
.contact-details h2{font-size:45px;margin-bottom:22px}
.contact-details>p{max-width:520px}
.email-placeholder{font-size:27px;margin-top:35px}
.contact-sheet{background:var(--orange);padding:42px}
.contact-form{display:grid;gap:22px}
.contact-form label{display:grid;gap:6px;font-size:15px}
.contact-form input:not([type="checkbox"]),.contact-form textarea{width:100%;border:0;border-bottom:1px solid #17181599;background:transparent;border-radius:0;padding:9px 0}
.contact-form textarea{border:1px solid #17181599;padding:10px;resize:vertical}
.contact-form .check{grid-template-columns:18px 1fr;align-items:start}
.contact-form .check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--tris)}
.honeypot{position:absolute!important;left:-9999px!important}
.form-message{padding:13px;margin-bottom:20px;border:1px solid var(--ink)}
.form-message.success{background:var(--ivy)}
.default-page{padding:60px 0 90px;max-width:1000px}
footer{display:flex;gap:28px;justify-content:space-between;align-items:center;min-height:88px;font-size:13px}
.socials{display:flex;gap:20px}

@media(max-width:1000px){.site-header{grid-template-columns:220px 1fr auto;gap:25px}.site-header nav{gap:22px}.profile-hero{gap:40px}.profile-copy h1{font-size:105px}.journal-row{grid-template-columns:125px 1fr 1fr 25px;gap:20px}.article-body{grid-template-columns:160px 1fr;gap:45px}}
@media(max-width:760px){body{font-size:17px}.wrap{width:min(100% - 32px,1440px)}body.admin-bar .site-header{top:46px}.site-header{grid-template-columns:1fr auto;gap:16px;min-height:auto;padding-top:22px;padding-bottom:20px}.logo{width:190px}.language{grid-column:2;grid-row:1}.site-header nav{grid-column:1/-1;justify-content:space-between;gap:10px;font-size:14px}.home-title{grid-template-columns:1fr;gap:22px;padding:34px 0 28px}.home-title h1{font-size:70px}.hero-aside{font-size:21px}.hero-image{aspect-ratio:1.48}.play{width:60px;height:60px;right:18px;bottom:18px}.section{padding:42px 0}.section-head h2{font-size:36px}.film-grid,.home-films{grid-template-columns:1fr;gap:28px}.founders-home{grid-template-columns:1fr 1fr;gap:14px}.founders-home .intro{grid-column:1/-1}.founder{padding:12px}.founder.compact img{aspect-ratio:1}.founder h3{font-size:40px}.founder .eyebrow{font-size:10px}.journal-home{grid-template-columns:1fr}.journal-mini{grid-template-columns:90px 1fr 18px;gap:13px}.journal-mini img{height:70px}.journal-mini h3{font-size:21px}.page-title{grid-template-columns:1fr;gap:22px;padding:38px 0}.page-title h1{font-size:65px}.page-title>p{font-size:21px}.studio-image{aspect-ratio:1.45}.founder-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr;gap:24px;padding:30px 0}.profile-hero>div:first-child img{aspect-ratio:.95}.profile-copy{padding:0}.profile-copy h1{font-size:88px;margin:16px 0}.profile-copy .role{font-size:16px;margin-bottom:30px}.profile-copy h2{font-size:30px}.split{grid-template-columns:1fr;gap:20px}.collection-grid{grid-template-columns:1fr}.collection-grid>[data-filter-item]{grid-column:auto!important}.journal-row{grid-template-columns:1fr 28px;gap:15px;padding:26px 0}.journal-row .date{grid-column:1/-1;display:flex;gap:18px;padding:0}.journal-row .image-link{grid-column:1/-1;aspect-ratio:1.8}.journal-copy h3{font-size:29px}.detail-heading,.article-heading{padding:38px 0}.detail-heading h1,.article-heading h1{font-size:55px}.detail-heading>p:last-child,.article-heading>p:last-child{font-size:21px}.film-info{grid-template-columns:1fr;gap:22px}.article-hero{height:280px}.article-body{grid-template-columns:1fr;gap:24px;padding:36px 0}.article-copy p{font-size:19px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-grid .button{justify-self:start}.contact-page-grid{grid-template-columns:1fr;gap:25px}.contact-sheet{padding:24px}footer{flex-wrap:wrap;gap:15px;padding-top:24px;padding-bottom:24px}.socials{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}