:root{color-scheme:dark;--bg:#0b0b10;--panel:#13141a;--line:#2b2b32;--text:#f6f6f4;--muted:#9898a0;--acid:#d6fb8d;--display:'Space Grotesk',Arial,sans-serif;--mono:'DM Mono',monospace;--sans: 'Pretendard', 'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;height:1100px;pointer-events:none;background:radial-gradient(ellipse at 84% 12%,rgba(93,78,139,.11),transparent 42%),radial-gradient(ellipse at 0% 5%,rgba(63,76,64,.07),transparent 40%)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:4px}::selection{background:var(--acid);color:#101116}
.skip-link{position:absolute;top:-100px;left:20px;z-index:99;background:var(--acid);padding:12px 18px;color:#111}.skip-link:focus{top:10px}
.site-shell{max-width:1800px;margin:auto;overflow:hidden}.page-pad{padding-left:clamp(24px,5.1vw,100px);padding-right:clamp(24px,5.1vw,100px)}
.site-header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.1vw,100px)}
.brand{display:flex;align-items:center;gap:12px}.brand-symbol{height:35px;width:35px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--bg)}.brand-star{font-size:26px;line-height:1;transform:rotate(-12deg)}.brand-word{font:700 19px/1 var(--display);letter-spacing:-1px}.brand-thin{font-weight:400;color:#aaaab0}.nav-links{display:flex;gap:clamp(20px,3.4vw,60px)}.nav-links a,.header-link{font:500 12px var(--mono);letter-spacing:.06em;color:#adadb5;transition:color .2s}.nav-links a:hover,.header-link:hover{color:var(--acid)}.header-link{display:flex;align-items:center;gap:13px;border:1px solid #4e4e55;border-radius:100px;padding:13px 18px;color:#e7e7e6}.header-link svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(25px,4vw,70px);padding-top:92px;padding-bottom:104px;min-height:710px;align-items:center}
.hero-copy{min-width:0}.eyebrow,.section-label,.hero-bottom-note,.visual-top,.visual-bottom,.art-corner,.feature-meta,.cover-index,.cover-bottom,.project-kicker,.project-description,.results-bar,.download-eyebrow,.download-stamp,.site-footer,.closing-link,.filter,.search-shortcut,.stat-label{font-family:var(--mono);letter-spacing:.075em}
.eyebrow{font-size:11px;color:#c4c6bd;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.live-dot,.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 13px rgba(214,251,141,.7);flex:none}.eyebrow-slash{color:#55565c;margin:0 1px}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display)}.hero h1{position:relative;display:inline-block;font-size:clamp(66px,7vw,130px);font-weight:700;line-height:.96;letter-spacing:-.092em;margin:39px 0 24px}.hero h1 em,.section-header h2 em,.download h2 em,.closing h2 em{color:var(--acid);font-style:normal}.title-spark{position:absolute;right:-54px;top:5px;font:400 40px var(--display);color:var(--acid)}.hero-kicker{font-weight:700;font-size:clamp(19px,1.5vw,25px);letter-spacing:-.065em;margin:5px 0 19px}.hero-description{font-size:15px;line-height:1.95;color:var(--muted);letter-spacing:-.03em;word-break:keep-all}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:35px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:18px 23px;border-radius:6px;font-size:14px;font-weight:700;transition:transform .25s,background .25s,border-color .25s}.btn:hover{transform:translateY(-3px)}.btn span{font:500 20px var(--display)}.btn-primary{background:var(--acid);color:#14151a}.btn-primary:hover{background:#e5ffb6}.btn-ghost{border:1px solid #3c3c44;color:#eee;background:#131318}.btn-ghost:hover{border-color:#aaa}.hero-bottom-note{margin-top:69px;display:flex;align-items:center;gap:16px;color:#75767e;font-size:10px;white-space:nowrap}.hero-bottom-note .line{width:36px;height:1px;background:#67676e}.note-num{margin-left:auto;color:#55555d}
.hero-visual{min-height:555px;position:relative;isolation:isolate;border-radius:9px;background:#17171f;border:1px solid #35343c;box-shadow:0 40px 120px rgba(0,0,0,.23);overflow:hidden}.hero-visual::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:37px 37px;mask-image:linear-gradient(to bottom,transparent 5%,black 37%,transparent 100%)}.hero-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 28%,rgba(11,10,19,.63) 98%)}.visual-top,.visual-bottom{position:absolute;z-index:3;left:29px;right:29px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#aaa9b8}.visual-top{top:27px}.visual-top .terminal-dot{width:8px;height:8px;background:#c7d7a5;border-radius:50%;margin-right:-8%;box-shadow:0 0 12px #afc187}.visual-top-right{color:#696a76}.visual-bottom{bottom:26px}.visual-bottom>span:first-child{display:flex;align-items:center;gap:9px}.arrows{color:var(--acid);font-size:17px}.orbital-scene{position:absolute;inset:18px;display:grid;place-items:center}.orbital-glow{position:absolute;inset:12%;background:radial-gradient(circle,rgba(151,133,202,.19),transparent 62%);filter:blur(3px)}.orbit,.orbit-track{position:absolute;aspect-ratio:1;border-radius:50%}.orbit{border:1px solid rgba(177,165,205,.19)}.orbit-one{width:41%}.orbit-two{width:66%}.orbit-three{width:92%}.orbit-track-one{width:66%;border:1px dashed rgba(211,246,164,.28);transform:rotate(20deg)}.orbit-track-two{width:83%;border:1px dotted rgba(222,215,255,.13);transform:rotate(-25deg)}.core-mark{position:relative;font:700 clamp(125px,16vw,230px)/1 var(--display);letter-spacing:-.15em;padding-right:.17em;color:#e7ddff;text-shadow:0 0 60px rgba(192,174,248,.23);transform:rotate(-8deg)}.core-mark span{color:var(--acid)}.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 8px rgba(214,251,141,.08),0 0 30px rgba(214,251,141,.8)}.orbit-dot-one{top:21%;right:26%}.orbit-dot-two{bottom:26%;left:18%;height:6px;width:6px;background:#c2a4e9}.coordinate{position:absolute;color:#777586;font:9px var(--mono);letter-spacing:.08em}.coordinate-a{top:26%;left:11%;transform:rotate(-90deg)}.coordinate-b{right:3%;bottom:31%;transform:rotate(90deg)}
.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:155px}.stat{padding:29px clamp(5px,2.4vw,36px);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:13px}.stat:first-child{padding-left:0}.stat-last{border-right:0;padding-right:0;flex-direction:row;align-items:center;justify-content:space-between}.stat-value{font:500 clamp(39px,4.4vw,69px)/.95 var(--display);letter-spacing:-.08em}.stat-plus{font-size:27px;color:var(--acid);vertical-align:top;letter-spacing:-.03em}.stat-label{color:#85858c;font-size:10px;white-space:nowrap}.stat-copy{font:500 clamp(17px,1.6vw,25px)/1.3 var(--display);letter-spacing:-.04em;color:#7d7d83}.stat-copy strong{color:#f8f8f8}.stat-icon{color:var(--acid);font-size:38px;font-weight:300}
.section-block{padding-top:125px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:40px}.section-label{font-size:11px;color:#c3c3c3}.section-label span{color:var(--acid);margin-right:10px}.section-header h2,.download h2{font-size:clamp(44px,5vw,74px);line-height:1;letter-spacing:-.077em;font-weight:600;margin:24px 0 0}.section-header p{font-size:14px;color:#898993;line-height:1.95;margin:0 0 5px;word-break:keep-all}
.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{min-width:0;transition:transform .3s}.feature-card:hover{transform:translateY(-6px)}.feature-art{height:clamp(235px,26vw,380px);position:relative;overflow:hidden;border-radius:7px;isolation:isolate}.feature-art::before{content:'';position:absolute;inset:0;opacity:.35;background-image:linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:28px 28px}.art-corner{position:absolute;top:23px;left:22px;z-index:2;font-size:10px}.art-number{position:absolute;right:19px;bottom:14px;font:700 92px/1 var(--display);letter-spacing:-.1em;opacity:.09}.art-queue{background:#beb0f4;color:#252032}.match-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:104px;width:104px;background:#252038;border:6px solid #a096d2;box-shadow:0 0 0 14px rgba(60,46,104,.13);border-radius:50%;display:grid;place-items:center;color:#f3f1ff;font:700 13px/1.2 var(--display);text-align:center}.hub-dot{position:absolute;bottom:23px;height:5px;width:5px;background:var(--acid);border-radius:50%}.match-line{position:absolute;left:12%;right:12%;top:50%;height:2px;background:#5b5088;transform:rotate(30deg)}.match-line-two{transform:rotate(-34deg)}.match-node{position:absolute;z-index:1;border:4px solid #c9bffa;border-radius:50%;background:#62558c;color:white;width:53px;height:53px;display:grid;place-items:center;font:700 12px var(--display);box-shadow:0 11px 25px #5f4e955c}.match-node-one{left:15%;top:25%}.match-node-two{right:16%;top:28%}.match-node-three{left:23%;bottom:15%}
.art-sheet{background:#e8e5d8;color:#343527}.sheet-window{position:absolute;background:#fffcf4;border:1px solid rgba(51,51,40,.28);box-shadow:12px 20px 0 rgba(46,52,40,.1);border-radius:7px;padding:12px}.sheet-back{height:200px;width:200px;top:27%;left:10%;transform:rotate(-14deg)}.sheet-front{height:235px;width:200px;top:19%;right:13%;transform:rotate(9deg)}.window-dots{font-size:18px;letter-spacing:5px;line-height:8px;color:#c3c5bf}.sheet-cover{margin-top:17px;background:#b4b8aa;height:97px;border-radius:3px}.sheet-lines{margin-top:10px;height:5px;width:80%;box-shadow:0 10px 0 #d4d5c9;background:#6d7165}.sheet-pill{width:54px;height:12px;border-radius:20px;background:#d8e4c5;margin:25px 0 13px}.sheet-bigline{height:17px;background:#424b43;width:85%;border-radius:2px}.sheet-smallline{height:7px;background:#aeb7a8;width:60%;margin-top:11px}.sheet-tiles{display:flex;gap:7px;margin-top:20px}.sheet-tiles i{display:block;flex:1;height:75px;background:#d5d5c7;border-radius:3px}.sheet-tiles i:nth-child(2){background:#b2c1af}.sheet-tiles i:nth-child(3){background:#efcbb5}
.art-league{background:#df8266;color:#35211c}.league-bracket{position:absolute;inset:22% 12% 17%;display:flex;align-items:center;justify-content:center;gap:7px}.bracket-round{display:flex;flex-direction:column;justify-content:space-between;height:90%;gap:9px;flex:1}.bracket-round i{border:2px solid #683d37;border-radius:4px;background:#f1a78c;height:25%;display:grid;place-items:center;font:500 11px var(--mono);font-style:normal}.bracket-round.mid{height:60%;max-width:80px}.bracket-round.mid i{height:42%;background:#8a514b;color:#fff}.bracket-join{height:70%;width:14%;border:2px solid #683d37;border-left:0}.bracket-join.finish{height:40%;width:9%}.bracket-final{padding:20px 9px;background:#38211f;color:#fbe1ce;font:700 13px var(--display);border-radius:5px}.feature-meta{display:flex;align-items:center;justify-content:space-between;color:#898992;font-size:10px;margin:25px 0 11px}.feature-arrow{border:1px solid #55545d;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:16px var(--display);color:#e1e1e1;transition:background .2s,color .2s}.feature-card:hover .feature-arrow{background:var(--acid);color:#111;border-color:var(--acid)}.feature-card h3{font:600 clamp(25px,2.4vw,37px)/1.1 var(--display);letter-spacing:-.055em;margin:0 0 12px}.feature-card p{font-size:13px;color:#92929b;margin:0}
.catalog{padding-bottom:10px}.section-header-catalog{margin-bottom:42px}.heading-count{font:500 13px var(--mono);letter-spacing:0;vertical-align:top;margin-left:13px;color:var(--acid)}.catalog-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-list{display:flex;flex-wrap:wrap;gap:7px}.filter{border:1px solid transparent;background:transparent;color:#8f8f9a;padding:11px 13px;border-radius:6px;font-size:11px;transition:color .2s,background .2s}.filter:hover{color:white;background:#1d1e25}.filter.active{color:#151617;background:var(--acid);font-weight:500}.filter span{font-size:9px;margin-left:6px;opacity:.65}.search-field{display:flex;align-items:center;gap:10px;min-width:230px;width:clamp(230px,24vw,325px);height:45px;border:1px solid #34343c;border-radius:6px;padding:0 12px;color:#84848d;background:#15151c;transition:border .2s}.search-field:focus-within{border-color:var(--acid)}.search-field svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.search-field input{outline:0;border:0;background:transparent;color:var(--text);flex:1;min-width:0;font-size:13px}.search-field input:focus-visible{outline:0}.search-field input::placeholder{color:#85858c}.search-shortcut{border:1px solid #484850;border-radius:3px;font-size:10px;padding:3px 7px}.results-bar{display:flex;justify-content:space-between;gap:10px;color:#868691;font-size:10px;padding:31px 0 21px}.results-bar>span:last-child{color:#66666c}
.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.project-card{min-width:0;border:1px solid #292a32;border-radius:7px;background:#14151b;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);border-color:#55565e;box-shadow:0 20px 60px rgba(0,0,0,.2)}.project-card-link{display:block;height:100%}.project-cover{position:relative;height:clamp(160px,16vw,230px);overflow:hidden;background:var(--tint);color:var(--ink);isolation:isolate}.cover-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(135deg,black,transparent 90%)}.project-cover::after{content:'';position:absolute;inset:-34%;border:1px solid currentColor;border-radius:50%;opacity:.14;transform:translate(42%,40%)}.cover-index,.cover-bottom{position:absolute;z-index:1;left:17px;font-size:9px}.cover-index{top:17px}.cover-bottom{bottom:16px}.cover-initials{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(67px,7.8vw,118px)/1 var(--display);letter-spacing:-.1em;transform:rotate(-9deg);text-shadow:8px 9px 0 rgba(255,255,255,.12)}.cover-corner{position:absolute;right:16px;top:10px;font:30px var(--display);opacity:.7}.project-details{padding:19px 18px 21px}.project-kicker{display:flex;justify-content:space-between;align-items:center;gap:6px;color:#94949c;font-size:9px;min-height:20px}.archive-badge{letter-spacing:-.03em;font-family:var(--sans);color:#c7c2b3;padding:4px 7px;border:1px solid #615f5c;border-radius:3px;font-size:10px}.project-title-line{display:flex;align-items:center;justify-content:space-between;margin:13px 0 9px}.project-title-line h3{font:600 clamp(20px,1.9vw,27px)/1.2 var(--display);letter-spacing:-.06em;margin:0}.project-arrow{font:20px var(--display);color:#8a8a91;transition:transform .2s,color .2s}.project-card:hover .project-arrow{transform:translate(3px,-3px);color:var(--acid)}.project-details p{font-size:12px;color:#dddce2;letter-spacing:-.02em;min-height:20px;margin:0 0 13px;word-break:keep-all}.project-description{color:#7f7f89;letter-spacing:-.02em;font:12px/1.6 var(--sans);display:block;min-height:38px;word-break:keep-all}
.tone-lilac{--tint:#a7a6db;--ink:#34315b}.tone-berry{--tint:#ce8db2;--ink:#5e3052}.tone-mint{--tint:#9ccdb5;--ink:#245045}.tone-blue{--tint:#9db9db;--ink:#324969}.tone-sand{--tint:#dacaa8;--ink:#594a32}.tone-orange{--tint:#e5a282;--ink:#693a2d}.tone-slate{--tint:#9297a0;--ink:#393d47}.tone-pink{--tint:#e5aaba;--ink:#6b3c53}.tone-yellow{--tint:#e7d38a;--ink:#5c512c}.tone-violet{--tint:#b19dce;--ink:#493764}.tone-cyan{--tint:#9fd3d6;--ink:#286167}.tone-coral{--tint:#e8a3a0;--ink:#703e3e}
.empty-state{text-align:center;border:1px dashed #494a52;border-radius:7px;padding:75px 20px;margin-top:15px}.empty-state[hidden]{display:none}.empty-state>span{font:600 26px var(--display)}.empty-state p{color:var(--muted);margin:12px 0 25px}.empty-state button{background:transparent;border:1px solid #55565c;color:var(--acid);padding:13px 18px;border-radius:6px}
.download{padding-bottom:30px}.download>.section-label{margin-bottom:24px}.download-panel{position:relative;border-radius:8px;background:var(--acid);color:#1b2316;min-height:395px;display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden}.download-icon{position:relative;min-height:395px;display:grid;place-items:center;overflow:hidden;background:rgba(0,0,0,.035)}.download-icon::before,.download-icon::after{content:'';position:absolute;width:370px;height:370px;border:1px solid rgba(21,34,12,.15);border-radius:50%}.download-icon::after{width:520px;height:520px}.download-inner{position:relative;z-index:1;width:160px;height:160px;border:3px solid #25341b;border-radius:29px;display:grid;place-items:center;transform:rotate(-12deg);box-shadow:13px 13px 0 #90ac60}.download-inner span{font:700 118px/1 var(--display);transform:rotate(12deg) translateY(-7px)}.download-gridline{position:absolute;width:150%;height:1px;background:rgba(0,0,0,.1);transform:rotate(33deg)}.grid-b{transform:rotate(-33deg)}.download-content{padding:clamp(42px,5vw,85px) 34px clamp(45px,5vw,75px) 10px;z-index:1}.download-eyebrow{font-size:10px;display:flex;align-items:center;gap:10px}.download-eyebrow .signal-dot{background:#27371e;box-shadow:none}.download h2{color:#1b2316;margin:23px 0 18px;font-size:clamp(48px,5.5vw,87px)}.download h2 em{color:transparent;-webkit-text-stroke:1.8px #1b2316}.download-content p{font-size:15px;line-height:1.85;margin-bottom:30px}.btn-light{background:#1b2116;color:#f1ffd7}.btn-light:hover{background:#343c2a}.download-stamp{position:absolute;right:22px;bottom:18px;font-size:9px;opacity:.6}.download-disclaimer{font-size:11px;color:#777780;margin-top:14px;line-height:1.7}
.closing{padding-top:145px;padding-bottom:145px;text-align:center;position:relative}.closing-asterisk{position:absolute;top:90px;right:14%;color:#373943;font:100px var(--display)}.closing h2{font-size:clamp(55px,8.3vw,145px);letter-spacing:-.085em;line-height:.98;margin:34px 0 26px}.closing p{color:#878790;font-size:15px}.closing-link{display:inline-flex;gap:15px;border-bottom:1px solid #7c7d7e;font-size:11px;padding:15px 0;margin-top:25px;transition:color .2s}.closing-link:hover{color:var(--acid)}.closing-link span{font-size:15px}.site-footer{min-height:107px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);color:#80808b;font-size:10px}.footer-brand{font:700 17px var(--display);letter-spacing:-.04em;color:#f5f5f5}.footer-brand span{color:var(--acid);margin:0 3px}.site-footer>a:last-child{color:#e3e3e3;transition:color .2s}.site-footer>a:last-child:hover{color:var(--acid)}
@media(max-width:1190px){.hero{grid-template-columns:1fr 1fr;gap:30px;min-height:0;padding-top:75px;padding-bottom:80px}.hero-visual{min-height:480px}.hero h1{font-size:clamp(60px,7.4vw,100px)}.title-spark{right:-35px;font-size:30px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-grid{gap:14px}.feature-art{height:260px}.sheet-front{right:6%}.sheet-back{left:6%}.visual-top-right{display:none}}
@media(max-width:900px){.site-header{height:76px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:70px;gap:52px}.hero-copy{max-width:720px}.hero h1{font-size:clamp(79px,11vw,118px)}.hero-bottom-note{margin-top:42px}.hero-visual{height:480px;min-height:0}.core-mark{font-size:200px}.stats{grid-template-columns:repeat(4,1fr)}.stat{padding:24px 12px}.stat-copy{font-size:16px}.stat-icon{font-size:23px}.section-block{padding-top:90px}.section-header h2{font-size:60px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card:last-child{grid-column:span 2}.feature-card:last-child .feature-art{height:300px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cover{height:230px}.download-panel{grid-template-columns:0.7fr 1fr}.download-icon{min-height:340px}.download-inner{width:120px;height:120px}.download-inner span{font-size:90px}}
@media(max-width:620px){.page-pad{padding-left:22px;padding-right:22px}.site-header{padding:0 22px;height:70px}.brand-word{font-size:17px}.brand-symbol{height:31px;width:31px}.header-link{padding:10px 12px;font-size:10px}.header-link svg{width:12px}.hero{padding-top:64px;padding-bottom:65px;gap:35px}.eyebrow{font-size:9px;gap:8px}.hero h1{font-size:clamp(58px,13.8vw,88px);margin:29px 0 22px}.title-spark{right:-19px;font-size:21px}.hero-kicker{font-size:18px}.hero-description{font-size:13px;line-height:1.9}.desktop-break{display:none}.hero-actions{margin-top:30px;gap:10px}.btn{padding:15px 16px;font-size:12px;gap:10px}.btn span{font-size:17px}.hero-bottom-note{margin-top:38px;font-size:8px;gap:8px}.hero-bottom-note .line{width:20px}.hero-visual{height:360px;min-height:0}.visual-top,.visual-bottom{left:16px;right:16px;font-size:8px}.visual-top{top:17px}.visual-bottom{bottom:17px}.core-mark{font-size:155px}.coordinate{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:22px 0!important;border-bottom:1px solid var(--line)}.stat:nth-child(2){padding-left:22px!important;border-right:0}.stat:nth-child(3){border-bottom:0}.stat-last{padding-left:22px!important;border-bottom:0}.stat-value{font-size:44px}.stat-label{font-size:9px}.stat-copy{font-size:16px}.stat-icon{font-size:25px}.section-block{padding-top:78px}.section-header{display:block;margin-bottom:29px}.section-header h2{font-size:clamp(44px,12vw,61px);margin:18px 0 18px}.section-header p{font-size:12px}.featured-grid{grid-template-columns:1fr;gap:32px}.feature-card:last-child{grid-column:auto}.feature-art,.feature-card:last-child .feature-art{height:300px}.feature-meta{margin:17px 0 8px}.feature-card h3{font-size:30px}.feature-card p{font-size:12px}.catalog-controls{align-items:stretch}.filter-list{gap:3px}.filter{font-size:10px;padding:10px}.search-field{width:100%}.results-bar{font-size:9px;padding:25px 0 16px}.results-bar>span:last-child{display:none}.projects-grid{grid-template-columns:1fr;gap:14px}.project-cover{height:225px}.cover-initials{font-size:110px}.project-details{padding:19px}.project-title-line h3{font-size:28px}.download-panel{grid-template-columns:1fr}.download-icon{min-height:235px}.download-inner{width:100px;height:100px;border-radius:20px;box-shadow:8px 8px 0 #90ac60}.download-inner span{font-size:72px}.download-icon::before{height:230px;width:230px}.download-icon::after{height:340px;width:340px}.download-content{padding:10px 25px 65px}.download h2{font-size:64px}.download-content p{font-size:13px}.download-stamp{right:17px;bottom:17px}.closing{padding-top:115px;padding-bottom:115px}.closing h2{font-size:clamp(47px,11.8vw,79px)}.closing-asterisk{font-size:65px;top:48px}.closing p{font-size:13px}.site-footer{padding-top:30px;padding-bottom:30px;min-height:115px;flex-wrap:wrap}.site-footer>span{order:3;width:100%;font-size:9px}.footer-brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Screenshot thumbnail support */
.project-cover,.feature-art{position:relative}
.project-screenshot,.feature-screenshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:3}
.project-cover.has-screenshot .cover-grid,.project-cover.has-screenshot .cover-initials{display:none}
.project-cover.has-screenshot::after{display:none}
.feature-art.has-screenshot > :not(.feature-screenshot){opacity:0}
.feature-art.has-screenshot::before{opacity:0}


/* YORU identity — deep black and green, with authentic project screen captures. */
:root{--bg:#070d09;--panel:#0e1711;--line:#24402f;--text:#effbf1;--muted:#9aafa1;--acid:#43de83}
body::before{background:radial-gradient(ellipse at 83% 12%,rgba(35,155,83,.15),transparent 43%),radial-gradient(ellipse at 3% 6%,rgba(26,106,64,.09),transparent 40%)}
.hero-visual{background:#0b1910;border-color:#24432c}
.hero-visual::after{background:radial-gradient(ellipse at center,transparent 28%,rgba(2,13,7,.66) 98%)}
.orbital-glow{background:radial-gradient(circle,rgba(42,226,124,.19),transparent 62%)}
.orbit{border-color:rgba(105,221,139,.23)}.orbit-track-one{border-color:rgba(67,222,131,.32)}.orbit-track-two{border-color:rgba(163,255,189,.15)}
.core-mark{color:#daffe3;text-shadow:0 0 60px rgba(75,221,129,.26)}
.orbit-dot{box-shadow:0 0 0 8px rgba(67,222,131,.09),0 0 30px rgba(67,222,131,.7)}.orbit-dot-two{background:#85f2ae}
.art-queue{background:linear-gradient(150deg,#1d5b38,#0d281b);color:#dbffe8}
.match-hub{background:#082617;border-color:#45bd79;color:#e7ffee}.match-line{background:#49a574}.match-node{background:#185a37;color:#fff;border-color:#6fdda1}
.art-sheet{background:linear-gradient(145deg,#226e46,#0c291d);color:#daffe8}.sheet-window{background:#effaf0;border-color:#2e724c}
.art-league{background:linear-gradient(135deg,#155331,#071e16);color:#d2ffe0}.bracket-round i{border-color:#72d79e;background:#206843;color:#ebfff0}.bracket-join{border-color:#72d79e}
.project-card{background:#0d1710;border-color:#254331}.project-card:hover{border-color:#3bb776;box-shadow:0 20px 55px rgba(2,29,12,.35)}
.search-field{background:#0e1912;border-color:#284b35}.filter:hover{background:#163522}
.project-details p{color:#e3f5e7}.project-description{color:#9cb5a4}
.tone-lilac{--tint:#173820;--ink:#62e798}.tone-berry{--tint:#164d37;--ink:#a1ffbf}.tone-mint{--tint:#1e6743;--ink:#d4ffe0}
.tone-blue{--tint:#103a2e;--ink:#88edb8}.tone-sand{--tint:#2a4c2a;--ink:#c4ff9f}.tone-orange{--tint:#1c5734;--ink:#c1fbbf}
.tone-slate{--tint:#192d21;--ink:#6dca91}.tone-pink{--tint:#22604b;--ink:#abffd8}.tone-yellow{--tint:#425a22;--ink:#dcff99}
.tone-violet{--tint:#0d442b;--ink:#84e5ae}.tone-cyan{--tint:#0d4e36;--ink:#b5ffd0}.tone-coral{--tint:#226839;--ink:#d2ffaf}
.download-panel{background:#37ce74;color:#06180c}.download h2{color:#08240f}.download h2 em{-webkit-text-stroke:1.8px #08240f;color:transparent}
.btn-light{background:#081b10;color:#e6ffeb}.btn-light:hover{background:#174b2d}

/* The image uses the full real UI: no placeholder illustrations or cropped text. */
.project-cover.has-screenshot .cover-grid,.project-cover.has-screenshot .cover-initials,
.project-cover.has-screenshot .cover-index,.project-cover.has-screenshot .cover-bottom,
.project-cover.has-screenshot .cover-corner{display:none}
.project-cover.has-screenshot::after{display:none}
.project-screenshot,.feature-screenshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:5;transition:transform .35s ease}
.project-card:hover .project-screenshot,.feature-card:hover .feature-screenshot{transform:scale(1.035)}
.feature-art.has-screenshot > :not(.feature-screenshot){opacity:0}
.feature-art.has-screenshot::before{opacity:0}

/* Desktop application preview inside the green release panel */
.daymark-visual{background:#082416;padding:22px;display:flex;align-items:center;justify-content:center}
.daymark-visual::before,.daymark-visual::after{display:none}
.daymark-preview-window{width:min(100%,330px);height:360px;border:1px solid rgba(169,246,191,.34);border-radius:15px;overflow:hidden;background:#0e1c13;box-shadow:0 16px 45px rgba(0,0,0,.32);display:flex;flex-direction:column}
.daymark-preview-header{display:flex;justify-content:space-between;gap:7px;align-items:center;color:#bbf8ce;padding:10px 13px;font:500 9px var(--mono);letter-spacing:.1em}
.daymark-preview-header span:last-child{opacity:.6;font-size:8px}
.daymark-preview-window img{width:100%;min-height:0;flex:1;object-fit:contain;object-position:center top;background:#f8f7ed}
@media(max-width:620px){.daymark-visual{min-height:330px;padding:15px}.daymark-preview-window{height:315px;max-width:295px}}
@media(prefers-reduced-motion:reduce){.project-screenshot,.feature-screenshot{transition:none}}

/* v2: curated preview posters, not raw screenshots stretched into arbitrary boxes. */
.project-cover.has-screenshot{background:#0a2013;isolation:isolate}
.feature-art.has-screenshot{background:#0a2013;isolation:isolate}
.project-cover.has-screenshot::before,.feature-art.has-screenshot::after{display:none}
.project-screenshot,.feature-screenshot{
  position:absolute;inset:0;width:100%;height:100%;max-width:100%;
  object-fit:cover;object-position:center;display:block;border:0;border-radius:0;
  transform:none!important;transition:filter .25s ease!important;z-index:5
}
.project-card:hover .project-screenshot,.feature-card:hover .feature-screenshot{filter:brightness(1.09)}
.feature-art.has-screenshot > :not(.feature-screenshot){opacity:0;pointer-events:none}
.feature-art.has-screenshot::before{display:none}
.feature-art.has-screenshot{border:1px solid #244d37;border-radius:10px}
.feature-card:hover .feature-art.has-screenshot{border-color:#5eca89}
.project-card:hover .project-cover.has-screenshot{filter:brightness(1.05)}
/* Hide browser-window frames in placeholder layers when curated screenshot is in use. */
.project-cover.has-screenshot .cover-grid,.project-cover.has-screenshot .cover-initials,
.project-cover.has-screenshot .cover-index,.project-cover.has-screenshot .cover-bottom,
.project-cover.has-screenshot .cover-corner{display:none}
/* Mobile remains full-bleed and never acquires accidental horizontal scroll. */
@media(max-width:620px){.feature-art.has-screenshot{height:300px}}


/* Contact: a final destination reached through the header anchor */
.contact-section{padding-top:20px;padding-bottom:105px;scroll-margin-top:68px}
.contact-shell{position:relative;overflow:hidden;border:1px solid #2e6645;border-radius:19px;background:radial-gradient(ellipse at 14% 14%,rgba(44,170,93,.17),transparent 48%),linear-gradient(120deg,#0c2014 0%,#09140e 58%,#07130d 100%);box-shadow:0 26px 85px rgba(0,0,0,.27);padding:clamp(28px,4.6vw,70px)}
.contact-shell::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(90deg,#38664a 1px,transparent 1px),linear-gradient(#38664a 1px,transparent 1px);background-size:41px 41px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%)}
.contact-shell::after{content:"";position:absolute;width:340px;height:340px;right:-170px;top:-210px;border:1px solid rgba(69,220,126,.34);border-radius:50%;pointer-events:none}
.contact-eyebrow,.contact-bottom,.contact-method-label,.contact-method-hint,.contact-decoration{font-family:var(--mono);letter-spacing:.08em}
.contact-eyebrow{position:relative;z-index:1;display:flex;align-items:center;gap:13px;font-size:10px;font-weight:500;color:#8cdda7;white-space:nowrap}
.contact-live-dot{height:8px;width:8px;flex:none;background:var(--acid);border-radius:50%;box-shadow:0 0 15px rgba(67,222,131,.65)}
.contact-eyebrow-line{width:37px;height:1px;background:#407454}
.contact-coordinate{color:#698a72}
.contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,86px);align-items:center;margin:47px 0 54px}
.contact-intro{min-width:0}
.contact-intro h2{font:700 clamp(60px,7.1vw,111px)/.91 var(--display);letter-spacing:-.092em;margin:0 0 29px;color:#f2fff5}
.contact-intro h2 em{font-style:normal;color:var(--acid)}
.contact-intro p{font-size:14px;line-height:2;color:#abbfb0;max-width:405px;word-break:keep-all;margin:0}
.contact-decoration{display:flex;align-items:center;gap:13px;font-size:9px;color:#729b7d;margin-top:36px;white-space:nowrap}
.contact-deco-line{height:1px;background:#44805a;width:28px;flex:none}
.contact-methods{display:flex;flex-direction:column;gap:14px;min-width:0}
.contact-method{display:flex;align-items:center;gap:17px;padding:22px 20px;border:1px solid #2c513b;border-radius:13px;background:rgba(7,20,12,.85);min-width:0;transition:border-color .22s,background .22s,transform .22s}
.contact-method:hover{border-color:#4ab976;background:rgba(11,38,21,.95);transform:translateY(-2px)}
.contact-method-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:12px;border:1px solid #316c48;background:#133824;color:#73e69a}
.contact-method-icon svg{width:23px;height:23px}
.contact-method-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.contact-method-label{font-size:10px;color:#79d697;font-weight:500}
.contact-method-value{color:#ecfff2;font:600 clamp(18px,1.72vw,26px)/1.25 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere;user-select:all}
.contact-method-hint{font-size:9px;color:#819d8b;letter-spacing:0}
.contact-method-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #458b5d;border-radius:999px;background:#153f26;color:#dffce6;min-height:42px;padding:0 15px;font:600 12px var(--sans);white-space:nowrap;flex:none;transition:background .22s,color .22s,border-color .22s}
.contact-method-action svg{height:15px;width:15px}
.contact-method-action:hover,.contact-method-action:focus-visible{background:var(--acid);border-color:var(--acid);color:#08220f}
.contact-feedback{min-height:18px;margin:0;color:#95e9ac;font-size:12px;line-height:1.5}
.contact-bottom{position:relative;z-index:1;padding-top:22px;border-top:1px solid #284d35;display:flex;justify-content:space-between;gap:15px;color:#70957b;font-size:9px}
.contact-bottom-star{color:var(--acid);margin-left:5px}
.header-contact-mobile{display:none}
@media(max-width:900px){.header-link{display:none}.header-contact-mobile{display:inline-flex;align-items:center;gap:9px;border:1px solid #366d4b;border-radius:100px;padding:11px 17px;font:500 11px var(--mono);letter-spacing:.06em;color:var(--acid)}.header-contact-mobile:hover{background:#16402a}.contact-grid{grid-template-columns:1fr;gap:36px;margin:36px 0 35px}.contact-intro h2{font-size:clamp(64px,11vw,100px)}.contact-intro p{max-width:560px}.contact-decoration{margin-top:24px}}
@media(max-width:620px){.contact-section{padding-top:8px;padding-bottom:70px}.contact-shell{padding:29px 20px;border-radius:14px}.contact-eyebrow{gap:9px;font-size:9px}.contact-coordinate{display:none}.contact-intro h2{font-size:clamp(58px,15vw,82px);margin-bottom:20px}.contact-intro p{font-size:13px;line-height:1.85}.contact-grid{gap:29px}.contact-decoration{font-size:8px}.contact-method{padding:17px 13px;gap:11px;flex-wrap:wrap}.contact-method-icon{height:40px;width:40px;border-radius:10px}.contact-method-info{gap:5px;flex-basis:calc(100% - 60px)}.contact-method-value{font-size:21px}.contact-method-action{margin-left:auto;min-height:39px;padding:0 14px}.contact-bottom{flex-direction:column;line-height:1.6;font-size:8px;gap:7px}.header-contact-mobile{padding:9px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.contact-method,.contact-method-action{transition:none}}

/* Single navigation return beneath the contact business card. */
.contact-back-to-top{
  display:flex;align-items:center;justify-content:center;gap:14px;
  width:max-content;max-width:100%;margin:30px auto 0;padding:10px 16px 10px 10px;
  border:1px solid transparent;border-radius:100px;
  color:#93cba6;font:500 11px var(--mono);letter-spacing:.16em;
  transition:color .22s ease,border-color .22s ease,transform .22s ease,background .22s ease;
}
.contact-back-to-top-icon{
  display:grid;place-items:center;width:40px;height:40px;flex:none;
  border:1px solid #39724e;border-radius:50%;background:#112b1b;color:#60dc91;
  font:500 21px var(--display);
  transition:color .22s ease,background .22s ease,transform .22s ease;
}
.contact-back-to-top:hover,.contact-back-to-top:focus-visible{
  color:#eaffee;border-color:#326744;background:#102519;transform:translateY(-3px);
}
.contact-back-to-top:hover .contact-back-to-top-icon,.contact-back-to-top:focus-visible .contact-back-to-top-icon{
  background:var(--acid);color:#07170c;transform:translateY(-2px);
}
.footer-endnote{color:#7e9e88;font:500 10px var(--mono);letter-spacing:.08em}
@media(max-width:620px){
  .contact-back-to-top{margin-top:24px;font-size:10px}
  .contact-back-to-top-icon{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .contact-back-to-top,.contact-back-to-top-icon{transition:none}
}