*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.08;letter-spacing:-.045em}p{color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.section{padding-block:110px}.compact{padding-top:24px}.icon{width:22px;height:22px;flex:none}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:650;display:block;color:var(--muted);margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 25px;border-radius:100px;font-weight:600;font-size:14px;border:1px solid transparent;transition:background .2s,transform .2s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn.small{min-height:44px;padding:10px 18px;font-size:13px}.icon-btn{height:44px;width:44px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);display:grid;place-items:center}.muted{color:var(--muted)}:root{--border:#11111115}[data-theme=dark]{--bg:var(--dark-bg);--surface:var(--dark-surface);--text:var(--dark-text);--muted:#a4a4b0;--border:#ffffff20}[data-theme=dark] .btn.primary{background:var(--accent);color:#111}[data-theme=dark] .brand-mark{background:var(--dark-text);color:#111}.skip-link{position:absolute;top:-100px;background:var(--text);color:var(--bg);padding:12px;z-index:300}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border)}@supports(backdrop-filter:blur(16px)){.site-header{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}}.nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:650;font-size:16px;line-height:1.25;letter-spacing:-.03em}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--primary);color:white;font-size:14px;letter-spacing:-.06em}.brand small{display:block;font-size:9px;letter-spacing:.22em;color:var(--muted);font-weight:500;margin-top:5px}.desktop-nav{display:flex;gap:26px;font-size:13px;color:var(--muted)}.desktop-nav a:hover,.desktop-nav [aria-current]{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-btn,.mobile-menu,.mobile-dock{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:72px 80px;min-height:720px}.hero-copy h1{font-size:clamp(48px,5.4vw,76px);line-height:1.045;max-width:630px;letter-spacing:-.065em}.hero-copy>p{max-width:420px;margin-top:27px;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:46px;font-size:12px}.hero-note img{border-radius:50%;width:42px;height:42px;object-fit:cover}.hero-note b{font-weight:600}.hero-note span{display:block;color:var(--muted);font-size:12px}.hero-stage{height:570px;position:relative;border-radius:var(--radius);background:#e7e9e5;color:#111;overflow:hidden}.stage-top{display:flex;justify-content:space-between;position:absolute;top:24px;left:26px;right:26px;font-size:10px;font-weight:600;letter-spacing:.09em}.hero-photo{position:absolute;border:7px solid #fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 50px #151a1630}.hero-photo img{width:100%;height:100%;object-fit:cover}.photo-one{width:52%;height:69%;top:15%;left:7%;transform:rotate(-7deg);z-index:2}.photo-two{width:42%;height:54%;right:6%;top:24%;transform:rotate(9deg)}.photo-label{position:absolute;bottom:10px;left:9px;right:9px;text-align:center;background:#fff;border-radius:9px;padding:7px 4px;font-size:8px;letter-spacing:.05em;color:#171717;font-weight:600}.play-chip{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.play-chip .icon{width:45px;height:45px;filter:drop-shadow(0 2px 4px #111)}.stage-bottom{position:absolute;bottom:23px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between}.stage-bottom>span{font-size:22px;line-height:1.1;letter-spacing:-.045em;font-weight:600}.stage-bottom>div{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.06em}.discipline-strip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:24px;font-size:13px;color:var(--muted)}.discipline-strip i{height:4px;width:4px;background:var(--muted);border-radius:50%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.section-head h2,.approach h2,.closing h2,.faq-grid h2{font-size:clamp(32px,4vw,50px)}.section-head>p{font-size:15px;max-width:320px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;min-height:330px;transition:transform .3s,border-color .3s}.service-card:hover{transform:translateY(-7px);border-color:var(--muted)}.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.service-icon{height:48px;width:48px;border:1px solid var(--border);border-radius:14px;display:grid;place-items:center}.service-no{font-size:12px;color:var(--muted)}.service-card h3{font-size:21px;letter-spacing:-.04em;margin-bottom:15px}.service-card p{font-size:13px;line-height:1.8}.card-link{font-size:12px;font-weight:600;margin-top:28px;display:block}.service-card .card-link{margin-top:auto;padding-top:24px}.work-section{background:#151719;color:#fafafa}.work-section .eyebrow{color:#c3c4c9}.work-section .btn.secondary{background:transparent;color:#fff;border-color:#ffffff30}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work-media{aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:#e1e4de;position:relative}.work-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover img{transform:scale(1.04)}.work-badge{position:absolute;top:16px;left:16px;background:#ffffffed;color:#1c1d1f;font-size:11px;border-radius:30px;padding:7px 13px}.work-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.work-meta h3{font-size:18px;line-height:1.3;letter-spacing:-.03em}.work-meta>.icon,.work-meta>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #88888840;border-radius:50%}.work-meta .icon{width:18px;height:18px}.work-type{height:100%;padding:32px;display:flex;flex-direction:column;justify-content:end;color:#141414;background:linear-gradient(135deg,#dfe9de,#c4d7c8)}.work-type span{font-size:12px;text-transform:uppercase}.work-type strong{font-size:40px;line-height:1.1;letter-spacing:-.05em;margin-top:15px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-copy p{margin-top:26px;max-width:450px}.text-link{display:inline-block;border-bottom:1px solid var(--text);padding-block:8px;margin-top:26px;font-size:14px;font-weight:600}.process-item{display:grid;grid-template-columns:42px 1fr;gap:20px;border-bottom:1px solid var(--border);padding-block:25px}.process-item:first-child{padding-top:0}.process-item>span{font-size:13px;color:var(--muted)}.process-item h3{font-size:23px;margin-bottom:12px;letter-spacing:-.035em}.process-item p{font-size:14px}.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border);padding-block:21px}.faq-item:first-child{padding-top:0}.faq-item summary{display:flex;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:15px;font-weight:500}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:24px;line-height:1}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{margin-top:18px;font-size:14px;padding-right:35px}.closing{background:var(--accent);color:#111;display:flex;justify-content:space-between;align-items:center;gap:60px;padding:64px;border-radius:var(--radius);margin-bottom:90px}.closing .eyebrow,.closing p{color:#323832}.closing>div:last-child{max-width:270px}.closing p{margin-bottom:23px;font-size:15px}.closing .btn.primary{background:#111;color:#fff}.site-footer{padding-block:64px 20px;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-intro p{margin-block:20px 12px;font-size:14px}.footer-intro .muted{font-size:13px}.footer-label{font-size:10px;letter-spacing:.13em;display:block;margin-bottom:22px;color:var(--muted)}.footer-grid>div:not(:first-child)>a{display:block;margin-top:12px;font-size:13px;overflow-wrap:anywhere}.footer-bottom{margin-top:70px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.page-heading{padding-top:44px;padding-bottom:60px}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:65px}.page-heading h1{font-size:clamp(42px,6vw,76px);line-height:1.04;max-width:940px}.page-heading>p{font-size:18px;margin-top:25px;max-width:640px}.filter-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.filter-tabs a{border:1px solid var(--border);padding:10px 20px;border-radius:30px;font-size:13px}.filter-tabs a.active{background:var(--text);color:var(--bg)}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:70px;align-items:start}.article-body{max-width:760px;font-size:17px;line-height:1.85}.article-body p{margin-bottom:25px;color:var(--text)}.article-body h2{font-size:30px;margin-top:45px;margin-bottom:23px}.article-body .btn{margin-top:18px}.article-image{width:100%;max-height:700px;object-fit:contain;background:var(--surface);border-radius:var(--radius);margin-bottom:32px}.article-aside{position:sticky;top:130px;padding:35px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.article-aside h3{font-size:29px}.article-aside p{font-size:14px;margin-block:20px 28px}.article-aside .btn{width:100%}.related-title{font-size:38px;margin-bottom:40px}.post-meta{font-size:12px;letter-spacing:.02em;color:var(--muted);margin-block:20px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.blog-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.blog-card>img{aspect-ratio:16/10;object-fit:cover;width:100%;border-radius:12px}.blog-card h2{font-size:24px;line-height:1.2;margin-bottom:15px}.blog-card>p{font-size:14px}.pagination{display:flex;gap:12px;margin-top:36px}.pagination a{height:42px;width:42px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center}.pagination [aria-current]{background:var(--text);color:var(--bg)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.contact-info h2{font-size:38px}.contact-info>p{font-size:16px;margin-top:25px;max-width:330px}.contact-items{margin-top:45px}.contact-items>a,.contact-items>div{display:flex;gap:18px;align-items:center;padding-block:20px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.contact-items .icon{width:25px;height:25px}.contact-items small{display:block;font-size:10px;letter-spacing:.11em;color:var(--muted);margin-bottom:4px}.contact-form{background:var(--surface);padding:40px;border-radius:var(--radius);border:1px solid var(--border);display:grid;gap:20px}.contact-form h3{font-size:24px;margin-bottom:7px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:13px 15px;font-size:15px;min-height:49px;min-width:0}textarea{resize:vertical}.contact-form .consent{display:flex;flex-direction:row;align-items:flex-start;font-size:12px;font-weight:400;gap:12px;color:var(--muted)}.consent input{width:17px;min-height:17px;height:17px;margin-top:3px;accent-color:var(--primary);flex:none}.consent a{text-decoration:underline}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#formStatus{font-size:14px}#formStatus.error{color:#d84343}#formStatus.success{color:#27894a}.empty-state{padding:50px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.empty-state h3{font-size:26px}.empty-state p{margin-block:15px 23px}.work-section .empty-state p{color:#aaa}.error-page{padding-block:120px;text-align:center}.error-page h1{font-size:clamp(36px,6vw,68px)}.error-page p{margin-block:25px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.review{margin:0;padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.review p{font-size:17px;color:var(--text)}.review footer{margin-top:30px;font-size:13px}.review footer span{display:block;color:var(--muted)}.image-dialog{width:min(1000px,95vw);max-height:92vh;border:0;background:#111;padding:45px 15px 15px;border-radius:16px}.image-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.image-dialog img{max-height:80vh;object-fit:contain;margin:auto}.close-dialog{position:absolute;top:3px;right:10px;color:#fff;border:0}.motion-on .reveal{animation:appear .6s both}.motion-on .reveal.pending{opacity:1;animation:none}.motion-on .reveal.visible{animation:appear .65s both}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:790px}.hero-stage{height:610px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.desktop-nav{gap:15px}.desktop-cta{display:none}.hero{gap:35px;min-height:640px}.hero-copy h1{font-size:56px}.hero-stage{height:500px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:300px}.approach,.faq-grid,.contact-grid{gap:50px}.article-layout{gap:35px}.closing{padding:45px}.section{padding-block:80px}.compact{padding-top:24px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.nav-wrap{height:74px;gap:10px}.brand{font-size:14px}.brand-mark{width:37px;height:37px;font-size:12px;border-radius:10px}.brand small{font-size:8px}.desktop-nav{display:none}.menu-btn{display:grid}.nav-actions{gap:7px}.icon-btn{width:38px;height:38px}.mobile-menu{padding:12px 18px 24px;border-top:1px solid var(--border);background:var(--bg)}.mobile-menu:not([hidden]){display:grid}.mobile-menu a{padding:14px 7px;font-size:16px;border-bottom:1px solid var(--border)}.hero{grid-template-columns:1fr;gap:40px;padding-block:44px 40px;min-height:0}.eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.09em}.hero-copy h1{font-size:clamp(42px,10.8vw,70px);line-height:1.055;max-width:550px}.hero-copy>p{margin-top:22px;font-size:15px;max-width:330px}.hero-actions{margin-top:25px;gap:9px}.btn{min-height:50px;padding:14px 20px;font-size:13px}.hero-note{margin-top:28px}.hero-stage{height:450px;max-width:520px;width:100%;margin:auto}.stage-bottom>span{font-size:21px}.discipline-strip{overflow:auto;gap:22px;padding-block:22px;font-size:11px;white-space:nowrap}.discipline-strip i{flex:none}.section{padding-block:60px}.compact{padding-top:10px}.section-head{display:block;margin-bottom:30px}.section-head h2,.approach h2,.closing h2,.faq-grid h2{font-size:36px;line-height:1.11}.section-head>p{margin-top:22px;max-width:350px;font-size:14px}.section-head>.btn{margin-top:24px}.service-grid{gap:12px}.service-card{padding:21px 18px;min-height:307px;border-radius:20px}.service-card-top{margin-bottom:29px}.service-icon{width:42px;height:42px;border-radius:12px}.service-card h3{font-size:19px;line-height:1.2;letter-spacing:-.04em}.service-card p{font-size:12px;line-height:1.7}.card-link{font-size:11px}.portfolio-grid{grid-template-columns:1fr;gap:34px}.work-media{aspect-ratio:5/6;max-height:520px}.work-meta{margin-top:16px}.work-meta h3{font-size:18px}.approach,.faq-grid,.contact-grid,.article-layout{grid-template-columns:1fr;gap:38px}.approach-copy p{font-size:15px}.process-item{padding-block:23px;gap:12px;grid-template-columns:34px 1fr}.process-item h3{font-size:22px}.process-item p{font-size:14px}.faq-item summary{font-size:14px}.faq-grid{border-top:0}.closing{width:calc(100% - 36px);margin-bottom:55px;padding:34px 27px;display:block}.closing>div:last-child{margin-top:28px;max-width:none}.closing p{font-size:14px}.site-footer{padding-top:44px;padding-bottom:100px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-intro{grid-column:1/-1}.footer-label{margin-bottom:16px}.footer-grid>div:not(:first-child)>a{font-size:12px}.footer-bottom{margin-top:38px;display:flex;flex-wrap:wrap;font-size:10px;gap:14px}.footer-bottom>span{width:100%}.mobile-dock{position:fixed;z-index:120;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--border);padding:10px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 25px #00000008}.mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);min-height:44px;font-size:10px}.mobile-dock .icon{width:20px;height:20px}.mobile-dock [aria-current]{color:var(--text);font-weight:650}.page-heading{padding-top:24px;padding-bottom:38px}.breadcrumbs{margin-bottom:40px;font-size:11px;flex-wrap:wrap}.page-heading h1{font-size:46px;overflow-wrap:anywhere}.page-heading>p{font-size:16px;margin-top:20px}.article-body{font-size:16px;line-height:1.85}.article-body h2{font-size:27px}.article-aside{position:static;padding:28px}.article-aside h3{font-size:29px}.blog-grid,.review-grid{grid-template-columns:1fr}.contact-info h2{font-size:34px}.contact-info>p{font-size:15px;max-width:none}.contact-items{margin-top:25px}.contact-form{padding:24px 20px;gap:18px}.form-row{grid-template-columns:1fr;gap:18px}.contact-form h3{font-size:23px}.contact-items>a,.contact-items>div{font-size:14px}.filter-tabs{gap:8px;margin-bottom:30px}.filter-tabs a{font-size:12px;padding:9px 15px}.empty-state{padding:34px 20px}.related-title{font-size:32px}.error-page{padding-block:90px}.image-dialog{width:96vw}.review p{font-size:16px}}
@media(max-width:360px){.hero-copy h1{font-size:38px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.brand{font-size:12px}.hero-stage{height:380px}.stage-bottom>div{font-size:8px}.hero-actions .btn{flex:1;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-on .reveal.pending{opacity:1}}
/* Agabalayew Media 3.0 — premium editorial design layer */
:root{--shadow-soft:0 24px 70px rgba(16,18,18,.065);--ease-premium:cubic-bezier(.2,.8,.2,1)}
html{scroll-padding-top:115px}
body{overflow-x:clip;letter-spacing:-.012em}
::selection{background:var(--accent);color:#101414}
.container{width:min(1300px,calc(100% - 96px))}
.section{padding-block:118px}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:.17em;color:var(--muted)}
.btn{transition:transform .25s var(--ease-premium),background .25s,border-color .25s,box-shadow .25s;letter-spacing:-.005em}
.btn .icon{width:16px;height:16px;transition:transform .25s var(--ease-premium)}
.btn:hover .icon,.text-link:hover .icon,.section-endnote a:hover .icon{transform:translate(3px,-3px)}
.btn.primary{background:#151818;color:#fff;box-shadow:0 9px 24px rgba(15,20,18,.1)}
.btn.primary:hover{background:#292d29;box-shadow:0 14px 26px rgba(15,20,18,.13)}
.btn.secondary{background:transparent;border-color:var(--border)}
.btn.secondary:hover{background:var(--surface);border-color:#a1a6a1}
[data-theme=dark] .btn.primary{background:var(--accent);color:#0e1511}
[data-theme=dark] .btn.primary:hover{background:#d7ffa6}
[data-theme=dark] .btn.secondary:hover{background:var(--surface)}
.site-header{border-color:var(--border)}
@supports (backdrop-filter:blur(20px)){.site-header{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}}
.nav-wrap{height:86px}
.brand{font-weight:800;letter-spacing:-.055em;gap:13px}
.brand-mark{border-radius:15px;width:46px;height:46px;background:#101616;color:var(--accent);font-size:15px;box-shadow:inset 0 1px 0 #ffffff24}
[data-theme=dark] .brand-mark{background:var(--accent);color:#111}
.brand small{font-weight:700;font-size:9px;letter-spacing:.24em;margin-top:5px}
.desktop-nav{gap:30px;font-weight:650;letter-spacing:-.012em}
.desktop-nav a{transition:color .2s;position:relative;white-space:nowrap}
.desktop-nav a:after{content:"";height:2px;bottom:-9px;left:0;width:0;position:absolute;background:var(--text);transition:width .2s}
.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{width:100%}
.nav-actions{gap:12px}
.icon-btn{transition:background .2s,border-color .2s,transform .2s}
.icon-btn:hover{background:var(--surface);transform:translateY(-1px);border-color:#9b9d97}
.hero{grid-template-columns:1.04fr .96fr;gap:clamp(32px,5.5vw,90px);padding-block:82px 88px;min-height:725px;align-items:center}
.hero-kicker{display:inline-flex;align-items:center;gap:11px;max-width:100%;flex-wrap:wrap;color:var(--muted);letter-spacing:.15em;font-size:11px;font-weight:750;margin-bottom:30px}
.status-dot{width:8px;height:8px;border-radius:50%;background:#92b74f;box-shadow:0 0 0 5px #a0c36f22;flex:none}
.hero-copy h1{max-width:680px;font-size:clamp(52px,5.1vw,84px);font-weight:750;letter-spacing:-.078em;line-height:1.035;text-wrap:balance}
.hero-copy>p{max-width:490px;font-size:17px;line-height:1.8;margin-top:29px;letter-spacing:-.012em}
.hero-actions{margin-top:34px;gap:11px}
.hero-actions .btn{min-height:57px;padding-inline:22px}
.hero-divider{height:1px;background:var(--border);margin-top:60px;max-width:515px}
.hero-bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:515px}
.hero-note{margin-top:22px}
.hero-note img{width:46px;height:46px;border:2px solid var(--surface);box-shadow:0 2px 12px #00000011}
.hero-note b{font-weight:800}
.scroll-cue{white-space:nowrap;align-self:end;margin-bottom:9px;font-weight:800;font-size:9px;letter-spacing:.12em;display:inline-flex;align-items:center;gap:12px;color:var(--muted)}
.scroll-cue span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);font-size:15px;color:var(--text)}
.hero-stage{height:565px;min-width:0;background:#171c19;color:#fafbf7;border:1px solid #2d3932;isolation:isolate;box-shadow:0 26px 70px rgba(4,16,9,.13)}
.stage-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,#71845768,transparent 47%),radial-gradient(circle at 92% 85%,#738e692f,transparent 50%),linear-gradient(135deg,#1a241f,#121815);z-index:-1}
.hero-stage:after{content:"";position:absolute;width:530px;height:530px;border:1px solid #ffffff16;border-radius:50%;top:6%;left:-44%;pointer-events:none}
.stage-top{top:26px;left:27px;right:27px;color:#e1e6de;font-size:10px;font-weight:750;letter-spacing:.13em}
.hero-photo{border:5px solid #f9faf7;border-radius:20px;box-shadow:0 25px 60px #00000075;transition:filter .35s}
.photo-one{left:11%;width:51%;height:67%;top:16%;transform:rotate(-9deg)}
.photo-two{right:8%;width:43%;height:57%;top:23%;transform:rotate(10deg)}
.photo-label{background:#f8faf5;color:#1c231f;letter-spacing:.09em;font-weight:800;padding:9px 6px}
.play-chip{background:var(--accent)!important;color:#141a15!important}
.stage-bottom{bottom:25px;left:27px;right:27px;z-index:3;color:#f8faf5}
.stage-bottom>span{font-size:25px;font-weight:750;letter-spacing:-.07em}
.stage-bottom>div{font-size:9px;letter-spacing:.1em;color:#e3e8e1;white-space:nowrap}
.period{color:var(--accent)}
.stage-stamp{position:absolute;right:22%;bottom:16%;font-size:120px;line-height:1;font-weight:900;color:#ffffff10;pointer-events:none;z-index:0}
.stage-stamp span{font-size:20px;vertical-align:top}
.discipline-strip{border-block:1px solid var(--border);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:22px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:11px}
.discipline-strip i{width:5px;height:5px;border-radius:50%;background:#94b85b}
.section-head{align-items:end;gap:34px;margin-bottom:47px}
.section-head h2,.approach h2,.closing h2,.faq-grid h2{font-size:clamp(39px,4.35vw,65px);font-weight:740;letter-spacing:-.075em;line-height:1.08;text-wrap:balance}
.section-head>p,.section-action p{max-width:330px;font-size:15px;line-height:1.9}
.section-action{max-width:320px;display:flex;flex-direction:column;align-items:start;gap:18px}
.accent-period{color:#8faf57}
.service-grid{gap:15px}
.service-card{position:relative;isolation:isolate;min-height:352px;border-radius:22px;padding:28px 24px;background:var(--surface);border:1px solid var(--border);overflow:hidden;box-shadow:0 3px 14px #00000005;transition:transform .35s var(--ease-premium),border-color .35s,box-shadow .35s}
.service-card:before{content:"";position:absolute;right:-60px;top:-100px;width:190px;height:190px;background:radial-gradient(circle,#a4cf6922,transparent 71%);opacity:0;transition:opacity .25s;z-index:-1}
.service-card:hover{transform:translateY(-6px);border-color:#9fac91;box-shadow:var(--shadow-soft)}
.service-card:hover:before{opacity:1}
.service-icon{background:color-mix(in srgb,var(--bg) 86%,var(--accent));color:var(--text);border-radius:15px}
.service-card h3{font-weight:740;letter-spacing:-.055em}
.service-card p{line-height:1.72}
.service-no{font-size:11px;font-weight:750;letter-spacing:.08em}
.card-link{display:flex;align-items:center;gap:8px;font-weight:750}
.card-link .icon{width:17px;height:17px}
.section-endnote{padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:13px}
.section-endnote a{color:var(--text);font-weight:800;display:flex;gap:9px;align-items:center}
.section-endnote .icon{width:16px;height:16px;transition:transform .2s}
.work-section{background:#121715;color:#f7f8f5;position:relative;overflow:hidden}
.work-section:before{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 95% 5%,#99ba6820,transparent 42%)}
.work-section .container{position:relative}
.work-section .eyebrow{color:#a2b49f}
.work-section .section-action p{color:#a8b2aa}
.work-section .btn.secondary{border-color:#546056;background:#ffffff05;color:#fff}
.work-section .btn.secondary:hover{background:#ffffff14;border-color:#d4ddce}
.work-section .accent-period{color:var(--accent)}
.portfolio-grid{gap:24px}
.work-media{border-radius:20px;overflow:hidden;background:#333b35}
.work-media:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#0000002e)}
.work-media img{transition:transform .6s var(--ease-premium)}
.work-card:hover img{transform:scale(1.065)}
.work-badge{z-index:2;border-radius:100px;background:#f8faf5!important;color:#19201a!important;font-size:10px;font-weight:800;letter-spacing:.02em}
.work-meta{gap:20px;display:flex;justify-content:space-between;align-items:center}
.work-meta h3{font-weight:730;letter-spacing:-.045em}
.work-arrow{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff40;flex:none;transition:background .2s,color .2s}
.work-arrow .icon{width:18px;height:18px}
.work-card:hover .work-arrow{background:var(--accent);border-color:var(--accent);color:#111}
.approach{grid-template-columns:.88fr 1.12fr;gap:clamp(50px,10vw,160px)}
.approach-copy{position:relative}
.approach-copy p{max-width:475px;line-height:1.85}
.text-link{font-weight:800;display:inline-flex;align-items:center;gap:8px}
.text-link .icon{width:16px;height:16px;transition:transform .2s}
.approach-signature{display:flex;align-items:end;gap:10px;font-size:120px;font-weight:850;letter-spacing:-.13em;line-height:1;color:color-mix(in srgb,var(--text) 10%,transparent);margin-top:55px;user-select:none}
.approach-signature span{max-width:100px;line-height:1.3;font-size:10px;letter-spacing:.13em;color:var(--muted);margin-bottom:15px;font-weight:750}
.process-item{grid-template-columns:36px minmax(0,1fr) 22px;gap:24px;padding-block:32px;transition:padding .2s}
.process-item:first-child{padding-top:8px}
.process-item>span{font-weight:800;font-size:12px;color:#87a254}
.process-item h3{font-size:24px;font-weight:750;letter-spacing:-.05em;margin-bottom:11px}
.process-item p{line-height:1.75;max-width:410px}
.process-item>.icon{width:20px;height:20px;color:var(--muted);transition:transform .25s}
.process-item:hover>.icon{transform:translate(3px,-3px);color:var(--text)}
.review{box-shadow:0 4px 24px #00000006;border-radius:22px}
.review p{line-height:1.85}
.faq-grid>div:first-child>p{margin-top:20px}
.faq-item summary{font-weight:730;transition:color .2s}
.faq-item summary:hover{color:#90a959}
.faq-item summary span{transition:transform .25s}
.faq-item[open] summary span{transform:rotate(45deg)}
.closing{position:relative;overflow:hidden;border-radius:26px;background:#b9ea7a;color:#111d14;padding:70px;box-shadow:0 14px 32px #85b34a1c}
.closing:after{content:"✳";position:absolute;right:27%;top:-52%;font-size:340px;opacity:.065;pointer-events:none;line-height:1}
.closing .btn.primary{background:#111b14;color:#fff}
.closing h2{position:relative;z-index:1}
.site-footer{border-top:1px solid var(--border)}
.footer-grid{gap:45px}
.footer-bottom{border-color:var(--border)}
.page-heading h1{font-weight:760;letter-spacing:-.08em;text-wrap:balance}
.page-heading>p{line-height:1.75}
.article-aside,.contact-form{box-shadow:0 8px 40px #00000007;border-radius:24px}
.article-body img,.article-image{border-radius:18px}
.contact-form{padding:44px;gap:17px}
.contact-form .eyebrow{margin:0}
.contact-form h3{font-size:27px;letter-spacing:-.05em;margin:0}
.form-intro{font-size:13px;line-height:1.7;margin-bottom:5px}
.form-notice{padding:13px 15px;border-radius:12px;font-size:13px}
.form-notice.success{background:#e7f7eb;color:#205b37}
.form-notice.error{background:#ffeded;color:#9f3232}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{transition:box-shadow .2s,border-color .2s,background .2s}
.contact-form input:not([type=checkbox]):focus,.contact-form select:focus,.contact-form textarea:focus{box-shadow:0 0 0 4px #b7fa6d35;border-color:#8bb454;outline:0}
#formStatus:not(:empty){padding:13px 16px;border-radius:12px;font-size:13px;line-height:1.6}
#formStatus.success{background:#e7f7eb;color:#245633}
#formStatus.error{background:#ffeded;color:#9f3232}
.contact-form button[disabled]{opacity:.62;cursor:wait;transform:none}
.mobile-menu[hidden],.admin-scrim[hidden]{display:none!important}
.empty-state{border-radius:23px}
@media(min-width:1500px){.hero{min-height:780px}.hero-stage{height:600px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.section{padding-block:90px}.hero{gap:32px}.hero-copy h1{font-size:clamp(49px,5.1vw,66px)}.hero-stage{height:520px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:290px}.approach{gap:60px}.desktop-nav{gap:17px}}
@media(max-width:760px){
.container{width:calc(100% - 36px)}.section{padding-block:70px}.compact{padding-top:12px}
.nav-wrap{height:72px}.brand{font-size:14px;gap:9px}.brand-mark{width:39px;height:39px;border-radius:12px}.desktop-nav{display:none}.nav-actions{gap:7px}
.mobile-menu:not([hidden]){display:grid;position:absolute;left:12px;right:12px;top:calc(100% + 7px);padding:12px 18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 20px 50px #00000023;z-index:150;animation:nav-in .2s both}
.mobile-menu a{font-weight:750;padding:14px 8px;font-size:15px}
.hero{min-height:0;grid-template-columns:1fr;gap:34px;padding-block:51px 36px}
.hero-kicker{font-size:10px;letter-spacing:.11em;margin-bottom:23px}
.hero-copy h1{font-size:clamp(43px,11vw,66px);max-width:580px;line-height:1.05;letter-spacing:-.075em}
.hero-copy>p{font-size:15px;line-height:1.72;margin-top:19px}
.hero-actions{margin-top:27px}.hero-actions .btn{min-height:52px;padding-inline:18px;flex:none}
.hero-divider{margin-top:28px}.hero-bottomline{align-items:center}.hero-note{margin-top:17px}.scroll-cue{font-size:8px;gap:7px;margin:0}
.hero-stage{width:100%;height:470px;max-width:560px;margin-inline:auto;border-radius:23px}
.stage-top{font-size:9px}.stage-bottom>span{font-size:24px}
.discipline-strip{padding-block:20px;font-size:10px;justify-content:initial;gap:21px;scrollbar-width:none}.discipline-strip::-webkit-scrollbar{display:none}
.section-head h2,.approach h2,.closing h2,.faq-grid h2{font-size:clamp(36px,8.3vw,47px)}
.section-head{margin-bottom:30px}.section-head>p{margin-top:18px}.section-action{margin-top:22px;gap:14px}
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{min-height:285px;padding:23px 19px;border-radius:19px}
.service-card h3{font-size:18px}.service-card p{font-size:12px}.card-link{font-size:11px}.service-card-top{margin-bottom:26px}
.section-endnote{flex-wrap:wrap;font-size:12px}
.portfolio-grid{grid-template-columns:1fr;gap:33px}.work-media{max-height:none;aspect-ratio:5/6}.work-meta h3{font-size:19px}
.approach,.faq-grid,.contact-grid,.article-layout{grid-template-columns:1fr;gap:35px}.approach-signature{display:none}.process-item{gap:13px;grid-template-columns:31px minmax(0,1fr) 18px;padding-block:24px}.process-item h3{font-size:21px}.process-item>.icon{width:17px;height:17px}
.faq-grid>div:first-child>p{margin-top:14px}.closing{padding:35px 27px;border-radius:23px;margin-bottom:52px}.closing:after{font-size:170px;right:-20px;top:-35%}
.contact-form{padding:26px 21px;gap:16px}.contact-form h3{font-size:25px}.contact-form .eyebrow{margin:0}.contact-info h2{font-size:36px}
.site-footer{padding-bottom:110px}.mobile-dock{background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -12px 36px #00000009;z-index:110}.mobile-dock [aria-current] .icon{color:#7c9b4c}
.page-heading h1{font-size:clamp(42px,10vw,58px)}
}
@media(max-width:420px){.hero-actions{display:grid;grid-template-columns:1fr;max-width:330px}.hero-actions .btn{width:100%;justify-content:space-between}.hero-stage{height:410px}.stage-top{font-size:8px}.stage-bottom>div{font-size:7px}.photo-one{left:10%}.service-card{padding:19px 15px;min-height:305px}.service-card h3{font-size:17px}.service-card p{line-height:1.58}.service-card-top{margin-bottom:18px}.service-icon{width:38px;height:38px}.scroll-cue{display:none}}
@media(max-width:360px){.hero-stage{height:365px}.hero-copy h1{font-size:40px}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.brand{font-size:12px}}
@media(hover:none){.service-card:hover,.btn:hover,.work-card:hover img,.icon-btn:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.mobile-menu:not([hidden]){animation:none}.stage-glow{animation:none}}
@keyframes nav-in{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}