:root{
  --ivory:#f4f0e7;
  --ivory2:#e6dfd2;
  --black:#090a0b;
  --black2:#151719;
  --amber:#efad28;
  --sun:#ffd66b;
  --burnt:#d96b43;
  --olive:#6e785d;
  --white:#fff;
  --text:#151719;
  --muted:#6e7475;
  --line:rgba(21,23,25,.14);
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--ivory);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
section{padding:108px 0}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.052em}
h1{font-size:clamp(4rem,8.6vw,9rem);line-height:.82;font-weight:700}
h2{font-size:clamp(2.7rem,5.1vw,5.35rem);line-height:.93;font-weight:655}
h3{font-size:clamp(1.4rem,2vw,2rem);line-height:1.05;font-weight:640}
p{line-height:1.68}
.muted{color:var(--muted)}
.kicker{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:830}
.eyebrow{display:flex;align-items:center;gap:11px;font-size:.71rem;letter-spacing:.18em;text-transform:uppercase;font-weight:820}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--sun)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 23px;border-radius:999px;border:1px solid transparent;font-weight:680;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-sun{background:var(--sun);color:var(--black)}
.btn-dark{background:var(--black);color:#fff}
.btn-light{background:#fff;color:var(--black)}
.btn-ghost{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}

.site-header{position:absolute;inset:0 0 auto;z-index:100;color:#fff}
.nav-shell{height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.14)}
.brand{justify-self:start;display:flex;align-items:center;gap:13px}
.brand-mark{width:47px;height:47px;position:relative}
.brand-mark:before{content:"";position:absolute;width:34px;height:34px;border-radius:50%;background:var(--sun);left:0;top:0;box-shadow:14px 12px 0 -5px var(--black),14px 12px 0 -3px rgba(255,255,255,.38)}
.brand-mark:after{content:"IS";position:absolute;left:8px;top:8px;font-size:.66rem;font-weight:950;color:var(--black);letter-spacing:-.06em}
.brand-copy{display:grid;line-height:1}
.brand-copy strong{font-size:1rem;font-weight:800;letter-spacing:.11em}
.brand-copy span{font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:#c9cdca;margin-top:5px}
.nav-links{display:flex;gap:30px;align-items:center;justify-content:center;font-size:.91rem;font-weight:460}
.nav-links>a,.nav-dropdown-trigger{opacity:.82;position:relative}
.nav-links>a:hover,.nav-links>a.active,.nav-dropdown:hover .nav-dropdown-trigger,.nav-dropdown.active .nav-dropdown-trigger{opacity:1}
.nav-links>a.active:after,.nav-dropdown.active>.nav-dropdown-trigger:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:2px;background:var(--sun)}
.nav-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.nav-phone{font-size:.84rem;opacity:.84}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.58rem}
.mobile-panel{display:none}

/* forgiving dropdown */
.nav-dropdown{position:relative;display:flex;align-items:center;padding-bottom:9px;margin-bottom:-9px}
.nav-dropdown:after{content:"";position:absolute;left:-26px;right:-26px;top:100%;height:21px;background:transparent}
.nav-dropdown-trigger{background:none;border:0;color:inherit;font:inherit;padding:14px 0;display:flex;align-items:center;gap:7px}
.nav-dropdown-trigger span{transition:.2s}
.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-6px);min-width:350px;background:#fff;color:var(--text);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:10px;box-shadow:0 28px 76px rgba(0,0,0,.25);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility 0s linear .3s}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s}
.nav-dropdown:hover .nav-dropdown-trigger span,.nav-dropdown.open .nav-dropdown-trigger span{transform:rotate(180deg)}
.nav-dropdown-menu a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px;border-radius:12px;font-size:.84rem;font-weight:720}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#faf3e3;color:#9c6a00}
.nav-dropdown-menu small{display:block;margin-top:4px;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

.hero{min-height:100svh;background:var(--black);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:min(55vw,780px);aspect-ratio:1;border-radius:50%;right:-8vw;top:9vh;background:radial-gradient(circle at 45% 40%,#ffe8a5 0%,#ffd66b 25%,#efad28 58%,#c86d33 82%,rgba(200,109,51,0) 83%);filter:saturate(.95);opacity:.98}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,11,.98) 0%,rgba(9,10,11,.88) 47%,rgba(9,10,11,.06) 72%,rgba(9,10,11,.15) 100%)}
.hero-grid{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-columns:1.05fr .72fr;gap:72px;align-items:end;padding:168px 0 120px}
.hero-copy h1{margin:25px 0 30px;max-width:980px}
.hero-copy h1 em{font-style:normal;color:var(--sun)}
.hero-copy p{font-size:1.14rem;max-width:760px;color:#d9ddd9}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}

.hero-stage{position:relative;min-height:610px;display:flex;align-items:flex-end;justify-content:flex-end}
.hero-photo{position:absolute;right:0;bottom:0;width:88%;height:74%;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 32px 100px rgba(0,0,0,.35)}
.hero-photo img{height:100%;object-fit:cover}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.25))}
.hero-card{position:relative;z-index:4;width:min(420px,78%);margin-right:12%;margin-bottom:8%;background:rgba(16,18,19,.9);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15);border-radius:23px;padding:25px}
.hero-card .mini{font-size:.63rem;text-transform:uppercase;letter-spacing:.14em;color:var(--sun);font-weight:820}
.hero-card h3{font-size:1.65rem;margin:14px 0 17px}
.route-list{display:grid}
.route-list a{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.11)}
.route-list .n{font-size:.63rem;color:#cf9b38}
.route-list .arrow{transition:.2s}
.route-list a:hover .arrow{transform:translateX(4px);color:var(--sun)}

.hero-bar{position:absolute;z-index:4;left:0;right:0;bottom:0;background:rgba(7,8,9,.58);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.12)}
.hero-bar-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.hero-stat{padding:18px 22px;border-right:1px solid rgba(255,255,255,.12)}
.hero-stat:first-child{padding-left:0}
.hero-stat:last-child{border-right:0}
.hero-stat b{display:block;font-size:1.17rem;font-weight:620}
.hero-stat span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#b6bdb8}

.sun-strip{overflow:hidden;background:var(--sun);color:var(--black)}
.sun-track{display:flex;width:max-content;animation:scroll 28s linear infinite}
.sun-track span{display:flex;align-items:center;padding:16px 0;font-size:.71rem;letter-spacing:.15em;text-transform:uppercase;font-weight:860}
.sun-track span:after{content:"●";margin:0 28px;color:var(--burnt);font-size:.62rem}
@keyframes scroll{to{transform:translateX(-50%)}}

.split-head{display:grid;grid-template-columns:.84fr 1.16fr;gap:82px;align-items:end;margin-bottom:58px}
.split-head p{max-width:670px;margin-left:auto}

.project-lens{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lens-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;min-height:430px;display:grid;grid-template-columns:.78fr 1.22fr}
.lens-visual{position:relative;min-height:430px;background-size:cover;background-position:center}
.lens-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}
.lens-copy{padding:31px;display:flex;flex-direction:column}
.lens-copy small{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:#9c6a00;font-weight:820}
.lens-copy h3{font-size:2rem;margin:48px 0 12px}
.lens-copy p{color:var(--muted)}
.lens-copy .link{margin-top:auto;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;font-size:.86rem;font-weight:720}

.dark{background:var(--black);color:#fff}
.dark .muted{color:#b1b9b5}
.sequence-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px}
.sequence-visual{min-height:650px;border-radius:28px;overflow:hidden;position:relative;background:url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1800&q=86") center/cover}
.sequence-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(8,9,10,.95))}
.sequence-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:31px}
.sequence-caption small{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--sun)}
.sequence-caption h3{font-size:2.5rem;margin:10px 0 0}
.sequence-list{display:grid;gap:12px}
.sequence-item{padding:24px 27px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#121516;display:grid;grid-template-columns:46px 1fr auto;gap:15px}
.sequence-item .n{font-size:.65rem;color:#d7a641}
.sequence-item h3{margin:0 0 7px}
.sequence-item p{margin:0;color:#b1b9b5}
.sequence-item .icon{color:var(--sun)}

.proof{background:var(--ivory2)}
.proof-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:70px}
.proof-card{background:var(--black);color:#fff;border-radius:30px;padding:35px;position:relative;overflow:hidden}
.proof-card:after{content:"IS";position:absolute;right:-20px;bottom:-55px;font-size:12rem;font-weight:900;letter-spacing:-.1em;color:rgba(255,214,107,.05)}
.proof-card>*{position:relative;z-index:2}
.proof-card .label{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sun);font-weight:820}
.proof-card h3{font-size:2.4rem;margin:15px 0 22px}
.proof-row{display:grid;grid-template-columns:175px 1fr;gap:20px;padding:17px 0;border-top:1px solid rgba(255,255,255,.13)}
.proof-row small{font-size:.61rem;text-transform:uppercase;letter-spacing:.12em;color:#858e89}
.proof-row strong{font-weight:580}
.proof-note{font-size:.78rem;color:#8d9691;margin-top:18px}
.proof-list{border-top:1px solid var(--line)}
.proof-item{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.proof-item .n{font-size:.64rem;color:#9c6a00}
.proof-item h3{margin:0 0 7px}
.proof-item p{margin:0;color:var(--muted)}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.process-step{padding:30px 27px 10px 0;border-right:1px solid var(--line);min-height:275px}
.process-step:not(:first-child){padding-left:27px}
.process-step:last-child{border-right:0}
.process-step .n{font-size:.65rem;color:#9c6a00;letter-spacing:.13em;font-weight:800}
.process-step h3{margin:44px 0 12px}
.process-step p{color:var(--muted)}

.cta-section{padding:90px 0}
.cta-box{background:var(--amber);color:var(--black);border-radius:32px;padding:57px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:end;position:relative;overflow:hidden}
.cta-box:after{content:"";position:absolute;width:410px;height:410px;border:1px solid rgba(255,255,255,.35);border-radius:50%;right:-160px;top:-175px;box-shadow:0 0 0 68px rgba(255,255,255,.07)}
.cta-box>*{position:relative;z-index:2}
.cta-box p{color:#553b08}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}

.page-hero{padding:188px 0 96px;background:var(--black);color:#fff;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,#ffd66b,#efad28 62%,rgba(239,173,40,0) 63%);opacity:.26}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:clamp(3.5rem,7.4vw,7.6rem);max-width:1120px;margin:24px 0 0}
.page-lead{font-size:1.14rem;color:#b9c1bd;max-width:820px;margin-top:28px}

.scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.scope-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:29px;min-height:290px}
.scope-card small{font-size:.64rem;text-transform:uppercase;letter-spacing:.13em;color:#9c6a00;font-weight:820}
.scope-card h3{font-size:1.82rem;margin:25px 0 11px}
.scope-card p{color:var(--muted)}

.detail-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:82px}
.detail-grid h2{font-size:3.2rem}
.detail-list{border-top:1px solid var(--line)}
.detail-row{display:grid;grid-template-columns:210px 1fr;gap:28px;padding:20px 0;border-bottom:1px solid var(--line)}
.detail-row small{font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.principle-list{border-top:1px solid var(--line)}
.principle{padding:22px 0;border-bottom:1px solid var(--line)}
.principle small{display:block;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:#9c6a00;margin-bottom:7px}

.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px}
.contact-card{background:var(--black);color:#fff;border-radius:26px;padding:34px;position:sticky;top:30px}
.contact-line{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.contact-line small{display:block;color:#858f89;font-size:.64rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:7px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{border:1px solid var(--line);background:#fbfaf7;border-radius:12px;padding:15px 14px;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#a06a00}
.field textarea{min-height:155px;resize:vertical}
.form-note{font-size:.8rem;color:var(--muted)}

.wa-float{position:fixed;right:20px;bottom:20px;z-index:95;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:var(--black);font-size:.68rem;font-weight:900;box-shadow:0 16px 36px rgba(0,0,0,.24)}

.footer{background:#020304;color:#fff;padding:72px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.18fr .78fr .78fr 1fr;gap:50px}
.footer p{font-size:.9rem;color:#87908b;max-width:390px}
.footer h4{font-size:.67rem;letter-spacing:.14em;text-transform:uppercase;color:#76817c;margin:0 0 18px}
.footer a{display:block;margin:10px 0;color:#d4dad7;font-size:.9rem}
.footer a:hover{color:var(--sun)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.76rem;color:#76807b}
.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:1080px){
  .project-lens{grid-template-columns:1fr}
}
@media(max-width:980px){
  .container{width:min(var(--max),calc(100% - 34px))}
  .nav-shell{grid-template-columns:1fr auto}
  .nav-links,.nav-phone,.nav-actions .btn{display:none}
  .menu-btn{display:block}
  .mobile-panel{position:fixed;inset:0;z-index:110;background:var(--black);color:#fff;padding:28px;display:none;overflow:auto}
  .mobile-panel.open{display:block}
  .mobile-top{display:flex;justify-content:space-between;align-items:center}
  .close-menu{background:none;border:0;color:#fff;font-size:2rem}
  .mobile-links{display:grid;gap:20px;margin-top:65px}
  .mobile-links>a{font-size:2rem;letter-spacing:-.03em}
  .mobile-sub{display:grid;gap:10px;padding-left:18px;border-left:1px solid rgba(255,255,255,.16)}
  .mobile-sub a{font-size:1.05rem;color:#c4ccc7}
  .mobile-contact{margin-top:40px;display:grid;gap:10px}
  .hero-grid{grid-template-columns:1fr;padding:140px 0 188px}
  .hero-stage{min-height:500px}
  .hero-bar-grid{grid-template-columns:1fr 1fr}
  .split-head,.sequence-grid,.proof-grid,.cta-box,.detail-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:42px}
  .scope-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  section{padding:76px 0}
  .container{width:calc(100% - 28px)}
  .nav-shell{height:74px}
  .brand-copy strong{font-size:.84rem}
  .brand-copy span{font-size:.45rem}
  .hero-grid{padding:112px 0 196px}
  .hero-copy h1{font-size:clamp(3.5rem,15vw,6rem)}
  .hero-actions .btn{width:100%}
  .hero-stage{min-height:410px}
  .hero-photo{width:100%;height:84%}
  .hero-card{width:88%;margin-right:5%;margin-bottom:5%}
  .hero-stat{padding:13px 8px}
  .hero-stat b{font-size:.95rem}
  .hero-stat span{font-size:.51rem}
  .lens-card{grid-template-columns:1fr}
  .lens-visual{min-height:260px}
  .sequence-visual{min-height:430px}
  .process-grid{grid-template-columns:1fr}
  .process-step,.process-step:not(:first-child){min-height:auto;padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}
  .process-step:last-child{border-bottom:0}
  .proof-row,.detail-row{grid-template-columns:1fr;gap:6px}
  .page-hero{padding:136px 0 70px}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
}