/* Pearl glass visual theme. Keep text and screenshots level. */
:root{--paper:#eef0f8;--ink:#25283e;--muted:#596078;--orange:#6b59b8;--line:#cdd2e080;--green:#e4e7f6;--glass:rgba(255,255,255,.57);--edge:rgba(255,255,255,.85);--shadow:0 20px 60px #4c558212,inset 0 1px 0 #fff}
body{background:#eef0f8;background-image:radial-gradient(ellipse at 8% 6%,#d9cafa99,transparent 38%),radial-gradient(ellipse at 95% 25%,#b7e0ed80,transparent 36%),radial-gradient(ellipse at 25% 85%,#e3ceee88,transparent 45%);background-attachment:fixed;-webkit-font-smoothing:antialiased}
::selection{background:#d4c8fa;color:#26203d}html{scroll-padding-top:40px}.header{margin-top:23px;height:78px;padding:0 27px;border:1px solid var(--edge);border-radius:24px;background:var(--glass);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:var(--shadow)}.brand{font-weight:700;letter-spacing:-1px}.brand-mark{background:linear-gradient(145deg,#a498d2,#6c78ac);box-shadow:inset 0 1px 0 #ffffff80,0 4px 14px #63699b20;border:1px solid #ffffff88;letter-spacing:-1px}.nav-contact{background:#ffffff66;border-color:#ffffffcc;border-radius:14px;padding:9px 19px}.hero{padding-block:92px 86px;gap:60px}h1{font-weight:700;font-size:clamp(50px,5.2vw,73px);letter-spacing:-3px;line-height:1.35}.handline{color:#7463aa}.handline:after{display:none}.eyebrow{color:#636985;font-size:12px;letter-spacing:1.7px}.hero-description{font-size:17px;line-height:2}.hero-foot{font-size:11px;letter-spacing:1px}.status-dot{background:#9580c4;box-shadow:0 0 0 4px #a899d619}.button{border-radius:15px;padding:14px 26px}.primary{background:linear-gradient(135deg,#68668e,#444b70);border:1px solid #ffffff40;box-shadow:0 7px 20px #53588122,inset 0 1px 0 #ffffff44;color:white}.primary:hover{background:#565d84}.text-link{padding:12px 19px;background:#ffffff50;border:1px solid #ffffff90;border-radius:15px}.hero-actions{gap:15px}
.glass-art{height:455px;position:relative;isolation:isolate;display:grid;place-items:center}.glass-orb{position:absolute;border-radius:50%;z-index:-2}.orb-lilac{width:275px;height:275px;top:10px;right:28px;background:radial-gradient(circle at 31% 25%,#fcf4ff 0%,#c5b1ee 40%,#96a0d480 75%);box-shadow:inset -12px -16px 35px #7c6ca02b,0 20px 65px #a6a0df44}.orb-blue{width:175px;height:175px;bottom:1px;left:20px;background:radial-gradient(circle at 27% 23%,#f4feff,#b3dce7 48%,#a4bae7);box-shadow:0 10px 35px #95bfc544}.art-ring{position:absolute;border:1px solid #ffffffd9;border-radius:50%;z-index:-1;box-shadow:0 0 25px #ffffff30}.ring-one{width:395px;height:395px}.ring-two{width:435px;height:435px;border-color:#b7bed536}.glass-monogram{width:84%;padding:42px 34px 31px;background:linear-gradient(135deg,#ffffff99,#ffffff3d);border:1px solid #fffffff2;border-radius:30px;backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%);box-shadow:0 25px 65px #5c62821c,inset 0 1px 0 #fff;text-align:center}.glass-monogram>span{font-size:10px;letter-spacing:2px;color:#59617c}.glass-monogram strong{display:block;font-size:64px;line-height:1.2;letter-spacing:-4px;font-weight:600;margin:18px 0;color:#3f4668}.glass-monogram strong span{color:#8373ae}.glass-monogram p{font-size:14px;color:#555c78;margin-top:9px}.art-disciplines{display:flex;justify-content:center;gap:12px;margin-top:26px}.art-disciplines span{font-size:12px;background:#ffffff5e;border:1px solid #ffffffbd;border-radius:10px;padding:3px 15px;color:#4e5470}.art-chip{position:absolute;border:1px solid #fff;border-radius:14px;background:#ffffffe0;box-shadow:0 8px 28px #61688a12;padding:10px 18px;font-size:12px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#596078}.chip-top{top:17px;left:7px}.chip-bottom{bottom:5px;right:9px;font-size:10px;letter-spacing:1.4px}.chip-dot{display:inline-block;background:#a18bc7;width:7px;height:7px;border-radius:50%;margin-right:8px}
.discipline-strip{border:0}.discipline-strip .wrap{border:1px solid var(--edge);background:#ffffff42;border-radius:20px;padding:19px 34px;box-shadow:inset 0 1px 0 #fff}.discipline-strip span{flex:1;justify-content:center;gap:0;font-weight:500;color:#646a82;letter-spacing:3px}.discipline-strip span+span{border-left:1px solid #b8bfd34d}.work-section{padding-block:90px}.section-heading h2{font-weight:600;font-size:37px}.project-grid{gap:28px}.project{padding:14px 14px 26px;border-radius:27px;border:1px solid var(--edge);background:var(--glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--shadow);transition:box-shadow .25s,background .25s}.project:hover{background:#ffffffb3;box-shadow:0 24px 65px #69749920,inset 0 1px 0 white}.project-visual{border-radius:17px;border-color:#ffffffa3;height:310px}.project-visual:hover{transform:none}.project-meta,.project h3,.project>p,.project>.tags{margin-inline:15px}.project h3{font-weight:600;font-size:24px}.project>p{font-size:15px}.project h3 a{display:block}.project-meta{margin-top:23px}.tags span{border:1px solid #ffffffc9;background:#e8ebf466;border-radius:8px;color:#5c6179}.visual-arrow{display:none}.visual-category{font-size:10px;color:#555e75;background:#ffffffbd;border:1px solid #ffffffd9;padding:2px 10px;border-radius:7px;top:14px;left:15px}.help-visual{background:#dee8e9}.help-note{transform:none;background:#ffffffb0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:white;box-shadow:0 10px 25px #4f697618;border-radius:16px}.help-note>span{display:none}.help-note strong{font-weight:600}.map-road{background:#ffffff7d;box-shadow:none}.map-block{background:#c5d9d855;border-color:#c1d4d3}.map-river{background:#c0d7ea;border-color:#d1e1eb}.pin-two{background:#6e7d93}.pin-three{background:#809e9e}.ktv-visual{background:linear-gradient(140deg,#deddf0,#e5eaf7)}.browser-frame{transform:none;border-color:#ffffffcc;border-radius:11px;box-shadow:0 12px 30px #55547c22;top:60px}.noodle-visual{background:linear-gradient(135deg,#ebe5df,#e3dded)}.game-art img,.game-art img:last-child{transform:none;filter:drop-shadow(0 8px 12px #53566c22);border-radius:10px}.game-caption{font-size:12px;color:#6b6275;font-weight:500;letter-spacing:2px}.game-caption span{display:none}.sand-visual{background:linear-gradient(135deg,#d9e5eb,#d5dceb);color:#444e67}.sand-copy{font-size:24px;top:54px}.sand-copy em{color:#776499}.sand-screen{transform:none;border-color:#e6e8f0;box-shadow:0 12px 26px #515f7c26;border-radius:12px;top:102px}
.about-section{background:transparent;border:0;padding-block:15px 40px}.about-grid{border:1px solid var(--edge);border-radius:32px;padding:55px;background:#ffffff55;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow);gap:65px}.about-intro h2{font-size:43px;font-weight:600}.maker-sign{transform:none;color:#7d72a6;font-size:37px}.about-lead{font-size:22px;font-weight:500}.about-copy>p:not(.about-lead){color:var(--muted)}.capabilities>div{grid-template-columns:25px 1fr;border-color:#c3cad95e}.capabilities h3{font-weight:600}.capabilities>div>span:first-child{font-size:12px;color:#8376a6}.contact-section{padding-block:70px 80px}.contact-row h2{font-weight:600;font-size:45px}.contact-link{background:#ffffff80;border:1px solid white;border-radius:23px;padding:27px;box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.contact-link:hover{border-color:#b7a6da}.contact-link strong{font-size:23px}.contact-link>span{color:#756893;font-size:11px}.footer{border-color:#c4cada66}.footer .brand{font-weight:600}
@media(max-width:1000px){.hero{gap:30px}.glass-art{height:390px}.glass-monogram{padding:32px 18px}.glass-monogram strong{font-size:49px}.ring-one{width:310px;height:310px}.ring-two{width:350px;height:350px}.orb-lilac{width:230px;height:230px}.about-grid{padding:36px;gap:35px}.project h3{font-size:22px}.project-visual{height:290px}.contact-link{min-width:270px}.contact-link strong{font-size:21px}}
@media(max-width:760px){.header{margin-top:14px;padding:0 17px;height:70px;border-radius:21px}.brand-mark{display:none}.brand{font-size:22px}nav{gap:15px;font-size:12px}.nav-contact{padding:0;border:0;background:none}.hero{padding-block:50px 40px;gap:28px}h1{font-size:57px}.hero-foot{font-size:9px}.hero-description{font-size:16px}.glass-art{height:375px;width:100%;max-width:450px;margin:auto}.glass-monogram{width:85%;padding:29px 20px}.glass-monogram strong{font-size:49px}.chip-top{left:0;top:4px;font-size:11px}.chip-bottom{right:0;bottom:6px}.orb-lilac{right:6px}.orb-blue{width:145px;height:145px;left:2px}.ring-one{width:290px;height:290px}.ring-two{width:325px;height:325px}.discipline-strip .wrap{padding:15px;gap:15px 0}.discipline-strip span{font-size:12px;letter-spacing:2px}.discipline-strip span:nth-child(3){border-left:0}.work-section{padding-block:53px}.section-heading h2{font-size:30px}.project-grid{gap:23px}.project{padding:10px 10px 24px;border-radius:24px}.project-meta,.project h3,.project>p,.project>.tags{margin-inline:10px}.project-visual{height:285px}.project h3{font-size:23px}.visual-category{font-size:9px}.help-note{left:10%;right:10%;top:116px;padding:16px}.help-note strong{font-size:22px}.game-art{inset:49px 23px 42px;gap:19px}.browser-frame{left:20px;width:calc(100% - 40px)}.sand-copy{left:8%;font-size:22px}.sand-screen{top:105px}.about-section{padding-block:0 10px}.about-grid{padding:29px 22px;border-radius:25px;gap:27px}.about-intro h2{font-size:35px}.about-lead{font-size:20px}.about-copy>p:not(.about-lead){font-size:15px}.contact-section{padding-block:53px}.contact-row h2{font-size:35px}.contact-link{padding:22px;min-width:0}.contact-link strong{font-size:22px}.eyebrow{font-size:10px;letter-spacing:1px}}
@media(max-width:360px){.header{padding-inline:12px}.brand{font-size:19px}nav{gap:10px;font-size:11px}.hero-actions{gap:10px}.button{padding:12px 18px;font-size:14px}.text-link{padding:12px 16px;font-size:13px}.glass-art{height:340px}.ring-one{width:245px;height:245px}.ring-two{width:275px;height:275px}.glass-monogram strong{font-size:42px}.glass-monogram{padding-inline:10px}.art-disciplines{gap:7px}.art-disciplines span{padding-inline:11px}.project h3{font-size:20px}.contact-row h2{font-size:31px}.contact-link strong{font-size:19px}.project-visual{height:270px}.sand-copy{font-size:19px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.project,.header,.about-grid,.glass-monogram,.contact-link{background:#f7f8fc}}