@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;700;900&display=swap";.main-nav{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--accent-muted);border-radius:50px;justify-content:space-between;align-items:center;gap:3rem;padding:1rem 2rem;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001a}.main-nav.scrolled{opacity:0;pointer-events:none;transform:translate(-50%,-20px)}.main-nav .brand{color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1),color .3s;display:flex}.main-nav .brand:hover{color:var(--text-secondary);transform:scale(1.1)}.main-nav .nav-links{align-items:center;gap:2rem;font-size:1.1rem;display:flex}.main-nav .nav-links a{cursor:pointer;text-decoration:none;transition:color .3s;position:relative}.main-nav .nav-links a:hover{color:var(--text-secondary)}.main-nav .nav-links .lang-toggle{border:1px solid var(--accent-muted);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-family:var(--font-sans);background:0 0;border-radius:4px;padding:.25rem .6rem;font-weight:600;transition:all .3s}.main-nav .nav-links .lang-toggle:hover{border-color:var(--text-primary);background-color:var(--text-primary);color:var(--bg-color)}.main-nav .nav-links .theme-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .3s,color .3s;display:flex}.main-nav .nav-links .theme-toggle:hover{color:var(--accent);transform:rotate(15deg)scale(1.1)}main{padding-top:var(--nav-height)}@media (width<=768px){.main-nav{padding:1.5rem 2rem}}.hero-section{min-height:calc(85vh - var(--nav-height));align-items:flex-end;padding:0 4rem 6rem;display:flex;position:relative;overflow:hidden}.hero-grid{z-index:1;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;pointer-events:none;max-width:800px;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-.05em;color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:1}.hero-subtitle{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(1.2rem,3.5vw,2.5rem);font-weight:500;display:block}.hero-description{color:var(--text-secondary);max-width:600px;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.6}@media (width<=768px){.hero-section{min-height:calc(75vh - var(--nav-height));padding:0 2rem}}.works-section{padding:4rem 0 8rem}.works-header{font-family:var(--font-display);color:var(--text-secondary);justify-content:space-between;margin-bottom:4rem;padding:0 4rem;font-size:1.25rem;display:flex}.works-list{flex-direction:column;display:flex}@keyframes spinSiri{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.work-item{border-bottom:1px solid var(--accent-muted);z-index:1;--row-color:var(--text-primary);background-color:#0000;text-decoration:none;display:block;position:relative}.work-item[data-tag="3d"]{--row-color:#3b82f6}.work-item[data-tag=video]{--row-color:#8b5cf6}.work-item[data-tag=installation]{--row-color:#ef4444}.work-item[data-tag=mapping]{--row-color:#f97316}.work-item[data-tag=branding]{--row-color:#facc15}.work-item[data-tag=web]{--row-color:#fb923c}.work-item:first-child{border-top:1px solid var(--accent-muted)}.work-item:hover{z-index:10}.work-item:hover .work-content-panel{width:calc(100% - 400px);box-shadow:inset 0 60px 80px -30px color-mix(in srgb, var(--row-color) 60%, transparent), inset 0 -60px 80px -30px color-mix(in srgb, var(--row-color) 60%, transparent);padding-left:6rem}.work-item:hover .work-arrow{color:var(--row-color);border-color:var(--row-color);background-color:#ffffff0d;transform:rotate(45deg)}.work-item:hover .work-image-underneath img{transform:scale(1)}.work-image-underneath{z-index:0;pointer-events:none;width:400px;height:100%;position:absolute;top:0;right:0;overflow:hidden}.work-image-underneath img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);transform:scale(1.15)}.work-content-panel{z-index:2;background-color:var(--bg-color);justify-content:space-between;align-items:center;width:100%;padding:3rem 4rem;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.work-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2rem,4vw,4rem);font-weight:700;transition:color .4s}.work-meta{color:var(--text-secondary);gap:1rem;font-size:1.1rem;display:flex}.work-meta .dot{opacity:.5}.work-arrow{color:var(--text-secondary);border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex}.view-all-container{justify-content:center;align-items:center;padding:5rem 0 0;display:flex}.view-all-container .view-all-button{border:1px solid var(--text-secondary);font-family:var(--font-sans);color:var(--text-primary);border-radius:40px;padding:1rem 3rem;font-size:1.1rem;transition:all .3s}.view-all-container .view-all-button:hover{background:var(--text-primary);color:var(--bg-color);box-shadow:0 10px 20px var(--accent-muted);transform:translateY(-2px)}@media (width<=768px){.works-header{padding:0 2rem}.work-content-panel{padding:2rem}.work-item:hover .work-content-panel{width:100%;padding-left:2.5rem;padding-right:1.5rem}.work-image-underneath{display:none!important}}:root{--layer-1:#06b6d4;--layer-2:#8b5cf6;--layer-3:#e11d48}body.light-theme{--layer-1:#facc15;--layer-2:#fb923c;--layer-3:#e11d48}.swipe-overlay{pointer-events:none;height:100.5vh;position:fixed;left:0;right:0}.project-page{padding-bottom:8rem}.project-header{margin:6rem 0 4rem;padding:0 4rem}.project-meta-top{font-family:var(--font-sans);justify-content:space-between;margin-bottom:2rem;font-size:1rem;display:flex}.project-meta-top a{color:var(--text-secondary);align-items:center;gap:.5rem;transition:color .3s;display:flex}.project-meta-top a:hover{color:var(--text-primary)}.project-title{font-family:var(--font-display);text-transform:uppercase;color:var(--text-primary);margin-bottom:3rem;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1}.project-meta{border-top:1px solid var(--accent-muted);gap:4rem;margin-bottom:5rem;padding-top:2rem;display:flex}.meta-item{font-family:var(--font-sans);flex-direction:column;gap:.5rem;display:flex}.meta-item .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.8rem}.meta-item .value{color:var(--text-primary);font-size:1.1rem;font-weight:500}.project-content{padding:0 4rem}.project-intro{text-align:center;max-width:50rem;margin:0 auto 6rem}.project-intro p{color:var(--text-primary);font-size:1.45rem;font-weight:400;line-height:1.8}.media-organic-grid{margin-bottom:6rem}.media-organic-grid.layout-masonry{columns:2;column-gap:2rem}.media-organic-grid.layout-masonry .organic-item{break-inside:avoid;margin-bottom:2rem}.media-organic-grid.layout-gallery{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.media-organic-grid.layout-video-hero{flex-direction:column;align-items:center;gap:4rem;display:flex}.media-organic-grid .organic-item.full-span,.media-organic-grid .media-item.full-span{grid-column:1/-1}.media-organic-grid .organic-item.media-tile,.media-organic-grid .media-item.media-tile{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003}.media-organic-grid .organic-item.media-tile img,.media-organic-grid .organic-item.media-tile video,.media-organic-grid .media-item.media-tile img,.media-organic-grid .media-item.media-tile video{object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.media-organic-grid .organic-item.media-tile video,.media-organic-grid .media-item.media-tile video{pointer-events:none}.media-organic-grid .organic-item.media-tile:hover img,.media-organic-grid .media-item.media-tile:hover img{transform:scale(1.02)}.media-organic-grid .organic-item.text-tile,.media-organic-grid .media-item.text-tile{align-items:center;padding:3rem 1.5rem;display:flex}.media-organic-grid .organic-item.text-tile p,.media-organic-grid .media-item.text-tile p{font-family:var(--font-sans);color:var(--text-secondary);white-space:pre-wrap;font-size:1.25rem;font-weight:300;line-height:1.8}.media-organic-grid .hero-video{border-radius:12px;width:100%;overflow:hidden;box-shadow:0 30px 60px #0006}.media-organic-grid .hero-video video{object-fit:cover;pointer-events:none;width:100%;height:auto;max-height:85vh;display:block}.media-organic-grid .hero-trailing-text{text-align:center;max-width:48rem;margin:0 auto}.media-organic-grid .iframe-wrapper{border-radius:inherit;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.media-organic-grid .iframe-wrapper iframe{pointer-events:none;border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.project-header,.project-content{padding:0 2rem}.project-meta{flex-direction:column;gap:1.5rem}.media-organic-grid.layout-masonry{columns:1}.media-organic-grid.layout-gallery{grid-template-columns:1fr}.project-intro p{font-size:1.25rem}}.work-page{padding-bottom:8rem}.work-page .page-header{justify-content:space-between;align-items:center;margin:4rem 0 3rem;padding:0 4rem;display:flex}.work-page .page-title{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(3rem,5vw,4.5rem)}.filter-bar{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}.filter-bar .filter-pill{-webkit-backdrop-filter:blur(10px);border:1px solid var(--accent-muted);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;--pill-color:var(--text-primary);background:#ffffff0d;border-radius:30px;padding:.6rem 1.4rem;font-size:.95rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.filter-bar .filter-pill[data-tag=all]{--pill-color:#fff}.filter-bar .filter-pill[data-tag="3d"]{--pill-color:#3b82f6}.filter-bar .filter-pill[data-tag=video]{--pill-color:#8b5cf6}.filter-bar .filter-pill[data-tag=installation]{--pill-color:#ef4444}.filter-bar .filter-pill[data-tag=mapping]{--pill-color:#f97316}.filter-bar .filter-pill[data-tag=branding]{--pill-color:#facc15}.filter-bar .filter-pill[data-tag=web]{--pill-color:#fb923c}.filter-bar .filter-pill:hover{border-color:var(--pill-color);color:var(--pill-color);box-shadow:0 10px 20px #0003, 0 0 15px var(--pill-color) inset;background:#ffffff1a;transform:scale(1.05)translateY(-2px)}.filter-bar .filter-pill.active{background:var(--pill-color);color:var(--bg-color);border-color:var(--pill-color);box-shadow:0 0 20px var(--pill-color);font-weight:600}.filter-bar{flex-wrap:wrap;gap:.8rem;display:flex}.filter-bar .filter-pill{border:1px solid var(--accent-muted);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:30px;padding:.6rem 1.4rem;font-size:.95rem;transition:all .3s}.filter-bar .filter-pill:hover{background:var(--grid-color);color:var(--text-primary)}.filter-bar .filter-pill.active{background:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary);font-weight:500}.work-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:4rem 3rem;padding:0 4rem;display:grid}.grid-item{flex-direction:column;gap:1.2rem;display:flex}.grid-item:hover .grid-image-container{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000080}.grid-item:hover .grid-overlay{opacity:1}.grid-image-container{aspect-ratio:4/3;background-color:var(--accent-muted);border-radius:12px;width:100%;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000004d}.grid-image-container .placeholder-img{background-image:linear-gradient(135deg, var(--accent-muted), transparent);width:100%;height:100%}.grid-overlay{opacity:0;-webkit-backdrop-filter:blur(8px);background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.grid-overlay .view-text{background:var(--text-primary);color:var(--bg-color);font-weight:600;font-family:var(--font-sans);border-radius:30px;padding:.8rem 1.8rem;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.grid-item:hover .grid-overlay .view-text{transform:translateY(0)}.grid-info{font-family:var(--font-sans)}.grid-info h4{font-size:1.5rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:.8rem}.grid-info .tags-display{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.grid-info .tags-display .tag-visual{-webkit-backdrop-filter:blur(5px);border:1px solid var(--accent-muted);color:var(--text-secondary);--pill-color:var(--text-primary);background:#ffffff0d;border-radius:12px;padding:.3rem .8rem;font-size:.8rem;transition:all .3s}.grid-info .tags-display .tag-visual[data-tag=all]{--pill-color:#fff}.grid-info .tags-display .tag-visual[data-tag="3d"]{--pill-color:#3b82f6}.grid-info .tags-display .tag-visual[data-tag=video]{--pill-color:#8b5cf6}.grid-info .tags-display .tag-visual[data-tag=installation]{--pill-color:#ef4444}.grid-info .tags-display .tag-visual[data-tag=mapping]{--pill-color:#f97316}.grid-info .tags-display .tag-visual[data-tag=branding]{--pill-color:#facc15}.grid-info .tags-display .tag-visual[data-tag=web]{--pill-color:#fb923c}.grid-info .tags-display .tag-visual:hover{color:var(--pill-color);border-color:var(--pill-color);box-shadow:0 0 10px var(--pill-color) inset;background:#ffffff1a;transform:translateY(-1px)}.grid-info .tags-display .year-visual{color:var(--text-secondary);margin-left:.5rem;font-size:.9rem}@media (width<=768px){.work-page .page-header{flex-direction:column;align-items:flex-start;gap:2rem}.filter-bar{justify-content:flex-start}.work-grid{grid-template-columns:1fr;padding:0 2rem}}.about-page{padding:4rem 4rem 8rem}.about-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:4rem;display:grid}.about-image-placeholder{aspect-ratio:4/5;background-color:var(--accent-muted);width:100%;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;font-style:italic;display:flex}.about-content .page-title{font-family:var(--font-display);margin-bottom:3rem;font-size:clamp(3rem,5vw,4.5rem)}.about-description{color:var(--text-secondary);margin-bottom:4rem;font-size:1.5rem;line-height:1.6}.about-skills h3{font-family:var(--font-display);margin-bottom:2rem;font-size:1.25rem}.about-skills .skills-list{flex-wrap:wrap;gap:1.2rem;display:flex}.about-skills .skills-list li{-webkit-backdrop-filter:blur(10px);border:1px solid var(--accent-muted);color:var(--text-secondary);cursor:default;background:#ffffff0d;border-radius:30px;padding:.8rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.about-skills .skills-list li:nth-child(7n+1){--pill-color:#3b82f6}.about-skills .skills-list li:nth-child(7n+2){--pill-color:#8b5cf6}.about-skills .skills-list li:nth-child(7n+3){--pill-color:#ef4444}.about-skills .skills-list li:nth-child(7n+4){--pill-color:#f97316}.about-skills .skills-list li:nth-child(7n+5){--pill-color:#facc15}.about-skills .skills-list li:nth-child(7n+6){--pill-color:#fb923c}.about-skills .skills-list li:nth-child(7n){--pill-color:#06b6d4}.about-skills .skills-list li:hover{color:var(--pill-color);border-color:var(--pill-color);box-shadow:0 10px 20px #0003, 0 0 15px var(--pill-color) inset;background:#ffffff1a;transform:scale(1.05)translateY(-2px)}@media (width<=768px){.about-page{padding:0 2rem 4rem}.about-grid{grid-template-columns:1fr}}:root{--bg-color:#050505;--text-primary:#f5f5f5;--text-secondary:#888;--accent:#fff;--accent-muted:#ffffff14;--grid-color:#ffffff0d;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--spacing-1:.5rem;--spacing-2:1rem;--spacing-3:2rem;--spacing-4:4rem;--spacing-5:8rem;--nav-height:80px;--nav-bg:#05050599}body.light{--bg-color:#f7ede8;--text-primary:#3d2c23;--text-secondary:#8a7366;--accent:#e57373;--accent-muted:#3d2c230d;--grid-color:#3d2c230d;--nav-bg:#f7ede899}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .5s,color .5s;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}