/* Hysoft — independent software studio / self-contained design system */
:root{--bg:#f7f7f3;--paper:#fff;--ink:#151715;--muted:#73776f;--line:#d8dcd4;--acid:#d5fa74;--gap:clamp(20px,4.5vw,76px);--measure:1440px;--radius:5px;--easing:cubic-bezier(.2,.65,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{display:block}::selection{background:#d3f889;color:#111}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #76a916;outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.08}em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.container{width:min(calc(100% - 2 * var(--gap)),var(--measure));margin-inline:auto}.skip-link{position:fixed;z-index:9999;left:20px;top:-80px;background:#fff;padding:12px 20px;color:#000}.skip-link:focus{top:16px}
/* Header */
.site-header{position:sticky;top:0;background:rgba(247,247,243,.96);z-index:40;border-bottom:1px solid rgba(21,23,21,.12);backdrop-filter:blur(18px)}.nav-wrap{min-height:84px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1;white-space:nowrap;font-weight:820;letter-spacing:-.082em;font-size:29px}.brand .mark{width:36px;height:36px;flex-shrink:0}.brand-dot{color:#8dae1e}.nav{display:flex;align-items:center;gap:36px;margin-left:auto}.nav>a{font-size:13px;font-weight:650;letter-spacing:.01em;transition:color .2s}.nav>a:hover,.nav>a[aria-current="page"]{color:#5f7f1c}.nav-count{font-size:10px;position:relative;top:-6px;color:var(--muted);margin-left:2px}.nav-cta{display:inline-flex;gap:38px;background:#181a18;color:#fff;border-radius:2px;font-weight:650;align-items:center;padding:12px 15px 12px 20px;font-size:13px;transition:background .2s,transform .2s}.nav-cta:hover{background:#363b35;transform:translateY(-2px)}.nav-cta span{font-size:20px;line-height:1}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:22px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
/* Hero */
.hero{padding-top:35px}.hero-index,.hero-foot,.section-label,.card-meta,.detail-label,.detail-breadcrumb,.eyebrow,.contact-intro,.footer-bottom{font-size:10px;font-weight:760;letter-spacing:.16em;text-transform:uppercase}.hero-index,.hero-foot,.section-label{display:flex;justify-content:space-between;gap:18px;color:#5e625b}.hero-index span:first-child{display:flex;gap:11px;align-items:center}.mini-spark{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b0de45;box-shadow:0 0 0 3px rgba(176,222,69,.2)}.hero-main{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);align-items:center;min-height:640px;padding-block:70px 65px;gap:18px}.hero-copy{position:relative;z-index:2}.hero h1{font-weight:780;line-height:.94;font-size:clamp(68px,7.9vw,142px);letter-spacing:-.093em;margin:0 0 32px;max-width:13ch;white-space:nowrap}.hero-outline{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.082em}.hero-period{font-family:Arial,sans-serif;color:#91ba29}.hero-copy>p{max-width:410px;color:#52584f;font-size:clamp(16px,1.4vw,19px);line-height:1.55;margin:0 0 35px}.hero-actions{display:flex;gap:35px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 19px;min-height:50px;font-size:14px;font-weight:680;letter-spacing:-.015em;border-radius:2px;border:1px solid transparent;transition:background .25s,color .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button>span{font-size:19px;line-height:1}.button-dark{color:white;background:#171917}.button-dark:hover{background:#424b31}.button-outline{color:var(--ink);background:transparent;border-color:var(--ink)}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:14px;font-weight:700;border-bottom:1px solid #171917;padding-bottom:7px;transition:gap .25s}.text-link:hover{gap:35px}.text-link span{font-size:19px;line-height:1}.hero-art{min-width:0;position:relative;height:500px}.hero-art-frame{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.hero-hex{width:100%;min-width:355px;max-width:510px;color:#1b1d1a;transform:rotate(-13deg);transition:transform 1s var(--easing)}.hero-art:hover .hero-hex{transform:rotate(0)}.art-accent{position:absolute;bottom:65px;left:7%;width:133px;height:133px;border-radius:50%;background:var(--acid);display:flex;justify-content:center;align-items:center;text-align:center;transform:rotate(13deg);font-size:11px;font-weight:850;line-height:1.6;letter-spacing:.05em}.art-accent span{position:absolute;right:23px;bottom:22px;font-size:20px}.hero-foot{border-top:1px solid var(--line);padding-block:21px 22px}.hero-foot i{font-style:normal;margin:0 14px;color:#b0b7a9}.down-arrow{font-size:17px;margin-left:10px;position:relative;top:2px}.strip{background:#191b19;color:#e5e7dd;overflow:hidden}.strip-track{max-width:1440px;margin:auto;display:flex;justify-content:space-around;gap:25px;white-space:nowrap;padding:13px 20px;font-weight:760;letter-spacing:.14em;font-size:11px}.strip-track span:nth-child(even){color:#b9e34c;font-size:17px;line-height:1}
/* Sections and controls */
.work-section{padding:100px 0 125px}.section-label{padding-bottom:22px;border-bottom:1px solid #b6bab1}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;padding-block:55px 60px}.section-heading h2,.studio-grid h2,.detail-body h2{font-size:clamp(52px,6vw,102px);letter-spacing:-.08em;font-weight:760;line-height:.99;margin:0}.section-heading p{max-width:320px;color:#676c64;margin:0 0 8px;font-size:16px}.work-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px}.filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filter{background:transparent;border:1px solid transparent;border-radius:2px;font-size:13px;line-height:1;padding:13px 16px;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s}.filter span{font-size:10px;margin-left:5px;color:#82877d}.filter:hover{border-color:#c4c8bf}.filter.active{color:#fff;background:#171917}.filter.active span{color:#c8e780}.portfolio-search{display:flex;align-items:center;gap:13px;min-width:210px;max-width:280px;width:100%;border-bottom:1px solid #8e958b;padding:12px 4px;color:#454d45}.portfolio-search:focus-within{border-color:#111}.portfolio-search input{width:100%;color:var(--ink);background:transparent;border:0;outline:0;font-size:13px;min-width:0}.portfolio-search input::placeholder{color:#71776e}.portfolio-search input:focus-visible{outline:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 22px;align-items:start}.project-card{min-width:0}.project-card[hidden]{display:none!important}.card-art-link{position:relative;display:block;overflow:hidden;background:#dedfd9;aspect-ratio:1.42;isolation:isolate}.card-art-link .art{height:100%;width:100%;transition:transform .75s var(--easing)}.project-card:hover .card-art-link .art{transform:scale(1.035)}.card-corner{position:absolute;top:17px;right:17px;background:#fff;width:43px;height:43px;display:flex;align-items:center;justify-content:center;font-size:25px;z-index:8;transition:background .2s,transform .2s}.project-card:hover .card-corner{background:var(--acid);transform:rotate(45deg)}.card-info{display:flex;justify-content:space-between;gap:14px;padding-top:22px;border-top:1px solid transparent}.card-meta{color:#6c736b;display:flex;gap:12px}.card-meta span{color:#9b9e98}.card-info h3{font-size:clamp(26px,2.6vw,40px);letter-spacing:-.055em;margin:8px 0 6px;font-weight:760}.card-info h3 a:hover{text-decoration:underline;text-underline-offset:5px}.card-info p{font-size:14px;color:#666d65;line-height:1.5;margin:0;max-width:350px}.card-number{font-size:10px;letter-spacing:.08em;color:#7b8077;margin-top:2px;white-space:nowrap}.no-results{padding:55px;text-align:center;border:1px solid var(--line)}.no-results p{font-size:24px;font-weight:700}.no-results .button{display:inline-flex}
/* App artwork common */
.art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art *{box-sizing:border-box}.art-minimal{background:#d7d6ce}.art-minimal:before{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(0,0,0,.09);border-radius:50%;left:-38%;top:28%}.art-noise{position:absolute;left:5%;top:8%;font-size:10px;letter-spacing:.13em;font-weight:700;transform:rotate(-90deg) translate(-76%);transform-origin:left top}.device{position:absolute;width:38%;height:92%;min-width:160px;max-width:262px;top:13%;border-radius:35px 35px 0 0;overflow:hidden;padding:25px 23px}.dark-device{background:#121412;box-shadow:22px 7px 46px rgba(25,22,18,.16);color:#fff;border:5px solid #2b2d29}.device-top{font-size:9px;display:flex;justify-content:space-between;color:#b6b9b2}.clock{margin-top:36px;font-size:clamp(43px,6.1vw,90px);font-weight:190;line-height:1;letter-spacing:-.12em}.clock span{color:#b6c876}.device-sub{font-size:10px;color:#a3a9a1;margin:8px 0 29px}.thin-rule{height:1px;background:#3f423e}.app-list{font-size:12px;color:#eff0ed}.app-list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #2e322e}.app-list b{font-weight:400}.device-bottom{font-size:10px;display:flex;justify-content:space-between;color:#8d9488;margin-top:23px}.device-bottom span{font-size:22px;line-height:.7}.art-side{position:absolute;right:5%;bottom:8%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.13em;font-weight:750}
.art-reader{background:#dcd4be}.art-reader:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 24px,rgba(72,55,29,.02) 25px)}.book-outline{background:#f5efe1;width:53%;height:79%;box-shadow:20px 19px 0 #b9ae99,0 0 0 1px #cbc0a9;padding:7% 7% 4%;transform:rotate(-6deg);position:relative;min-width:228px;display:flex;flex-direction:column}.book-meta,.book-bottom{font-size:9px;letter-spacing:.12em;color:#8d7f65}.book-title{font:clamp(24px,3.5vw,55px)/1.03 Georgia,serif;letter-spacing:-.06em;margin-top:18px;color:#372f23}.book-title em{font-size:.8em}.book-para{font:clamp(9px,.94vw,14px)/1.75 Georgia,serif;max-width:185px;color:#6f614d;margin-top:17px}.book-rules{flex:1;margin-top:20px;background:repeating-linear-gradient(180deg,#a59a85 0 1px,transparent 1px 17px);opacity:.27;max-height:75px}.book-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:10px}.book-float{position:absolute;bottom:11%;right:12%;padding:14px 17px;display:flex;justify-content:space-between;gap:25px;background:#fff;box-shadow:0 6px 24px #685b4426;border-radius:2px;font:17px Georgia,serif;transform:rotate(7deg)}.book-float span{font:15px Arial;color:#777}
.art-pdf{background:#e5cbbf}.art-pdf:before{content:"";position:absolute;top:-60%;left:-20%;width:140%;aspect-ratio:1;border:1px solid #b9907f;border-radius:50%;opacity:.36}.pdf-sheet{height:83%;width:48%;background:#fffdf7;padding:5% 5%;box-shadow:19px 23px 0 #a97059;transform:rotate(-5deg);position:relative}.pdf-tab{position:absolute;top:6%;left:8%;font-size:10px;letter-spacing:.2em;font-weight:760}.pdf-tab span{margin-left:10px}.pdf-sheet-top{font-size:7px;display:flex;justify-content:space-between;color:#888}.pdf-sheet h3{font-size:clamp(27px,3.8vw,60px);letter-spacing:-.09em;line-height:.95;margin:14% 0 10%;max-width:160px}.pdf-line{height:5px;background:#d5d2ca;margin:11px 0}.pdf-line.l1{width:96%}.pdf-line.l2{width:80%}.pdf-line.l3{width:90%}.pdf-line.l4{width:78%}.pdf-highlight{height:18px;width:82%;background:#f6c66c;transform:rotate(-3deg);opacity:.65;margin:12px 0}.pdf-signature{font:italic 25px Georgia;color:#bb624e;position:absolute;bottom:7%;right:9%;transform:rotate(-9deg)}.pdf-side{position:absolute;right:5%;bottom:7%;writing-mode:vertical-rl;font-size:9px;font-weight:800;letter-spacing:.18em}
.art-pdfpro{background:#c3d9eb}.pro-pane{width:71%;height:76%;background:#f4f6f7;box-shadow:12px 16px 0 #8daac1;position:relative;transform:rotate(3deg)}.pro-pane-top{display:flex;justify-content:space-between;padding:11px 16px;font-size:10px;font-weight:750;letter-spacing:.12em;background:#161c24;color:#fff}.pro-pane-top span{color:#c5f187}.pro-toolbar{position:absolute;left:12px;top:20%;width:31px;background:#e6e9ed;border:1px solid #c6d0db;display:grid;gap:17px;padding:15px 9px;font-size:14px;font-style:normal}.pro-toolbar i{font-style:normal}.pro-paper{position:absolute;left:25%;top:19%;width:54%;height:74%;background:white;padding:21px;box-shadow:0 8px 30px #5f7a8b25}.pro-index{font-size:8px;letter-spacing:.18em;color:#707c89}.pro-paper h3{font-size:clamp(26px,3.4vw,55px);letter-spacing:-.09em;margin:11px 0}.pro-rule{height:1px;background:#bfc9cf;margin:12px 0}.pro-mini{height:5px;width:92%;background:#d8dfe3;margin:9px 0}.pro-mini.short{width:75%}.pro-sign{color:#c8594b;font:italic clamp(13px,1.4vw,22px) Georgia;position:absolute;bottom:16%;right:10%}
.art-widgets{background:#dbef97}.pixel-grid{width:69%;height:75%;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1.1fr .9fr;gap:11px;transform:rotate(-6deg)}.px{background:#151715;color:#f6fff0;padding:14px;overflow:hidden;border-radius:3px;font-family:monospace;box-shadow:9px 11px 0 rgba(51,69,22,.25)}.px small{font:9px monospace;letter-spacing:.11em;color:#9aa899;display:block}.px-clock{display:flex;flex-direction:column;justify-content:space-between}.px-clock strong{font-size:clamp(37px,4.6vw,77px);line-height:.95;letter-spacing:-.12em}.px-clock span{font-size:10px;color:#e2f5b5}.px-weather{display:flex;flex-direction:column;align-items:flex-start}.px-weather b{font-size:27px;color:#ddfa69;margin:auto 0 0}.px-weather strong{font-size:30px;line-height:1}.px-progress strong{display:block;font-size:42px;line-height:1.35}.px-progress strong span{font-size:20px}.px-bars{display:flex;height:20px;gap:4px;align-items:end}.px-bars i{flex:1;height:55%;background:#a0e84b}.px-bars i:nth-child(2n){height:90%}.px-bars i:nth-child(3n){height:35%}.px-note strong{font-size:clamp(17px,1.6vw,29px);line-height:1.05;letter-spacing:-.06em;display:block;margin-top:14px}
.art-kitten{background:#dcd7ed}.audio-studio{background:#22222b;color:#f5f4f5;width:81%;height:74%;padding:27px;box-shadow:14px 17px 0 #aaa4cd;transform:rotate(-4deg);display:flex;flex-direction:column}.audio-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#c7c4d1;font-weight:750}.audio-top span:first-child{color:#ccaaff}.audio-name{font-size:clamp(29px,4.4vw,70px);letter-spacing:-.08em;line-height:1.02;font-weight:760;margin:7% 0 9px}.audio-name span{color:#caa4fa}.audio-sub{font-size:9px;color:#a1a0af;letter-spacing:.15em}.wave{height:24%;display:flex;gap:4px;align-items:center;justify-content:space-between;margin-top:auto;border-bottom:1px solid #5d576f}.wave i{height:var(--h);background:#d0b3fa;border-radius:5px;width:3px;flex:1;max-width:8px}.audio-bottom{display:flex;justify-content:space-between;margin-top:15px;font-size:10px;letter-spacing:.08em}.audio-bottom span:last-child{color:#d0b3fa}
.art-motion{background:#cee4f9}.motion-phone{height:78%;width:75%;background:linear-gradient(145deg,#ecf4fa,#b9daef);border:1px solid #a4c6da;position:relative;overflow:hidden;box-shadow:13px 14px 0 #99c7e3;transform:rotate(5deg)}.motion-phone b{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:#5f97eb;opacity:.78;border-radius:50%}.motion-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.motion-center>span{font-size:10px;letter-spacing:.15em;font-weight:750}.motion-center h3{font-size:clamp(26px,3.7vw,56px);letter-spacing:-.07em;line-height:1.06;margin:24px 0}.motion-center small{font-size:9px;letter-spacing:.17em;border:1px solid #537cad;padding:8px 10px}
.art-readerpro{background:#bba89a}.writer-frame{background:#342925;color:#e9dcd1;width:68%;height:84%;padding:24px 28px;box-shadow:16px 16px 0 #8b7469;display:flex;flex-direction:column;transform:rotate(3deg)}.writer-bar{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#b9a397}.writer-title{font:clamp(26px,4.25vw,64px)/1.07 Georgia,serif;letter-spacing:-.05em;margin:14% 0 14px}.writer-par{font:clamp(11px,1.14vw,17px)/1.7 Georgia,serif;max-width:310px;color:#c6b9ae}.writer-caret{height:20px;width:2px;background:#cfbea9;margin-top:4px;animation:blink 1.5s step-end infinite}.writer-progress{margin-top:auto;border-top:1px solid #77665d;padding-top:15px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#cabcae}
/* Website showcase art */
.art-tech{background:#c8d6d5}.tech-window,.mint-window{height:80%;width:85%;box-shadow:17px 17px 0 rgba(26,46,48,.18);background:#f2f1e8;overflow:hidden;transform:rotate(-3deg)}.browser-top{height:29px;border-bottom:1px solid rgba(25,35,35,.2);display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:8px;letter-spacing:.13em;font-weight:750}.browser-top>span:first-child{letter-spacing:.2em;color:#777}.tech-window{position:relative;background:#f4efe4;padding-bottom:12px}.tech-kicker{font-size:9px;letter-spacing:.1em;margin:7% 7% 4%;font-weight:760}.tech-headline{font-weight:850;font-size:clamp(29px,4.1vw,63px);line-height:.91;letter-spacing:-.08em;position:relative;z-index:2;margin:0 7%}.tech-headline em{font-size:.86em}.tech-lines{font-size:10px;margin:13px 7%;max-width:230px;color:#49555b;position:relative;z-index:2}.tech-graphic{position:absolute;right:7%;bottom:-26%;width:44%;aspect-ratio:1;background:#afcfbd;border-radius:50%;border:32px solid #314f4c;display:flex;align-items:center;justify-content:center}.tech-orb{width:48%;aspect-ratio:1;background:#c9e2d7;border-radius:50%}
.art-mint{background:#b9d5cc}.mint-window{background:#f2f4ef}.mint-work{display:grid;grid-template-columns:3fr 1fr;height:calc(100% - 29px);gap:0}.mint-image{position:relative;overflow:hidden;background:linear-gradient(180deg,#8bacc6 0%,#d4d7a5 63%,#737f66);margin:18px 0 18px 18px}.mint-image:after{content:"";position:absolute;right:0;top:0;bottom:0;width:50%;background:linear-gradient(180deg,rgba(33,64,76,.52),rgba(53,130,110,.24));mix-blend-mode:multiply}.mountain{position:absolute;bottom:-5%;background:#526f77;clip-path:polygon(0 100%,32% 25%,54% 63%,72% 6%,100% 100%);height:65%;width:115%}.mountain.m1{bottom:4%;left:-25%;background:#5b7878}.mountain.m2{bottom:-12%;left:8%;background:#466b6f}.mountain.m3{bottom:-35%;left:-34%;background:#2c565d}.mint-sun{position:absolute;top:19%;left:56%;background:#e4dfb2;width:55px;height:55px;border-radius:50%;opacity:.9}.before-after{position:absolute;bottom:10px;left:9px;right:9px;z-index:2;display:flex;justify-content:space-between;color:#fff;letter-spacing:.12em;font-size:8px;font-weight:800}.mint-divider{position:absolute;left:50%;height:100%;width:2px;background:#fff;z-index:3;opacity:.8}.mint-controls{padding:20px 13px;background:#f5f6f3;font-size:9px;font-weight:700;overflow:hidden}.mint-controls>div:first-child{margin-bottom:28px;letter-spacing:.04em}.mint-controls small{font-size:8px;letter-spacing:.09em;color:#687b71;display:block;margin-top:14px}.mint-controls b{display:block;background:#d5dfda;height:3px;margin-top:7px}.mint-controls b i{display:block;height:100%;background:#517d68}.mint-palette{display:flex;gap:5px;margin-top:24px}.mint-palette i{flex:1;height:17px;background:#6a9885}.mint-palette i:nth-child(2){background:#b5cbb9}.mint-palette i:nth-child(3){background:#bd9a7e}.mint-palette i:nth-child(4){background:#536c6c}
/* About */
.studio-section{background:#e9ede4;padding:110px 0 122px}.studio-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:end;padding-top:67px}.studio-copy{padding:0 0 10px 15px}.studio-copy p{font-size:clamp(17px,1.5vw,22px);line-height:1.5;letter-spacing:-.016em;max-width:440px}.studio-copy p+p{font-size:15px;color:#5f675a;max-width:360px;margin-bottom:26px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:92px;gap:28px}.principles>div{border-top:1px solid #aab7a4;padding-top:19px}.principle-no{font-size:10px;font-weight:760;letter-spacing:.13em;color:#677867}.principles h3{font-size:clamp(24px,2.5vw,39px);letter-spacing:-.065em;margin:40px 0 15px}.principles p{color:#636e60;line-height:1.55;font-size:14px;max-width:310px}
/* Contact and footer */
.contact-section{background:#181b18;color:#f6f8ef;padding:48px 0 47px}.light-label{border-color:#50584f;color:#bdc6b5}.contact-content{padding:103px 0 95px}.contact-intro{color:#b8d27e}.contact-content h2{font-size:clamp(65px,9.3vw,154px);letter-spacing:-.09em;line-height:.97;font-weight:760;margin:20px 0 62px}.contact-content h2 em{color:#c5ed71}.contact-email{display:inline-flex;justify-content:space-between;gap:35px;border-bottom:1px solid #adbba7;font-size:clamp(19px,2.9vw,45px);letter-spacing:-.045em;padding-bottom:12px;transition:color .2s}.contact-email:hover{color:var(--acid)}.contact-email span{font-size:clamp(22px,3vw,42px);line-height:1}.contact-foot{border-top:1px solid #4b524b;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;font-size:10px;font-weight:700;letter-spacing:.12em;color:#c0c6bc}.copy-email{border:0;color:#f6f8ef;background:transparent;font-size:12px;font-weight:700;padding:8px 0}.copy-email:hover{color:var(--acid)}.copy-email span{margin-left:30px;font-size:19px}.site-footer{background:#f7f7f3;padding:60px 0 25px}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:40px}.footer-brand{font-size:39px}.footer-brand .mark{width:48px;height:48px}.footer-grid p{font-size:14px;color:#7c8076;margin:15px 0}.footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:32px;padding-top:7px;font-size:13px;font-weight:760}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{margin-top:100px;padding-top:23px;border-top:1px solid #cbd0c6;display:flex;justify-content:space-between;align-items:center;color:#74796f;letter-spacing:.06em;font-size:10px;gap:15px}.footer-bottom a:hover{color:#151715}
/* Detail pages */
.detail-main{padding-top:32px}.detail-breadcrumb{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px;color:#74796d}.detail-breadcrumb a{color:#20251e;transition:transform .2s}.detail-breadcrumb a:hover{transform:translateX(-4px)}.detail-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:70px 0 60px}.eyebrow{display:flex;align-items:center;gap:11px;color:#656b61}.detail-intro h1{font-size:clamp(66px,10.1vw,168px);font-weight:780;letter-spacing:-.09em;line-height:1;margin:20px 0}.detail-dot{color:#9cc039}.detail-intro p{font-size:clamp(19px,2vw,29px);max-width:650px;letter-spacing:-.04em;line-height:1.3;margin:18px 0 0}.detail-link-wrap{padding-bottom:3px;flex-shrink:0}.detail-artwork{width:100%;height:clamp(450px,58vw,750px);position:relative;overflow:hidden;background:#ddd}.detail-artwork .art{width:100%;height:100%}.detail-artwork .device{max-width:300px}.detail-artwork .clock{font-size:clamp(65px,7vw,110px)}.detail-artwork .book-outline{max-width:510px}.detail-artwork .book-title{font-size:clamp(42px,4.8vw,76px)}.detail-artwork .book-para{font-size:16px;max-width:280px}.detail-artwork .audio-name{font-size:clamp(55px,5vw,95px)}.detail-caption{position:absolute;bottom:18px;left:22px;z-index:5;background:rgba(255,255,255,.91);padding:9px 13px;font-size:9px;font-weight:800;letter-spacing:.13em}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:110px 0 145px}.detail-label{color:#7a8275;margin-bottom:32px}.detail-body h2{font-size:clamp(50px,5vw,88px)}.detail-description>p{font-size:clamp(18px,1.75vw,25px);line-height:1.5;letter-spacing:-.02em;margin-bottom:42px}.detail-description h3{font-size:24px;letter-spacing:-.04em;margin-bottom:21px}.detail-description ul{list-style:none;margin:0;padding:0;border-top:1px solid #b8bdb3}.detail-description li{padding:16px 0 16px 26px;border-bottom:1px solid #b8bdb3;position:relative;font-size:14px;color:#50584c}.detail-description li:before{content:'↗';position:absolute;left:0;font-size:14px;color:#688c20}.detail-spec{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:48px 0}.detail-spec>div{display:flex;flex-direction:column;gap:8px}.detail-spec span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#7d8377}.detail-spec strong{font-size:18px;letter-spacing:-.02em;font-weight:650}.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px}.next-project{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b5bcb1;padding:31px 0 75px}.next-project div>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#757e70;display:block}.next-project div>a{font-size:clamp(40px,6vw,84px);letter-spacing:-.07em;font-weight:760;display:flex;align-items:center;gap:30px;line-height:1.2;margin-top:12px}.next-project div>a span{font-size:clamp(25px,3vw,50px);font-weight:350}.next-circle{width:66px;height:66px;flex-shrink:0;border:1px solid #aaa;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:33px;transition:background .2s}.next-circle:hover{background:var(--acid)}.not-found{min-height:60vh;padding-top:12vh;padding-bottom:10vh}.not-found>span{font-size:12px;letter-spacing:.12em;font-weight:800;color:#778}.not-found h1{font-size:clamp(64px,9vw,160px);letter-spacing:-.09em;margin:20px 0}.not-found p{max-width:440px;color:#6c7367;font-size:19px;margin-bottom:35px}
@keyframes blink{50%{opacity:0}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.hero-main{grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr)}.hero h1{font-size:clamp(59px,7.7vw,102px)}.hero-art{height:400px}.hero-hex{min-width:340px;max-width:440px}.art-accent{width:105px;height:105px;bottom:45px}.clock{font-size:clamp(43px,5.2vw,70px)}.section-heading h2{font-size:clamp(52px,6vw,85px)}}
@media(max-width:860px){:root{--gap:24px}.nav-wrap{min-height:72px;gap:20px}.nav{gap:24px}.nav-cta{gap:15px}.hero-main{grid-template-columns:1fr .55fr;min-height:560px;padding-top:55px}.hero h1{font-size:clamp(54px,8.1vw,79px)}.hero-art{height:360px}.hero-hex{min-width:280px;transform:rotate(-13deg) translateX(-20px)}.hero-copy>p{max-width:350px}.art-accent{left:-7%;bottom:25px}.strip-track{justify-content:space-between}.strip-track span:nth-last-child(-n+2){display:none}.section-heading{align-items:start}.studio-grid{gap:25px}.book-outline{height:76%;min-width:180px}.device{padding:19px 15px;min-width:150px}.clock{margin-top:35px}.app-list{font-size:10px}.pixel-grid{width:80%;height:72%}.audio-studio{width:83%;height:76%;padding:20px}.mint-window,.tech-window{width:91%}.detail-body{gap:40px}}
@media(max-width:650px){:root{--gap:19px}.nav-wrap{min-height:68px}.brand{font-size:27px}.brand .mark{width:34px;height:34px}.nav-cta{margin-left:auto;padding:11px;font-size:12px;gap:10px}.menu-toggle{display:flex}.nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;background:var(--bg);gap:0;padding:10px var(--gap) 20px;border-bottom:1px solid var(--line);box-shadow:0 15px 24px #00000010;margin:0}.nav.is-open{display:flex}.nav a{padding:15px 0;font-size:16px;border-bottom:1px solid var(--line)}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:19px}.hero-index span:last-child{display:none}.hero-main{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-top:64px;padding-bottom:0}.hero h1{font-size:clamp(51px,11.15vw,80px);letter-spacing:-.095em;white-space:normal;max-width:100%}.hero-copy>p{font-size:16px;max-width:350px}.hero-actions{gap:22px}.hero-art{height:310px;align-self:center;width:min(100%,390px);margin:13px auto 14px}.hero-hex{width:320px;max-width:none;min-width:0;transform:rotate(-11deg)}.art-accent{width:86px;height:86px;left:5%;bottom:13px;font-size:9px}.art-accent span{right:12px;bottom:11px}.hero-foot{padding:18px 0}.hero-foot span:first-child{font-size:9px}.hero-foot span:last-child{font-size:9px}.strip-track{justify-content:center;gap:22px}.strip-track span:nth-of-type(n+3){display:none}.work-section{padding:73px 0 88px}.section-heading{flex-direction:column;gap:20px;padding:42px 0 38px}.section-heading h2,.studio-grid h2{font-size:clamp(48px,11vw,76px)}.section-heading p{font-size:15px;max-width:330px}.work-controls{align-items:stretch;flex-direction:column;gap:8px}.filters{gap:1px;justify-content:space-between}.filter{padding:13px 9px;font-size:12px}.filter span{margin-left:2px}.portfolio-search{max-width:none;width:100%;margin-bottom:6px}.project-grid{grid-template-columns:1fr;gap:43px}.card-art-link{aspect-ratio:1.33}.card-info{padding-top:17px}.card-info h3{font-size:31px}.card-info p{max-width:285px;font-size:13px}.card-corner{width:36px;height:36px;font-size:22px;top:12px;right:12px}.book-outline{min-width:200px}.book-title{font-size:33px}.book-para{font-size:11px}.pixel-grid{width:74%;height:70%}.px-clock strong{font-size:55px}.px-progress strong{font-size:37px}.audio-name{font-size:45px}.tech-headline{font-size:45px}.tech-graphic{border-width:24px}.studio-section{padding:80px 0}.studio-grid{grid-template-columns:1fr;gap:35px;padding-top:44px}.studio-copy{padding:0}.studio-copy p{font-size:19px}.principles{grid-template-columns:1fr;gap:28px;margin-top:65px}.principles h3{margin:21px 0 9px;font-size:31px}.principles p{margin:0}.contact-section{padding:33px 0}.contact-content{padding:75px 0 95px}.contact-content h2{font-size:clamp(52px,12vw,80px);margin:24px 0 45px}.contact-email{font-size:clamp(20px,4.3vw,30px);gap:8px}.contact-foot{align-items:start}.contact-foot>span{max-width:190px;line-height:1.5}.footer-grid{flex-direction:column;gap:25px}.footer-links{gap:25px}.footer-bottom{margin-top:67px;flex-wrap:wrap;font-size:9px}.detail-main{padding-top:19px}.detail-intro{display:block;padding:54px 0 36px}.detail-intro h1{font-size:clamp(56px,12vw,100px)}.detail-intro p{font-size:20px}.detail-link-wrap{margin-top:29px}.detail-artwork{height:clamp(370px,105vw,520px)}.detail-artwork .device{width:50%;max-width:240px}.detail-artwork .clock{font-size:56px}.detail-artwork .book-outline{max-width:265px;min-width:185px}.detail-artwork .book-title{font-size:40px}.detail-artwork .audio-name{font-size:45px}.detail-caption{left:12px;bottom:12px;font-size:8px}.detail-body{grid-template-columns:1fr;gap:28px;padding:80px 0 95px}.detail-body h2{font-size:55px}.detail-description>p{font-size:20px}.next-project{padding-bottom:62px}.next-project div>a{font-size:45px;gap:15px}.next-circle{height:50px;width:50px;font-size:25px}}
@media(max-width:420px){.hero h1{font-size:clamp(45px,11vw,56px)}.hero-main{padding-top:52px}.hero-copy>p{font-size:15px}.hero-art{height:280px}.hero-hex{width:280px}.hero-foot{font-size:9px}.hero-foot i{margin:0 5px}.nav-cta{font-size:11px}.px-clock strong{font-size:39px}.book-outline{height:79%}.audio-studio{padding:17px}.audio-name{font-size:33px}.tech-headline{font-size:33px}.tech-graphic{width:50%}.mint-controls{padding:14px 9px}.mint-controls>div:first-child{font-size:7px}.mint-controls small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}