:root {
  --ink: #06181e;
  --ink-2: #0a252c;
  --turquoise: #1dafa4;
  --turquoise-light: #66d4c8;
  --gold: #c8a56a;
  --ivory: #eee7d8;
  --muted: #a9b9b8;
  --line: rgba(216, 236, 231, .15);
  --glass: rgba(18, 49, 55, .54);
  --radius: 24px;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ivory);
  background: var(--ink);
  font-family: "Vazirmatn", Tahoma, sans-serif;
  font-size: 16px;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }

.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .13;
  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='.22'/%3E%3C/svg%3E");
}
.glow { position: fixed; width: 40vw; height: 40vw; border-radius: 50%; filter: blur(120px); opacity: .12; pointer-events: none; }
.glow-one { background: var(--turquoise); top: -20vw; right: -15vw; }
.glow-two { background: #b5762f; bottom: -25vw; left: -10vw; }

.site-header {
  width: min(calc(100% - 64px), var(--max)); margin: 0 auto; height: 108px;
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
  position: relative; z-index: 30; border-bottom: 1px solid var(--line);
}
.brand { display: flex; align-items: center; gap: 12px; min-width: 210px; }
.brand-mark { width: 46px; height: 46px; color: var(--turquoise-light); display: grid; place-items: center; }
.brand-mark svg { width: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; }
.brand strong { display: block; font-family: Lalezar, serif; font-size: 25px; font-weight: 400; line-height: 1; letter-spacing: -.5px; }
.brand small { color: var(--muted); font-size: 10px; }
.main-nav { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 38px); color: #c6d0cd; }
.main-nav a { font-size: 14px; transition: color .25s; position: relative; white-space: nowrap; }
.main-nav a::after { content: ""; position: absolute; height: 1px; background: var(--gold); right: 0; left: 100%; bottom: -12px; transition: left .3s; }
.main-nav a:hover, .main-nav a.active { color: #fff; }
.main-nav a.active::after { left: 0; }
.header-cta { border: 1px solid var(--line); padding: 12px 18px; border-radius: 100px; font-size: 13px; white-space: nowrap; transition: .25s; }
.header-cta span { color: var(--gold); margin-right: 8px; }
.header-cta:hover { background: rgba(255,255,255,.07); transform: translateY(-2px); }
.menu-button { display: none; background: none; border: 0; width: 42px; height: 42px; padding: 12px; }
.menu-button span { display: block; width: 100%; height: 1px; background: white; margin: 6px 0; transition: .3s; }

.section { width: min(calc(100% - 64px), var(--max)); margin: 0 auto; position: relative; }
.hero { min-height: calc(100vh - 108px); display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; padding: 60px 0 154px; }
.hero-pattern { position: absolute; inset: 0 auto auto -18vw; width: 48vw; height: 100%; opacity: .12; background: repeating-linear-gradient(45deg, transparent 0 31px, var(--turquoise) 32px 33px), repeating-linear-gradient(-45deg, transparent 0 31px, var(--turquoise) 32px 33px); mask-image: linear-gradient(to right, transparent, #000); }
.hero-copy { z-index: 2; padding-left: 48px; }
.eyebrow { color: var(--turquoise-light); font-size: 13px; letter-spacing: .4px; display: flex; align-items: center; gap: 10px; margin-bottom: 26px; }
.eyebrow i { width: 28px; height: 1px; background: var(--gold); }
h1, h2, blockquote { margin: 0; font-family: Lalezar, "Vazirmatn", serif; font-weight: 400; }
h1 { font-size: clamp(64px, 7.2vw, 112px); line-height: .88; letter-spacing: -3px; }
h1 em, h2 em, blockquote em { color: var(--gold); font-style: normal; }
.hero-copy > p { max-width: 530px; color: #b9c5c3; line-height: 2; margin: 32px 0; font-size: 17px; }
.hero-actions { display: flex; align-items: center; gap: 28px; }
.button { border: 0; border-radius: 100px; min-height: 54px; padding: 0 24px; display: inline-flex; justify-content: center; align-items: center; gap: 24px; cursor: pointer; transition: transform .25s, box-shadow .25s; }
.button:hover { transform: translateY(-3px); }
.button-primary { background: var(--turquoise); color: #03191c; font-weight: 700; box-shadow: 0 12px 32px rgba(29,175,164,.16); }
.button-primary span { font-size: 22px; }
.play-button { display: flex; background: none; border: 0; align-items: center; gap: 11px; cursor: pointer; text-align: right; }
.play-button .play-icon { border: 1px solid var(--line); border-radius: 50%; width: 48px; height: 48px; display: grid; place-items: center; font-size: 11px; color: var(--gold); }
.play-button strong, .play-button small { display: block; }
.play-button strong { font-size: 13px; }.play-button small { color: var(--muted); font-size: 10px; margin-top: 2px; }

.hero-visual { height: min(68vh, 680px); position: relative; display: flex; justify-content: center; align-items: center; }
.arch-frame { width: min(90%, 520px); height: 100%; position: relative; padding: 14px; border: 1px solid rgba(200,165,106,.35); border-radius: 260px 260px 12px 12px; }
.arch-frame::before, .arch-frame::after { content: ""; position: absolute; width: 22px; height: 22px; border: 1px solid var(--gold); top: 60%; transform: rotate(45deg); background: var(--ink); z-index: 3; }
.arch-frame::before { right: -12px; }.arch-frame::after { left: -12px; }
.arch-scene { width: 100%; height: 100%; border-radius: 250px 250px 5px 5px; overflow: hidden; position: relative; background: linear-gradient(#b9b39b 0%, #7fa7a1 36%, #31535a 67%, #102e35 100%); }
.arch-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(245,223,180,.25), transparent 35%), repeating-linear-gradient(90deg, transparent 0 10%, rgba(255,255,255,.04) 10.3% 10.6%); mix-blend-mode: soft-light; }
.sun { position: absolute; width: 110px; height: 110px; border-radius: 50%; top: 20%; right: 18%; background: #d9bc7a; filter: blur(1px); box-shadow: 0 0 50px rgba(244,217,154,.45); }
.building { position: absolute; bottom: 18%; background: #bc8559; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.building-back { width: 55%; height: 36%; left: 6%; clip-path: polygon(0 22%,100% 0,100% 100%,0 100%); background: #805840; }
.building-front { width: 63%; height: 46%; right: 2%; clip-path: polygon(0 16%,100% 0,100% 100%,0 100%); }
.building-front::before { content: ""; position: absolute; inset: 16% 10% 0; background: repeating-linear-gradient(90deg, transparent 0 28px, rgba(50,29,20,.25) 29px 31px), repeating-linear-gradient(0deg, transparent 0 14px, rgba(60,30,18,.15) 15px 16px); }
.building-front::after { content: ""; position: absolute; width: 32%; height: 60%; right: 34%; bottom: 0; border-radius: 80px 80px 0 0; background: #18343a; box-shadow: inset 0 0 0 6px #926445; }
.water { position: absolute; height: 23%; width: 66%; bottom: 0; left: 0; background: rgba(79,155,154,.45); clip-path: polygon(25% 0,100% 35%,100% 100%,0 100%,0 38%); }
.water i { display: block; height: 1px; width: 70%; margin: 22px auto; background: rgba(224,229,205,.32); }
.tree { position: absolute; bottom: 17%; width: 13px; height: 38%; background: #493b2c; z-index: 1; }
.tree::before { content: ""; position: absolute; width: 68px; height: 70%; background: #254d43; border-radius: 60% 40% 50% 40%; right: -27px; top: -30%; filter: drop-shadow(8px 5px 0 #1e4038); }
.tree-one { left: 8%; }.tree-two { right: 10%; height: 30%; transform: scale(.72); }
.vertical-note { position: absolute; writing-mode: vertical-rl; left: -42px; bottom: 30px; color: var(--muted); font-size: 10px; letter-spacing: 3px; }
.glass-card { background: var(--glass); border: 1px solid var(--line); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: 0 24px 70px rgba(0,0,0,.2); }
.project-tag { position: absolute; bottom: 28px; right: -4%; border-radius: 14px; display: flex; align-items: center; gap: 14px; padding: 15px 18px; min-width: 280px; z-index: 3; }
.tag-index { color: var(--gold); font-family: Lalezar; font-size: 26px; }.project-tag small,.project-tag strong { display:block; }.project-tag small { color: var(--muted); font-size: 10px; }.project-tag strong { font-size: 15px; }.project-tag a { margin-right:auto; width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold); }
.hero-stats { position: absolute; z-index: 4; bottom: 34px; right: 0; left: 0; min-height: 92px; border-radius: 18px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; padding: 16px 32px; }
.hero-stats div { border-left: 1px solid var(--line); padding: 0 30px; display:flex;align-items:center;gap:14px; }.hero-stats div:last-child {border:0}.hero-stats strong { font: 40px Lalezar; color: var(--ivory); }.hero-stats span { font-size:12px;color:var(--muted); }

.manifesto, .projects, .courses, .contact { padding-top: 140px; padding-bottom: 60px; }
.section-kicker { display: flex; align-items: center; gap: 14px; color: var(--turquoise-light); font-size: 12px; margin-bottom: 45px; }
.section-kicker i { flex: 1; height: 1px; background: var(--line); }.section-kicker b { color: var(--gold); font-weight:400; }
.manifesto-grid, .section-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8vw; align-items: end; }
h2 { font-size: clamp(48px,6vw,82px); line-height: 1; letter-spacing:-2px; }
.manifesto-copy p, .section-heading p { color:#aebcba;line-height:2.1;margin:0 0 24px; }
.text-link { color:var(--ivory);font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:7px; }.text-link span{color:var(--gold);margin-right:10px}
.principles { display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.principle-card { min-height:300px;padding:40px 36px;position:relative;border-left:1px solid var(--line);transition:.3s; }.principle-card:last-child{border:0}.principle-card:hover,.principle-card.featured{background:linear-gradient(145deg,rgba(29,175,164,.12),rgba(200,165,106,.04));}.principle-card b{position:absolute;left:28px;top:28px;color:var(--gold);font-weight:400;font-size:12px}.principle-icon{font-size:40px;color:var(--turquoise-light);}.principle-card h3{margin:48px 0 12px;font-size:21px}.principle-card p{color:var(--muted);line-height:1.9;font-size:13px;max-width:270px}

.projects { width:100%;max-width:none;background:#e8e1d2;color:#102a30;margin-top:110px;padding-left:max(32px,calc((100% - var(--max))/2));padding-right:max(32px,calc((100% - var(--max))/2));padding-bottom:110px; }
.projects .section-kicker{color:#167c75}.projects .section-kicker i{background:rgba(8,36,42,.14)}.projects .section-heading p{color:#526569}.projects h2 em{color:#94703b}
.filter-row{display:flex;gap:10px;margin:42px 0 28px;flex-wrap:wrap}.filter{border:1px solid rgba(8,36,42,.18);background:transparent;color:#506367;padding:9px 18px;border-radius:50px;cursor:pointer}.filter.active,.filter:hover{background:#0b2a31;color:#fff}
.project-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,290px);gap:18px}.project-card{position:relative;overflow:hidden;border-radius:6px;background:#193d43}.project-large{grid-row:span 2}.project-art{position:absolute;inset:0;transition:transform .6s;background-color:#75664e}.project-card:hover .project-art{transform:scale(1.035)}.project-art::before,.project-art::after{content:"";position:absolute}.art-courtyard{background:linear-gradient(135deg,#b3a17e,#5d6e64)}.art-courtyard::before{inset:10% 7% 0;background:#9a693f;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%);box-shadow:inset 0 0 60px rgba(0,0,0,.25)}.art-courtyard::after{width:35%;height:55%;right:32%;bottom:0;border-radius:120px 120px 0 0;background:#193c42;box-shadow:0 0 0 12px rgba(235,194,131,.16)}.art-vault{background:linear-gradient(150deg,#978060,#332f2b)}.art-vault::before{width:74%;height:88%;right:13%;bottom:-20%;border:18px solid #a88355;border-bottom:0;border-radius:50% 50% 0 0;box-shadow:inset 0 0 0 2px #d0b783,inset 0 0 70px #172f32}.art-bridge{background:linear-gradient(#9eb2aa,#6b867e)}.art-bridge::before{width:110%;height:45%;right:-5%;bottom:4%;border-radius:50% 50% 0 0;background:#775b3d;clip-path:polygon(0 35%,100% 0,100% 70%,0 100%)}.art-bridge::after{width:40%;height:40%;right:30%;bottom:0;border-radius:50% 50% 0 0;background:#244852}.art-grid{position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,17,20,.72),transparent 55%);z-index:2}.project-info{position:absolute;z-index:3;bottom:0;right:0;left:0;padding:28px;color:white}.project-info span{font-size:11px;color:#d4c09b}.project-info h3{font-size:25px;margin:5px 0}.project-info a{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:12px;margin-top:14px}.project-info b{color:#e5c887}
.visit-bar{margin-top:18px;border-color:rgba(8,36,42,.15);background:rgba(255,255,255,.55);color:#15333a;border-radius:6px;display:grid;grid-template-columns:1.2fr 1.2fr .7fr auto;gap:24px;padding:20px 24px;align-items:center;box-shadow:none}.visit-bar div{border-left:1px solid rgba(8,36,42,.15)}.visit-bar small,.visit-bar strong{display:block}.visit-bar small{color:#728183;font-size:10px}.visit-bar strong{font-size:14px;margin-top:4px}

.courses{padding-bottom:120px}.courses .section-heading{margin-bottom:60px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{padding:26px;border:1px solid var(--line);min-height:500px;display:flex;flex-direction:column;transition:.3s;background:rgba(255,255,255,.015)}.course-card:hover,.course-featured{transform:translateY(-8px);background:linear-gradient(150deg,rgba(29,175,164,.13),rgba(255,255,255,.025));border-color:rgba(102,212,200,.28)}.course-top{display:flex;justify-content:space-between}.course-number{font:28px Lalezar;color:var(--gold)}.level{font-size:10px;color:var(--turquoise-light);border:1px solid var(--line);border-radius:30px;height:27px;padding:5px 11px}.course-symbol{height:165px;margin:24px 0;position:relative;display:grid;place-items:center;overflow:hidden;background:rgba(2,14,17,.25)}.course-symbol::before,.course-symbol::after,.course-symbol i{content:"";position:absolute;border:1px solid rgba(102,212,200,.55)}.symbol-structure::before{width:110px;height:110px;transform:rotate(45deg)}.symbol-structure::after{width:70px;height:70px;transform:rotate(45deg);border-color:var(--gold)}.symbol-structure i{width:140px}.symbol-site::before{width:125px;height:125px;border-radius:60px 60px 0 0}.symbol-site::after{width:78px;height:100px;border-radius:50px 50px 0 0;border-color:var(--gold);bottom:0}.symbol-site i{width:1px;height:100%}.symbol-brick::before{width:150px;height:100px;background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(200,165,106,.4) 24px 25px),repeating-linear-gradient(90deg,transparent 0 48px,rgba(102,212,200,.4) 49px 50px)}.course-meta{display:flex;gap:20px;color:var(--turquoise-light);font-size:10px}.course-card h3{font-size:21px;margin:12px 0}.course-card p{color:var(--muted);font-size:12px;line-height:1.9}.course-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center}.course-bottom strong{font-size:16px}.course-bottom small{color:var(--muted);font-weight:400}.course-bottom button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:20px}.course-bottom button:hover{background:var(--turquoise);color:var(--ink)}.all-courses{margin:42px auto 0;display:flex;width:max-content;gap:14px;align-items:center;border-bottom:1px solid var(--gold);padding-bottom:8px;font-size:13px}.all-courses span{color:var(--gold)}
.journal{width:100%;max-width:none}.journal-panel{min-height:490px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;background:#11323a}.journal-pattern{position:absolute;inset:-100px;background:repeating-conic-gradient(from 45deg at 50% 50%,transparent 0 12.5%,rgba(200,165,106,.08) 0 25%);background-size:180px 180px;transform:rotate(9deg);mask-image:radial-gradient(circle,#000,transparent 72%)}.quote-mark{font:100px Georgia;color:var(--gold);height:60px;position:relative}.journal blockquote{font-size:clamp(34px,4vw,58px);line-height:1.35;position:relative}.quote-author{display:flex;gap:12px;align-items:center;margin-top:32px;position:relative}.quote-author i{width:40px;height:1px;background:var(--gold)}.quote-author strong,.quote-author small{display:block;text-align:right}.quote-author small{font-size:10px;color:var(--muted)}

.contact{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;padding-bottom:140px}.contact-copy .section-kicker{margin-bottom:38px}.contact-copy>p{color:var(--muted);line-height:2;max-width:450px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.contact-details div:last-child{grid-column:span 2}.contact-details small,.contact-details span{display:block}.contact-details small{color:var(--turquoise-light);font-size:10px;margin-bottom:5px}.contact-details span{font-size:13px}.contact-form{border-radius:18px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:rgba(19,51,57,.45);align-self:end}.contact-form label{font-size:11px;color:var(--muted)}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.18);padding:11px 0;color:white;outline:0;resize:none}.contact-form select option{background:#123039}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--turquoise)}.contact-form .wide{grid-column:span 2}.contact-form .button{margin-top:8px}.form-status{margin:0;text-align:center;color:var(--turquoise-light);font-size:12px;min-height:18px}
footer{border-top:1px solid var(--line);width:min(calc(100% - 64px),var(--max));margin:auto;min-height:150px;display:flex;align-items:center;gap:32px;color:var(--muted);font-size:11px}.footer-brand{display:flex;align-items:center;gap:7px;color:white}.footer-brand .brand-mark{width:34px}.footer-brand strong{font:22px Lalezar}.footer-brand+p{margin-left:auto}.socials{display:flex;gap:18px}.socials a:hover{color:var(--turquoise-light)}
.modal{position:fixed;z-index:100;inset:0;background:rgba(1,10,12,.88);backdrop-filter:blur(12px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s;padding:24px}.modal.open{opacity:1;visibility:visible}.modal-content{width:min(900px,90vw);aspect-ratio:16/9;border:1px solid var(--line);background:#0d2a31}.video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(29,175,164,.2),transparent 60%)}.video-placeholder span{width:80px;height:80px;border-radius:50%;border:1px solid var(--turquoise);display:grid;place-items:center;color:var(--gold);margin-bottom:18px}.video-placeholder small{color:var(--muted);margin-top:8px}.modal-close{position:absolute;top:24px;left:30px;background:none;border:0;font-size:42px;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:980px){
  .site-header{width:calc(100% - 40px)}.header-cta{display:none}.menu-button{display:block;z-index:3}.main-nav{position:fixed;inset:0;background:rgba(4,24,29,.97);flex-direction:column;justify-content:center;font-size:20px;transform:translateY(-100%);transition:.45s}.main-nav.open{transform:none}.main-nav a{font-size:20px}.menu-button.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .hero{grid-template-columns:1fr;padding-top:70px;gap:60px}.hero-copy{padding:0}.hero-visual{height:600px}.arch-frame{width:min(78%,500px)}.hero-stats{position:relative;bottom:auto;margin-top:10px;grid-column:1}.manifesto-grid,.section-heading{grid-template-columns:1fr;gap:26px}.project-grid{grid-template-columns:1fr 1fr;grid-template-rows:440px 300px}.project-large{grid-column:span 2;grid-row:auto}.visit-bar{grid-template-columns:1fr 1fr}.course-grid{grid-template-columns:1fr 1fr}.course-card:last-child{grid-column:span 2}.contact{grid-template-columns:1fr}.contact-form{margin-top:20px}footer{flex-wrap:wrap;padding:35px 0}.footer-brand+p{margin-left:0}
}
@media(max-width:650px){
  .site-header,.section,footer{width:calc(100% - 32px)}.site-header{height:82px}.brand small{display:none}.brand{min-width:auto}.brand-mark{width:38px}h1{font-size:64px}.hero{min-height:auto;padding:54px 0 80px}.hero-copy>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{height:480px}.arch-frame{width:86%}.project-tag{right:-3%;min-width:250px}.vertical-note{display:none}.hero-stats{grid-template-columns:1fr 1fr;padding:10px 16px}.hero-stats div{padding:14px;border-bottom:1px solid var(--line)}.hero-stats div:nth-child(2){border-left:0}.hero-stats div:nth-child(3){border-bottom:0}.hero-stats div:nth-child(4){border:0}.hero-stats strong{font-size:32px}.manifesto,.projects,.courses,.contact{padding-top:90px}.principles{grid-template-columns:1fr}.principle-card{min-height:230px;border-left:0;border-bottom:1px solid var(--line)}.projects{margin-top:70px;padding-left:16px;padding-right:16px}.project-grid{display:flex;flex-direction:column}.project-card{height:370px}.project-large{height:440px}.visit-bar{grid-template-columns:1fr}.visit-bar div{border-left:0;border-bottom:1px solid rgba(8,36,42,.12);padding-bottom:12px}.course-grid{grid-template-columns:1fr}.course-card:last-child{grid-column:auto}.journal-panel{min-height:380px;padding:30px}.journal blockquote br{display:none}.contact-details{grid-template-columns:1fr}.contact-details div:last-child{grid-column:auto}.contact-form{grid-template-columns:1fr;padding:24px}.contact-form .wide{grid-column:auto}.contact-form label{grid-column:auto}footer{display:grid;grid-template-columns:1fr 1fr}.footer-brand+p{grid-column:span 2}.socials{grid-column:span 2}footer>span{grid-column:span 2}.glow{width:80vw;height:80vw}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.project-art,.button{transition:none}}