@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{
 --sand:#F5EDE3;--sand2:#EDE0D0;--paper:#FDFAF6;
 --clay:#C2703D;--clay-d:#8A4A24;--clay-l:#D98E5E;
 --earth:#3D2C1E;--earth2:#54402E;
 --ink:#2A1D12;--dim:#6B5744;--faint:#9A8672;--line:#DFCDB6;
 --sans:'Sora',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;
 --arch:999px 999px 0 0;--r:14px;--sh:0 22px 54px -26px rgba(60,40,20,.4);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--sand);color:var(--dim);line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}
.container{max-width:1200px;margin:0 auto;padding:0 44px}
.nav{position:sticky;top:0;z-index:60;background:rgba(245,237,227,.94);backdrop-filter:blur(14px);padding:20px 0;border-bottom:1px solid var(--line)}
.nav .container{display:flex;align-items:center;justify-content:space-between}
.nav-logo img{height:34px}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{font-family:var(--sans);font-size:13.5px;font-weight:500;color:var(--dim);transition:color .2s}
.nav-links a:hover{color:var(--clay)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 34px;border-radius:100px;font-family:var(--sans);font-weight:600;font-size:14px;border:1.5px solid transparent;cursor:pointer;transition:all .25s}
.btn-clay{background:var(--clay);color:#fff}
.btn-clay:hover{background:var(--clay-d);transform:translateY(-2px)}
.nav-links a.btn-clay{color:#fff;padding:11px 24px}
.btn-line{border-color:var(--line);color:var(--earth)}
.btn-line:hover{border-color:var(--clay);color:var(--clay)}
.btn-earth{background:var(--earth);color:var(--sand)}
.btn-earth:hover{background:var(--earth2)}
.hero{padding:86px 0 100px;position:relative;overflow:hidden}
.sun{position:absolute;top:-140px;right:-100px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(194,112,61,.16),transparent 66%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;position:relative;z-index:2}
.kick{display:flex;align-items:center;gap:14px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--clay);margin-bottom:26px}
.kick::before{content:'';width:40px;height:2px;background:var(--clay);border-radius:2px}
.hero h1{font-family:var(--sans);font-size:66px;font-weight:600;line-height:1.04;letter-spacing:-.035em;color:var(--earth);margin-bottom:26px}
.hero h1 span{color:var(--clay)}
.hero p.lede{font-size:17px;max-width:500px;margin-bottom:38px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.arch{border-radius:var(--arch);overflow:hidden;box-shadow:var(--sh);position:relative}
.arch img{width:100%;height:540px;object-fit:cover}
.arch-badge{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);background:var(--sand);padding:14px 26px;border-radius:100px;box-shadow:var(--sh);font-family:var(--sans);font-size:13px;font-weight:600;color:var(--earth);white-space:nowrap}
.band{background:var(--earth);color:var(--sand);padding:52px 0}
.band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.band-grid div{text-align:center}
.band-grid b{display:block;font-family:var(--sans);font-size:42px;font-weight:600;letter-spacing:-.03em;color:var(--clay-l);line-height:1}
.band-grid span{display:block;font-size:13px;color:rgba(245,237,227,.55);margin-top:9px}
.section{padding:110px 0}
.bg-sand2{background:var(--sand2)}
.bg-earth{background:var(--earth);color:var(--sand)}
.tagline{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--clay);margin-bottom:16px;display:block}
.sec-head{max-width:700px;margin-bottom:62px}
.sec-head.ctr{margin-left:auto;margin-right:auto;text-align:center}
.sec-head h2{font-family:var(--sans);font-size:48px;font-weight:600;letter-spacing:-.035em;line-height:1.06;color:var(--earth);margin-bottom:16px}
.sec-head h2 span{color:var(--clay)}
.sec-head p{font-size:17px}
.bg-earth .sec-head h2{color:var(--sand)}.bg-earth .sec-head p{color:rgba(245,237,227,.6)}
.arch-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.ac{text-align:center}
.ac-img{border-radius:var(--arch);overflow:hidden;margin-bottom:26px;box-shadow:var(--sh)}
.ac-img img{width:100%;height:300px;object-fit:cover;transition:transform .6s}
.ac:hover .ac-img img{transform:scale(1.05)}
.ac .num{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--clay);display:block;margin-bottom:10px}
.ac h3{font-family:var(--sans);font-size:23px;font-weight:600;color:var(--earth);margin-bottom:12px}
.ac p{font-size:14.5px;max-width:340px;margin:0 auto}
.wide-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:32px;background:var(--paper)}
.wide-row.flip .wr-img{order:2}
.wr-img{min-height:400px;overflow:hidden}
.wr-img img{width:100%;height:100%;min-height:400px;object-fit:cover}
.wr-body{padding:56px 52px;display:flex;flex-direction:column;justify-content:center}
.wr-body .num{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--clay);margin-bottom:14px}
.wr-body h3{font-family:var(--sans);font-size:30px;font-weight:600;color:var(--earth);margin-bottom:14px;letter-spacing:-.02em}
.wr-body p{font-size:15.5px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split.flip .split-img{order:2}
.split-img{border-radius:var(--arch);overflow:hidden;box-shadow:var(--sh)}
.split-img img{width:100%;height:480px;object-fit:cover}
.split-body h2{font-family:var(--sans);font-size:42px;font-weight:600;letter-spacing:-.03em;line-height:1.08;color:var(--earth);margin-bottom:22px}
.split-body h2 span{color:var(--clay)}
.split-body p{font-size:16px;margin-bottom:17px}
.split-body p b{color:var(--earth);font-weight:600}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.step{border-top:2px solid var(--clay);padding-top:24px}
.step .n{font-family:var(--sans);font-size:34px;font-weight:600;color:var(--clay);line-height:1;margin-bottom:14px}
.step h3{font-family:var(--sans);font-size:20px;font-weight:600;color:var(--earth);margin-bottom:10px}
.step p{font-size:14px}
.bg-earth .step{border-color:var(--clay-l)}
.bg-earth .step h3{color:var(--sand)}.bg-earth .step p{color:rgba(245,237,227,.55)}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.tm{text-align:center}
.tm-img{border-radius:var(--arch);overflow:hidden;margin-bottom:20px;box-shadow:var(--sh)}
.tm-img img{width:100%;height:280px;object-fit:cover}
.tm h3{font-family:var(--sans);font-size:19px;font-weight:600;color:var(--earth);margin-bottom:4px}
.tm .role{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin-bottom:11px}
.tm p{font-size:13.5px}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.q{background:var(--paper);border-radius:var(--r);padding:36px;border-bottom:3px solid var(--clay)}
.q .mk{font-family:var(--sans);font-size:46px;color:var(--clay);opacity:.35;line-height:.6;display:block;margin-bottom:20px}
.q blockquote{font-size:16px;color:var(--earth);line-height:1.75;margin-bottom:24px}
.q .who{display:flex;align-items:center;gap:12px}
.q .who img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.q .who strong{display:block;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--earth)}
.q .who span{display:block;font-size:11.5px;color:var(--faint)}
.page-hero{padding:78px 0 64px;position:relative;overflow:hidden}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-family:var(--sans);font-size:60px;font-weight:600;letter-spacing:-.035em;line-height:1.06;color:var(--earth);margin-bottom:16px}
.page-hero h1 span{color:var(--clay)}
.page-hero p{font-size:17px;max-width:600px}
.page-arch{border-radius:var(--arch);overflow:hidden;box-shadow:var(--sh);max-width:1000px;margin:0 auto}
.page-arch img{width:100%;height:440px;object-fit:cover}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.p{background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .3s}
.p:hover{transform:translateY(-5px)}
.p-img{height:250px;overflow:hidden}
.p-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.p:hover .p-img img{transform:scale(1.05)}
.p-b{padding:34px}
.p-tag{display:inline-block;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin-bottom:14px}
.p-b h3{font-family:var(--sans);font-size:25px;font-weight:600;color:var(--earth);margin-bottom:12px;letter-spacing:-.02em}
.p-b p{font-size:14.5px}
.about-grid{display:grid;grid-template-columns:1.4fr .85fr;gap:70px;align-items:start}
.about-grid h2{font-family:var(--sans);font-size:42px;font-weight:600;letter-spacing:-.03em;color:var(--earth);margin-bottom:24px}
.about-grid p{font-size:16px;margin-bottom:18px}
.sidebar{background:var(--earth);color:var(--sand);border-radius:var(--r);padding:40px}
.sidebar h4{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--clay-l);margin-bottom:24px}
.sidebar li{padding:17px 0;border-top:1px solid rgba(245,237,227,.14);font-size:14.5px;color:rgba(245,237,227,.72)}
.sidebar li:first-child{border-top:none}
.label{display:block;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clay-l);margin-bottom:5px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.gal-item{border-radius:var(--arch);overflow:hidden;height:300px;position:relative;box-shadow:var(--sh)}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gal-item:hover img{transform:scale(1.05)}
.gal-cap{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,rgba(61,44,30,.9));color:var(--sand);font-family:var(--sans);font-size:14px;font-weight:600;text-align:center}
.role-row{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-top:1px solid var(--line);gap:20px;flex-wrap:wrap}
.role-row:first-child{border-top:none}
.role-row h3{font-family:var(--sans);font-size:21px;font-weight:600;color:var(--earth);margin-bottom:5px}
.role-meta{font-size:13px;color:var(--faint)}
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.perk{background:var(--paper);border-radius:var(--r);padding:26px;font-size:14.5px;font-weight:500;color:var(--earth);border-left:3px solid var(--clay)}
.faq{max-width:860px}
.faq-item{padding:30px 0;border-top:1px solid var(--line)}
.faq-item:first-child{border-top:none}
.faq-item h3{font-family:var(--sans);font-size:21px;font-weight:600;color:var(--earth);margin-bottom:11px}
.faq-item p{font-size:15.5px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.contact-info li{padding:22px 0;border-top:1px solid var(--line);font-size:15px}
.contact-info li:first-child{border-top:none}
.contact-info .label{color:var(--clay)}
.form-card{background:var(--paper);border-radius:var(--r);padding:46px;box-shadow:var(--sh)}
.form-card h4{font-family:var(--sans);font-size:27px;font-weight:600;color:var(--earth);margin-bottom:8px}
.form-card>p{font-size:14px;color:var(--faint);margin-bottom:28px}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.form-group input,.form-group textarea{width:100%;padding:14px 18px;border:1px solid var(--line);border-radius:100px;font-size:15px;font-family:inherit;background:var(--sand);color:var(--ink)}
.form-group textarea{border-radius:var(--r);min-height:130px;resize:vertical}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--clay)}
.cta{background:var(--clay);color:#fff;padding:100px 0;text-align:center}
.cta h2{font-family:var(--sans);font-size:48px;font-weight:600;letter-spacing:-.035em;margin-bottom:16px;line-height:1.06}
.cta p{font-size:17px;opacity:.86;margin-bottom:34px;max-width:560px;margin-left:auto;margin-right:auto}
footer{background:var(--earth);color:var(--sand);padding:80px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:46px;padding-bottom:54px}
.footer-col img{height:32px;margin-bottom:18px}
.footer-col>p{font-size:13.5px;color:rgba(245,237,227,.38);line-height:1.85;max-width:300px}
.footer-col h5{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--clay-l);margin-bottom:20px}
.footer-col li{margin-bottom:11px;font-size:13.5px;color:rgba(245,237,227,.38)}
.footer-col a:hover{color:var(--clay-l)}
.footer-bottom{border-top:1px solid rgba(245,237,227,.12);padding-top:24px;display:flex;justify-content:space-between;font-size:12px;color:rgba(245,237,227,.28);flex-wrap:wrap;gap:12px}
@media(max-width:980px){
 .nav-links{display:none}
 .hero h1{font-size:40px}.page-hero h1{font-size:36px}.sec-head h2,.cta h2,.split-body h2{font-size:31px}
 .hero-grid,.band-grid,.arch-cards,.wide-row,.split,.steps,.team,.quotes,.pgrid,.about-grid,.gal,.perks,.contact-grid,.footer-grid{grid-template-columns:1fr !important}
 .wide-row.flip .wr-img,.split.flip .split-img{order:0}
 .arch img,.split-img img,.page-arch img{height:320px}
 .wr-img,.wr-img img{min-height:240px}.wr-body{padding:36px 28px}
 .container{padding:0 22px}
}
