:root{--ink:#0b1713;--green:#0a2f26;--green2:#103d31;--paper:#f5f1e8;--ivory:#fbf8f1;--gold:#c6a45e;--line:rgba(11,23,19,.18);--white:#fff;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.5;overflow-x:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}.page-noise{pointer-events:none;position:fixed;inset:0;opacity:.025;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.header{height:86px;padding:0 clamp(22px,4vw,68px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;color:white}.header:after{content:"";position:absolute;left:clamp(22px,4vw,68px);right:clamp(22px,4vw,68px);bottom:0;height:1px;background:rgba(255,255,255,.22)}.logo{width:210px}.logo img{height:54px;width:auto;object-fit:contain}.hero-brand{margin:0 0 30px;width:min(340px,82%);padding:10px 12px;background:#0b3128;border:1px solid rgba(224,194,120,.38);box-shadow:0 12px 35px rgba(0,0,0,.12)}.hero-brand img{width:100%;height:auto;display:block}.logo img{background:#0b3128;border:1px solid rgba(224,194,120,.35);padding:5px 8px}.footer-top img{background:#0b3128;border:1px solid rgba(224,194,120,.35);padding:6px 9px}
.desktop-nav{display:flex;gap:31px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.desktop-nav a{opacity:.82;transition:.25s}.desktop-nav a:hover{opacity:1;color:#e2c47e}.header-cta{justify-self:end;font-size:12px;text-transform:uppercase;letter-spacing:.08em;display:flex;gap:9px;align-items:center}.header-cta span{font-size:16px;color:#e3c36e}.menu,.mobile-menu{display:none}
.hero{background:#0b2c24;color:#fff;min-height:100svh;display:grid;grid-template-columns:.83fr 1.17fr;position:relative;padding-top:86px}.hero-copy{padding:clamp(76px,10vw,145px) clamp(28px,5vw,78px) 120px;display:flex;flex-direction:column;justify-content:center}.hero-label{font-size:10px;letter-spacing:.17em;color:#e0cfaa;display:flex;align-items:center;gap:12px}.hero-label span{width:35px;height:1px;background:var(--gold)}.hero h1{font-family:var(--serif);font-size:clamp(56px,6.3vw,105px);font-weight:400;line-height:.91;letter-spacing:-.052em;margin:26px 0 32px;max-width:850px}.hero h1 em{font-style:italic;color:#ddbd75}.hero-copy>p{font-size:clamp(16px,1.2vw,20px);line-height:1.65;color:rgba(255,255,255,.68);max-width:620px;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;gap:24px;align-items:center;padding:15px 18px 15px 20px;text-transform:uppercase;font-size:11px;letter-spacing:.09em}.button.primary{background:#e9d7a9;color:#14271f}.button span{font-size:17px}.text-link{font-size:12px;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:5px}.text-link span{margin-left:10px;color:#e5c371}.hero-visual{position:relative;min-height:calc(100svh - 86px);overflow:hidden}.hero-frame{position:absolute;inset:0;margin:0}.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,37,29,.32),transparent 35%),linear-gradient(0deg,rgba(4,19,15,.55),transparent 45%)}.hero-frame img{height:100%;object-fit:cover;object-position:center}.hero-caption{position:absolute;left:34px;bottom:32px;z-index:3;display:flex;flex-direction:column;font-size:12px}.hero-caption b{font-weight:600}.hero-caption span{opacity:.58;margin-top:4px}.hero-index{position:absolute;right:30px;bottom:28px;z-index:3;font-family:var(--serif);font-size:50px;color:rgba(255,255,255,.25)}.scroll-note{position:absolute;left:clamp(28px,5vw,78px);bottom:25px;font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:12px}.scroll-note i{width:60px;height:1px;background:rgba(255,255,255,.32)}
.marquee{height:66px;overflow:hidden;background:#d0aa59;color:#17241f;display:flex;align-items:center}.marquee-track{display:flex;align-items:center;gap:35px;white-space:nowrap;min-width:max-content;animation:marquee 26s linear infinite;font-size:11px;letter-spacing:.14em;font-weight:700}.marquee-track i{font-style:normal;font-size:10px}.marquee-track span:first-child{margin-left:35px}@keyframes marquee{to{transform:translateX(-40%)}}
.section{padding:clamp(85px,9vw,145px) clamp(24px,5vw,78px)}.section-num{font-size:10px;letter-spacing:.18em;color:#806e49;font-weight:700;margin-bottom:36px}.section-num.light{color:#d8bb75}.manifesto{background:var(--paper)}.manifesto-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:9vw;align-items:start}.manifesto h2,.work h2,.services h2,.journey h2,.contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.manifesto h2{font-size:clamp(48px,6vw,92px);line-height:.95;margin:0}.manifesto h2 span,.work h2 span,.journey h2 span{color:#8f7947;font-style:italic}.manifesto-copy>p{font-size:clamp(17px,1.35vw,21px);line-height:1.65;color:#53605a;margin:8px 0 52px}.founder{border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:end}.founder span{grid-row:1/3;color:#8a8f89;font-size:11px;text-transform:uppercase;letter-spacing:.13em;align-self:center}.founder b{font-family:var(--serif);font-size:25px;font-weight:400}.founder small{color:#7c827e}.discipline-row{margin-top:100px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.discipline-row article{padding:26px 28px 0 0;border-right:1px solid var(--line);min-height:145px}.discipline-row article:not(:first-child){padding-left:28px}.discipline-row article:last-child{border-right:0}.discipline-row b{font-family:var(--serif);font-size:24px;font-weight:400}.discipline-row p{font-size:13px;color:#747d77;max-width:230px}
.work{background:#faf8f2}.work-head{display:grid;grid-template-columns:1fr .55fr;gap:50px;align-items:end;margin-bottom:70px}.work h2{font-size:clamp(48px,5.5vw,86px);line-height:.94;margin:0}.work-head>p{color:#68716c;max-width:460px;margin:0 0 10px}.project-image{position:relative;overflow:hidden;display:block;background:#d8d3c8}.project-image img{height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s}.feature-project .project-image{aspect-ratio:16/7}.project-image.portrait{aspect-ratio:5/4}.project-image.residential-img img{object-position:center 38%}.project-image:hover img{transform:scale(1.025);filter:saturate(.9)}.hover-label{position:absolute;right:20px;bottom:20px;background:#f7f2e7;padding:13px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;transform:translateY(10px);opacity:0;transition:.3s}.project-image:hover .hover-label{transform:none;opacity:1}.hover-label span{margin-left:20px;color:#806a39}.project-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end;padding:18px 0 64px;border-bottom:1px solid var(--line)}.project-meta span{font-size:9px;letter-spacing:.16em;color:#8a7650;font-weight:700}.project-meta h3{font-family:var(--serif);font-size:clamp(29px,2.5vw,43px);font-weight:400;margin:2px 0 0}.project-meta p{font-size:12px;color:#747d78;margin:0 0 7px}.project-meta>b{font-family:var(--serif);font-size:34px;font-weight:400;color:#c2b8a6}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,78px);margin:10px 0 80px}.project-shift{margin-top:120px}.project-meta.compact{grid-template-columns:1fr auto;padding-bottom:24px}.project-meta.compact b{font-size:27px}
.services{background:var(--green);color:#fff;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw}.services-intro{position:sticky;top:50px;align-self:start}.services h2{font-size:clamp(50px,5.2vw,83px);line-height:.94;margin:0 0 32px}.services-intro>p{color:rgba(255,255,255,.56);max-width:480px;font-size:15px;line-height:1.7}.services-list{border-top:1px solid rgba(255,255,255,.24)}.services-list article{display:grid;grid-template-columns:52px 1fr 1.15fr 28px;gap:20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);padding:29px 0;transition:.3s}.services-list article:hover{padding-left:10px;background:rgba(255,255,255,.025)}.services-list span{font-size:10px;color:#d9bd78}.services-list h3{font-family:var(--serif);font-weight:400;font-size:25px;margin:0}.services-list p{font-size:12px;color:rgba(255,255,255,.55);margin:0;line-height:1.6}.services-list i{font-style:normal;color:#dcbf78;font-size:19px}
.journey{background:#f2eee4}.journey-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:80px}.journey h2{font-size:clamp(50px,5.4vw,86px);line-height:.94;margin:0;grid-column:1/2}.process-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.process-grid article{min-height:210px;border-right:1px solid var(--line);padding:26px 24px 28px 0;display:flex;flex-direction:column;justify-content:space-between}.process-grid article:not(:first-child){padding-left:24px}.process-grid article:last-child{border-right:0}.process-grid b{font-family:var(--serif);font-size:25px;font-weight:400;color:#ad996c}.process-grid h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:0 0 5px}.process-grid p{font-size:12px;color:#6e7771;line-height:1.55;margin:0}.process-visuals{margin-top:90px;display:grid;grid-template-columns:1fr .65fr .7fr;gap:24px;align-items:end}.process-visuals figure{margin:0;overflow:hidden;background:#ddd}.pv-main{height:530px}.pv-small{height:330px}.process-visuals img{height:100%;object-fit:cover}.pv-note{padding:0 0 20px 12px}.pv-note span{font-size:9px;letter-spacing:.16em;color:#8a7449}.pv-note b{display:block;font-family:var(--serif);font-size:28px;font-weight:400;margin:10px 0}.pv-note p{font-size:13px;color:#737a75;max-width:310px}
.contact{background:#0a2f26;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact-main h2{font-size:clamp(62px,7vw,112px);line-height:.87;margin:0}.contact-main>p{color:rgba(255,255,255,.55);max-width:430px;margin:30px 0}.contact-arrow{width:74px;height:74px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#dfbf76;transition:.3s}.contact-arrow:hover{transform:rotate(45deg);background:#dfbf76;color:#0a2f26}.enquiry{border-top:1px solid rgba(255,255,255,.26)}.enquiry label{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid rgba(255,255,255,.18);padding:19px 0;align-items:start}.enquiry label>span{font-size:9px;color:#d5b66d;margin-top:9px}.enquiry input,.enquiry select,.enquiry textarea{border:0;background:transparent;color:#fff;font:inherit;font-size:18px;outline:none;width:100%;resize:vertical}.enquiry input::placeholder,.enquiry textarea::placeholder{color:rgba(255,255,255,.48)}.enquiry select{color:rgba(255,255,255,.75)}.enquiry select option{color:#111}.enquiry button{margin-top:28px;border:0;background:#e5cd95;color:#14271f;padding:15px 19px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;cursor:pointer;display:flex;gap:45px}.enquiry button span{font-size:16px}.enquiry>p{font-size:10px;color:rgba(255,255,255,.38);max-width:430px;margin-top:17px}
footer{background:#061c16;color:#fff;padding:34px clamp(24px,5vw,78px)}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.15)}.footer-top img{height:54px;width:auto}.footer-top a{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}.footer-bottom{display:grid;grid-template-columns:1fr auto auto;gap:30px;padding-top:25px;font-size:10px;letter-spacing:.07em;color:rgba(255,255,255,.45);text-transform:uppercase}.mobile-actions{display:none}.fade-up{animation:fadeUp .9s both}.hero-visual{animation-delay:.15s}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav{display:none}.header{grid-template-columns:1fr auto auto;gap:20px}.header-cta{margin-right:6px}.hero{grid-template-columns:1fr}.hero-copy{min-height:690px}.hero-visual{min-height:580px}.scroll-note{display:none}.manifesto-grid,.services,.contact{grid-template-columns:1fr}.services-intro{position:static}.work-head{grid-template-columns:1fr}.process-visuals{grid-template-columns:1fr 1fr}.pv-note{grid-column:1/-1}.journey-head{grid-template-columns:1fr}.discipline-row{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:repeat(3,1fr)}.process-grid article:nth-child(3){border-right:0}.services-list article{grid-template-columns:45px 1fr 1fr 25px}}
@media(max-width:720px){body{padding-bottom:58px}.header{height:72px;padding:0 19px;grid-template-columns:1fr auto}.header:after{left:19px;right:19px}.logo{width:auto}.logo img{height:44px}.header-cta{display:none}.menu{display:flex;border:0;background:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:7px;z-index:70}.menu span{width:22px;height:1px;background:white;transition:.25s}.menu.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu.open span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;inset:0;background:#08251e;z-index:60;padding:120px 28px 40px;flex-direction:column;gap:24px;opacity:0;visibility:hidden;transition:.3s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu a{font-family:var(--serif);font-size:38px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:16px}.hero{padding-top:72px}.hero-brand{width:min(300px,92%);margin-bottom:24px}.hero-copy{min-height:620px;padding:75px 23px 95px}.hero h1{font-size:57px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:500px}.hero-caption{left:22px}.section{padding:80px 22px}.marquee{height:54px}.manifesto-grid{gap:38px}.manifesto h2,.work h2,.services h2,.journey h2{font-size:49px}.manifesto-copy>p{font-size:16px}.discipline-row{grid-template-columns:1fr;margin-top:65px}.discipline-row article,.discipline-row article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:20px 0;min-height:auto}.work-head{margin-bottom:45px}.feature-project .project-image{aspect-ratio:4/3}.project-pair{grid-template-columns:1fr;gap:55px;margin-bottom:60px}.project-shift{margin-top:0}.project-image.portrait{aspect-ratio:4/3}.project-meta{grid-template-columns:1fr auto;padding-bottom:45px}.project-meta p{display:none}.project-meta h3{font-size:31px}.services-list article{grid-template-columns:38px 1fr 22px}.services-list article p{display:none}.services-list h3{font-size:21px}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);min-height:145px;padding:22px 0}.process-grid article{flex-direction:row}.process-grid article div{width:65%}.process-visuals{grid-template-columns:1fr;margin-top:60px}.pv-main{height:420px}.pv-small{height:260px}.pv-note{padding-left:0}.contact{gap:70px}.contact-main h2{font-size:65px}.footer-top img{height:46px}.footer-bottom{grid-template-columns:1fr;gap:9px}.mobile-actions{position:fixed;left:0;right:0;bottom:0;height:58px;display:grid;grid-template-columns:1fr 1fr;z-index:90}.mobile-actions a{display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.mobile-actions a:first-child{background:#153f34;color:#fff}.mobile-actions a:last-child{background:#d9ba73;color:#16261f}}

/* COMPLETE PORTFOLIO */
.portfolio-head{align-items:start}.portfolio-intro{padding-top:42px}.portfolio-intro>p{font-size:15px;line-height:1.75;color:#67706b;max-width:520px}.status-key{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7b817d}.status-key span{display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.completed{background:#2f7056}.dot.ongoing{background:#c98a32}.dot.designed{background:#8d8065}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-18px 0 46px}.filter-btn{border:1px solid rgba(11,23,19,.18);background:transparent;padding:10px 14px;font:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#66706a;cursor:pointer;transition:.25s}.filter-btn:hover,.filter-btn.active{background:var(--green);border-color:var(--green);color:#fff}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 24px}.portfolio-card{min-width:0;transition:opacity .25s,transform .25s}.portfolio-card.is-hidden{display:none}.portfolio-card.portfolio-feature{grid-column:span 3}.portfolio-card.portfolio-feature .portfolio-open{display:grid;grid-template-columns:1.45fr .55fr;gap:0;background:#f1ede3}.portfolio-card.portfolio-feature figure{aspect-ratio:16/7}.portfolio-card.portfolio-feature .portfolio-meta{align-self:end;padding:35px 34px 32px;border:0}.portfolio-card.portfolio-feature .portfolio-meta h3{font-size:clamp(36px,4vw,61px)}.portfolio-card.portfolio-wide{grid-column:span 2}.portfolio-card button{width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.portfolio-card figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#ddd7ca}.portfolio-card figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.2));pointer-events:none}.portfolio-card img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.portfolio-card:hover img{transform:scale(1.025);filter:saturate(.94)}.project-status{position:absolute;z-index:2;left:14px;top:14px;padding:8px 10px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;background:rgba(248,245,237,.94);backdrop-filter:blur(7px);box-shadow:0 6px 22px rgba(0,0,0,.06)}.project-status.completed{color:#1f654c}.project-status.ongoing{color:#a66617}.project-status.designed{color:#6f644f}.card-arrow{position:absolute;z-index:2;right:14px;top:14px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(9,35,28,.86);color:#e4c57d;font-size:16px;transition:.3s}.portfolio-card:hover .card-arrow{transform:rotate(45deg);background:#d8b76d;color:#11251e}.portfolio-meta{padding:15px 2px 0}.portfolio-meta>span{font-size:9px;letter-spacing:.14em;color:#8b7750;font-weight:700}.portfolio-meta h3{font-family:var(--serif);font-size:clamp(27px,2.15vw,38px);font-weight:400;line-height:1.03;margin:6px 0 7px;letter-spacing:-.025em}.portfolio-meta p{font-size:11px;color:#7a827d;margin:0;text-transform:uppercase;letter-spacing:.06em}.portfolio-foot{margin-top:78px;padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}.portfolio-foot p{max-width:760px;color:#6e7671;font-size:14px;line-height:1.7;margin:0}.portfolio-foot a{text-transform:uppercase;letter-spacing:.09em;font-size:10px;border-bottom:1px solid #97835a;padding-bottom:5px}.portfolio-foot a span{margin-left:20px;color:#9a7a3f}
.project-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:.3s}.project-modal.open{opacity:1;visibility:visible}.project-modal-backdrop{position:absolute;inset:0;background:rgba(5,19,15,.84);backdrop-filter:blur(7px)}.project-modal-panel{position:relative;z-index:2;background:#f6f1e7;max-width:1200px;width:100%;max-height:90vh;overflow:auto;display:grid;grid-template-columns:1.25fr .75fr;box-shadow:0 28px 80px rgba(0,0,0,.35);transform:translateY(20px) scale(.99);transition:.35s}.project-modal.open .project-modal-panel{transform:none}.project-modal-close{position:absolute;right:17px;top:17px;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(8,33,26,.86);color:#fff;font-size:26px;font-weight:300;line-height:1;cursor:pointer}.project-modal-media{min-height:570px;background:#cfc9bc}.project-modal-media img{height:100%;object-fit:cover}.project-modal-copy{padding:70px 50px 45px;display:flex;flex-direction:column;align-items:flex-start}.modal-kicker{font-size:9px;letter-spacing:.16em;color:#917b4f;text-transform:uppercase;font-weight:700}.project-modal-copy h3{font-family:var(--serif);font-size:clamp(40px,4.7vw,72px);line-height:.9;font-weight:400;letter-spacing:-.045em;margin:16px 0 18px}.modal-status{padding:7px 10px;border:1px solid rgba(11,23,19,.18);font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:30px;color:#5e675f}.project-modal-copy>p{font-size:15px;line-height:1.75;color:#626d66;margin:0 0 35px}.modal-scope{border-top:1px solid var(--line);padding-top:20px;width:100%;display:grid;grid-template-columns:70px 1fr;gap:20px;margin-bottom:35px}.modal-scope span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8b7650}.modal-scope b{font-size:12px;line-height:1.65;font-weight:500;color:#4e5953}.modal-contact{margin-top:auto;background:var(--green)!important;color:#fff!important}
body.modal-open{overflow:hidden}

@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card.portfolio-feature{grid-column:span 2}.portfolio-card.portfolio-feature .portfolio-open{grid-template-columns:1fr}.portfolio-card.portfolio-feature figure{aspect-ratio:16/9}.portfolio-card.portfolio-wide{grid-column:span 2}.project-modal-panel{grid-template-columns:1fr}.project-modal-media{min-height:430px;max-height:50vh}.project-modal-copy{padding:42px 38px 38px}}
@media(max-width:720px){.portfolio-intro{padding-top:0}.status-key{gap:12px;margin-top:18px}.portfolio-filters{margin:-12px 0 34px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.portfolio-filters::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap}.portfolio-grid{grid-template-columns:1fr;gap:42px}.portfolio-card.portfolio-feature,.portfolio-card.portfolio-wide{grid-column:span 1}.portfolio-card.portfolio-feature .portfolio-open{display:block;background:transparent}.portfolio-card.portfolio-feature figure{aspect-ratio:4/3}.portfolio-card.portfolio-feature .portfolio-meta{padding:15px 2px 0}.portfolio-card.portfolio-feature .portfolio-meta h3{font-size:31px}.portfolio-meta h3{font-size:30px}.portfolio-foot{grid-template-columns:1fr;gap:22px;margin-top:55px}.project-modal{padding:12px}.project-modal-panel{display:block;max-height:94vh}.project-modal-media{min-height:260px;height:36vh}.project-modal-copy{padding:32px 24px 28px}.project-modal-copy h3{font-size:47px}.project-modal-copy>p{font-size:14px}.project-modal-close{right:10px;top:10px}.modal-scope{grid-template-columns:1fr;gap:8px}}

/* ===== SS Interior official logo + portfolio visibility fix ===== */
.logo{width:auto;display:flex;align-items:center}
.logo img{
  width:64px;height:64px;object-fit:cover;border-radius:50%;
  padding:0;background:transparent;border:1px solid rgba(224,194,120,.62);
  box-shadow:0 5px 20px rgba(0,0,0,.18)
}
.hero-brand{
  width:180px;height:180px;margin:0 0 30px;padding:0;background:transparent;border:0;box-shadow:none;
  border-radius:50%;overflow:hidden
}
.hero-brand img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.footer-top img{
  width:82px;height:82px;object-fit:cover;border-radius:50%;padding:0;background:transparent;
  border:1px solid rgba(224,194,120,.55)
}

/* Content must stay visible even if animation/observer support is unavailable. */
.reveal,.reveal.visible{opacity:1!important;transform:none!important}
.portfolio-card{opacity:1!important;transform:none!important;visibility:visible}
.portfolio-visibility-note{margin:-25px 0 45px;color:#7a817d;font-size:11px;line-height:1.6;letter-spacing:.02em}
.portfolio-status-sections{display:flex;flex-direction:column;gap:90px}
.portfolio-status-group{display:block!important;opacity:1!important;visibility:visible!important}
.status-section-head{
  display:grid;grid-template-columns:1fr minmax(260px,430px);gap:40px;align-items:end;
  padding:0 0 24px;margin:0 0 30px;border-bottom:1px solid var(--line)
}
.status-section-kicker{display:block;color:#9b7c41;font-size:9px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.status-section-head h3{font-family:var(--serif);font-weight:400;font-size:clamp(35px,4.3vw,64px);line-height:.95;letter-spacing:-.035em;margin:0}
.status-section-info{display:grid;grid-template-columns:105px 1fr;gap:22px;align-items:start}
.status-section-count{font-size:9px;letter-spacing:.14em;color:#8c7549;text-transform:uppercase;padding-top:3px}
.status-section-info p{margin:0;color:#6f7872;font-size:12px;line-height:1.6}
.status-ongoing .status-section-head{border-bottom-color:rgba(178,115,35,.34)}
.status-completed .status-section-head{border-bottom-color:rgba(31,101,76,.30)}
.status-designed .status-section-head{border-bottom-color:rgba(111,100,79,.28)}
.portfolio-status-group.is-group-hidden{display:none!important}

@media(max-width:720px){
  .logo img{width:50px;height:50px}
  .hero-brand{width:148px;height:148px;margin-bottom:24px}
  .footer-top img{width:66px;height:66px}
  .portfolio-status-sections{gap:68px}
  .status-section-head{grid-template-columns:1fr;gap:16px;margin-bottom:24px}
  .status-section-head h3{font-size:39px}
  .status-section-info{grid-template-columns:90px 1fr;gap:14px}
  .portfolio-visibility-note{margin:-15px 0 38px}
}

.contact-details{display:flex;flex-direction:column;gap:10px;margin:0 0 28px}.contact-details a,.contact-details span{font-size:12px;line-height:1.55;color:rgba(255,255,255,.78)}.contact-details a:hover{color:#e5cd95}.portfolio-status-group,.portfolio-card{opacity:1!important;visibility:visible}.portfolio-card.is-hidden,.portfolio-status-group.is-group-hidden{display:none!important}

/* Refined process-project visuals */
.process-visuals figure{position:relative;border-radius:2px;box-shadow:0 18px 45px rgba(24,38,31,.10)}
.process-visuals figure:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(transparent,rgba(5,24,19,.72));pointer-events:none}
.process-visuals figcaption{position:absolute;left:22px;right:18px;bottom:18px;z-index:2;color:#fff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.pv-main img{object-position:center center}.pv-small img{object-position:center center}
.pv-note{border-left:1px solid rgba(143,121,71,.36);padding-left:24px}
@media(max-width:720px){.process-visuals figcaption{left:16px;bottom:14px;font-size:10px}.pv-note{border-left:0;border-top:1px solid rgba(143,121,71,.30);padding-top:22px}}