:root{--bg:#f1efe9;--fg:#111;--muted:rgba(17,17,17,.5);--soft:rgba(17,17,17,.09);--orange:#ec4d2b}
:root[data-theme=dark]{--bg:#050505;--fg:#f2f1ed;--muted:rgba(242,241,237,.48);--soft:rgba(242,241,237,.1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif;transition:background .35s,color .35s}
body.menu-open{overflow:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer}.site-shell{min-height:100vh}
.topbar{position:fixed;z-index:30;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:20px;pointer-events:none}
.page-label{margin:0;font-size:36px;line-height:.95;letter-spacing:-.055em;font-weight:600}.top-actions{display:flex;gap:16px;align-items:center;pointer-events:auto}
.round-button,.menu-button{border:0;background:transparent}.round-button{width:36px;height:36px;font-size:22px}.menu-button,.close-button{padding:8px 17px 9px;background:var(--soft);border:0;font-size:14px}
.identity{position:fixed;z-index:20;inset:0 auto 0 20px;width:217px;pointer-events:none;display:flex;align-items:center}.view-switcher{position:absolute;top:72px;display:grid;gap:8px;pointer-events:auto}
.view-switcher button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:50%;background:var(--soft);opacity:.5;transition:.2s}.view-switcher button:hover,.view-switcher button.active{opacity:1;transform:scale(1.06)}
.feature-icon,.grid-icon,.list-icon{display:block;width:13px;height:13px}.feature-icon{border:1px solid currentColor}.grid-icon{border:1px solid currentColor;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 4px)}.list-icon{background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 4px)}
.wordmark{pointer-events:auto;text-decoration:none;font-size:62px;line-height:.7;letter-spacing:-.095em;font-weight:600;display:flex;flex-direction:column}.wordmark span:last-child{font-size:24px;letter-spacing:-.055em;margin:13px 0 0 3px}.discipline{position:absolute;bottom:22px;margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.project-filters{position:absolute;z-index:18;left:365px;top:148px;display:flex;flex-wrap:wrap;gap:6px}.project-filters button{border:1px solid var(--soft);background:transparent;padding:6px 11px;border-radius:20px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.project-filters button:hover,.project-filters button.active{color:var(--bg);background:var(--fg);border-color:var(--fg)}
.projects{margin-left:365px;padding:216px 20px 80px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{min-width:0;animation:enter .7s both;animation-delay:var(--delay)}.project-card[hidden]{display:none}.project-card a{display:block;text-decoration:none}.image-wrap{aspect-ratio:4/3;overflow:hidden;background:var(--soft)}.image-wrap img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .35s}.project-card:hover img{transform:scale(1.035);filter:saturate(1)}
.project-meta{height:0;overflow:hidden;opacity:0;display:grid;grid-template-columns:1fr auto;transition:height .3s,opacity .3s,padding .3s}.project-card:hover .project-meta{height:66px;opacity:1;padding-top:10px}.project-meta h2,.project-meta p{margin:0;font-size:13px;font-weight:500}.project-meta p{color:var(--muted);text-align:right}.project-meta span{grid-column:1/-1;font-size:10px;color:var(--muted);margin-top:7px;text-transform:uppercase;letter-spacing:.08em}
.projects--feature{grid-template-columns:1fr;margin-left:320px;padding-right:13vw}.projects--feature .image-wrap{aspect-ratio:16/9}.projects--feature .project-card:not([hidden]):not(:first-of-type){display:none}.projects--feature .project-meta{height:auto;opacity:1;padding-top:12px}.projects--list{display:block;padding-top:170px}.projects--list .project-card a{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:20px;border-top:1px solid var(--soft);padding:12px 0}.projects--list .image-wrap{aspect-ratio:4/3}.projects--list .project-meta{opacity:1;height:auto;display:grid}.projects--list .project-card:hover .project-meta{height:auto;padding-top:0}.projects--list .project-meta span{display:none}
.landing-footer{margin:20px 20px 0 365px;padding:20px 0 24px;border-top:1px solid var(--soft);display:flex;gap:28px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.landing-footer a{margin-left:auto;text-decoration:none}
.menu-overlay{position:fixed;z-index:100;inset:0;background:var(--orange);color:#0b0b0b;padding:20px;transform:translateY(-105%);transition:transform .65s cubic-bezier(.76,0,.24,1);display:grid;grid-template-columns:1fr 2fr;align-items:center}.menu-overlay.open{transform:translateY(0)}.close-button{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.1)}.menu-mark{font-size:72px;line-height:.66;letter-spacing:-.09em;font-weight:600}.menu-overlay nav{display:flex;flex-direction:column}.menu-overlay nav a{text-decoration:none;font-size:clamp(64px,9vw,140px);line-height:.84;letter-spacing:-.075em}.menu-overlay nav a:hover{color:#f4f3ef}.menu-overlay sup{font-size:14px;letter-spacing:0;vertical-align:top}.menu-overlay p{position:absolute;bottom:20px;left:20px;margin:0;font-size:12px}
.studio-section{background:var(--orange);color:#0b0b0b;padding:120px 20px;display:grid;grid-template-columns:1fr 3fr;gap:30px}.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.studio-copy h2{margin:0 0 70px;font-size:clamp(52px,7.7vw,120px);line-height:.86;letter-spacing:-.07em;font-weight:600;max-width:11ch}.studio-copy>p{font-size:17px;line-height:1.45;max-width:55ch;margin:0 0 80px}.service-lines{display:flex;flex-direction:column}.service-lines span{font-size:clamp(42px,6vw,92px);line-height:1;border-bottom:1px solid rgba(0,0,0,.2);padding:12px 0;letter-spacing:-.06em}.service-lines sup{font-size:10px;letter-spacing:.08em;margin-right:20px;vertical-align:top}
.packages-section{padding:140px 20px;background:var(--bg);color:var(--fg)}.packages-heading{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-bottom:100px}.packages-heading h2{margin:0;font-size:clamp(50px,7.5vw,116px);line-height:.88;letter-spacing:-.07em;font-weight:600;max-width:10ch}.packages-heading p{max-width:45ch;margin:30px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.package-list{border-top:1px solid var(--soft)}.package-item{display:grid;grid-template-columns:70px 1.25fr 1.25fr 1fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--soft);transition:padding .3s,background .3s}.package-item:hover{padding-left:12px;padding-right:12px;background:var(--soft)}.package-number,.package-scope>p,.package-price>p{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.package-title h3{margin:0;font-size:clamp(30px,3.2vw,54px);line-height:.95;letter-spacing:-.055em;font-weight:600}.package-title p{margin:10px 0 0;max-width:35ch;font-size:12px;line-height:1.45;color:var(--muted)}.package-title span{display:inline-block;margin-top:16px;padding:5px 9px;border-radius:20px;background:var(--orange);color:#0b0b0b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.package-scope>p,.package-price>p{margin:2px 0 13px}.package-scope ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.package-scope li{font-size:12px}.package-scope li::before{content:'—';color:var(--muted);margin-right:8px}.package-price{display:flex;flex-direction:column;align-items:flex-start}.package-price strong{font-size:22px;letter-spacing:-.04em;font-weight:500}.package-price small{font-size:10px;color:var(--muted);margin-top:6px}.package-price a{margin-top:auto;padding-top:25px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid currentColor}
.contact-section{min-height:100vh;padding:140px 20px 28px;background:var(--orange);color:#0b0b0b;display:grid;grid-template-columns:1fr 1.5fr;gap:7vw;align-content:center}.contact-intro h2{margin:50px 0 30px;font-size:clamp(58px,8vw,118px);line-height:.85;letter-spacing:-.075em;font-weight:600}.contact-intro>p{font-size:14px;line-height:1.5;max-width:45ch}.contact-whatsapp{display:inline-block;margin-top:30px;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.contact-form-wrap{align-self:center}.editorial-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}.editorial-form label{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:9px}.editorial-form label span{font-size:9px;text-transform:uppercase;letter-spacing:.11em}.editorial-form input,.editorial-form select,.editorial-form textarea{width:100%;border:0;outline:0;background:transparent;color:#0b0b0b;font:inherit;font-size:14px;padding:5px 0;resize:vertical;border-radius:0}.editorial-form input::placeholder,.editorial-form textarea::placeholder{color:rgba(0,0,0,.42)}.editorial-form select{appearance:none}.editorial-form .form-wide{grid-column:1/-1}.editorial-form button{grid-column:1/-1;border:1px solid #0b0b0b;background:#0b0b0b;color:#f4f3ef;display:flex;justify-content:space-between;padding:16px 18px;text-transform:uppercase;font-size:11px;letter-spacing:.09em;transition:.2s}.editorial-form button:hover{background:transparent;color:#0b0b0b}.form-message{margin-bottom:24px;padding:12px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font-size:12px}.form-message.success{color:#163d21}.contact-meta{grid-column:1/-1;display:flex;justify-content:space-between;align-self:end;margin-top:80px;padding-top:16px;border-top:1px solid rgba(0,0,0,.25);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.contact-meta a{text-decoration:none;color:inherit}
@keyframes enter{from{opacity:0;transform:translateY(22px)}}
@media(max-width:900px){.page-label{font-size:30px}.identity{position:static;height:190px;width:auto;padding:90px 20px 20px;align-items:flex-end}.wordmark{font-size:50px}.discipline{display:none}.view-switcher{position:fixed;z-index:35;top:auto;bottom:20px;left:50%;transform:translateX(-50%);grid-auto-flow:column;background:var(--bg);padding:6px 10px;border-radius:30px;border:1px solid var(--soft);box-shadow:0 8px 24px rgba(0,0,0,.25)}.projects,.projects--feature,.projects--list{margin-left:0;padding:20px 14px 80px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-filters{position:relative;left:auto;top:auto;padding:0 14px 12px}.projects--feature{display:block}.projects--list{padding-top:20px}.landing-footer{margin:0 14px;flex-wrap:wrap}.landing-footer a{width:100%;margin:0}.menu-overlay{grid-template-columns:1fr}.menu-mark{display:none}.studio-section,.packages-heading{grid-template-columns:1fr}.studio-copy h2{margin-top:45px}.packages-heading h2{margin-top:45px}.package-item{grid-template-columns:45px 1fr 1fr}.package-price{grid-column:2}.contact-section{grid-template-columns:1fr;padding-top:100px}.contact-meta{grid-column:1;flex-direction:column;gap:8px}.contact-intro h2{margin-top:40px}}
@media(max-width:540px){.projects{grid-template-columns:1fr}.image-wrap{aspect-ratio:1.2}.project-meta,.project-card:hover .project-meta{height:auto;opacity:1;padding-top:9px;padding-bottom:12px}.menu-overlay nav a{font-size:56px}.studio-section{padding:90px 15px}.studio-copy h2{font-size:50px}.service-lines span{font-size:38px}.packages-section{padding:90px 15px}.packages-heading{margin-bottom:60px}.package-item{grid-template-columns:30px 1fr;gap:18px}.package-scope,.package-price{grid-column:2}.package-price a{margin-top:22px}.contact-section{padding-inline:15px}.contact-intro h2{font-size:52px}.editorial-form{grid-template-columns:1fr}.editorial-form .form-wide,.editorial-form button{grid-column:1}.contact-meta{margin-top:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Motion system */
.scroll-progress{position:fixed;z-index:120;top:0;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left center;will-change:transform}
.pointer-glow{position:fixed;z-index:0;top:-180px;left:-180px;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(236,77,43,.1),transparent 68%);opacity:0;transition:opacity .4s;will-change:transform}.pointer-glow.active{opacity:1}
.wordmark{animation:wordmarkIn 1s .15s cubic-bezier(.2,.8,.2,1) both}.discipline{animation:motionFadeIn 1s .65s both}
.image-wrap{position:relative}.image-wrap::after{content:'';position:absolute;z-index:2;inset:0;background:var(--orange);transform:scaleX(1);transform-origin:right center;transition:transform .9s .08s cubic-bezier(.76,0,.24,1);pointer-events:none}.image-wrap.is-loaded::after{transform:scaleX(0)}.image-wrap img{height:calc(100% + 36px);margin-top:-18px;opacity:.2;transform:translateY(var(--parallax,0)) scale(1.16);filter:saturate(.55) blur(4px);transition:transform 1.3s .12s cubic-bezier(.16,1,.3,1),opacity .8s .12s ease,filter 1.1s .12s ease}.image-wrap img.is-loaded{opacity:1;transform:translateY(var(--parallax,0)) scale(1);filter:saturate(.82) blur(0)}.project-card:hover img.is-loaded{transform:translateY(var(--parallax,0)) scale(1.035);filter:saturate(1) blur(0)}
.menu-overlay nav a{transform:translateY(45px);opacity:0;transition:color .2s,transform .55s,opacity .55s}.menu-overlay.open nav a{transform:none;opacity:1}.menu-overlay.open nav a:nth-child(1){transition-delay:.18s}.menu-overlay.open nav a:nth-child(2){transition-delay:.24s}.menu-overlay.open nav a:nth-child(3){transition-delay:.3s}.menu-overlay.open nav a:nth-child(4){transition-delay:.36s}
.package-item{transition:padding .3s,background .3s,opacity .65s var(--item-delay),transform .65s var(--item-delay);opacity:0;transform:translateY(28px)}.package-item.is-visible{opacity:1;transform:none}
[data-reveal-section] .section-kicker,[data-reveal-section] h2,[data-reveal-section] .studio-copy>p,[data-reveal-section] .packages-heading p,[data-reveal-section] .contact-intro>p,[data-reveal-section] .contact-whatsapp,[data-reveal-section] .contact-form-wrap{opacity:0;transform:translateY(32px);transition:opacity .75s,transform .75s cubic-bezier(.2,.75,.2,1)}
[data-reveal-section].is-visible .section-kicker,[data-reveal-section].is-visible h2,[data-reveal-section].is-visible .studio-copy>p,[data-reveal-section].is-visible .packages-heading p,[data-reveal-section].is-visible .contact-intro>p,[data-reveal-section].is-visible .contact-whatsapp,[data-reveal-section].is-visible .contact-form-wrap{opacity:1;transform:none}
[data-reveal-section].is-visible h2{transition-delay:.08s}[data-reveal-section].is-visible .studio-copy>p,[data-reveal-section].is-visible .packages-heading p,[data-reveal-section].is-visible .contact-intro>p{transition-delay:.16s}[data-reveal-section].is-visible .contact-whatsapp,[data-reveal-section].is-visible .contact-form-wrap{transition-delay:.24s}
@keyframes wordmarkIn{from{opacity:0;transform:translateY(30px);letter-spacing:-.04em}}@keyframes motionFadeIn{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.package-item,[data-reveal-section] *{opacity:1!important;transform:none!important}.pointer-glow,.scroll-progress{display:none!important}.image-wrap::after{display:none!important}.image-wrap img{opacity:1!important;transform:none!important;filter:saturate(.82)!important}}

/* Keep the category controls visually separate from project results. */
@media(min-width:901px){.projects--list{padding-top:205px}.projects--grid{padding-top:225px}.projects--feature{padding-top:225px}}

/* Fixed portfolio controls leave the stage before the editorial sections. */
.identity,.page-label{transition:opacity .35s ease,visibility .35s ease,transform .5s cubic-bezier(.2,.75,.2,1)}
body.beyond-projects .identity{opacity:0;visibility:hidden;transform:translateX(-28px);pointer-events:none}
body.beyond-projects .page-label{opacity:0;visibility:hidden;transform:translateY(-15px)}
body.beyond-projects .topbar{pointer-events:none}
body.beyond-projects .top-actions{pointer-events:auto}
body.beyond-projects .view-switcher{display:none}
@media(max-width:900px){body.beyond-projects .identity{display:none}body.beyond-projects .page-label{display:none}}

/* APAX-inspired featured slideshow */
.projects--feature{position:relative}.projects--feature .project-card{display:none}.projects--feature .project-card.is-featured-active,.projects--feature .project-card.is-featured-leaving{display:block}.projects--feature .project-card.is-featured-leaving{position:absolute;z-index:1;top:225px;left:0;right:13vw;pointer-events:none;animation:featureOut .55s cubic-bezier(.76,0,.24,1) both}.projects--feature .project-card.is-featured-active{position:relative;z-index:2}.projects--feature .project-card.is-featured-entering .image-wrap{animation:featureIn .75s cubic-bezier(.76,0,.24,1) both}.projects--feature .image-wrap{cursor:e-resize}.projects--feature .image-wrap::before{content:'klik untuk proyek berikutnya';position:absolute;z-index:3;left:14px;top:13px;padding:6px 9px;background:rgba(5,5,5,.72);color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.09em;opacity:0;transform:translateY(-5px);transition:.25s;pointer-events:none}.projects--feature .image-wrap:hover::before{opacity:1;transform:none}.feature-progress{display:none}.projects--feature .is-featured-active .feature-progress{display:block;position:absolute;z-index:4;left:0;bottom:0;width:100%;height:3px;background:rgba(255,255,255,.28);overflow:hidden}.projects--feature .is-featured-active .feature-progress::after{content:'';display:block;width:100%;height:100%;background:var(--orange);transform-origin:left;animation:featureProgress 7s linear both}
@keyframes featureIn{from{clip-path:inset(0 100% 0 0);transform:scale(.985)}to{clip-path:inset(0);transform:none}}@keyframes featureOut{to{opacity:0;transform:scale(.975)}}@keyframes featureProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.projects--feature .project-card.is-featured-leaving{top:20px;left:14px;right:14px}.projects--feature .image-wrap::before{display:none}}
@media(prefers-reduced-motion:reduce){.projects--feature .is-featured-active .feature-progress::after{animation:none;transform:scaleX(1)}}
.projects--feature .project-card.is-featured-active,.projects--feature .project-card.is-featured-leaving{display:block!important}

/* Selected-projects presentation used directly on the home page. */
.projects--selected{display:block;margin-left:365px;padding:225px 20px 120px 0;min-height:100vh}.projects--selected .project-card{width:43%;animation:none}.projects--selected .project-card>a{display:block}.projects--selected .image-wrap{position:fixed;z-index:8;left:59%;right:20px;top:50%;width:auto;aspect-ratio:1/1;transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transition:opacity .18s,visibility .18s,clip-path .72s cubic-bezier(.76,0,.24,1)}.projects--selected .project-card.is-selected-active .image-wrap{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0)}.projects--selected .image-wrap::before,.projects--selected .feature-progress{display:none!important}.projects--selected .image-wrap img{height:calc(100% + 36px);transform:translateY(var(--parallax,0)) scale(1.06)}.projects--selected .project-card.is-selected-active .image-wrap img{transform:translateY(var(--parallax,0)) scale(1)}.projects--selected .project-meta,.projects--selected .project-card:hover .project-meta{display:block;height:auto;opacity:1;padding:5px 0;overflow:visible}.projects--selected .project-meta h2{font-size:clamp(30px,3.4vw,56px);line-height:.95;letter-spacing:-.06em;color:var(--muted);transition:color .25s,transform .25s}.projects--selected .project-card.is-selected-active .project-meta h2{color:var(--fg);transform:translateX(8px)}.projects--selected .project-meta p{display:block;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.09em;opacity:0;transition:opacity .25s;margin:5px 0 0 8px}.projects--selected .project-card.is-selected-active .project-meta p{opacity:1}.projects--selected .project-meta span{display:none}.projects--selected .project-card[hidden]{display:none}.projects--selected+.landing-footer{position:relative;z-index:12}.beyond-projects .projects--selected .image-wrap{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:900px){.projects--selected{margin-left:0;padding:20px 14px 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.projects--selected .project-card{width:auto}.projects--selected .image-wrap{position:relative;inset:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto;clip-path:none;aspect-ratio:4/3}.projects--selected .project-meta,.projects--selected .project-card:hover .project-meta{padding:9px 0 18px}.projects--selected .project-meta h2{font-size:15px;line-height:1.2;color:var(--fg)}.projects--selected .project-card.is-selected-active .project-meta h2{transform:none}.projects--selected .project-meta p,.projects--selected .project-card.is-selected-active .project-meta p{opacity:1;margin-left:0}.beyond-projects .projects--selected .image-wrap{opacity:1!important;visibility:visible!important}}
@media(max-width:540px){.projects--selected{grid-template-columns:1fr}}
.all-projects-link{display:inline-flex;align-items:center;margin-left:7px;padding:6px 0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid var(--soft);transition:color .2s,border-color .2s}.all-projects-link:hover{color:var(--fg);border-color:var(--fg)}
.menu-overlay.open nav a:nth-child(5){transition-delay:.42s}
@media(max-height:760px) and (min-width:541px){.menu-overlay nav a{font-size:clamp(48px,7.5vw,96px)}}

/* Testimonials */
.testimonials-section{padding:140px 20px;background:var(--bg);color:var(--fg)}.testimonials-heading{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-bottom:100px}.testimonials-heading h2{margin:0;max-width:11ch;font-size:clamp(52px,7.5vw,116px);line-height:.88;letter-spacing:-.07em;font-weight:600}.testimonial-list{border-top:1px solid var(--soft)}.testimonial-item{display:grid;grid-template-columns:70px minmax(0,2fr) minmax(220px,1fr);gap:30px;padding:30px 0;border-bottom:1px solid var(--soft)}.testimonial-index{font-size:10px;color:var(--muted);letter-spacing:.1em}.testimonial-item blockquote{margin:0;max-width:38ch;font-size:clamp(20px,2.35vw,36px);line-height:1.16;letter-spacing:-.04em}.testimonial-person{display:flex;flex-direction:column;align-items:flex-start;padding-top:3px}.testimonial-person strong{font-size:13px;font-weight:500}.testimonial-person span{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.07em}.testimonial-person small{margin-top:auto;padding-top:24px;color:var(--orange);font-size:10px;letter-spacing:.18em}

/* Complete contact information */
.contact-details{grid-column:1/-1;display:grid;grid-template-columns:1.55fr 1fr;gap:24px;margin-top:85px;padding-top:20px;border-top:1px solid rgba(0,0,0,.25)}
.contact-map{min-height:420px;overflow:hidden;background:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.2)}
.contact-map iframe{display:block;width:100%;height:100%;min-height:420px;border:0;filter:grayscale(1) contrast(1.08);transition:filter .3s}
.contact-map:hover iframe{filter:grayscale(.15) contrast(1.03)}
.contact-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(0,0,0,.25);border-left:1px solid rgba(0,0,0,.25)}
.contact-facts>a,.contact-facts>div{min-width:0;padding:22px 18px;border-right:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25);color:#0b0b0b;text-decoration:none;display:flex;flex-direction:column;gap:14px;transition:background .3s}
.contact-facts>a:hover{background:rgba(0,0,0,.06)}
.contact-facts span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:rgba(0,0,0,.75);display:flex;align-items:center;gap:6px}
.contact-facts span i{font-size:12px;color:#0b0b0b}
.contact-facts strong{font-size:16px;line-height:1.4;font-weight:600;word-break:break-word;color:#0b0b0b}
.contact-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;padding-top:12px}
.contact-socials a{color:#0b0b0b;text-decoration:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;padding:8px 16px;border:1px solid rgba(0,0,0,.35);border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;background:rgba(0,0,0,.03)}
.contact-socials a i{font-size:14px;color:inherit}
.contact-socials a:hover{background:#0b0b0b;color:#ffffff;border-color:#0b0b0b;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.menu-overlay.open nav a:nth-child(6){transition-delay:.48s}@media(max-height:820px) and (min-width:541px){.menu-overlay nav a{font-size:clamp(43px,6.6vw,84px)}}
@media(max-width:900px){.testimonials-heading{grid-template-columns:1fr;margin-bottom:60px}.testimonials-heading h2{margin-top:42px}.testimonial-item{grid-template-columns:38px 1fr}.testimonial-person{grid-column:2}.contact-details{grid-template-columns:1fr}.contact-map,.contact-map iframe{min-height:340px}}
@media(max-width:540px){.testimonials-section{padding:90px 15px}.testimonials-heading h2{font-size:50px}.testimonial-item{grid-template-columns:25px 1fr;gap:14px}.testimonial-item blockquote{font-size:21px}.contact-facts{grid-template-columns:1fr}.contact-map,.contact-map iframe{min-height:280px}.contact-socials{gap:14px}}
.projects--feature .project-card.is-featured-leaving{display:none!important;animation:none!important;position:static!important}.projects--feature .project-card.is-featured-entering .image-wrap{animation:featureInClean .76s cubic-bezier(.22,1,.36,1) both}.projects--feature .project-card.is-featured-entering .project-meta{animation:metaIn .5s .16s ease both}
@keyframes featureInClean{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes metaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}