:root{--bg:#eceae4;--text:#1a1a1a;--accent:#f24e1e;--accent-2:#0f4c81;--font-sans:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem}@media (prefers-color-scheme:dark){:root{--bg:#121212;--text:#f0f0f0;--accent:#ff5f2e}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:hidden}.progress-nav{z-index:100;mix-blend-mode:difference;color:#fff;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.progress-bar{background-color:currentColor;width:0%;height:2px;position:absolute;top:0;left:0}.progress-text{letter-spacing:.05em;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:600}.section{width:100vw;min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.container{width:100%;max-width:1400px;margin:0 auto;position:relative}.relative{justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.huge-title{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(4rem,15vw,12rem);font-weight:700;line-height:.9}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--spacing-lg);font-size:clamp(2rem,5vw,5rem);font-weight:600}.subtitle{max-width:600px;margin-top:var(--spacing-md);font-size:clamp(1.2rem,2vw,2rem);font-weight:400}.mono-text{text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace;font-size:.875rem}.char{display:inline-block}.intro-section{flex-direction:column;justify-content:flex-end;padding-bottom:10vh}.scroll-indicator{text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:1rem;margin-top:15vh;font-size:.875rem;display:flex}.scroll-indicator .line{background-color:var(--text);transform-origin:top;width:1px;height:60px}.floating-words{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.word{font-family:var(--font-display);opacity:0;text-transform:uppercase;font-size:clamp(2rem,6vw,6rem);font-weight:700;position:absolute}.definition{text-align:center;opacity:0;width:100%;position:absolute}.definition h2{max-width:1000px;margin:0 auto;font-size:clamp(1.5rem,4vw,4rem);font-weight:400;line-height:1.2}.split-layout{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;height:80vh;display:grid}.elements-nav{justify-content:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.elements-nav button{color:var(--text);font-family:var(--font-display);text-align:left;cursor:pointer;opacity:.3;background:0 0;border:none;padding:.5rem 0;font-size:clamp(1.5rem,3vw,3rem);transition:opacity .3s}.elements-nav button.active{opacity:1}.elements-visual{background:#00000008;border-radius:4px;justify-content:center;align-items:center;display:flex}.composition-box{width:80%;height:80%;transition:all .5s cubic-bezier(.77,0,.175,1);position:relative}.shape{background-color:var(--text);transition:all .5s cubic-bezier(.77,0,.175,1);position:absolute}.shape:first-child{width:100px;height:100px;top:10%;left:10%}.shape:nth-child(2){font-family:var(--font-display);background:0 0;font-size:120px;font-weight:700;line-height:1;bottom:20%;right:20%}.shape:nth-child(3){background-color:var(--accent);width:150px;height:200px;top:40%;left:40%}.composition-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:300px 1fr;display:grid}.comp-list{font-family:var(--font-display);opacity:.5;flex-direction:column;gap:1rem;font-size:1.25rem;display:flex}.comp-demo{padding:var(--spacing-lg);color:#1a1a1a;background:#fff;border:1px solid #0000001a;height:50vh;position:relative}.demo-element{transition:all .5s;position:absolute}.e1{font-size:4rem;font-weight:700;top:10%;left:10%}.e2{opacity:.7;font-size:1.5rem;top:30%;left:10%}.e3{opacity:.5;max-width:300px;font-size:1rem;top:40%;left:10%}.comp-message h3{opacity:0;font-size:2rem;font-weight:400;position:absolute}.typo-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.typo-word-wrapper{justify-content:center;align-items:center;height:50vh;display:flex}.huge-word{letter-spacing:-.05em;font-size:clamp(4rem,15vw,15rem);font-weight:800;transition:all .1s}.typo-categories{gap:var(--spacing-md);margin-top:var(--spacing-lg);opacity:0;display:flex}.typo-cat{border:1px solid var(--text);border-radius:40px;padding:.5rem 1rem;font-size:.875rem}.kerning-demo{margin-top:var(--spacing-lg);text-align:center;opacity:0}.kerning-letters{font-size:8rem;font-family:var(--font-display);line-height:1}.kerning-letters span{display:inline-block}.color-lab{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.color-palette{gap:1rem;width:100%;height:50vh;display:flex}.color-swatch{background-color:#ddd;flex:1;transition:background-color .5s}.color-models{gap:var(--spacing-lg);margin-top:var(--spacing-lg);font-family:var(--font-display);opacity:0;font-size:2rem;display:flex}.color-message{margin-top:var(--spacing-lg);opacity:0;font-size:clamp(2rem,5vw,4rem);font-weight:400}.theory-nav{justify-content:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.theory-nav button{color:var(--text);font-family:var(--font-display);text-align:left;cursor:pointer;opacity:.3;background:0 0;border:none;padding:.5rem 0;font-size:clamp(1.5rem,3vw,3rem);transition:opacity .3s}.theory-nav button.active{opacity:1}.theory-visual{background:#00000008;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theory-comp{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.mini-poster{background-color:#fff;width:250px;height:350px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.mp-bg{background-color:red;position:absolute;inset:0}.mp-img{mix-blend-mode:multiply;opacity:0;background-image:url(https://images.unsplash.com/photo-1557672172-298e090bd0f1?q=80&w=500&auto=format&fit=crop);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.mp-shape{mix-blend-mode:screen;background-color:#00f;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mp-text{font-family:var(--font-display);color:#0f0;mix-blend-mode:normal;font-size:6rem;font-weight:800;line-height:1;position:absolute;bottom:10%;right:10%}.theory-info{text-align:center;width:100%;padding:0 3rem;position:absolute;bottom:2rem;left:0}.theory-info h3{font-family:var(--font-display);color:var(--accent);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.theory-info p{opacity:.8;max-width:500px;margin:0 auto;font-size:1.1rem;line-height:1.6}.image-section{padding:0}.image-wrapper{width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.main-image{object-fit:cover;width:100%;height:100%;transform:scale(1.2)}.image-overlay{color:#fff;text-align:center;width:100%;height:100%;padding:var(--spacing-md);background:#0000004d;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.image-overlay h2{opacity:0;font-size:clamp(1.5rem,4vw,4rem);font-weight:400;transform:translateY(20px)}.identity-section .container{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.identity-step{font-family:var(--font-display);margin:var(--spacing-sm) 0;opacity:0;font-size:clamp(2rem,5vw,5rem);font-weight:700}.s-parts{flex-wrap:wrap;justify-content:center;gap:1rem;font-size:clamp(1rem,2vw,2rem);font-weight:400;display:flex}.brand-applications{margin-top:var(--spacing-lg);opacity:0;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.app-item{border:1px solid var(--text);justify-content:center;align-items:center;width:120px;height:160px;font-size:.875rem;display:flex}.identity-message{margin-top:var(--spacing-lg);opacity:0;font-size:2rem;font-weight:400}.split-screen{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.half{flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.side-deco{color:#8b0000;background-color:#f8e1e1}.side-design{background-color:var(--bg)}.ornate-text{text-shadow:2px 2px 4px #0003;font-family:Times New Roman,serif;font-size:5rem;font-style:italic}.messy-shapes .ds{background:#8b00001a;border-radius:50%;width:200px;height:200px;position:absolute}.clean-text{font-family:var(--font-sans);letter-spacing:-.02em;font-size:3rem;font-weight:600}.clean-layout{margin-top:2rem}.cl-line{background:var(--text);width:100px;height:2px;margin-bottom:1rem}.cl-box{background:var(--text);width:50px;height:50px}.deco-message{background:var(--text);color:var(--bg);padding:var(--spacing-md) var(--spacing-lg);text-align:center;opacity:0;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.process-container{height:80vh;display:flex}.process-timeline{width:300px;font-family:var(--font-display);opacity:.3;flex-direction:column;justify-content:space-between;font-size:1.25rem;display:flex}.pt-item{transition:opacity .3s}.pt-item.active{opacity:1;color:var(--accent);font-weight:700}.pt-arrow{opacity:.5;font-size:.875rem}.process-visual{padding-left:var(--spacing-lg);border-left:1px solid #0000001a;flex:1;justify-content:center;align-items:center;display:flex}.pv-artifact{border:1px dashed var(--text);width:300px;height:400px;transition:all .5s}.digital-transition{font-family:var(--font-display);flex-direction:column;align-items:center;font-size:clamp(2rem,4vw,4rem);font-weight:700;display:flex}.digital-transition span{opacity:0;margin:.5rem 0}.digital-transition .dt-2{opacity:0;font-size:1.5rem}.digital-concepts{margin-top:var(--spacing-lg);opacity:0}.dc-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.dc-grid span{border:1px solid #0000001a;padding:1rem;font-size:.875rem}.motion-concepts{margin-bottom:var(--spacing-lg);opacity:0;gap:1rem;display:flex}.motion-concepts span{background:#0000000d;padding:.5rem 1rem;font-size:.875rem}.motion-demo{align-items:flex-end;gap:1rem;height:300px;display:flex}.md-box{background-color:var(--text);width:50px;height:50px}.motion-message{margin-top:var(--spacing-lg);opacity:0;font-size:2rem}.code-visual{color:#1a1a1a;background:#fff;border:1px solid #0000001a;height:100%;position:relative;overflow:hidden}.cv-element{position:absolute}.cv-title{font-family:var(--font-display);font-size:3rem;font-weight:700;top:20%;left:10%}.cv-box{background:var(--accent);width:100px;height:100px;bottom:20%;right:20%}.code-editor{color:#d4d4d4;padding:var(--spacing-md);background:#1e1e1e;align-items:center;font-family:Space Mono,monospace;font-size:1.2rem;display:flex;overflow-x:auto}.code-message{bottom:var(--spacing-lg);opacity:0;white-space:nowrap;font-size:2rem;font-weight:400;position:absolute;left:50%;transform:translate(-50%)}.system-equation{text-align:center;margin-bottom:var(--spacing-lg);flex-direction:column;align-items:center;gap:1rem;font-size:clamp(1rem,2vw,2rem);display:flex}.system-equation .highlight{font-family:var(--font-display);color:var(--accent);font-size:clamp(2rem,5vw,4rem);font-weight:700}.system-variations{gap:var(--spacing-md);opacity:0;justify-content:center;display:flex}.var-box{border:1px solid var(--text);width:200px;height:300px;position:relative}.system-message{text-align:center;margin-top:var(--spacing-lg);opacity:0;font-size:1.5rem}.case-brief{margin-bottom:var(--spacing-lg)}.case-brief h2{font-size:clamp(1.5rem,3vw,3rem);font-family:var(--font-display);max-width:800px}.case-steps-container{gap:var(--spacing-lg);grid-template-columns:200px 1fr;height:60vh;display:grid}.case-steps-track{opacity:.5;flex-direction:column;gap:1rem;font-size:.875rem;display:flex}.case-visual-build{background:#fff;border:1px solid #0000001a;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cvb-element{opacity:0;transition:all .5s;position:absolute}.endless-list{margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.endless-list span{font-family:var(--font-display);opacity:0;color:#0000;-webkit-text-stroke:1px var(--text);font-size:clamp(2rem,5vw,5rem);font-weight:700}.endless-q,.endless-a{text-align:center;opacity:0;font-size:clamp(2rem,4vw,4rem)}.endless-a{margin-top:var(--spacing-lg)}.outro-section{text-align:center;flex-direction:column}.outro-statement-1{opacity:0;font-size:clamp(1.5rem,3vw,3rem);font-weight:400}.outro-statement-2{font-family:var(--font-display);opacity:0;margin-top:1rem;font-size:clamp(3rem,7vw,7rem);font-weight:700;line-height:1}.outro-final-sequence{margin-top:var(--spacing-lg);opacity:0;justify-content:center;align-items:center;gap:1rem;font-size:clamp(1rem,2vw,2rem);display:flex}.outro-composition{pointer-events:none;z-index:-1;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.split-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.composition-grid{grid-template-columns:1fr}.split-screen{flex-direction:column}.case-steps-container{grid-template-rows:auto 1fr;grid-template-columns:1fr}.process-container{flex-direction:column}.process-timeline{flex-direction:row;width:100%;padding-bottom:1rem;overflow-x:auto}.pt-arrow{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}