@import 'tailwindcss';
:root{--ink:#0b0b0f;--paper:#f1efe8;--acid:#ccff00;--blue:#100b69;--line:rgba(11,11,15,.17);--muted:#66665f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.nav-shell{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.2vw,72px);position:relative;z-index:20}.identity{display:flex;align-items:center}.brand-logo{display:block;width:150px;height:auto}.nav-shell nav{display:flex;gap:38px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.nav-cta{font-size:10px;font-weight:900;text-transform:uppercase;background:var(--blue);color:#fff;padding:15px 18px;min-width:190px;display:flex;justify-content:space-between}
.hero{min-height:calc(100svh - 92px);display:grid;grid-template-columns:1.08fr .92fr;position:relative;overflow:hidden}.hero-noise{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-copy{padding:clamp(70px,8vw,125px) clamp(28px,5vw,84px);display:flex;flex-direction:column;justify-content:center;z-index:2}.eyebrow{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:8px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.hero h1{font:900 clamp(74px,9.4vw,150px)/.75 Arial,sans-serif;letter-spacing:-.085em;text-transform:uppercase;margin:58px 0 50px}.hero h1 i{font:400 italic 1.03em Georgia,serif;text-transform:none}.hero-bottom{display:grid;grid-template-columns:1fr 116px;gap:40px;align-items:center}.hero-bottom p{max-width:440px;font-size:15px;line-height:1.7;color:var(--muted)}.round-link{width:116px;height:116px;border-radius:50%;background:var(--acid);display:flex;flex-direction:column;justify-content:center;padding:22px;text-transform:uppercase;font-size:9px;font-weight:900;transition:.25s}.round-link:hover{transform:rotate(8deg) scale(1.04)}.round-link b{font-size:18px;margin-top:8px}
.hero-art{background:#131419;position:relative;overflow:hidden;color:#fff;min-height:680px}.hero-art>img{object-fit:cover;object-position:center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,6,10,.72));pointer-events:none}.seal{position:absolute;z-index:4;right:9%;top:10%;width:104px;height:104px;border-radius:50%;background:var(--acid);color:#08090d;display:grid;place-content:center;text-align:center;font-size:8px;line-height:1.5;font-weight:900;transform:rotate(8deg)}.seal b{font-size:18px}.art-caption{position:absolute;left:7%;bottom:6%;font-size:8px;text-transform:uppercase;letter-spacing:.13em;line-height:1.6;z-index:4}
.ticker{overflow:hidden;background:var(--acid);height:47px;display:flex;align-items:center;white-space:nowrap}.ticker div{font-size:12px;font-weight:900;letter-spacing:.12em;word-spacing:14px}.ticker b{margin:0 26px}.section{padding:clamp(85px,10vw,155px) clamp(24px,6vw,100px)}.section-tag{font-size:8px;font-weight:900;letter-spacing:.17em}.section-tag.light{color:#9a9aa4}
.intro{background:#f8f6ef}.intro-statement{display:grid;grid-template-columns:1.35fr .55fr;gap:10vw;align-items:end;margin-top:45px}.intro h2,.services h2,.showcase h2,.process h2,.team h2{font:400 clamp(48px,6.6vw,104px)/.92 Georgia,serif;letter-spacing:-.055em;margin:0}.intro h2 em{color:var(--blue)}.intro-statement p{color:var(--muted);font-size:14px;line-height:1.8}.intro-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:90px;padding-top:25px;gap:30px}.intro-facts span{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.intro-facts b{font:400 34px Georgia,serif;display:block;margin-bottom:10px;color:var(--blue)}
.services{background:#111218;color:#fff}.services-head{display:grid;grid-template-columns:1.1fr 1fr .6fr;gap:6vw;align-items:end;margin-bottom:80px}.services-head p{color:#a8a8b0;font-size:13px;line-height:1.75}.service-list{border-top:1px solid #393a40}.service-list article{display:grid;grid-template-columns:50px 1fr 90px 46px;gap:28px;align-items:center;border-bottom:1px solid #393a40;padding:28px 0;transition:.25s}.service-list article:hover{padding-left:18px;background:#18191f}.service-no{font-size:9px;color:#73747d}.service-list h3{font:400 clamp(28px,3.3vw,52px) Georgia,serif;margin:0}.service-list article div p{max-width:470px;color:#9798a2;font-size:11px;line-height:1.6}.service-tag{font-size:7px;letter-spacing:.15em;color:#8e8f98;border:1px solid #45464d;border-radius:50px;padding:8px;text-align:center}.service-list article>a{width:42px;height:42px;border:1px solid #4b4c53;border-radius:50%;display:grid;place-items:center}.service-list article:hover>a{background:var(--acid);color:#000}
.showcase{display:grid;grid-template-columns:.68fr 1.32fr;gap:7vw;align-items:center;background:#d6d1ff}.showcase-copy p{font-size:14px;line-height:1.8;max-width:460px;color:#4f4e65}.showcase-copy h2{margin:35px 0}.showcase-copy a{display:flex;justify-content:space-between;width:280px;border-bottom:1px solid;padding:12px 0;font-size:9px;text-transform:uppercase;font-weight:900}.sample-stage{min-height:620px;position:relative;background:#beb8ff;overflow:hidden}.sample-stage>img{object-fit:cover}.sample-stage:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(8,9,14,.65));pointer-events:none}.showcase-label{position:absolute;left:28px;right:28px;bottom:25px;z-index:2;color:#fff;display:flex;justify-content:space-between;align-items:end;font-size:8px;letter-spacing:.15em}.showcase-label b{font-size:10px}
.process{background:#f8f6ef;display:grid;grid-template-columns:.65fr 1.35fr;gap:9vw}.steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.steps article{padding:30px;min-height:245px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.steps b{color:var(--blue);font-size:10px}.steps h3{font:400 30px Georgia,serif;margin:auto 0 10px}.steps p{font-size:11px;line-height:1.65;color:var(--muted)}
.portfolio{background:var(--blue);color:#fff}.portfolio-head{display:grid;grid-template-columns:.55fr 1fr .65fr;gap:5vw;align-items:end}.portfolio-head h2{font:400 clamp(48px,6.6vw,104px)/.92 Georgia,serif;letter-spacing:-.055em;margin:0}.portfolio-head p{color:#c4c4e0;font-size:13px;line-height:1.75}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}.portfolio-grid article{border-top:1px solid #4d478e;padding-top:12px}.portfolio-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#090748}.portfolio-image img{object-fit:cover;transition:transform .5s}.portfolio-grid article:hover img{transform:scale(1.025)}.portfolio-grid span{display:block;margin-top:18px;font-size:7px;letter-spacing:.15em;color:#aaa7d0}.portfolio-grid h3{font:400 30px Georgia,serif;margin:9px 0}.portfolio-grid p{font-size:10px;line-height:1.65;color:#c4c4dc;max-width:360px}
.chairman{padding:0;display:grid;grid-template-columns:1fr 1fr;background:#101116;color:#fff;min-height:760px}.chairman-photo{position:relative;min-height:760px;background:#282a35;overflow:hidden}.chairman-photo img{object-fit:cover;object-position:center top;filter:saturate(.85) contrast(1.04)}.chairman-copy{padding:clamp(60px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.chairman blockquote{font:400 clamp(36px,4.4vw,66px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:50px 0}.chairman h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0}.chairman p{color:#8f9099;font-size:10px}.chairman a{margin-top:44px;font-size:8px;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid #55565e;padding-bottom:12px;align-self:flex-start}
.team{background:#f8f6ef}.team-head{display:grid;grid-template-columns:1.15fr .45fr;gap:8vw;align-items:end}.team-head h2{margin-top:36px}.team-head>p{font-size:13px;color:var(--muted);line-height:1.75}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:75px}.team-grid article{border-top:1px solid;padding-top:12px}.monogram{aspect-ratio:1/.92;background:#dfdcd2;position:relative;display:grid;place-items:center;overflow:hidden}.monogram>span{font:400 clamp(42px,5vw,72px) Georgia,serif;color:#89867d}.monogram>i{position:absolute;right:12px;top:12px;font-size:8px;font-style:normal;background:var(--acid);padding:7px;z-index:2}.monogram>small{position:absolute;bottom:15px;font-size:6px;letter-spacing:.14em}.monogram img{object-fit:cover;object-position:center 25%}.team-grid h3{font:400 22px/1.1 Georgia,serif;margin:20px 0 9px}.team-grid p{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.quote{background:var(--blue);color:#fff}.quote-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;border-bottom:1px solid #6974ff;padding-bottom:18px}.quote h2{font:900 clamp(66px,10vw,160px)/.78 Arial,sans-serif;letter-spacing:-.08em;text-transform:uppercase;margin:80px 0}.quote h2 em{display:block;font:400 italic .8em Georgia,serif;text-transform:none}.quote-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}.quote-bottom p{font-size:13px;line-height:1.7;max-width:430px;color:#cbd0ff}.quote-bottom a{background:var(--acid);color:#111;padding:24px 26px;display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;font-weight:900}.quote-bottom a span{font-size:18px}
footer{background:#0b0b0f;color:#fff;padding:70px clamp(24px,6vw,100px) 34px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-identity{background:#fff;padding:7px 10px;align-self:start;width:max-content}footer p{font-size:10px;color:#8e8e95;line-height:1.7}footer div{display:flex;gap:24px;font-size:9px;text-transform:uppercase;font-weight:800}footer>small{grid-column:1/-1;border-top:1px solid #2b2c30;margin-top:35px;padding-top:25px;color:#696a71;font-size:8px}
@media(max-width:1000px){.nav-shell nav{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:620px}.services-head{grid-template-columns:1fr 1fr}.services-head>p{grid-column:2}.showcase{grid-template-columns:1fr}.portfolio-head{grid-template-columns:1fr 1fr}.portfolio-head>p{grid-column:2}.process{grid-template-columns:1fr}.chairman{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nav-shell{height:76px}.brand-logo{width:116px}.nav-cta{min-width:auto;font-size:0}.nav-cta:before{content:'QUOTE';font-size:8px}.hero-copy{padding-top:65px}.eyebrow span:last-child{display:none}.hero h1{font-size:clamp(65px,22vw,96px);margin:44px 0}.hero-bottom{grid-template-columns:1fr 96px}.round-link{width:96px;height:96px;padding:17px}.hero-art{min-height:520px}.hero-art>img{object-position:53% center}.seal{width:82px;height:82px;right:5%;font-size:7px}.intro-statement,.services-head,.portfolio-head,.team-head,.quote-bottom{grid-template-columns:1fr}.portfolio-head>p{grid-column:auto}.portfolio-grid{grid-template-columns:1fr}.intro-facts{grid-template-columns:1fr}.services-head>p{grid-column:auto}.service-list article{grid-template-columns:35px 1fr 38px;gap:12px}.service-tag{display:none}.sample-stage{min-height:500px;margin-inline:-24px}.sample-stage>img{object-position:center}.showcase-label{left:18px;right:18px}.steps{grid-template-columns:1fr}.chairman-photo{min-height:560px}.chairman-copy{padding:70px 25px}.team-grid{grid-template-columns:1fr 1fr}.team-grid h3{font-size:18px}.quote h2{font-size:clamp(58px,19vw,92px);margin:65px 0}footer{grid-template-columns:1fr}}