:root{--ink:#151515;--paper:#f4f1ec;--muted:#817d76;--line:#d9d4cc;--orange:#ff6a3d;--violet:#d9c8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","DM Sans",sans-serif;line-height:1.6}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:5;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='.55'/%3E%3C/svg%3E")}.section-wrap{width:min(1160px,calc(100% - 64px));margin:auto}.site-header{height:84px;width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:var(--paper);font:700 16px/1 "DM Sans";border-radius:50%}.nav-links{display:flex;gap:38px;margin-left:60px}.nav-links a,.header-cta,.text-link,.socials a{font-size:13px;text-decoration:none;color:inherit}.nav-links a{color:#6d6861}.nav-links a:hover,.socials a:hover{color:var(--orange)}.header-cta{border:1px solid var(--ink);border-radius:30px;padding:9px 17px}.header-cta span,.arrow{font-size:18px;margin-left:8px}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:72px 0 82px}.eyebrow{font:600 11px/1.4 "DM Sans",sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4aa36a;margin-right:8px;box-shadow:0 0 0 4px #d6ead8}.hero h1,.section-heading h2,.about h2,.contact h2{font-size:clamp(44px,6vw,76px);line-height:1.08;letter-spacing:-.06em;margin:0;font-weight:800}.hero h1 em,.section-heading h2 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--orange)}.hero-intro{max-width:470px;color:#68635c;font-size:16px;margin:31px 0 34px}.hero-intro strong{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;gap:28px;padding:14px 19px;text-decoration:none;border-radius:30px;font-size:13px}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--orange)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:3px}.text-link span{margin-left:8px}.hero-art{min-height:420px;position:relative;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(0);opacity:.9}.orb-one{width:270px;height:270px;background:var(--orange);right:8%;top:4%}.orb-two{width:220px;height:220px;background:var(--violet);left:12%;bottom:5%}.art-card{position:absolute;width:245px;height:315px;transform:rotate(-11deg);left:25%;top:15%;border-radius:3px}.art-card-back{background:#b9a4ef;transform:rotate(10deg) translate(31px,10px)}.art-card-front{background:#242323;box-shadow:12px 18px 24px #0002;color:#f5e7ca;padding:22px;overflow:hidden}.art-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#f5e7ca55 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#f5e7ca55 50%,transparent 51%);background-size:44px 44px;transform:scale(1.6) rotate(17deg);opacity:.5}.art-label{position:absolute;bottom:21px;left:20px;font:600 10px/1.5 "DM Sans";letter-spacing:.1em}.art-number{position:absolute;right:20px;top:20px;font:500 32px/1 "DM Sans"}.floating-tag{position:absolute;background:var(--paper);border:1px solid var(--ink);padding:9px 12px;font:600 10px/1.35 "DM Sans";letter-spacing:.08em;box-shadow:4px 5px 0 var(--ink)}.tag-top{right:3%;top:15%;transform:rotate(6deg)}.tag-bottom{left:4%;bottom:12%;transform:rotate(-7deg)}.marquee{background:var(--orange);white-space:nowrap;overflow:hidden;padding:15px 0;font:600 11px "DM Sans";letter-spacing:.1em;text-transform:uppercase}.marquee div{word-spacing:12px;animation:slide 24s linear infinite}.marquee span{font-size:16px;margin:0 15px}@keyframes slide{to{transform:translateX(-30%)}}.work{padding:125px 0}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:clamp(39px,5vw,62px)}.section-note{color:var(--muted);font-size:14px;text-align:right;line-height:1.8}.filter-bar{display:flex;gap:10px;margin:52px 0 22px;border-bottom:1px solid var(--line);padding-bottom:14px}.filter{background:none;border:0;padding:5px 14px;color:var(--muted);font:500 13px inherit;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:var(--paper);border-radius:20px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 22px}.project-card{transition:opacity .25s,transform .25s}.project-card.hidden{display:none}.project-image{height:330px;position:relative;overflow:hidden}.project-card.large .project-image{height:420px}.project-index,.project-pill{position:absolute;z-index:2;font:600 10px "DM Sans";letter-spacing:.08em}.project-index{left:18px;top:16px}.project-pill{right:16px;top:15px;border:1px solid currentColor;padding:5px 9px;border-radius:20px}.image-salt{background:#e9d49f;color:#1d211a}.salt-shape{font:800 270px/.8 "DM Sans";position:absolute;right:16%;bottom:0;transform:rotate(-14deg);color:#27322c}.image-mono{background:#d7d8d1;color:#101010}.mono-title{position:absolute;left:10%;top:33%;font:700 49px/.9 "DM Sans";letter-spacing:-.08em}.mono-title span{color:transparent;-webkit-text-stroke:1px #111}.mono-line{height:1px;background:#111;position:absolute;left:10%;right:10%;bottom:21%}.image-pulse{background:#3d344a;color:#f3d3bd}.pulse-ring{position:absolute;width:230px;height:230px;border:1px solid #f3d3bd;border-radius:50%;left:28%;top:16%;box-shadow:0 0 0 25px #f3d3bd18,0 0 0 57px #f3d3bd12}.pulse-word{position:absolute;left:23%;top:42%;font:700 44px "DM Sans";letter-spacing:.12em}.image-kite{background:#9fc5c0;color:#153f3c}.kite-title{position:absolute;left:12%;top:27%;font-size:68px;font-weight:800;line-height:1.05;letter-spacing:-.1em}.kite-title i{font-style:normal;color:var(--orange)}.kite-sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#f3df9a;right:-28px;bottom:-55px}.project-meta{display:flex;justify-content:space-between;align-items:start;padding:16px 1px;border-bottom:1px solid var(--ink)}.project-meta h3{font-size:16px;margin:0 0 4px;font-weight:600}.project-meta p{font-size:12px;color:var(--muted);margin:0}.arrow{font-family:"DM Sans"}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:125px 0 135px;position:relative}.about-stamp{width:210px;height:210px;border:1px solid var(--orange);border-radius:50%;display:grid;place-content:center;text-align:center;font:600 15px/1.1 "DM Sans";letter-spacing:.12em;color:var(--orange);transform:rotate(-15deg);margin:42px auto}.about-stamp span{font-size:48px}.about-copy{max-width:630px}.about-copy h2{font-size:55px;margin-bottom:35px}.about-copy>p:not(.eyebrow){color:#6d6861;font-size:15px;max-width:550px;margin:0 0 16px}.about-facts{display:flex;gap:56px;margin-top:45px}.about-facts div{display:flex;flex-direction:column}.about-facts strong{font:600 36px "DM Sans"}.about-facts span{color:var(--muted);font-size:12px;margin-top:2px}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr;gap:50px;padding:110px 0 115px}.contact h2{font-size:60px}.contact-info{padding-top:32px}.contact-info>p{font-size:15px;color:var(--muted);max-width:330px}.email{display:inline-block;color:var(--ink);font:500 19px "DM Sans";text-decoration:none;margin:26px 0 48px;border-bottom:1px solid var(--ink);padding-bottom:6px}.email span{color:var(--orange);margin-left:22px}.socials{display:flex;gap:22px}.site-footer{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;justify-content:space-between;color:var(--muted);font:11px "DM Sans"}.site-footer a{color:var(--ink);text-decoration:none}@media(max-width:760px){.section-wrap,.site-header{width:calc(100% - 38px)}.site-header{height:70px}.nav-links{display:none}.header-cta{font-size:12px}.hero{display:block;padding:76px 0 70px}.hero h1{font-size:49px}.hero-art{min-height:390px;margin-top:50px}.art-card{left:23%}.section-heading{display:block}.section-note{text-align:left;margin-top:25px}.work{padding:85px 0}.project-grid{grid-template-columns:1fr;gap:42px}.project-card.large .project-image,.project-image{height:320px}.about{display:block;padding:85px 0}.about-stamp{width:145px;height:145px;margin:0 0 70px 10px}.about-stamp span{font-size:34px}.about-copy h2{font-size:47px}.about-facts{gap:22px}.about-facts strong{font-size:28px}.contact{display:block;padding:80px 0}.contact h2{font-size:48px}.contact-info{padding-top:36px}.site-footer{gap:14px;flex-wrap:wrap}.site-footer span:nth-child(2){display:none}}
