*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--fg: #e8e4df;--muted: #7a7672;--accent: #c45d3e;--line: #2a2725;--font: "Outfit", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--fg);overflow-x:hidden;font-weight:300;line-height:1.6}::selection{background:var(--accent);color:var(--bg)}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;background:transparent;transition:background .4s}nav.scrolled{background:#0a0a0aeb;backdrop-filter:blur(12px)}.logo{font-size:.85rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);text-decoration:none;z-index:101}.nav-links{list-style:none;display:flex;gap:2.5rem}.nav-links a{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);text-decoration:none;position:relative;font-weight:400}.nav-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--accent);transition:width .4s cubic-bezier(.25,.1,.25,1)}.nav-links a:hover:after{width:100%}.hamburger{display:none;width:28px;height:20px;cursor:pointer;position:relative;z-index:101;background:none;border:none;padding:0}.hamburger .bar{display:block;width:28px;height:1.5px;background:var(--fg);position:absolute;left:0;transform-origin:center}.hamburger .bar:nth-child(1){top:0}.hamburger .bar:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger .bar:nth-child(3){bottom:0}.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;pointer-events:none}.mobile-menu.active{pointer-events:all}.mobile-menu a{font-size:1.8rem;font-weight:200;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);text-decoration:none;opacity:0;transform:translateY(30px)}.mobile-menu a:hover{color:var(--accent)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem}.hero-content{text-align:center;position:relative;z-index:2}.hero-icons-wrap{display:flex;flex-direction:column;align-items:center;gap:1.2rem;opacity:0}.hero-icons{display:flex;align-items:center;justify-content:center;gap:1.8rem}.hero-icon-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--fg);cursor:pointer;padding:.4rem}.hero-icon{width:32px;height:32px;color:var(--muted);transition:color .4s,transform .4s}.hero-icon-link:hover .hero-icon,.hero-icon-link.active .hero-icon{color:var(--accent);transform:translateY(-3px)}.hero-phrase-area{height:1.4rem;display:flex;align-items:center;justify-content:center}.hero-phrase{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:400;opacity:0;white-space:nowrap}.scroll-prompt{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:0;z-index:2}.scroll-prompt span{font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-weight:400}.scroll-arrow{width:16px;height:16px;color:var(--muted)}.geo-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;height:480px;z-index:1;opacity:.06}.geo-lines line,.geo-lines circle{stroke:var(--fg);fill:none;stroke-width:.5}.story-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 3rem;position:relative}.story-inner{max-width:700px;width:100%}.story-num{font-size:4rem;font-weight:200;color:var(--accent);line-height:1;margin-bottom:1.5rem;opacity:0;transform:translateY(30px)}.story-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:300;line-height:1.3;margin-bottom:1.5rem;letter-spacing:-.01em;opacity:0;transform:translateY(30px)}.story-line{width:40px;height:1px;background:var(--accent);margin-bottom:1.5rem;transform:scaleX(0);transform-origin:left}.story-desc{font-size:1rem;color:var(--muted);line-height:1.8;font-weight:300;max-width:500px;opacity:0;transform:translateY(20px)}.story-icon{position:absolute;right:10%;top:50%;transform:translateY(-50%);width:120px;height:120px;color:var(--line);opacity:0}.story-cta{display:inline-block;margin-top:1.5rem;font-size:.88rem;font-style:italic;font-weight:300;color:var(--accent);text-decoration:none;position:relative;opacity:0;transform:translateY(20px);transition:color .3s}.story-cta:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .4s cubic-bezier(.25,.1,.25,1)}.story-cta:hover:after{width:100%}.section-arrow{display:flex;justify-content:center;padding:1rem 0;opacity:0}.section-arrow svg{width:16px;height:16px;color:var(--muted)}.section-divider{width:100%;height:1px;background:var(--line);margin:0 auto;max-width:700px;transform:scaleX(0);transform-origin:left;padding:0 3rem}.about-section{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:6rem 3rem}.about-inner{max-width:700px;width:100%}.about-label{font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem;font-weight:500;opacity:0;transform:translateY(20px)}.about-text{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:200;line-height:1.7;opacity:0;transform:translateY(30px)}.about-text em{font-style:italic;color:var(--accent);font-weight:300}.contact-section{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:6rem 3rem}.contact-inner{max-width:700px;width:100%}.contact-label{font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem;font-weight:500;opacity:0;transform:translateY(20px)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{opacity:0;transform:translateY(30px)}.contact-info h3{font-size:1.6rem;font-weight:200;margin-bottom:2rem;letter-spacing:-.01em}.contact-detail{margin-bottom:1.5rem}.contact-detail-label{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;font-weight:500}.contact-detail a,.contact-detail span{font-size:.9rem;color:var(--fg);text-decoration:none;transition:color .3s;font-weight:300}.contact-detail a:hover{color:var(--accent)}.contact-form-wrap{position:relative;opacity:0;transform:translateY(30px)}.contact-form{transition:opacity .4s}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem 0;border:none;border-bottom:1px solid var(--line);background:transparent;font-family:var(--font);font-size:.88rem;font-weight:300;color:var(--fg);transition:border-color .3s;outline:none;resize:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{min-height:100px}.submit-btn{display:inline-flex;align-items:center;gap:1rem;padding:.85rem 2.2rem;background:var(--fg);color:var(--bg);border:none;font-family:var(--font);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .4s,transform .3s;font-weight:400}.submit-btn:hover{background:var(--accent);transform:translateY(-2px)}.submit-btn .arrow{transition:transform .3s}.submit-btn:hover .arrow{transform:translate(4px)}.form-success{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none}.success-check{width:52px;height:52px;margin-bottom:1.5rem}.success-check circle{stroke-dasharray:151;stroke-dashoffset:151}.success-check polyline{stroke-dasharray:36;stroke-dashoffset:36}.success-line{width:0;height:1px;background:var(--accent);margin-bottom:1.5rem}.success-label{font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:.5rem;opacity:0;transform:translateY(10px)}.success-text{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:200;color:var(--fg);opacity:0;transform:translateY(10px)}.nav-links a.active{color:var(--accent)}.nav-links a.active:after{width:100%}.web-hero{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:8rem 3rem 4rem;position:relative}.web-hero-inner{max-width:700px;width:100%}.web-back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);text-decoration:none;font-weight:400;margin-bottom:2.5rem;transition:color .3s;opacity:0;transform:translateY(20px)}.web-back-link svg{width:14px;height:14px}.web-back-link:hover{color:var(--accent)}.web-label{font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem;font-weight:500;opacity:0;transform:translateY(20px)}.web-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:300;line-height:1.3;margin-bottom:1.5rem;letter-spacing:-.01em;opacity:0;transform:translateY(30px)}.web-subtitle{font-size:1rem;color:var(--muted);line-height:1.8;font-weight:300;max-width:500px;opacity:0;transform:translateY(20px)}.web-projects{padding:2rem 3rem 6rem;display:flex;justify-content:center}.web-projects-inner{max-width:900px;width:100%}.web-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.project-card{background:#ffffff05;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .4s cubic-bezier(.25,.1,.25,1),border-color .4s,box-shadow .4s}.project-card:hover{transform:translateY(-4px);border-color:#c45d3e4d;box-shadow:0 8px 30px #c45d3e14}.project-thumb{width:100%;aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--line)}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.1,.25,1)}.project-card:hover .project-thumb img{transform:scale(1.03)}.project-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1816,#0f0e0d,#1a1816)}.project-card-body{padding:1.5rem}.project-title{font-size:1.1rem;font-weight:400;margin-bottom:.6rem;letter-spacing:-.01em}.project-desc{font-size:.85rem;color:var(--muted);line-height:1.7;font-weight:300;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.project-tag{font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(196,93,62,.25);padding:.25rem .6rem;border-radius:3px;font-weight:400}.project-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);text-decoration:none;font-weight:400;transition:color .3s}.project-link:hover{color:var(--accent)}.project-link .arrow{transition:transform .3s}.project-link:hover .arrow{transform:translate(4px)}footer{padding:3rem;text-align:center;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:400}.float-circle{position:fixed;border-radius:50%;border:1px solid var(--accent);opacity:.06;pointer-events:none;z-index:0}.float-circle.c1{width:300px;height:300px;top:15%;right:-80px}.float-circle.c2{width:180px;height:180px;bottom:20%;left:-50px}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%);opacity:0}@media(max-width:768px){nav{padding:1.2rem 1.5rem}.nav-links{display:none}.hamburger{display:block}.hero{min-height:calc(100vh - 2rem);min-height:calc(100dvh - 2rem)}.scroll-prompt{bottom:1.5rem}.story-section,.about-section,.contact-section{padding:3rem 1.5rem;min-height:auto}.contact-grid{grid-template-columns:1fr;gap:3rem}.story-icon{display:none}.hero-icons{gap:1.5rem}.hero-icon{width:28px;height:28px}.hero-phrase{font-size:.6rem;letter-spacing:.1em}.geo-lines{width:280px;height:280px}.float-circle,.cursor-dot{display:none}.section-arrow{padding:1.5rem 0}.section-arrow svg{width:24px;height:24px;color:var(--accent)}.web-hero{padding:6rem 1.5rem 3rem;min-height:auto}.web-projects{padding:1rem 1.5rem 4rem}.web-grid{grid-template-columns:1fr}}