/*
Theme Name: Assafa Studio
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
Description: Bilingual portfolio theme for Assafa International. Use with Assafa Content.
*/

:root{--ink:#172f3b;--blue:#002D4A;--gold:#c0925e;--paper:#faf9f6;--line:#d6d9d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}.masthead{position:absolute;inset:0 0 auto;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:32px 4%;gap:30px;color:white;background:linear-gradient(#081e2ba6,transparent)}.logo{width:270px;height:auto;display:block;filter:brightness(0) invert(1)}nav{display:flex;gap:30px;align-items:center;font-size:12px;letter-spacing:1px;text-transform:uppercase}nav a{padding:6px 0;border-bottom:1px solid transparent}nav a:hover{border-color:white}#language{color:inherit;border:1px solid #ffffff70;background:transparent;padding:8px 14px}.hero{position:relative;min-height:720px;height:100svh;max-height:1100px;color:white;background:#173340;display:flex;align-items:end;padding:0 4% 100px}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#061a2438 0%,transparent 40%,#051b2bbf 100%)}.hero-copy{z-index:1;max-width:850px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:normal}.hero .eyebrow{color:#f1d7b7}h1{font:normal clamp(48px,6.5vw,92px)/1.05 Georgia,serif;letter-spacing:-2px;margin:23px 0 30px}.hero-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #ffffffa0;padding-bottom:9px;font-size:14px}.hero-bottom{position:absolute;z-index:1;bottom:24px;inset-inline:4%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.slide-controls{display:flex;gap:10px;align-items:center}.slide-controls button{background:transparent;border:1px solid #ffffff80;color:white;border-radius:50%;width:38px;height:38px}.slide-controls button:hover{background:white;color:var(--ink)}#slide-count{min-width:45px;text-align:center}.intro{padding:75px 4%;display:grid;grid-template-columns:1fr 2fr;gap:8%;border-bottom:1px solid var(--line)}.intro p{font:normal clamp(25px,3vw,40px)/1.4 Georgia,serif;margin:0;max-width:950px}.intro .eyebrow{color:#7d6546;padding-top:10px}section{padding:90px 4%}h2{font:normal clamp(35px,4.5vw,60px)/1.15 Georgia,serif;letter-spacing:-1px;margin:18px 0 25px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.section-head p{color:#55636a;max-width:540px;margin-bottom:28px}.project-note{font-size:12px;color:#52616a;padding:20px 0;border-block:1px solid var(--line)}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px;margin-top:35px}.project-image{margin:0;min-width:0}.project-image.wide{grid-column:1/-1}.project-image img{display:block;width:100%;height:auto;aspect-ratio:1800/1340;object-fit:cover;transition:filter .3s}.project-image a:hover img{filter:brightness(.93)}.project-image figcaption{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:15px 0;border-bottom:1px solid var(--line)}.project-image figcaption span:last-child{color:#6e767b}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eaece8}.about p{font-size:20px;color:#4d5e64;align-self:center}.services{margin-top:30px}.service{display:grid;grid-template-columns:60px 1fr 1fr;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.number{font-size:12px;color:#8c6b45}.service h3{font:normal 27px Georgia,serif;margin:0}.service p{margin:0;color:#55636a}.contact{background:#002D4A;color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact .eyebrow{color:#d6b88f}.contact a{display:block;font-size:clamp(19px,2.2vw,30px);margin:10px 0}.contact p{color:#c1cbd1;font-size:13px}footer{background:#002D4A;color:#bcc8ce;padding:22px 4%;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;font-size:11px;gap:25px}.preview-note{padding:8px 4%;font-size:10px;background:#e9e7e1;color:#53626a;text-align:center}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .intro p{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}[dir=rtl] .eyebrow,[dir=rtl] nav,[dir=rtl] .hero-bottom{letter-spacing:0}[dir=rtl] h1{font-size:clamp(42px,5.5vw,76px)}@media(min-width:1000px){.project-image.wide img{aspect-ratio:16/9}.project-image:nth-child(2){grid-column:1/-1}.project-image:nth-child(2) img{aspect-ratio:21/9}.project-image:last-child{grid-column:1/-1}.project-image:last-child img{aspect-ratio:16/9}}@media(max-width:760px){.masthead{padding:22px 5%;flex-wrap:wrap;gap:22px}.logo{width:225px}nav{width:100%;gap:18px;justify-content:space-between;font-size:10px;letter-spacing:.3px}#language{padding:6px 9px}.hero{min-height:660px;max-height:850px;padding:0 5% 115px}.hero>img{object-position:52% center}h1{font-size:52px;letter-spacing:-1px}.hero-bottom{inset-inline:5%;font-size:10px;gap:15px}.hero-bottom>span{max-width:170px}.intro{padding:48px 5%;grid-template-columns:1fr;gap:20px}.intro p{font-size:27px}section{padding:55px 5%}.section-head,.about,.contact{grid-template-columns:1fr;gap:15px}.project-gallery{grid-template-columns:1fr;gap:28px}.project-image.wide{grid-column:auto}.service{grid-template-columns:25px 1fr;gap:15px}.service p{grid-column:2}.contact a{font-size:21px}footer{padding:20px 5%;flex-wrap:wrap}[dir=rtl] h1{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.masthead.solid{position:relative;background:#002D4A}.project-cards{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.project-card h3{font:normal 28px Georgia,serif;margin:15px 0 5px}.project-card p{font-size:13px}.edit-project{font-size:13px;text-decoration:underline}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.project-facts dt{font-size:12px;color:#66767c}.project-facts dd{margin:5px 0}.project-body{max-width:850px;font-size:19px}.wp-caption{max-width:100%}img{max-width:100%}.entry{max-width:1100px;margin:auto}.admin-bar .masthead{top:32px}.admin-bar .masthead.solid{top:auto}@media(max-width:760px){.project-cards,.project-facts{grid-template-columns:1fr}.admin-bar .masthead{top:46px}}
/* Proposal 01: restrained brand-gold details. */
.masthead{border-top:3px solid var(--gold)}
nav a:hover,nav a:focus-visible{border-bottom-color:var(--gold)}
#language{border-color:var(--gold)}
.hero-link{border-bottom-color:var(--gold)}
.hero-link span[aria-hidden]{color:var(--gold)}
.hero-copy>.eyebrow:before,section:not(.hero) .eyebrow:before{content:'';display:inline-block;width:28px;height:2px;background:var(--gold);margin-inline-end:12px;vertical-align:middle}
.project-card h3{border-inline-start:2px solid var(--gold);padding-inline-start:12px}
.edit-project{text-decoration-color:var(--gold);text-underline-offset:5px}
.contact{border-top:3px solid var(--gold)}
.contact a:hover,footer a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:7px}
.slide-controls button{border-color:var(--gold)}
.slide-controls button:hover{background:var(--gold);color:#002D4A}
/* Brighter gold with royal-blue accents. */
:root{--royal:#002D4A}
#language{background:var(--royal);border-color:var(--gold);color:#fff}
.hero-link{border-bottom-width:2px}
.hero-copy>.eyebrow:before,section:not(.hero) .eyebrow:before{height:3px;width:34px}
.project-card h3,.service h3{color:var(--royal)}
.edit-project{color:var(--royal)}
.contact .edit-project{color:inherit}
.slide-controls button:hover{color:var(--royal)}