:root{--bg:#161616;--panel:#202020;--white:#f6f5f1;--muted:#aaa9a3;--yellow:#f4b92e;--line:#383838;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.section-wrap,.site-header,.footer{width:min(1180px,calc(100% - 80px));margin-inline:auto}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand img{width:175px;height:auto;display:block}.nav{display:flex;align-items:center;gap:38px}.nav a{font-size:13px;color:#d8d7d1;text-decoration:none;transition:color .2s}.nav a:hover,.text-link:hover{color:var(--yellow)}.nav .nav-cta{border:1px solid #777;padding:12px 18px;border-radius:3px;color:var(--white)}.nav-cta span{color:var(--yellow);padding-left:12px}.menu-toggle{display:none}.hero{min-height:690px;padding-top:100px;position:relative;overflow:hidden}.hero-kicker,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:10px;box-shadow:0 0 14px #f4b92e}.hero h1{font:600 clamp(65px,10vw,132px)/.91 var(--display);letter-spacing:-.085em;margin:45px 0 40px;position:relative;z-index:2}.hero h1 em,.section-heading h2 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--yellow)}.outline-word{color:transparent;-webkit-text-stroke:1.5px var(--white)}.hero-bottom{display:flex;align-items:end;gap:30px;position:relative;z-index:3}.hero-bottom p{max-width:360px;color:#b8b7b1;font-size:15px;line-height:1.7;margin:0 auto 0 0}.round-link{width:48px;height:48px;border:1px solid #686868;border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:22px;text-decoration:none;transition:.2s}.round-link:hover{background:var(--yellow);color:var(--bg);transform:translateY(4px)}.hero-note{font:600 10px/1.6 var(--display);letter-spacing:1.5px;text-align:right}.hero-note span{display:block;color:var(--muted);font:400 9px var(--body);margin-top:5px}.hero-art{position:absolute;width:400px;height:400px;right:-75px;top:180px;opacity:.65}.art-ring{position:absolute;border:1px solid #6c5b30;border-radius:50%;inset:35px;transform:rotate(-25deg) scaleY(.45)}.ring-two{inset:85px;transform:rotate(35deg) scaleY(.45)}.art-dot{position:absolute;width:130px;height:130px;background:var(--yellow);border-radius:50%;top:135px;left:135px;filter:blur(1px);opacity:.13}.art-cross{position:absolute;color:var(--yellow);font-size:110px;left:145px;top:125px}.art-word{position:absolute;right:5px;bottom:8px;font:700 10px/1.4 var(--display);letter-spacing:3px;color:#8c7a4d}.marquee{overflow:hidden;background:var(--yellow);color:#171717;padding:17px 0;margin:0 0 125px;transform:rotate(-1.3deg) scale(1.02)}.marquee-track{display:flex;align-items:center;justify-content:space-around;gap:42px;white-space:nowrap;font:700 14px var(--display);letter-spacing:2px;animation:marquee 28s linear infinite}.marquee-track b{font-size:18px}@keyframes marquee{to{transform:translateX(-20%)}}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2,.about h2{font:600 clamp(44px,6vw,76px)/.98 var(--display);letter-spacing:-.07em;margin:22px 0 0}.section-heading>p{max-width:290px;color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 5px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter{background:transparent;border:1px solid var(--line);color:#aaa;padding:10px 15px;border-radius:30px;font:500 12px var(--body);cursor:pointer;transition:.2s}.filter span{font-size:10px;color:#777;margin-left:7px}.filter.active,.filter:hover{background:var(--yellow);border-color:var(--yellow);color:#171717}.filter.active span,.filter:hover span{color:#514018}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}.project-card{min-width:0;transition:opacity .25s,transform .25s}.project-card.hidden{display:none}.project-visual{height:330px;position:relative;overflow:hidden;padding:22px;color:#161616;isolation:isolate}.visual-label{font:700 9px var(--body);letter-spacing:1.6px;position:relative;z-index:2}.visual-school{background:#e9e6dc}.visual-school:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #c7bfae;border-radius:50%;right:-40px;top:55px}.visual-school:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #c7bfae;border-radius:50%;right:-5px;top:90px}.visual-school-title{position:absolute;left:10%;top:34%;font:700 clamp(44px,6vw,72px)/.8 var(--display);letter-spacing:-5px;color:#252a2a}.visual-school-title i{font-style:normal;color:#b68c35}.visual-bottom{position:absolute;bottom:22px;left:22px;font-size:10px;letter-spacing:.5px}.visual-green{background:#dce7d4}.visual-green-title{position:absolute;left:28px;bottom:40px;font:700 43px/.9 var(--display);letter-spacing:-3px;color:#244332}.visual-green-title span{display:block;font:600 12px var(--body);letter-spacing:5px;margin-top:12px}.visual-sun{position:absolute;right:45px;top:85px;width:135px;height:135px;border-radius:50%;background:#d4b34b;opacity:.8}.visual-clarence{background:#e7dfed}.visual-clarence-title{position:absolute;left:30px;top:38%;font:700 47px/.82 var(--display);letter-spacing:-3px;color:#4d286c}.visual-clarence-title small{font:600 12px var(--body);letter-spacing:5px}.clarence-mark{position:absolute;right:35px;top:80px;border:1px solid #a68cb9;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;color:#8c6da3;font:500 50px var(--display)}.visual-florence{background:#e8e5dc}.florence-seal{position:absolute;left:50%;top:80px;transform:translateX(-50%);width:70px;height:70px;border:1px solid #c29a43;border-radius:50%;display:grid;place-items:center;font:600 32px var(--display);color:#9b782f}.florence-title{position:absolute;top:175px;width:100%;left:0;text-align:center;font:700 40px/.9 var(--display);letter-spacing:-2px;color:#243c5b}.florence-title small{font:600 10px var(--body);letter-spacing:5px}.visual-adhurusta{background:#c9c6bd}.adhurusta-title{position:absolute;top:43%;left:28px;font:700 39px/.9 var(--display);letter-spacing:-2px;color:#35342e}.adhurusta-title span{display:block;font:500 11px var(--body);letter-spacing:6px;margin-top:12px}.architecture-lines{position:absolute;right:20px;bottom:-50px;width:190px;height:240px;border:1px solid #8f8b7e;transform:skewY(-25deg);background:repeating-linear-gradient(90deg,transparent 0 25px,#a6a294 26px 27px)}.visual-canvas{background:#e8d9ca}.canvas-title{position:absolute;left:28px;top:40%;font:700 43px/.88 var(--display);letter-spacing:-3px;color:#523c30}.canvas-title em{font-style:normal;color:#b46c45}.canvas-scribble{position:absolute;right:40px;top:65px;font-size:110px;color:#c68a60}.visual-social{background:#f0c7a7}.social-stack{position:absolute;left:25px;top:90px;font:700 42px/.98 var(--display);letter-spacing:-3px;color:#45291f;z-index:2}.social-stack span{display:block}.social-stack span:nth-child(2){color:#a54c30}.social-orb{position:absolute;width:190px;height:190px;border-radius:50%;right:20px;bottom:-35px;background:radial-gradient(circle at 35% 30%,#fff0cf,#d56e42 70%);opacity:.8}.visual-ads{background:#dedfca}.ads-headline{position:absolute;left:25px;top:100px;font:700 40px/.95 var(--display);letter-spacing:-3px;color:#252c24;z-index:2}.ads-headline em{font-style:normal;color:#a66c26}.chart-bars{position:absolute;right:25px;bottom:25px;height:130px;display:flex;align-items:end;gap:8px}.chart-bars i{width:18px;background:#a5b08c;height:25%}.chart-bars i:nth-child(2){height:38%}.chart-bars i:nth-child(3){height:52%}.chart-bars i:nth-child(4){height:64%}.chart-bars i:nth-child(5){height:78%}.chart-bars i:nth-child(6){height:100%;background:#d99d32}.visual-buzz{background:#edcf7d}.buzz-title{position:absolute;left:28px;top:40%;font:700 58px/.78 var(--display);letter-spacing:-5px;color:#28231b}.buzz-title span{display:block;font-size:26px;letter-spacing:4px;margin-top:12px}.buzz-star{position:absolute;right:28px;top:70px;font-size:120px;color:#b77820}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.project-meta h3{font:600 17px var(--display);margin:0 0 6px}.project-meta p{margin:0;color:var(--muted);font-size:12px}.project-arrow{color:var(--yellow);font-size:22px}.work-footnote{color:#777;font-size:11px;margin-top:30px}.services{padding-top:155px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1fr 50px;gap:20px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.service-no{color:var(--yellow);font:500 12px var(--display)}.service-row h3{font:600 clamp(22px,3vw,34px) var(--display);letter-spacing:-1.5px;margin:0 0 8px}.service-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;max-width:540px}.service-symbol{font-size:25px;color:var(--yellow);text-align:right}.about{padding:160px 0;display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center}.about-mark{font:700 clamp(100px,18vw,230px)/.8 var(--display);letter-spacing:-.13em;color:#292929}.about-mark span{color:var(--yellow)}.about-copy p{max-width:500px;color:var(--muted);font-size:14px;line-height:1.85;margin:28px 0}.text-link{color:var(--white);font-size:12px;text-decoration:none;border-bottom:1px solid #666;padding-bottom:8px}.text-link span{color:var(--yellow);padding-left:12px}.contact{background:var(--yellow);color:#171717;padding:55px 60px 60px;margin-bottom:100px;position:relative;overflow:hidden}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact .eyebrow{color:#55431e}.contact-star{font-size:45px}.contact h2{font:600 clamp(48px,8vw,100px)/.88 var(--display);letter-spacing:-.08em;margin:55px 0 45px;position:relative;z-index:2}.contact h2 em{color:#fff5d8}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.contact-bottom p{max-width:330px;font-size:14px;line-height:1.7;margin:0}.contact-button{background:#171717;color:white;padding:17px 22px;text-decoration:none;font-size:12px;font-weight:600;display:inline-flex;gap:40px;align-items:center;transition:.2s}.contact-button span{color:var(--yellow);font-size:18px}.contact-button:hover{background:#333;transform:translateY(-3px)}.footer{padding-bottom:28px}.footer-logo img{width:145px;display:block;margin-bottom:35px}.footer-line{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#85847e;font-size:9px;letter-spacing:1.2px}.footer-line a{color:var(--yellow);text-decoration:none}.menu-toggle span{display:block}@media(max-width:760px){.section-wrap,.site-header,.footer{width:calc(100% - 40px)}.site-header{height:76px}.brand img{width:145px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px;z-index:22}.menu-toggle span{width:24px;height:2px;background:var(--white)}.nav{display:none;position:absolute;top:75px;left:-20px;right:-20px;padding:25px 20px 30px;background:#202020;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}.nav.open{display:flex}.nav .nav-cta{width:max-content}.hero{min-height:650px;padding-top:85px}.hero h1{font-size:clamp(60px,14vw,100px);margin-top:42px}.hero-art{right:-190px;top:220px;opacity:.35}.hero-bottom{align-items:center;gap:15px}.hero-bottom p{font-size:13px;max-width:260px}.hero-note{display:none}.round-link{flex-shrink:0}.marquee{margin-bottom:90px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:22px}.project-grid{gap:30px 14px}.project-visual{height:245px;padding:15px}.visual-label{font-size:8px}.visual-school-title{font-size:43px}.visual-green-title{font-size:34px;left:18px}.visual-sun{width:100px;height:100px;right:20px}.visual-clarence-title{font-size:34px;left:18px}.clarence-mark{width:75px;height:75px;right:15px;font-size:35px}.florence-title{font-size:30px}.adhurusta-title{font-size:30px;left:18px}.canvas-title{font-size:32px;left:18px}.social-stack{font-size:32px;left:18px}.ads-headline{font-size:32px;left:18px}.buzz-title{font-size:45px;left:18px}.buzz-title span{font-size:18px}.buzz-star{font-size:80px;right:15px}.project-meta h3{font-size:14px}.project-meta p{font-size:10px}.project-arrow{font-size:18px}.services{padding-top:105px}.service-row{grid-template-columns:35px 1fr 25px;gap:10px;padding:28px 0}.service-row p{font-size:12px}.about{padding:110px 0;grid-template-columns:1fr;gap:45px}.about-mark{font-size:125px}.contact{padding:35px 25px 40px;margin-bottom:70px}.contact h2{margin:45px 0 35px}.contact-bottom{align-items:start;flex-direction:column}.contact-button{width:100%;justify-content:space-between}.footer-logo img{width:125px}.footer-line{gap:12px;flex-wrap:wrap;font-size:8px}}@media(max-width:420px){.project-grid{grid-template-columns:1fr}.project-visual{height:280px}.hero h1{font-size:58px}.hero-bottom p{max-width:235px}.filter{font-size:11px;padding:9px 11px}.filter span{margin-left:4px}}
