:root{--bg: #050505;--bg-card: #0e0e0e;--bg-card-2: #121212;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #f2f2f0;--text-muted: #9a9a97;--text-faint: #6b6b68;--accent: #f2f2f0;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--container: 1200px;--font-display: "Outfit", sans-serif;--font-mono: "Chivo Mono", monospace;--font-body: "Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}button{font-family:inherit;cursor:pointer}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-delay-1.in-view{transition-delay:.08s}.reveal-delay-2.in-view{transition-delay:.16s}.reveal-delay-3.in-view{transition-delay:.24s}.reveal-delay-4.in-view{transition-delay:.32s}.site-header{position:sticky;top:0;z-index:50;padding:16px 24px;font-family:var(--font-mono);font-size:13px;letter-spacing:.02em}.header-bar{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 22px;background:#0e0e0eb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:100px;box-shadow:0 12px 30px #00000059;transition:border-color .2s}.brand{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.02em;color:var(--text);white-space:nowrap}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:var(--text-muted);white-space:nowrap;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-toggle{display:none;width:38px;height:38px;flex:none;position:relative;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-strong);border-radius:50%}.nav-toggle-bar{position:absolute;left:11px;width:16px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .25s ease,opacity .2s ease,top .25s ease}.nav-toggle-bar:nth-child(1){top:14px}.nav-toggle-bar:nth-child(2){top:18.5px}.nav-toggle-bar:nth-child(3){top:23px}.site-header.nav-open .nav-toggle-bar:nth-child(1){top:18.5px;transform:rotate(45deg)}.site-header.nav-open .nav-toggle-bar:nth-child(2){opacity:0}.site-header.nav-open .nav-toggle-bar:nth-child(3){top:18.5px;transform:rotate(-45deg)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:100px;font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;border:1px solid var(--border-strong);transition:background .2s,color .2s,border-color .2s}.btn.primary{background:var(--text);color:#0a0a0a;border-color:var(--text)}.btn.primary:hover{background:#d8d8d5}.btn.ghost{background:transparent;color:var(--text)}.btn.ghost:hover{border-color:var(--text)}.hero{padding:96px 24px 64px;text-align:center}.hero-photo{max-width:860px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1.48;position:relative}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#000000f2)}.hero-copy{max-width:640px;margin:48px auto 0;font-family:var(--font-mono);font-size:16px;line-height:1.75;color:var(--text)}.scroll-hint{margin-top:36px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.section{padding:140px 24px}.section-eyebrow{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:8px}.section-heading{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,4.5vw,48px);text-align:center;margin:0 0 64px}.feature-grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:56px 24px 0}.feature-item h3{font-family:var(--font-display);font-size:22px;font-weight:600;margin:0 0 14px}.feature-item p{font-family:var(--font-mono);font-size:14px;color:var(--text-muted);line-height:1.65;margin:0;max-width:340px}.giant-heading{font-family:var(--font-display);font-weight:800;font-size:clamp(56px,10vw,112px);text-align:center;line-height:1;margin:0 0 64px;letter-spacing:-.02em}.giant-heading .muted{color:transparent;-webkit-text-stroke:1.5px var(--text-faint)}.work-pin-wrap{position:relative;height:320vh}.work-pin-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.work-pin-glow{position:absolute;inset:0;background:radial-gradient(ellipse 55% 45% at 50% 62%,rgba(120,20,20,.35),transparent 70%);pointer-events:none}.work-pin-heading{position:relative;z-index:1;font-family:var(--font-display);font-weight:800;font-size:clamp(56px,10vw,112px);line-height:1;letter-spacing:-.02em;margin:0;pointer-events:none}.fill-word{position:relative;display:inline-block}.fill-word .outline-text{color:transparent;-webkit-text-stroke:1.5px var(--text-faint)}.fill-word .solid-text{position:absolute;inset:0;color:var(--text);-webkit-text-stroke:0;clip-path:inset(0 100% 0 0);white-space:nowrap}.work-pin-cards{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:28px;max-width:var(--container);margin:0 auto;padding:0 24px;transform:translateY(120%);align-content:center}.work-grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:28px}.masonry-cards{grid-template-rows:repeat(2,min-content)}.masonry-cards>:nth-child(1){grid-column:1;grid-row:1}.masonry-cards>:nth-child(2){grid-column:1;grid-row:2}.masonry-cards>:nth-child(3){grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column}.masonry-cards>:nth-child(3) .work-image{aspect-ratio:auto;flex:1}.masonry-cards-4{grid-template-rows:repeat(2,min-content) min-content}.masonry-cards-4>:nth-child(2){grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column}.masonry-cards-4>:nth-child(2) .work-image{aspect-ratio:auto;flex:1}.masonry-cards-4>:nth-child(1){grid-column:2;grid-row:1}.masonry-cards-4>:nth-child(3){grid-column:2;grid-row:2}.masonry-cards-4>:nth-child(4){grid-column:1 / span 2;grid-row:3}.masonry-cards-4>:nth-child(4) .work-image{aspect-ratio:21 / 6}.work-card{display:block;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .35s ease,border-color .35s ease}.work-card:hover{border-color:var(--border-strong);transform:translateY(-6px)}.work-card .work-image{aspect-ratio:16 / 11;overflow:hidden}.work-card .work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.work-card:hover .work-image img{transform:scale(1.06)}.work-card .work-body{padding:26px 28px 30px}.work-card h3{font-family:var(--font-display);font-weight:600;font-size:22px;margin:0 0 8px}.work-card .work-category{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.work-card .work-excerpt{font-family:var(--font-mono);font-size:13.5px;color:var(--text-muted);line-height:1.65;margin:0}.experience-grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,min-content) min-content;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.experience-card{position:relative;background:var(--bg);padding:36px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;overflow:hidden;transition:background .35s ease}.experience-card:hover{background:var(--bg-card-2)}.experience-grid>:nth-child(1){grid-column:1;grid-row:1 / span 2}.experience-grid>:nth-child(2){grid-column:2;grid-row:1}.experience-grid>:nth-child(3){grid-column:2;grid-row:2}.experience-grid>:nth-child(4){grid-column:1;grid-row:3}.experience-grid>:nth-child(5){grid-column:2;grid-row:3}.experience-grid>:nth-child(1):before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 85% 90%,rgba(242,242,240,.08),transparent 60%);pointer-events:none}.experience-card .experience-top,.experience-card .experience-tags{position:relative;z-index:1}.experience-grid>:nth-child(1) .experience-icon{width:52px;height:52px;font-size:22px}.experience-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.experience-top h3{font-family:var(--font-display);font-weight:600;font-size:19px;margin:0 0 6px}.experience-top .experience-company{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);margin:0}.experience-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-card-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex:none;font-size:17px}.experience-tags{display:flex;gap:10px;flex-wrap:wrap}.experience-tags span{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);border:1px solid var(--border-strong);border-radius:100px;padding:7px 16px}.why-choose{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.why-list .why-item{border-top:1px solid var(--border);padding:28px 0;cursor:pointer}.why-list .why-item:last-child{border-bottom:1px solid var(--border)}.why-item h3{font-family:var(--font-display);font-weight:600;font-size:22px;margin:0;display:flex;align-items:center;justify-content:space-between}.why-item h3:after{content:"+";font-weight:400;color:var(--text-muted);transition:transform .25s ease}.why-item.open h3:after{transform:rotate(45deg)}.why-item p{font-family:var(--font-mono);font-size:14px;color:var(--text-muted);line-height:1.6;max-height:0;overflow:hidden;margin:0;transition:max-height .3s ease,margin .3s ease}.why-item.open p{max-height:240px;margin-top:14px}.why-image{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 5}.why-image img{width:100%;height:100%;object-fit:cover}.faq-list{max-width:760px;margin:0 auto}.faq-item{border-top:1px solid var(--border)}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-question{width:100%;background:none;border:none;color:var(--text);text-align:left;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-display);font-weight:500;font-size:18px}.faq-question .faq-icon{flex:none;color:var(--text-muted);transition:transform .25s ease;font-size:18px}.faq-item.open .faq-question .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;font-family:var(--font-mono);font-size:14px;color:var(--text-muted);line-height:1.6;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:300px;padding-bottom:22px}.blog-grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{display:block;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .3s ease,border-color .3s ease}.blog-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.blog-card .blog-image{aspect-ratio:4 / 3;overflow:hidden}.blog-card .blog-image img{width:100%;height:100%;object-fit:cover}.blog-card .blog-body{padding:26px 28px 30px}.blog-card .blog-date{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin:0 0 12px}.blog-card h3{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.35;margin:0 0 18px}.blog-card .learn-more{font-family:var(--font-mono);font-size:13px;display:inline-flex;align-items:center;gap:6px;color:var(--text)}.site-footer{position:relative;padding:160px 24px 40px;overflow:hidden;border-top:1px solid var(--border)}.footer-bg-text{position:absolute;top:0;left:50%;transform:translate(-50%,-22%);font-family:var(--font-display);font-weight:800;font-size:clamp(70px,16vw,220px);color:#ffffff0d;white-space:nowrap;pointer-events:none;z-index:0}.footer-inner{position:relative;z-index:1;max-width:var(--container);margin:0 auto}.footer-top{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-bottom:56px;border-bottom:1px solid var(--border)}.footer-brand{font-family:var(--font-display);font-weight:700;font-size:20px;margin:0 0 14px}.footer-tagline{font-family:var(--font-mono);font-size:14px;color:var(--text-muted);max-width:320px;margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer-links-col h4{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px}.footer-links-col a{display:block;font-family:var(--font-mono);font-size:14px;color:var(--text-muted);padding:6px 0}.footer-links-col a:hover{color:var(--text)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;font-family:var(--font-mono);font-size:13px;color:var(--text-faint);flex-wrap:wrap}.footer-socials{display:flex;align-items:center;gap:14px}.footer-socials span{color:var(--text-faint)}.social-icon{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s,border-color .2s}.social-icon:hover{color:var(--text);border-color:var(--text)}.social-icon svg{width:16px;height:16px;fill:currentColor}.page-hero{padding:64px 24px 40px;text-align:center}.page-hero .section-heading{margin-bottom:12px}.page-hero-eyebrow{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);margin:0 0 16px}.work-detail-title{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,48px);text-align:center;max-width:900px;margin:0 auto 40px}.work-detail-image{max-width:var(--container);margin:0 auto 56px;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9}.work-detail-image img{width:100%;height:100%;object-fit:cover}.work-detail-body{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:48px}.work-detail-content{font-family:var(--font-mono);font-size:15px;line-height:1.8;color:var(--text)}.work-detail-side{display:flex;flex-direction:column;gap:24px}.side-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.side-card h4{font-family:var(--font-display);font-size:15px;margin:0 0 10px}.side-card p{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);line-height:1.6;margin:0 0 16px}.side-card .point-list li{font-family:var(--font-mono);font-size:13px;padding:8px 0;display:flex;align-items:center;gap:10px}.side-card .point-list li:before{content:"✳";color:var(--text-faint);font-size:12px}.work-detail-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--font-mono);font-size:13px;border-bottom:1px solid var(--border-strong);padding-bottom:2px}.blog-detail-title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.5vw,44px);text-align:center;max-width:800px;margin:0 auto 16px}.blog-detail-date{text-align:center;font-family:var(--font-mono);font-size:14px;color:var(--text-muted);margin:0 0 40px}.blog-detail-image{max-width:var(--container);margin:0 auto 48px;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9}.blog-detail-image img{width:100%;height:100%;object-fit:cover}.blog-detail-content{max-width:800px;margin:0 auto;font-family:var(--font-mono);font-size:15px;line-height:1.85;color:var(--text)}.related-heading{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,52px);margin:0 0 40px}.about-photos{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-photos img{border-radius:var(--radius-md);aspect-ratio:1;object-fit:cover;width:100%;height:100%}.vision-mission{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.vision-mission .vm-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px}.vm-card h3{font-family:var(--font-display);font-size:18px;margin:0 0 12px}.vm-card p{font-family:var(--font-mono);font-size:14px;color:var(--text-muted);line-height:1.7;margin:0}.about-body{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.about-body h2{font-family:var(--font-display);font-size:clamp(24px,3vw,32px);margin:0 0 20px}.about-body p{font-family:var(--font-mono);font-size:14px;color:var(--text-muted);line-height:1.75;margin:0 0 24px}.about-quotes{display:flex;flex-direction:column;gap:14px}.about-quotes li{font-family:var(--font-mono);font-size:14px;padding:14px 18px;border:1px solid var(--border);border-radius:100px;display:flex;align-items:center;gap:12px}.about-quotes li:before{content:"◆";color:var(--text-faint);font-size:10px}.about-image{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3 / 4}.about-image img{width:100%;height:100%;object-fit:cover}.contact-grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.contact-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px}.contact-block{padding:20px 0;border-top:1px solid var(--border)}.contact-block:first-child{border-top:none;padding-top:0}.contact-block h3{font-family:var(--font-display);font-size:17px;margin:0 0 10px;display:flex;align-items:center;gap:10px}.contact-block p{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);line-height:1.6;margin:0 0 10px}.contact-block a.contact-line{font-family:var(--font-mono);font-size:15px;color:var(--text);word-break:break-word}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px}.contact-form h3{font-family:var(--font-display);font-size:22px;margin:0 0 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:18px}.form-field label{display:block;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.form-field input,.form-field select,.form-field textarea{width:100%;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text);font-family:var(--font-mono);font-size:14px}.form-field textarea{resize:vertical;min-height:120px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--text)}.form-note{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);margin-top:12px}.notfound{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px}.notfound h1{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);margin:0 0 12px}.notfound p{font-family:var(--font-mono);color:var(--text-muted);margin:0 0 28px}@media(max-width:810px){.feature-grid,.work-grid,.experience-grid,.blog-grid,.about-photos,.vision-mission,.footer-top,.contact-grid,.why-choose,.about-body,.work-detail-body{grid-template-columns:1fr}.why-image,.about-image{order:-1}.form-row{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}}@media(max-width:640px){.header-bar{padding:8px 8px 8px 20px}.nav-toggle{display:flex}.nav-links{position:fixed;top:78px;left:16px;right:16px;z-index:49;flex-direction:column;align-items:stretch;gap:2px;padding:10px;background:#0a0a0af7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 40px #00000073;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nav-links a{padding:13px 14px;border-radius:12px;font-size:14px}.nav-links a:hover,.nav-links a:active{background:#ffffff0f;color:var(--text)}.site-header.nav-open .nav-links{opacity:1;transform:translateY(0);pointer-events:auto}.footer-bottom{flex-direction:column;align-items:flex-start}}