@font-face{font-family:Archivo;src:url('assets/fonts/archivo-400.woff2')}@font-face{font-family:Archivo;src:url('assets/fonts/archivo-600.woff2');font-weight:600}@font-face{font-family:Archivo;src:url('assets/fonts/archivo-700.woff2');font-weight:700}@font-face{font-family:Instrument;src:url('assets/fonts/instrument-serif-400.woff2')}@font-face{font-family:Instrument;src:url('assets/fonts/instrument-serif-400-italic.woff2');font-style:italic}@font-face{font-family:Space;src:url('assets/fonts/space-grotesk-500.woff2');font-weight:500}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}body.sol{--paper:#f6f3e9;--ink:#303c2c;--muted:#626653;--line:#d7d8cb;--accent:#ad4a28;--display:Instrument,Georgia,serif}body.aire{--paper:#f0f5f9;--ink:#173749;--muted:#536875;--line:#ccd9df;--accent:#255b76;--display:Instrument,Georgia,serif}body.forma{--paper:#261c32;--ink:#f8eddf;--muted:#c5b7c9;--line:#54445c;--accent:#ffb796;--display:Space,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}h1,h2{font-weight:400}em{font-weight:400}::selection{background:#eaa985;color:#261c32}.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:22px}.brand-word{font-size:49px;letter-spacing:-4px;font-weight:700;line-height:1}.brand-dot{font-weight:400;font-size:29px;vertical-align:top;display:inline-block;margin-top:3px;letter-spacing:-2px}.brand-school{font-size:9px;letter-spacing:1.5px;line-height:1.6;border-left:1px solid var(--line);padding-left:22px}.header nav{display:flex;align-items:center;gap:34px;font-size:12px}.header nav a{padding-block:10px}.header nav a:hover{color:var(--accent)}.header .nav-join{border:1px solid var(--line);border-radius:30px;padding:12px 20px;display:flex;gap:25px}.hero{height:425px;position:relative;display:flex;align-items:center;isolation:isolate}.hero-content{width:100%;position:relative;z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.65px;line-height:1.5}.hero h1{font-family:var(--display);font-size:clamp(60px,6.65vw,106px);line-height:.95;letter-spacing:-2.8px;margin:26px 0 25px;max-width:850px}.hero h1 em{color:var(--accent)}.hero-description{font-size:14px;line-height:1.65;color:var(--muted)}.hero-bottom{display:flex;align-items:flex-end;gap:46px}.text-link{display:inline-flex;gap:26px;align-items:center;font-size:12px;padding-bottom:7px;border-bottom:1px solid currentColor;width:fit-content;line-height:1.5}.text-link span,.button span,.nav-join span{transition:transform .2s}.text-link:hover span,.button:hover span,.nav-join:hover span{transform:translate(3px,-3px)}.hero-art{position:absolute;z-index:0;inset:0 0 0 52%;pointer-events:none;--px:0px;--py:0px;--rot:0deg;--scroll:0px}.art-object{transform:translate3d(var(--px),calc(var(--py) + var(--scroll)),0) rotate(var(--rot));will-change:transform}.sun{position:absolute;width:340px;height:340px;top:32px;left:22%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffe9a4 0%,#fac179 27%,#e98e54 47%,#b85336 68%,#879367 83%,#d3d5b7 98%);box-shadow:inset -13px -14px 35px #7d61452a}.sun-core{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6e7af88,#a6522b22 60%,#64744733);filter:blur(15px)}.sun-rings{position:absolute;inset:-18%;border:1px solid #82926b2e;border-radius:50%;transform:rotate(-30deg) scaleY(.65)}.sun-rings:after,.sun-rings:before{content:'';position:absolute;inset:12%;border:1px solid #82926b40;border-radius:50%}.sun-rings:before{inset:-10%}.art-note{position:absolute;bottom:30px;right:12px;font-size:9px;letter-spacing:1px;color:var(--muted)}.marquee{overflow:hidden;position:relative;padding-top:6px}.film-track{display:flex;width:max-content;animation:film 65s linear infinite;will-change:transform}.film-set{display:flex;gap:14px;padding-right:14px;align-items:center}.film-photo{width:270px;height:206px;overflow:hidden;border-radius:3px}.film-photo:nth-child(3n+2){width:210px}.film-photo:nth-child(3n){width:310px}.film-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.film-photo:hover img{transform:scale(1.04)}.marquee:hover .film-track,.marquee:focus-within .film-track,.motion-paused .film-track{animation-play-state:paused}.film-caption{display:flex;align-items:center;justify-content:space-between;padding-top:17px;color:var(--muted);font-size:10px}.motion-toggle{font-size:10px;display:flex;gap:10px;align-items:center;background:none;border:0;padding:6px}.about{padding-block:116px 100px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:35px}.small-star{font-size:26px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:9%}.about h2{font-family:var(--display);font-size:clamp(44px,4.6vw,72px);line-height:1.04;letter-spacing:-1.5px}.about h2 em{color:var(--accent)}.about-copy{max-width:440px;padding-top:6px}.about-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:17px}.about-copy .text-link{margin-top:12px}.community-image{position:relative;overflow:hidden;border-radius:3px}.community-image img{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:center 65%}.community-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#111a1688);pointer-events:none}.community figcaption{position:absolute;bottom:30px;right:34px;font-family:Instrument,Georgia,serif;font-style:italic;font-size:36px;color:white;z-index:1;text-shadow:0 1px 8px #0006}.impact{padding-block:88px 104px}.impact .section-label{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.impact h2{font-size:12px;letter-spacing:0;text-transform:none}.impact .section-label>span{font-size:9px}.numbers{display:grid;grid-template-columns:1.25fr 1fr 1fr}.stat{display:flex;flex-direction:column;padding:12px 40px;border-left:1px solid var(--line)}.stat:first-child{border:0;padding-left:0}.stat-value{font-family:var(--display);font-size:clamp(76px,9vw,140px);line-height:1.1;letter-spacing:-5px}.stat-symbol{font-size:50px;vertical-align:top;color:var(--accent);display:inline-block;margin-top:20px;margin-left:12px}.stat-label{font-size:11px;color:var(--muted);margin-top:15px}.join{background:#e4e8d7;position:relative;overflow:hidden}.join-inner{padding-block:74px 72px}.join h2{font-family:var(--display);font-size:clamp(65px,7.8vw,120px);line-height:.95;letter-spacing:-3px;margin-block:30px 36px}.join h2 em{color:var(--accent)}.join-bottom{display:flex;justify-content:space-between;align-items:flex-end}.join-bottom p{color:var(--muted);font-size:13px;line-height:1.8}.join-actions{display:flex;align-items:center;gap:30px}.button{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:19px 24px;border-radius:32px;background:var(--ink);color:var(--paper);font-size:12px;transition:background .2s}.button:hover{background:var(--accent)}.footer{display:flex;gap:40px;align-items:center;padding-block:42px 105px}.footer .brand-word{font-size:42px}.footer p{font-size:10px;color:var(--muted);line-height:1.7}.footer>div{display:flex;gap:26px;margin-left:auto;font-size:10px}.footer-year{font-size:9px;color:var(--muted);margin-left:22px}.design-switcher{position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #ffffff80;border-radius:40px;background:#fffaf2ed;color:#3f3c38;box-shadow:0 5px 30px #20170d25;backdrop-filter:blur(16px);font-size:11px;white-space:nowrap}.design-switcher a{padding:10px 15px;border-radius:24px;display:flex;gap:7px;align-items:center}.design-switcher a[aria-current]{background:#33392e;color:#fff}.design-switcher a:hover{background:#e6e4dc}.design-switcher a[aria-current]:hover{background:#33392e}.design-switcher .all-designs{font-size:10px;border-right:1px solid #d9d4ca;border-radius:0;padding-inline:12px}.swatch{height:7px;width:7px;border-radius:50%;display:block}.swatch-sol{background:#cf925b}.swatch-aire{background:#91c2d6}.swatch-forma{background:#b283cf}.skip{position:fixed;left:15px;top:-80px;z-index:30;padding:14px;background:var(--ink);color:var(--paper)}.skip:focus{top:10px}
/* Aire: a wide, centered opening, drifting color and a more open rhythm. */
.aire .header{border:0}.aire .hero{height:430px;justify-content:center;text-align:center}.aire .hero-content{display:flex;flex-direction:column;align-items:center}.aire .hero h1{font-size:clamp(70px,7.4vw,112px);margin:20px 0 23px;letter-spacing:-2px}.aire .hero-bottom{flex-direction:column;gap:16px;align-items:center}.aire .hero-description{font-size:13px}.aire .hero-art{inset:-90px -56px -30px;overflow:hidden;z-index:-1}.atmosphere{position:absolute;inset:0;filter:blur(40px);opacity:.65}.atmosphere i{position:absolute;display:block;border-radius:50%;background:radial-gradient(ellipse,#8ac7ed,transparent 70%);width:540px;height:450px;right:-30px;top:10px}.atmosphere i:nth-child(2){width:480px;height:300px;background:radial-gradient(ellipse,#dbb3b4,transparent 70%);left:-50px;top:130px}.atmosphere i:nth-child(3){background:radial-gradient(ellipse,#c9d788,transparent 70%);left:25%;width:450px;height:180px;top:370px}.orbit{position:absolute;border:1px solid #5e92b22b;width:430px;height:430px;border-radius:50%;right:-110px;top:110px;transform:translate(var(--px),var(--py))}.orbit-two{width:520px;height:520px;right:-155px;top:65px}.aire .film-photo{height:225px;border-radius:110px 110px 6px 6px}.aire .film-photo:nth-child(even){border-radius:6px;height:195px}.aire .film-set{gap:20px;padding-right:20px}.aire .about .section-label{justify-content:center}.aire .small-star{display:none}.aire .about-content{text-align:center;grid-template-columns:1fr;gap:26px}.aire .about h2{font-size:68px}.aire .about-copy{max-width:650px;margin:auto}.aire .about-copy p{display:inline;font-size:14px}.aire .about-copy p+p:before{content:' '}.aire .about-copy .text-link{display:flex;margin:25px auto 0}.aire .community-image{border-radius:18px}.aire .impact{padding-block:75px 90px}.aire .stat{text-align:center}.aire .stat:first-child{padding-left:40px}.aire .join{background:#dbe9ec}.aire .join-inner{text-align:center}.aire .join-bottom{flex-direction:column;align-items:center;gap:25px}.aire .join h2{font-size:105px}.aire .join-actions{gap:35px}
/* Forma: strong asymmetric type and a dimensional, four-part sculpture. */
.forma .header{height:90px}.forma .brand-dot{color:#ffb796}.forma .hero{height:445px}.forma .hero h1{font-size:clamp(48px,5.7vw,86px);line-height:1.03;letter-spacing:-4px;max-width:850px;margin-top:33px;margin-bottom:28px}.forma .hero h1 em{font-style:normal;color:var(--accent)}.forma .hero-description{max-width:390px;font-size:13px}.forma .hero-bottom{gap:40px}.forma .hero-art{left:60%}.sculpture{width:330px;height:330px;position:absolute;top:36px;right:5%;transform:translate3d(var(--px),calc(var(--py) + var(--scroll)),0) rotate(calc(-15deg + var(--rot)))}.sculpture i{position:absolute;display:block;width:53%;height:53%;border-radius:50% 50% 12% 50%;background:radial-gradient(circle at 30% 25%,#ffe2b7,#ffa57e 37%,#c56676 63%,#65376c 96%);box-shadow:inset -8px -10px 16px #48264555}.sculpture i:nth-child(1){top:0;left:0}.sculpture i:nth-child(2){top:0;right:0;transform:rotate(90deg)}.sculpture i:nth-child(3){bottom:0;right:0;transform:rotate(180deg)}.sculpture i:nth-child(4){bottom:0;left:0;transform:rotate(270deg)}.sculpture span{position:absolute;inset:40%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffdab0,#d58a79 40%,#814b77 85%);box-shadow:0 0 28px #6a3b6466}.forma .art-note{right:5%;bottom:30px}.forma .film-photo{border-radius:0;height:215px}.forma .film-photo:nth-child(even){height:184px}.forma .film-set{gap:10px;padding-right:10px}.forma .about{padding-block:100px 95px}.forma .about-content{grid-template-columns:1.1fr 1fr}.forma .about h2{font-size:60px;line-height:1.05;letter-spacing:-3px}.forma .about h2 em{font-style:normal}.forma .section-label .small-star{color:var(--accent);font-size:42px}.forma .community{width:100%;max-width:none}.forma .community-image{border-radius:0}.forma .community-image img{aspect-ratio:2;object-position:center 60%}.forma .community figcaption{font-family:Space,Arial,sans-serif;font-style:normal;font-size:25px;right:56px;bottom:35px;letter-spacing:-1px}.forma .numbers{grid-template-columns:1.25fr 1fr 1fr}.forma .stat-value{font-size:110px;letter-spacing:-8px}.forma .join{background:#f2b392;color:#342239;--ink:#342239;--paper:#f2b392;--accent:#6e3d5b;--muted:#69465a}.forma .join h2{font-size:80px;letter-spacing:-5px}.forma .join h2 em{font-style:normal}
/* Comparison page, with actual browser previews when available. */
.gallery{--paper:#f7f5f0;--ink:#30382f;--accent:#955139;background:var(--paper);color:var(--ink);padding:0 5vw 60px}.gallery-header{display:flex;justify-content:space-between;align-items:center;height:110px;border-bottom:1px solid #d7d8cb}.gallery-header>span:last-child{font-size:10px;letter-spacing:1.5px}.gallery main{padding-top:65px}.gallery h1{font:86px/1.05 Instrument,Georgia,serif;letter-spacing:-2px;margin:18px 0}.gallery h1 em{color:#945d43}.gallery-intro{font-size:14px;line-height:1.8;color:#6a6e61}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:45px}.concept-preview{aspect-ratio:1.5;position:relative;overflow:hidden;border:1px solid #0001;transition:transform .3s}.concept-card:hover .concept-preview{transform:translateY(-6px)}.concept-preview>img{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover;object-position:top}.preview-sol{background:#f6f3e9;color:#303c2c}.preview-aire{background:#edf4f8;color:#173749}.preview-forma{background:#261c32;color:#ffdfca}.preview-fallback{padding:20px;position:relative;height:100%}.preview-fallback>span{font-size:18px;font-weight:700;letter-spacing:-1px}.preview-fallback strong{font:34px/.95 Instrument,Georgia,serif;display:block;position:relative;z-index:1;margin:25px 0}.preview-forma strong{font:25px/1.1 Space,Arial,sans-serif}.preview-art{position:absolute;width:110px;height:110px;border-radius:50%;right:20px;top:55px;background:radial-gradient(circle at 30% 20%,#ffebac,#e89962 50%,#879267);opacity:.8}.preview-aire .preview-art{background:#a6d2e6;filter:blur(25px);width:180px}.preview-forma .preview-art{border-radius:40%;background:linear-gradient(135deg,#ffd4a3,#e48e82,#9867b4);width:95px}.mini-film{display:flex;position:absolute;bottom:0;left:0;height:60px;gap:5px}.mini-film img{width:28%;object-fit:cover}.concept-title{display:flex;justify-content:space-between;margin-top:20px;font-size:17px}.concept-title>span:last-child{font-size:11px;align-self:center}.concept-card>p{font-size:12px;color:#6a6e61;margin-top:10px}.gallery-note{font-size:11px;margin-top:45px;color:#74776a;line-height:1.7}
@keyframes film{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero{height:470px}.aire .hero{height:470px}.forma .hero{height:470px}.sun{left:25%;width:380px;height:380px}.sculpture{width:370px;height:370px}.film-photo{height:245px;width:310px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{height:82px}.hero{height:420px}.hero h1{font-size:75px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:19px}.sun{width:280px;height:280px;left:10%;top:65px}.hero-art{left:57%}.hero-description{max-width:420px;font-size:13px}.art-note{font-size:8px;right:0}.header nav{gap:22px}.about{padding-block:85px}.about-content{gap:6%}.about h2{font-size:51px}.about-copy p{font-size:14px}.join-actions{gap:20px}.stat{padding-inline:28px}.forma .hero h1{font-size:62px}.forma .hero-art{left:65%}.sculpture{width:250px;height:250px;top:77px;right:0}.forma .about h2{font-size:48px}.forma .stat-value{font-size:85px}.forma .join h2{font-size:68px}.aire .hero-art{inset-inline:-32px}.gallery h1{font-size:70px}.concept-grid{gap:18px}.concept-title{font-size:15px}.preview-fallback strong{font-size:27px}.preview-forma strong{font-size:21px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:76px}.brand{gap:12px}.brand-word{font-size:39px}.brand-dot{font-size:23px}.brand-school{font-size:7px;padding-left:12px;letter-spacing:1px}.header nav>a:not(.nav-join){display:none}.header .nav-join{font-size:10px;padding:10px 13px;gap:15px}.hero{height:430px;align-items:flex-start;padding-top:35px}.eyebrow{font-size:8px;letter-spacing:1.1px}.hero h1{font-size:clamp(50px,11.2vw,76px);letter-spacing:-1.7px;margin-top:25px;line-height:1}.hero-bottom{gap:20px}.hero-description{font-size:12px;line-height:1.7;max-width:310px}.desktop-break{display:none}.hero .text-link{font-size:11px}.hero-art{inset:0;z-index:0}.sun{width:175px;height:175px;left:auto;right:-24px;top:217px;opacity:.56}.art-note{display:none}.hero-description{max-width:275px}.film-photo,.film-photo:nth-child(3n){width:220px;height:165px}.film-photo:nth-child(3n+2){width:165px}.film-set{gap:10px;padding-right:10px}.film-caption{padding-top:12px;font-size:8px}.motion-toggle{font-size:9px;min-height:34px}.about{padding-block:65px 55px}.section-label{font-size:8px;margin-bottom:24px}.small-star{font-size:23px}.about-content{grid-template-columns:1fr;gap:26px}.about h2{font-size:49px;letter-spacing:-1px}.about-copy p{font-size:13px;line-height:1.8}.about-copy .text-link{font-size:11px}.community-image img{aspect-ratio:1.28;object-fit:contain;background:#28332c}.community figcaption{font-size:24px;right:17px;bottom:17px}.impact{padding-block:55px}.impact .section-label{align-items:flex-start}.impact .section-label>span{font-size:7px;letter-spacing:.5px;padding-top:2px}.impact h2{font-size:11px}.numbers{grid-template-columns:1.2fr 1fr 1fr;gap:0}.stat{padding:3px 14px}.stat-value{font-size:54px;letter-spacing:-2.6px}.stat-symbol{font-size:21px;margin-left:4px;margin-top:8px}.stat-label{font-size:8px;line-height:1.6;margin-top:10px;max-width:95px}.join-inner{padding-block:51px}.join h2{font-size:60px;letter-spacing:-1.7px;margin-block:25px}.join-bottom{flex-direction:column;align-items:flex-start;gap:27px}.join-bottom p{font-size:12px}.join-actions{flex-wrap:wrap;gap:22px}.join-actions .text-link{font-size:11px}.button{font-size:11px;padding:16px 20px;gap:33px}.footer{flex-wrap:wrap;gap:25px 20px;padding-top:30px;padding-bottom:110px}.footer>div{margin-left:0;gap:25px}.footer-year{margin-left:auto}.footer p{font-size:9px}.footer .brand-word{font-size:38px}.design-switcher{bottom:12px;font-size:10px;gap:0}.design-switcher a{padding:10px 12px}.design-switcher .all-designs{padding-inline:10px}.design-switcher .all-designs span{display:none}.aire .hero{height:425px;padding-top:30px}.aire .hero h1{font-size:58px;margin-block:24px}.aire .hero-description{font-size:12px;max-width:310px}.aire .hero-art{inset-inline:-20px}.aire .hero-bottom{gap:20px}.aire .film-photo{height:180px;border-radius:100px 100px 4px 4px}.aire .film-photo:nth-child(even){height:155px}.aire .film-set{gap:12px;padding-right:12px}.aire .about h2{font-size:48px}.aire .about-copy p{font-size:13px}.aire .community-image{border-radius:8px}.aire .stat:first-child{padding-left:0}.aire .stat{padding-inline:10px}.aire .stat-label{max-width:none}.aire .impact{padding-block:55px}.aire .join h2{font-size:67px}.aire .join-actions{justify-content:center}.forma .header{height:76px}.forma .hero{height:450px;padding-top:33px}.forma .hero h1{font-size:clamp(38px,9.2vw,60px);letter-spacing:-2px;margin-top:27px;margin-bottom:25px}.forma .hero-description{font-size:12px;max-width:250px}.forma .hero-art{inset:0}.sculpture{width:145px;height:145px;top:265px;right:-9px;opacity:.9}.forma .hero-bottom{gap:21px}.forma .film-photo{height:170px}.forma .film-photo:nth-child(even){height:145px}.forma .about{padding-block:60px}.forma .about-content{grid-template-columns:1fr}.forma .about h2{font-size:46px;letter-spacing:-2px}.forma .community-image img{aspect-ratio:1.28;object-fit:contain}.forma .community figcaption{font-size:17px;right:20px;bottom:20px;letter-spacing:-.5px}.forma .stat-value{font-size:49px;letter-spacing:-3px}.forma .join h2{font-size:45px;letter-spacing:-2px}.gallery{padding-inline:20px}.gallery-header{height:85px}.gallery-header>span:last-child{font-size:7px;letter-spacing:.8px}.gallery main{padding-top:40px}.gallery h1{font-size:55px}.gallery-intro{font-size:12px}.gallery-intro br{display:none}.concept-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.concept-title{margin-top:15px}.concept-preview{aspect-ratio:1.5}.preview-fallback strong{font-size:44px}.preview-forma strong{font-size:32px}.gallery-note{margin-top:30px}}
.hero-art{overflow:clip}
@media(max-width:700px){.sun{right:24px;top:240px;width:155px;height:155px}.sculpture{right:25px}.community-image img,.forma .community-image img{aspect-ratio:auto;height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-track{animation:none}.art-object,.orbit{transform:none!important;will-change:auto}*,*:before,*:after{transition:none!important}.motion-toggle{display:none}}
