@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080808;--fg:#f0f0eb;--muted:#999;--line:#333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}header{height:100px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4%;z-index:20}.brand{width:128px;height:45px;overflow:hidden;display:block;position:relative;background:#000}.brand img{width:168px;max-width:none;position:absolute;left:-20px;top:-31px}.header-caption,.eyebrow,.section-label,.location,.art-label,.margin-note,footer,.concept-switch,.discipline-caption{font-size:10px;letter-spacing:.12em;line-height:1.6}.menu-button{border:0;background:none;font-size:11px;letter-spacing:.12em}.menu-button span{font-size:23px;margin-left:20px}#menu{position:fixed;inset:0;background:#111;z-index:19;padding:120px 8% 80px}#menu a{display:block;font-size:clamp(30px,6vw,85px);padding:15px 0;border-bottom:1px solid #444}#menu small{float:right;font-size:12px}h1,h2,p{margin:0}h1{font-weight:500;font-size:clamp(66px,8.8vw,155px);letter-spacing:-.065em;line-height:.94}h2{font-size:clamp(38px,5.9vw,95px);font-weight:500;line-height:1.02;letter-spacing:-.055em}em{font-family:Georgia,serif;font-weight:400}section{position:relative;padding:100px 6%;overflow:hidden}.hero{min-height:850px;height:100svh;max-height:1250px;padding:0 6%;display:flex;align-items:center}.hero-type{position:relative;z-index:2;width:100%;pointer-events:none}.hero-type .eyebrow{margin-bottom:40px}.hero h1 span{color:#bababa}.hero-bottom{position:absolute;bottom:85px;inset-inline:6%;display:flex;align-items:end;justify-content:space-between;z-index:3}.hero-bottom p{font-size:13px;line-height:1.7;color:#bdbdbd}.location{text-align:right;color:var(--muted)}.explore{font-size:10px;letter-spacing:.15em;display:flex;gap:25px;align-items:center}.explore span{border:1px solid #777;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-size:20px}.aperture{width:49vw;height:49vw;max-width:760px;max-height:760px;position:absolute;right:5%;top:7%;border-radius:50%;background:radial-gradient(ellipse at 38% 30%,#a5a5a5 0,#262626 16%,#050505 55%);box-shadow:inset -1px 1px 3px #ddd,18px -12px 65px #ffffff16;transform:rotate(-30deg);animation:breathe 9s ease-in-out infinite alternate}.aperture:after{content:'';position:absolute;inset:12%;border-radius:50%;background:#080808;box-shadow:-12px -10px 26px #000,10px 10px 30px #7775}.aperture div{position:absolute;inset:-15%;background:linear-gradient(110deg,transparent 45%,#ffffff0d 49%,transparent 55%);transform:rotate(15deg)}.section-label{color:var(--muted);position:relative;z-index:2;margin-bottom:65px}.perspective{min-height:900px;display:flex;flex-direction:column;justify-content:space-between}.perspective-copy{position:relative;z-index:2}.perspective-copy p{font-size:15px;line-height:1.7;margin-top:35px;color:var(--muted)}.light-slit{position:absolute;left:50%;top:0;height:70%;width:2px;background:#ddd;box-shadow:0 0 80px 25px #ffffff1c;transform:rotate(35deg)}.disciplines{background:#e7e7e2;color:#111}.disciplines .section-label{color:#555}.discipline-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:70px 0 40px}.discipline-list button{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #aaa;padding:14px 0;font-size:clamp(35px,4.6vw,75px);letter-spacing:-.05em;display:flex;align-items:center;gap:20px;transition:padding .4s,color .3s;color:#777}.discipline-list button[aria-pressed=true],.discipline-list button:hover{padding-inline-start:18px;color:#111}.discipline-list small{font-size:10px;letter-spacing:0}.discipline-list button span{font-size:30px;margin-left:auto}.discipline-art{height:350px;position:relative;display:grid;place-items:center;perspective:700px;--turn:0deg}.discipline-art span{position:absolute;width:210px;height:270px;border-radius:50%;border:1px solid #222;background:linear-gradient(120deg,#111,#aaa 25%,#eee 35%,#333 60%,#080808);transform:rotateY(calc(45deg + var(--turn))) rotateZ(-25deg);box-shadow:15px 20px 25px #0002;transition:transform .9s,border-radius .9s}.discipline-art span:nth-child(2){transform:rotateY(calc(65deg + var(--turn))) rotateZ(35deg)}.discipline-art span:nth-child(3){transform:rotateY(calc(85deg + var(--turn))) rotateZ(75deg)}.discipline-caption{border-top:1px solid #aaa;padding-top:20px}.approach{padding-block:130px}.approach-lines h2{border-bottom:1px solid var(--line);padding:30px 0;font-size:clamp(36px,6.3vw,100px)}.approach-lines small{font-size:11px;vertical-align:top;display:inline-block;width:55px;letter-spacing:0;padding-top:15px}.approach>p{text-align:right;font-size:11px;letter-spacing:.13em;margin-top:40px}.mobile-break{display:none}.invitation{padding-bottom:90px;min-height:760px}.invitation>p{font-size:14px;color:var(--muted);margin-bottom:35px}.invitation h2{font-size:clamp(65px,11vw,175px)}.contact-button{background:none;border:0;border-bottom:1px solid #777;padding:25px 0;display:flex;gap:100px;font-size:12px;letter-spacing:.1em;margin-top:30px}.contact-button span{font-size:23px}footer{display:flex;justify-content:space-between;margin-top:100px;color:var(--muted);font-size:9px}.concept-switch{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:25;display:flex;align-items:center;background:#171717ee;color:#ddd;border:1px solid #444;backdrop-filter:blur(15px);padding:6px;gap:4px;border-radius:4px;white-space:nowrap;letter-spacing:.04em;font-size:10px}.concept-switch>span{padding:0 12px;color:#999;font-size:9px}.concept-switch a{padding:10px 13px;border-radius:2px}.concept-switch a[aria-current]{background:#eee;color:#111}.concept-switch a:not([aria-current]) span{display:none}.motion-toggle{background:none;border:0;padding:10px;border-left:1px solid #555}.reveal{transition:opacity .8s,transform .8s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(35px)}.skip{position:fixed;top:-100px;z-index:40;background:white;color:black;padding:15px}.skip:focus{top:0}dialog{background:#eee;color:#111;border:0;padding:50px;width:min(540px,92vw);max-height:90svh}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}dialog h2{font-size:60px;margin:20px 0}dialog>p{font-size:13px}.close-dialog{position:absolute;right:20px;top:15px;border:0;background:none;font-size:30px}form label{display:block;font-size:12px;margin-top:20px}input,textarea{font:inherit;width:100%;display:block;background:none;border:0;border-bottom:1px solid #999;border-radius:0;padding:10px 0;color:#111}form>button{background:#111;color:white;border:0;padding:16px;margin-top:25px;width:100%;font-size:11px}.form-note{font-size:10px;line-height:1.5;color:#666;margin-top:14px}
/* Direction 02 — a typographic, paper-based composition */
.concept-2{--bg:#e8e8e2;--fg:#111;--muted:#62625e;--line:#aaa;color-scheme:light}.concept-2 header{border-bottom:1px solid #aaa;height:90px}.concept-2 .hero{display:block;padding-top:150px;min-height:900px}.concept-2 .hero>.eyebrow{margin-bottom:35px}.concept-2 h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(95px,16vw,255px);line-height:.82;font-weight:600;letter-spacing:-.035em;position:relative;z-index:2}.concept-2 h1>span{display:block;color:#111}.concept-2 h1 .offset{margin-left:16%;font-size:.7em;margin-top:20px}.concept-2 h1 i{font-family:Georgia,serif;font-size:.78em;font-weight:400;letter-spacing:-.065em}.editorial-object{position:absolute;right:9%;bottom:135px;width:230px;height:230px;background:#111;color:#eee;display:grid;place-items:center;transform:rotate(-12deg)}.editorial-object span{font-size:190px;font-weight:400;line-height:1;animation:arrowshift 5s ease-in-out infinite alternate}.margin-note{position:absolute;left:7%;top:63%;border-left:1px solid #777;padding-left:18px}.concept-2 .hero-bottom p{color:#333}.concept-2 .hero-bottom .location{display:none}.concept-2 .hero-bottom{right:40%}.concept-2 .perspective{background:#111;color:#eee;min-height:1100px}.concept-2 .perspective .section-label{color:#aaa}.type-window{font-family:'Barlow Condensed',sans-serif;font-size:clamp(100px,22vw,340px);line-height:.78;letter-spacing:-.04em;transform:rotate(-6deg);margin:20px -10% 130px}.type-window i{font-family:Georgia,serif;font-size:.5em;font-weight:400}.concept-2 .perspective-copy{margin-left:30%}.concept-2 .perspective-copy h2{font-size:clamp(40px,5vw,75px)}.concept-2 .disciplines{background:#dddcd6}.concept-2 .discipline-stage{display:flex;flex-direction:column-reverse;align-items:stretch}.concept-2 .discipline-art{display:none}.concept-2 .discipline-list button{font-family:'Barlow Condensed',sans-serif;font-size:clamp(60px,10vw,150px);font-weight:600;text-transform:uppercase;line-height:1.05}.concept-2 .discipline-list button[aria-pressed=true]{background:#111;color:#eee;padding-inline:25px}.concept-2 .approach-lines h2:nth-child(2){padding-left:12%}.concept-2 .approach-lines h2:nth-child(3){padding-left:23%}.concept-2 .invitation{background:#111;color:#eee}.concept-2 #menu{color:#eee}
/* Direction 03 — a spatial, interactive environment */
.concept-3{--bg:#101112;--fg:#e6e6e6;--line:#3b3b3b}.concept-3 .hero{min-height:900px;align-items:end;padding-bottom:180px}.concept-3 .hero h1{font-size:clamp(65px,7.7vw,125px)}.concept-3 .hero-type .eyebrow{margin-bottom:25px}.concept-3 .hero-type{mix-blend-mode:screen}.concept-3 #sculpture{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.art-label{position:absolute;right:6%;top:25%;color:#aaa;text-align:right}.art-label span{color:#666;font-size:9px}.concept-3 .perspective{background:#d9dada;color:#151515;min-height:950px;justify-content:space-between}.concept-3 .perspective-copy{text-align:center}.concept-3 .perspective-copy h2{font-size:clamp(40px,6vw,90px)}.orbital{position:absolute;width:440px;height:440px;left:50%;top:90px;transform:translateX(-50%);perspective:800px}.orbital i{position:absolute;inset:0;border:1px solid #555;border-radius:50%;transform:rotateX(65deg) rotateY(20deg);animation:orbit 15s linear infinite}.orbital i:nth-child(2){animation-delay:-5s}.orbital i:nth-child(3){animation-delay:-10s}.concept-3 .disciplines{background:#101112;color:#ddd}.concept-3 .discipline-list button{color:#888;border-color:#333}.concept-3 .discipline-list button[aria-pressed=true]{color:#fff}.concept-3 .discipline-art span{box-shadow:0 0 40px #ffffff13}.concept-3 .discipline-caption{border-color:#333}.concept-3 .approach{background:#d9dada;color:#151515}.concept-3 .approach h2{border-color:#aaa}.concept-3 .invitation h2{font-weight:400}.paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.paused .reveal{opacity:1!important;transform:none!important}@keyframes breathe{to{transform:rotate(-15deg) scale(1.04)}}@keyframes arrowshift{to{transform:translate(12px,-12px)}}@keyframes orbit{to{transform:rotateX(65deg) rotateY(380deg)}}
@media(min-width:1600px){.hero-type{max-width:1500px}.hero{min-height:950px}}
@media(max-width:700px){header{height:80px;padding:0 6%}.brand{transform:scale(.85);transform-origin:left center}.header-caption{display:none}section{padding:75px 7%}.hero{min-height:760px;height:100svh;padding-inline:7%}h1{font-size:14vw}.hero-type .eyebrow{font-size:9px;margin-bottom:25px}.hero-bottom{bottom:95px;inset-inline:7%;gap:25px}.hero-bottom p{font-size:10px}.hero-bottom .location{display:none}.explore{font-size:9px;gap:10px}.explore span{width:40px;height:40px}.aperture{width:90vw;height:90vw;right:-13%;top:16%}.perspective{min-height:740px}.section-label{margin-bottom:45px}.perspective-copy p{font-size:13px}.discipline-stage{grid-template-columns:1fr;margin-top:15px}.discipline-art{height:270px}.discipline-art span{width:150px;height:200px}.discipline-list button{font-size:46px}.approach{padding-block:80px}.approach-lines small{width:30px;font-size:9px;padding-top:6px}.approach-lines h2{font-size:8vw;padding:25px 0}.invitation{min-height:650px;padding-bottom:110px}.invitation>p{max-width:260px;line-height:1.6}.contact-button{gap:40px;font-size:10px}footer{gap:25px;flex-wrap:wrap;font-size:8px;margin-top:70px}.concept-switch{bottom:12px;max-width:96vw}.concept-switch>span{display:none}.concept-switch a{padding:10px 12px}.concept-switch a span{display:none!important}.concept-switch a[aria-current]:after{content:' / ACTIVE';font-size:8px}.concept-2 .hero{min-height:790px;padding-top:135px}.concept-2 h1{font-size:23vw}.concept-2 h1 .offset{margin-left:0;font-size:.67em;margin-top:18px}.editorial-object{width:155px;height:155px;right:10%;bottom:190px}.editorial-object span{font-size:130px}.margin-note{top:52%;font-size:9px}.concept-2 .hero-bottom{right:7%}.concept-2 .perspective{min-height:850px}.concept-2 .perspective-copy{margin-left:0}.type-window{font-size:30vw;margin-bottom:60px}.concept-2 .approach-lines h2:nth-child(n){padding-left:0}.concept-3 .hero{min-height:800px;padding-bottom:245px}.concept-3 .hero h1{font-size:13vw}.art-label{top:17%;font-size:8px}.concept-3 .perspective{min-height:830px}.orbital{width:300px;height:300px;top:140px}.concept-3 .perspective-copy{text-align:left}dialog{padding:30px}dialog h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}