:root{--bg-color: #050505;--text-color: #f0f0f0;--accent-color: #ffffff;--font-main: "Helvetica Neue", Helvetica, Arial, sans-serif;--container-width: 90vw;--transition-speed: .6s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid #fff;outline-offset:3px}#loader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--text-color);color:var(--bg-color);z-index:9999;display:flex;justify-content:center;align-items:center}.loader-content{font-size:5rem;font-weight:700;overflow:hidden;display:flex;gap:1rem}.loader-content span{display:inline-block;transform:translateY(100%)}header{position:fixed;top:0;left:0;width:100%;padding:2rem 5%;z-index:100}nav{display:flex;justify-content:space-between;align-items:center}.logo img{height:40px;width:auto;filter:invert(1);mix-blend-mode:difference}.hamburger{display:none}.nav-links{display:flex;gap:2rem;mix-blend-mode:difference}.nav-item{color:#fff;text-decoration:none;font-size:1rem;letter-spacing:2px;text-transform:uppercase;position:relative}.nav-item:after{content:"";position:absolute;width:0;height:1px;bottom:-4px;left:0;background-color:#fff;transition:width .3s ease}.nav-item:hover:after{width:100%}h1,h2,h3{text-transform:uppercase;line-height:1.1;letter-spacing:-2px}p{font-size:1.2rem;line-height:1.5;color:#888}.container{padding:0 5%}.split-text{clip-path:polygon(-20% -50%,120% -50%,120% 150%,-20% 150%);padding:.2em 0}#hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative}#hero h1{font-size:min(12vw,180px);text-align:center;z-index:2;mix-blend-mode:exclusion;line-height:1.1}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-indicator span{font-size:.8rem;letter-spacing:3px}.scroll-indicator .line{width:1px;height:60px;background:var(--text-color)}#concept{min-height:80vh;display:flex;flex-direction:column;justify-content:center;padding:10vh 5%}#concept h2{font-size:min(8vw,120px);margin-bottom:2rem}#concept p{max-width:600px;margin-left:auto;font-size:1.5rem;color:#ccc}.case-study{min-height:100vh;display:flex;align-items:center;padding:0 5%;border-top:1px solid #222}.case-content{display:flex;width:100%;justify-content:space-between;align-items:center}.case-study.reversed .case-content{flex-direction:row-reverse}.case-text{width:40%}.case-visual{width:50%;height:60vh;background:#111;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.case-text h3{font-size:min(6vw,60px);margin-bottom:2rem;overflow-wrap:break-word;word-break:normal;hyphens:manual}.case-text .detail{margin-top:2rem;font-size:1rem;color:#666;overflow-wrap:break-word}.case-text p{overflow-wrap:break-word;hyphens:auto}.circle-visual{width:30vw;height:30vw;border:1px solid var(--text-color);border-radius:50%}.square-visual{width:30vw;height:30vw;border:1px solid var(--text-color)}.triangle-visual{width:30vw;height:30vw;border:1px solid var(--text-color);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.arch-visual{width:30vw;height:30vw;border:1px solid var(--text-color);border-radius:50% 50% 0 0}.blob-visual{width:30vw;height:30vw;border:1px solid var(--text-color);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:blob-spin 8s linear infinite}.line-visual{width:30vw;height:2px;background:var(--text-color);animation:line-rotate 6s infinite ease-in-out}@keyframes blob-spin{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0)}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(360deg)}}@keyframes line-rotate{0%{transform:rotate(0) scaleX(1)}50%{transform:rotate(180deg) scaleX(.5)}to{transform:rotate(360deg) scaleX(1)}}footer{min-height:60vh;display:flex;flex-direction:column;justify-content:center;padding:5%;background:var(--text-color);color:var(--bg-color)}footer h2{font-size:min(8vw,120px);margin-bottom:4rem}footer a{font-size:2rem;color:var(--bg-color);text-decoration:none;border-bottom:2px solid var(--bg-color)}.footer-bottom{margin-top:auto;padding-top:4rem;font-size:.9rem;opacity:.6}.page-loading{display:flex;align-items:center;justify-content:center;padding:8rem 5%;color:#444;font-size:.9rem;letter-spacing:4px;text-transform:uppercase}@media(max-width:1024px){.case-text{width:45%}.case-visual{width:50%}#concept p{font-size:1.3rem}}@media(max-width:768px){#hero h1{font-size:15vw}.case-content{flex-direction:column!important;gap:3rem}.case-text,.case-visual{width:100%}.circle-visual,.square-visual,.triangle-visual,.arch-visual,.blob-visual{width:60vw;height:60vw}.line-visual{width:60vw}.case-study{min-height:auto;padding:5rem 5%}.case-visual{height:40vh}#concept{padding:8vh 5%;min-height:auto}#concept p{font-size:1.2rem;margin-left:0}footer h2{font-size:min(10vw,80px);margin-bottom:2rem}footer a{font-size:1.5rem}.hamburger{display:flex;cursor:pointer;z-index:1001;width:30px;height:25px;position:relative;flex-direction:column;justify-content:space-between;mix-blend-mode:difference}.hamburger div{width:100%;height:3px;background-color:#fff;transition:all .3s ease}.nav-links{mix-blend-mode:normal;position:fixed;right:0;top:0;height:100vh;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;transform:translate(100%);transition:transform .4s cubic-bezier(.77,0,.175,1);z-index:1000;padding-top:60px}.nav-links a{font-size:2rem;margin-bottom:2rem}.nav-active{transform:translate(0)}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}header{padding:1.5rem 5%}.logo{z-index:1001;position:relative}}@media(min-width:1024px){.container,.case-study{max-width:1400px;margin:0 auto}#hero h1{font-size:min(10vw,150px)}.case-content{gap:5%}.case-text{width:35%}.case-visual{width:55%;height:70vh}p{font-size:1.1vw;max-width:35ch}.detail{font-size:.9vw!important}}.admin-layout{display:flex;min-height:100vh}.sidebar{width:250px;min-width:250px;background:#000;padding:2rem;border-right:1px solid #222;flex-shrink:0;transition:transform .3s ease}.sidebar-logo{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.sidebar h2{font-size:1.5rem;letter-spacing:-1px}.sidebar nav button,.sidebar button{display:block;width:100%;text-align:left;padding:.9rem 1rem;background:none;border:none;color:#555;font-size:.85rem;cursor:pointer;text-transform:uppercase;letter-spacing:2px;border-radius:4px;transition:color .2s,background .2s;font-family:inherit}.sidebar button:hover,.sidebar button.active{color:#fff;background:#111}.sidebar-divider{border:none;border-top:1px solid #222;margin:1.5rem 0}.admin-content{flex:1;padding:3rem;overflow-y:auto;overflow-x:hidden;min-width:0}.admin-hamburger{display:none;cursor:pointer;background:none;border:none;color:#fff;font-size:1.5rem;padding:0;line-height:1}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:99}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:2rem;border:1px solid #1a1a1a}table{width:100%;border-collapse:collapse;min-width:500px}th,td{text-align:left;padding:1.2rem 1rem;border-bottom:1px solid #1a1a1a;vertical-align:middle}th{text-transform:uppercase;font-size:.75rem;color:#555;letter-spacing:1px;white-space:nowrap}tr:hover{background:#161616}.status-pill{padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;white-space:nowrap}.admin-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:1000;justify-content:center;align-items:flex-start;padding:2rem 1rem;overflow-y:auto}.admin-modal.open{display:flex}.modal-box{background:#111;border:1px solid #2a2a2a;width:100%;max-width:600px;margin:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #222}.modal-header h2{margin:0;font-size:1rem;letter-spacing:2px}.modal-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:2rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #222;display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.section-header h1{font-size:1.5rem;letter-spacing:-1px}.btn-admin-primary{padding:.8rem 1.5rem;background:#fff;color:#000;text-decoration:none;font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;border:none;cursor:pointer;display:inline-block;transition:opacity .2s;white-space:nowrap}.btn-admin-primary:hover{opacity:.85}.btn-admin-secondary{padding:.5rem 1rem;background:none;color:#ccc;border:1px solid #444;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color .2s,color .2s;white-space:nowrap;font-family:inherit}.btn-admin-secondary:hover{border-color:#fff;color:#fff}.detail-row{margin-bottom:1.2rem}.detail-label{color:#555;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 .3rem}.detail-value{font-size:1rem;margin:0;color:#eee;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}.detail-box{background:#1a1a1a;padding:1rem;border-radius:4px}@media(max-width:900px){.admin-hamburger{display:block}.sidebar{position:fixed;top:0;left:0;height:100%;z-index:100;transform:translate(-100%);padding-top:1.5rem;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.admin-content{padding:5rem 1.5rem 1.5rem;width:100%}.admin-topbar{display:flex;align-items:center;gap:1rem;position:fixed;top:0;left:0;right:0;height:60px;background:#111;border-bottom:1px solid #222;padding:0 1.5rem;z-index:50}.admin-topbar h2{font-size:1rem;letter-spacing:-.5px}table{min-width:400px}th,td{padding:.9rem .7rem;font-size:.9rem}.detail-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer>*{width:100%;text-align:center;justify-content:center}}