@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{--background:#0a1117;--foreground:#f1eee8;--card:#111b23;--card-foreground:#f1eee8;--primary:#e6a255;--primary-foreground:#15100a;--muted:#15222c;--muted-foreground:#9da7ab;--border:#dee5e526;--ring:#e6a255;--ink:#0a1117;--ink-raised:#111b23;--ink-soft:#16232c;--paper:#f1eee8;--fog:#a5b0b3;--fog-dim:#68767d;--amber:#e6a255;--amber-bright:#ffd28d;--line:#dbe4e229;--line-bright:#e6a255b3;--serif:"Noto Serif SC", "Songti SC", serif;--sans:"Noto Sans SC", "PingFang SC", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);overflow-y:auto}body{background:var(--ink);min-width:320px;color:var(--paper);font-family:var(--sans);margin:0}body:before{content:"";z-index:30;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:var(--paper);background:#e6a25559}.site-shell{overflow:visible}.site-header{z-index:10;justify-content:space-between;align-items:center;padding:26px 4vw;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark{background:#080f14ad;border:1px solid #e6a25547;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:68%;height:68%}.brand-mark--compact{background:#0a111759;width:54px;height:54px}.brand-type{letter-spacing:.02em;gap:3px;line-height:1;display:grid}.brand-type b{font-family:var(--serif);font-size:17px;font-weight:600}.brand-type i{color:var(--fog);font-family:var(--mono);letter-spacing:.15em;font-size:8px;font-style:normal}.site-header nav{gap:28px;margin-left:56px;display:flex}.site-header nav a,.header-github{color:var(--fog);font-family:var(--mono);font-size:11px;transition:color .2s,opacity .2s}.site-header nav a:hover,.header-github:hover{color:var(--amber-bright)}.header-github{align-items:center;gap:7px;display:inline-flex}.hero{border-bottom:1px solid var(--line);isolation:isolate;align-items:center;min-height:100svh;padding:140px 12vw 110px;display:flex;position:relative}.hero-art{z-index:-2;background:linear-gradient(90deg,#0a1117f7 0%,#0a1117e0 43%,#0a111759 100%),url(/assets/me2-studio-hero.jpg) 50%/cover no-repeat;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(0deg, var(--ink) 0%, #0a111700 100%);height:42%;position:absolute;inset:auto 0 0}.hero-copy{width:min(720px,100%)}.eyebrow{color:var(--amber);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 18px;font-size:10px;display:flex}.eyebrow span{background:currentColor;width:18px;height:1px;display:inline-block}.hero h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--serif);letter-spacing:-.075em;margin-bottom:25px;font-size:clamp(46px,6vw,88px);font-weight:600;line-height:1.13}.hero h1 em{color:var(--amber-bright);font-style:normal}.hero-intro{color:#c3cbcb;max-width:510px;font-size:15px;line-height:2}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:37px;display:flex}.button{border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:13px;transition:background .2s,border-color .2s,color .2s,transform .2s cubic-bezier(.23,1,.32,1);display:inline-flex}.button:active{transform:scale(.97)}.button--primary{background:var(--amber);color:#17110a;font-weight:700}.button--primary:hover{background:var(--amber-bright)}.button--quiet{border-color:var(--line);color:var(--paper)}.button--quiet:hover{border-color:var(--amber);color:var(--amber-bright);background:#e6a2550f}.hero-aside{width:205px;color:var(--fog);font-size:11px;line-height:1.85;position:absolute;bottom:11vh;right:7vw}.hero-aside p{margin:12px 0 0}.pulse{color:var(--paper);font-family:var(--mono);letter-spacing:.06em;align-items:center;gap:8px;font-size:9px;display:flex}.pulse span{background:var(--amber);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #e6a2551a}.scroll-note{color:var(--fog-dim);font-family:var(--mono);letter-spacing:.13em;writing-mode:vertical-rl;align-items:center;gap:11px;font-size:9px;display:flex;position:absolute;bottom:30px;left:4vw}.scroll-note i{background:linear-gradient(var(--amber), transparent);width:1px;height:48px;display:block}.rail-mark{color:var(--fog-dim);font-family:var(--mono);letter-spacing:.1em;align-items:center;gap:8px;font-size:9px;display:flex}.rail-mark span{background:var(--amber);width:30px;height:1px;display:inline-block}.rail-mark b{font-weight:400}.hero-rail{transform-origin:100%;position:absolute;top:33%;right:4vw;transform:rotate(90deg)}.projects-section{padding:150px 7vw 170px;position:relative}.section-lead{grid-template-columns:1fr 2.8fr 1.2fr;align-items:end;gap:30px;max-width:1280px;margin:0 auto 86px;display:grid}h2{font-family:var(--serif);letter-spacing:-.075em;font-size:clamp(34px,4vw,60px);font-weight:600;line-height:1.2}.section-lead h2{margin-bottom:0}.section-caption{max-width:250px;color:var(--fog);margin-bottom:3px;font-size:13px;line-height:1.9}.featured-stack{max-width:1280px;margin:0 auto;position:relative}.featured-stack:before{content:"";background:linear-gradient(transparent, var(--line-bright) 5%, var(--line) 84%, transparent);width:1px;position:absolute;top:-43px;bottom:-56px;left:22%}.feature-project{border-top:1px solid var(--line);background:var(--ink);grid-template-columns:18% 34% 48%;min-height:470px;display:grid;position:relative}.feature-project:last-child{border-bottom:1px solid var(--line)}.feature-project:after{content:"";border:2px solid var(--amber);background:var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:43px;left:calc(22% - 5px)}.project-meta{flex-direction:column;gap:20px;padding:43px 32px 34px 0;display:flex}.project-index,.archive-number{color:var(--amber);font-family:var(--mono);font-size:11px}.project-category{width:fit-content;color:var(--fog);align-items:center;gap:8px;font-size:11px;display:inline-flex}.project-copy{flex-direction:column;justify-content:center;padding:52px 48px 48px 28px;display:flex}.project-copy h3{font-family:var(--serif);letter-spacing:-.065em;margin-bottom:18px;font-size:clamp(32px,3vw,48px);font-weight:600}.project-copy>p{max-width:330px;color:var(--fog);margin-bottom:25px;font-size:13px;line-height:2}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row span{border:1px solid var(--line);color:#bac3c3;padding:5px 8px;font-size:10px}.project-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:38px;display:flex}.stack-label{color:var(--fog-dim);font-family:var(--mono);font-size:9px}.project-footer a{color:var(--amber);align-items:center;gap:5px;font-size:11px;transition:color .2s;display:inline-flex}.project-footer a:hover{color:var(--amber-bright)}.project-gallery{border-left:1px solid var(--line);background:radial-gradient(circle at 85% 12%, #e6a25514, transparent 34%), var(--ink-raised);align-self:stretch;min-width:0;position:relative;overflow:hidden}.project-gallery:before{content:"";pointer-events:none;background:linear-gradient(90deg, var(--ink) 0%, #0a11172e 20%, transparent 54%), linear-gradient(0deg, #0a11174d, transparent 45%);position:absolute;inset:0}.gallery-scroll{position:absolute;inset:0}.gallery-card{background:#070c10;border:1px solid #f1eee82b;transition:transform .42s cubic-bezier(.23,1,.32,1),filter .25s,border-color .25s;display:block;position:absolute;overflow:hidden;box-shadow:0 18px 45px #00000047}.gallery-card img{object-fit:cover;filter:saturate(.82)contrast(.97)brightness(.89);width:100%;height:100%;transition:transform .65s cubic-bezier(.23,1,.32,1),filter .3s;display:block}.gallery-card:hover{z-index:3;border-color:#e6a255ad}.gallery-card:hover img{filter:saturate()contrast()brightness();transform:scale(1.025)}.gallery-card:focus-visible{z-index:4;outline:2px solid var(--amber-bright);outline-offset:4px}.gallery-card--primary{z-index:1}.gallery-card--secondary{z-index:2}.gallery-label{z-index:1;color:var(--paper);font-family:var(--mono);letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080f14c2;border:1px solid #f1eee826;padding:5px 7px;font-size:8px;position:absolute;bottom:10px;left:10px}.gallery-open{z-index:1;width:31px;height:31px;color:var(--paper);opacity:0;background:#080f148f;border:1px solid #f1eee84d;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;top:11px;right:11px;transform:translateY(6px)}.gallery-card:hover .gallery-open,.gallery-card:focus-visible .gallery-open{opacity:1;transform:translateY(0)}.project-gallery--1 .gallery-card--primary{aspect-ratio:1214/1880;width:48%;top:5%;left:8%}.project-gallery--1 .gallery-card--secondary{aspect-ratio:1104/1880;width:42%;bottom:4%;right:5%}.project-gallery--1 .gallery-card img{object-fit:contain}.project-gallery--2 .gallery-card--primary{aspect-ratio:1864/1460;width:82%;top:12%;left:6%}.project-gallery--2 .gallery-card--secondary{aspect-ratio:1864/1460;width:55%;bottom:5%;right:3%}.project-gallery--3 .gallery-card--primary{aspect-ratio:2324/1648;width:80%;top:11%;right:6%}.project-gallery--3 .gallery-card--secondary{aspect-ratio:2324/1648;width:57%;bottom:5%;left:3%}.gallery-hint{display:none}.feature-project--2{margin-left:8%}.feature-project--3{margin-right:5%}.notes-section{border-top:1px solid #e6a2552e;border-bottom:1px solid var(--line);background:#0e1921;grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);align-items:center;gap:7vw;padding:130px 11vw;display:grid;position:relative}.notes-image{background:linear-gradient(90deg,#0e192159,#0e192114),url(/assets/me2-studio-process.jpg) 50%/cover no-repeat;border:1px solid #e6a25540;min-height:450px}.notes-copy{max-width:490px}.notes-copy h2{margin-bottom:28px}.notes-copy>p{color:var(--fog);font-size:13px;line-height:2}.notes-facts{border-top:1px solid var(--line);gap:24px;margin-top:40px;padding-top:24px;display:flex}.notes-facts div{gap:5px;display:grid}.notes-facts b{color:var(--amber-bright);font-family:var(--mono);font-size:13px;font-weight:500}.notes-facts span{color:var(--fog-dim);font-size:10px}.archive-section{padding:150px 7vw}.archive-heading{max-width:1280px;margin:0 auto 50px}.archive-heading .eyebrow{margin:32px 0 14px 38px}.archive-heading h2{margin:0 0 0 38px}.archive-list{border-top:1px solid var(--line);max-width:1280px;margin:0 auto}.archive-item{border-bottom:1px solid var(--line);grid-template-columns:11% 125px minmax(0,1fr) 175px 34px;align-items:center;gap:24px;min-height:135px;transition:background .2s,padding .25s cubic-bezier(.23,1,.32,1);display:grid;position:relative}.archive-item:hover{background:#e6a25509;padding-left:13px}.archive-thumb{background:var(--ink-soft);height:82px;overflow:hidden}.archive-thumb img{object-fit:cover;object-position:top;filter:saturate(.72)brightness(.86);width:100%;height:100%;transition:transform .45s cubic-bezier(.23,1,.32,1),filter .2s}.archive-item:hover .archive-thumb img{filter:saturate()brightness();transform:scale(1.06)}.archive-thumb--symbol{color:var(--amber);border:1px solid #e6a25538;place-items:center;display:grid}.archive-copy h3{font-family:var(--serif);letter-spacing:-.045em;margin-bottom:7px;font-size:24px;font-weight:600}.archive-copy p{max-width:465px;color:var(--fog);margin-bottom:0;font-size:12px;line-height:1.7}.archive-kind{color:var(--fog-dim);font-family:var(--mono);text-align:right;font-size:9px}.archive-arrow{color:var(--amber);transition:transform .2s cubic-bezier(.23,1,.32,1)}.archive-item:hover .archive-arrow{transform:translate(3px,-3px)}.closing-section{border-top:1px solid var(--line);justify-content:center;align-items:center;min-height:590px;padding:90px 7vw;display:flex;position:relative;overflow:hidden}.footer-art{z-index:-1;opacity:.65;background:linear-gradient(90deg,#0a1117cc,#0a111726),url(/assets/me2-studio-footer.jpg) 50%/cover no-repeat;position:absolute;inset:0}.closing-inner{text-align:center;justify-items:center;display:grid}.closing-line{font-family:var(--serif);letter-spacing:-.05em;margin:28px 0 31px;font-size:clamp(25px,3vw,38px);line-height:1.6}.footer-meta{width:calc(100% - 14vw);color:var(--fog-dim);font-family:var(--mono);letter-spacing:.11em;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:26px}@media (prefers-reduced-motion:no-preference){.hero-copy,.hero-aside,.section-lead,.feature-project,.notes-copy,.notes-image,.archive-item{animation:.6s cubic-bezier(.23,1,.32,1) both reveal}.hero-aside{animation-delay:.15s}.feature-project--2{animation-delay:60ms}.feature-project--3{animation-delay:.12s}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (width<=900px){.site-header{padding:22px 24px}.site-header nav{display:none}.hero{align-items:flex-start;min-height:760px;padding:140px 24px 100px}.hero-art{background:linear-gradient(90deg,#0a1117fa,#0a1117c9),url(/assets/me2-studio-hero.jpg) 70%/cover no-repeat}.hero-copy{padding-top:60px}.hero-aside{bottom:70px;right:24px}.scroll-note{left:24px}.hero-rail{top:26%;right:24px}.projects-section,.archive-section{padding:98px 24px}.section-lead{grid-template-columns:1fr;gap:21px;margin-bottom:55px}.section-caption{max-width:400px}.featured-stack:before{top:-25px;left:0}.feature-project,.feature-project--2{grid-template-columns:1fr;min-height:0;margin:0;padding:0 0 35px 25px}.feature-project:after{top:39px;left:-5px}.project-meta{flex-direction:row;align-items:center;padding:34px 0 0}.project-copy{padding:23px 0 0}.project-gallery{background:0 0;border:0;min-height:0;margin-top:31px;overflow:visible}.project-gallery:before{display:none}.gallery-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:auto;gap:12px;padding:0 13vw 10px 0;display:flex;position:relative;overflow:auto clip}.gallery-scroll::-webkit-scrollbar{display:none}.gallery-card,.project-gallery--1 .gallery-card--primary,.project-gallery--1 .gallery-card--secondary,.project-gallery--2 .gallery-card--primary,.project-gallery--2 .gallery-card--secondary,.project-gallery--3 .gallery-card--primary,.project-gallery--3 .gallery-card--secondary{aspect-ratio:1864/1460;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 87vw;width:auto;position:relative;inset:auto}.project-gallery--1 .gallery-card,.project-gallery--1 .gallery-card--primary,.project-gallery--1 .gallery-card--secondary{aspect-ratio:1104/1880;flex-basis:71vw}.gallery-card img,.project-gallery--1 .gallery-card img{object-fit:cover}.gallery-open{opacity:1;transform:none}.gallery-hint{color:var(--fog-dim);font-family:var(--mono);letter-spacing:.07em;align-items:center;gap:7px;margin:8px 0 0;font-size:8px;display:flex}.gallery-hint span{background:var(--amber);width:18px;height:1px;display:inline-block}.notes-section{grid-template-columns:1fr;gap:45px;padding:86px 24px}.notes-image{min-height:290px}.archive-heading .eyebrow,.archive-heading h2{margin-left:0}.archive-item{grid-template-columns:32px 86px minmax(0,1fr) 22px;gap:14px;min-height:124px}.archive-kind{display:none}.archive-thumb{height:69px}.archive-copy h3{font-size:21px}.archive-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.closing-section{min-height:500px}.footer-meta{width:calc(100% - 48px)}}@media (width<=480px){.header-github span{display:none}.header-github{border:1px solid var(--line);border-radius:50%;justify-content:center;width:34px;height:34px}.hero{min-height:720px}.hero h1{font-size:44px}.hero-intro{font-size:13px}.hero-aside{width:180px;font-size:10px}.hero-actions{grid-template-columns:1fr;display:grid}.button{width:100%}.project-footer{flex-direction:column;align-items:flex-start;margin-top:30px}.notes-facts{gap:18px}.footer-meta span:last-child{display:none}}