:root{--ink:#0a0a0a;--paper:#fff;--line:#0a0a0a38;--quiet:#0a0a0a94;--faint:#0a0a0a0f;--pad:clamp(1rem, 2.2vw, 2.25rem);--display-font:Arial, Helvetica, sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Neue Haas Grotesk Text Pro,Arial,sans-serif}button,a{color:inherit;font:inherit}button{border:0}::selection{background:var(--ink);color:var(--paper)}.portfolio{isolation:isolate;background:var(--paper);min-height:100svh;position:relative;overflow:hidden}.portfolio[data-role=founder]{--display-font:"Arial Black", "Helvetica Neue", Arial, sans-serif}.portfolio[data-role=author]{--display-font:Georgia, "Times New Roman", serif}.portfolio[data-role=teacher]{--display-font:"Courier New", Courier, monospace}.portfolio[data-role=leader]{--display-font:"Trebuchet MS", Verdana, sans-serif}.grain{z-index:20;pointer-events:none;display:none;position:fixed;inset:-50%}.hamilton{z-index:1;white-space:nowrap;pointer-events:none;color:#0000;opacity:0;letter-spacing:-.095em;text-transform:uppercase;-webkit-text-stroke:clamp(1px, .1vw, 1.5px) #0a0a0a80;width:max-content;font-size:clamp(7rem,16.5vw,22.5rem);font-weight:900;line-height:.72;transition:opacity .8s,filter .8s,transform 1s cubic-bezier(.2,.8,.2,1);animation:2.8s cubic-bezier(.2,.8,.2,1) 2.05s forwards hamiltonIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(.96)}.portfolio--selected .hamilton{filter:none;transform:translate(-50%,-50%)scaleX(.98);opacity:.08!important}.stage{z-index:2;width:100%;min-height:100svh;padding:clamp(1.5rem, 4vw, 4.5rem) var(--pad);grid-template-columns:minmax(0,1fr) minmax(245px,20vw) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,2.8vw,3rem);display:grid;position:relative}.project-slot{min-width:0}.project-card{border-top:1px solid var(--ink);will-change:transform, opacity;background:0 0;width:100%;max-width:620px}.project-card--left{margin-right:auto;animation:1.4s cubic-bezier(.16,1,.3,1) both projectFromLeft}.project-card--right{flex-direction:column;margin-left:auto;animation:1.4s cubic-bezier(.16,1,.3,1) both projectFromRight;display:flex}.project-card--right .project-copy{order:1;padding:0 0 1.4rem}.project-card--right .project-visual{border-top:1px solid var(--ink);border-bottom:0;order:2}.project-visual{aspect-ratio:16/8.2;border-bottom:1px solid var(--ink);color:var(--ink);background:linear-gradient(135deg,#0000 49.7%,#0a0a0a1f 50%,#0000 50.3%),linear-gradient(45deg,#0000 49.7%,#0a0a0a1f 50%,#0000 50.3%);position:relative;overflow:hidden}.project-visual:before{content:"";border:1px solid #0a0a0a4d;position:absolute;inset:12px}.project-code{letter-spacing:-.075em;font-size:clamp(2.5rem,4.5vw,5.5rem);font-weight:900;position:absolute;top:1.15rem;left:1.35rem}.project-image-note{letter-spacing:.16em;text-transform:uppercase;font-size:.6rem;font-weight:700;position:absolute;bottom:1.15rem;right:1.3rem}.project-cross{width:13px;height:13px;position:absolute}.project-cross:before,.project-cross:after{content:"";background:var(--ink);position:absolute}.project-cross:before{width:1px;height:13px;top:0;left:6px}.project-cross:after{width:13px;height:1px;top:6px;left:0}.project-cross--one{top:1.25rem;right:1.25rem}.project-cross--two{bottom:1.25rem;left:1.25rem}.project-copy{padding:1.25rem 0 0}.project-eyebrow,.project-body{margin:0}.project-eyebrow{color:var(--quiet);letter-spacing:.17em;font-size:clamp(.7rem,.72vw,.84rem);font-weight:700}.project-copy h2{letter-spacing:-.055em;max-width:none;font-size:clamp(2rem,3vw,4.25rem);line-height:.94;font-family:var(--display-font);margin:.42rem 0 .7rem;font-weight:500}.project-body{color:#0a0a0ab8;max-width:66ch;font-size:clamp(1rem,1.08vw,1.22rem);line-height:1.5}.project-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.5rem 1.1rem;margin:1rem 0 0;padding:.8rem 0;list-style:none;display:flex}.project-stats li{letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.62rem,.64vw,.74rem);font-weight:700}.project-stats li:before{content:"●";vertical-align:.08rem;margin-right:.45rem;font-size:.44rem}.project-link{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;margin-top:.9rem;padding-bottom:.22rem;font-size:.61rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.project-link:hover,.project-link:focus-visible{opacity:.55}.role-nav{align-self:center;min-width:0;padding:0;position:relative}.role-list{display:grid}.role-button{cursor:pointer;text-align:center;background:0 0;width:100%;padding:.28rem 0;display:block;position:relative;overflow:hidden}.role-word-wrap{justify-items:center;max-width:100%;padding-bottom:.5rem;display:inline-grid;position:relative}.role-underline{background:var(--ink);transform-origin:50%;width:clamp(3.5rem,62%,7.5rem);height:1px;transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.role-button:hover .role-underline,.role-button:focus-visible .role-underline,.role-button.is-active .role-underline{transform-origin:50%;transform:translate(-50%)scaleX(1)}.role-button.is-active .role-word{opacity:1}.role-word{width:max-content;max-width:100%;color:var(--ink);letter-spacing:-.07em;white-space:nowrap;clip-path:inset(0 100% 0 0);text-shadow:none;animation:typeWord .62s steps(var(--letters)) calc(.3s + var(--role-index) * .5s) forwards;margin-inline:auto;font-size:clamp(2.2rem,4.2vw,4.8rem);font-weight:700;line-height:.98;transition:color .25s,opacity .25s,text-shadow .25s;display:block;overflow:visible}.role-button:first-child .role-word{letter-spacing:-.08em;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-weight:900}.role-button:nth-child(2) .role-word{letter-spacing:-.075em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.role-button:nth-child(3) .role-word{letter-spacing:-.1em;font-family:Courier New,Courier,monospace;font-weight:400}.role-button:nth-child(4) .role-word{letter-spacing:-.075em;font-family:Trebuchet MS,Verdana,sans-serif;font-weight:700}.role-list:has(.is-active) .role-button:not(.is-active) .role-word{color:#0a0a0a38;text-shadow:none}.project-link:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.intro-wipe{z-index:30;background:var(--ink);color:var(--paper);pointer-events:none;place-items:center;animation:1.1s cubic-bezier(.7,0,.3,1) forwards introWipe;display:grid;position:fixed;inset:0}.intro-wipe span{letter-spacing:.22em;text-transform:uppercase;font-size:.68rem;font-weight:700;animation:.85s forwards introLabel}@keyframes introWipe{0%,48%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}@keyframes introLabel{0%{opacity:0;letter-spacing:.35em}30%,60%{opacity:1}to{opacity:0;letter-spacing:.22em}}@keyframes typeWord{to{clip-path:inset(0)}}@keyframes hamiltonIn{0%{opacity:0;filter:blur(12px)}to{opacity:.14;filter:none}}@keyframes projectFromLeft{0%{opacity:0;transform:translate(-18vw)}to{opacity:1;transform:translate(0)}}@keyframes projectFromRight{0%{opacity:0;transform:translate(18vw)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@media (max-width:1180px){.stage{grid-template-columns:minmax(0,1fr) minmax(210px,23vw) minmax(0,1fr);gap:1.25rem}.project-copy h2{font-size:clamp(1.8rem,2.7vw,3rem)}.project-body{font-size:clamp(.9rem,1.2vw,1.08rem)}.project-stats{gap:.4rem .65rem}.project-stats li{font-size:.62rem}}@media (max-width:880px){.portfolio{min-height:100svh;display:block;overflow:hidden auto}.stage{flex-direction:column;gap:1.8rem;min-height:100svh;padding-block:3rem;display:flex}.role-nav{order:1;width:min(100%,520px);padding-inline:0}.role-word{font-size:clamp(3.1rem,15vw,6rem)}.project-slot{width:100%}.project-slot--left{order:2}.project-slot--right{order:3}.project-card{background:0 0;max-width:none}.project-visual{aspect-ratio:16/9}.project-copy h2{max-width:none;font-size:clamp(2.35rem,9.2vw,4.65rem);line-height:.92}.project-body{max-width:none;font-size:clamp(1.05rem,3.9vw,1.35rem);line-height:1.5}.hamilton{writing-mode:horizontal-tb;-webkit-text-stroke-color:#0a0a0a80;font-size:16.5vw;position:fixed;top:50%;transform:translate(-50%,-50%)scaleX(.96)}.portfolio--selected .hamilton{transform:translate(-50%,-50%)scaleX(.98)}}@media (max-width:540px){.hamilton{font-size:min(31vw,18svh);transform:translate(-50%,-50%)rotate(90deg)scaleX(.96)}.portfolio--selected .hamilton{transform:translate(-50%,-50%)rotate(90deg)scaleX(.98)}.stage{min-height:100svh;padding-top:2.2rem}.role-button{padding-block:.2rem}.role-word{font-size:clamp(3rem,17vw,5.2rem)}.project-code{font-size:12vw}.project-copy h2{max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.hamilton{opacity:.14}.role-word{clip-path:none}}