:root{color-scheme:dark;--ink:#181713;--paper:#f5efe4;--muted:#bcb4a6;--gold:#e6c895;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--ink)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);color:var(--ink);padding:14px}.skip:focus{top:15px}.header{position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px 4%;gap:25px;background:linear-gradient(#14120e99,transparent);transition:background .3s,padding .3s}.header.scrolled{background:#191713ed;backdrop-filter:blur(15px);padding-block:15px}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand svg{width:48px;fill:none;stroke:currentColor;stroke-width:2}.brand>span{font-size:25px;letter-spacing:4px}.brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:5px}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{padding:10px 0;border-bottom:1px solid transparent}.header nav a:hover,.header nav a[aria-current]{border-color:var(--gold)}.outline,.primary{min-height:48px;padding:13px 26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:14px;line-height:1.5;border:1px solid #efe8daaa;transition:background .2s,color .2s,transform .2s}.primary{background:#f6e3c2;color:#241b10;border-color:#f6e3c2}.primary:hover{background:#fff1d8;transform:translateY(-2px)}.outline:hover{background:#fff2;color:#fff}.header-contact{padding:8px 25px;min-height:40px}.menu-toggle{display:none}.scene{position:relative;min-height:760px;height:100svh;isolation:isolate;overflow:hidden}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;transform:scale(1.015);will-change:transform}.scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090a0bea 0%,#11121687 34%,transparent 68%),linear-gradient(0deg,#14120fb3,transparent 28%)}.scene-copy{position:absolute;left:4%;top:50%;transform:translateY(-44%);max-width:710px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);line-height:1.8;margin:0 0 28px}.scene h1,.scene h2{font-weight:400;letter-spacing:.025em;line-height:1.35;font-size:clamp(40px,4.1vw,72px);margin:0 0 25px}.subline{font-size:clamp(13px,1.2vw,18px);line-height:1.9;letter-spacing:1px}.actions{display:flex;gap:16px;margin-top:35px;flex-wrap:wrap}.scene-foot{position:absolute;bottom:35px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px;color:#eee5d7}.scene-foot a{padding:10px 0}.creation{height:94svh;min-height:700px}.creation .scene-shade{background:linear-gradient(0deg,#14120ff2,transparent 65%)}.create-copy{position:absolute;bottom:95px;left:4%;max-width:750px}.create-copy h2{font-size:clamp(30px,3.3vw,54px);margin-bottom:15px}.create-copy p:not(.eyebrow){color:#e5ddd0;line-height:1.9;font-size:15px}.create-copy .eyebrow{margin-bottom:14px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid #bfa67b;padding:12px 0;font-size:14px;color:var(--gold)}.text-link:hover{color:#fff}.section{padding:110px 7%;scroll-margin-top:20px}.section-head{margin-bottom:55px}.section h2{font-size:clamp(30px,3vw,50px);line-height:1.45;font-weight:400;letter-spacing:1px;margin:0 0 20px}.section-head>p:last-child,.about p,.work-description p{font-size:15px;color:var(--muted);line-height:2}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:36px 34px 40px 0}.service+.service{border-left:1px solid var(--line);padding-left:34px}.number{font-family:Georgia,serif;font-size:36px;font-style:italic;color:#95816b}.service h3{font-size:23px;font-weight:400;margin:30px 0 18px}.service p{color:var(--muted);line-height:1.9;font-size:14px;min-height:80px}.service ul{padding:0;list-style:none;line-height:2.2;font-size:13px;color:#ded4c3;margin-bottom:26px}.service li:before{content:'—';color:#85715b;margin-right:12px}.business{min-height:700px}.business .scene-shade{background:linear-gradient(90deg,#13100de0,#15100b65 45%,transparent 74%),linear-gradient(0deg,#17130faa,transparent 28%)}.work{background:#e9e2d6;color:#26221c}.work .eyebrow{color:#7b6040}.work-feature{display:grid;grid-template-columns:1.45fr 1fr;gap:55px;align-items:center}.work-image{position:relative;overflow:hidden;display:block;border-radius:3px}.work-image img{display:block;width:100%;height:auto;transition:transform .7s}.work-image:hover img{transform:scale(1.025)}.work-image span{position:absolute;bottom:20px;right:20px;padding:12px 18px;background:#191713d9;color:#fff;font-size:12px;border-radius:30px}.work-description h3{font-weight:400;font-size:25px;line-height:1.5}.work-description p{color:#5e5549;font-size:14px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.tags span{font-size:11px;padding:6px 12px;border:1px solid #44331c33;border-radius:20px}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-intro>p:not(.eyebrow){max-width:480px}.steps article{padding:25px 0;border-top:1px solid var(--line)}.steps article:first-child{padding-top:0;border:0}.steps span{font-size:11px;color:var(--gold);letter-spacing:2px}.steps h3{font-weight:400;font-size:23px}.steps p{font-size:14px}.contact{text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at center bottom,#423326,transparent 65%);padding-block:100px}.contact>p{color:var(--muted);font-size:14px}.contact .primary{margin-top:15px;min-width:210px}.contact .wechat-visible{margin-top:24px;font-size:12px}.wechat-visible strong{font-weight:400;letter-spacing:1px}.footer{padding:35px 4%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.footer-brand{font-size:17px;color:var(--paper)}.footer-brand small{font-size:10px;display:block;margin-top:5px;letter-spacing:3px}.footer button{font-size:11px;border-bottom:1px solid var(--line);padding:8px}dialog{width:min(460px,calc(100% - 32px));padding:44px;border:1px solid #8f795a;border-radius:12px;background:#25211c;color:var(--paper);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#080705b8;backdrop-filter:blur(8px)}dialog h2{font-size:36px;font-weight:400;margin:15px 0}dialog p{color:var(--muted);font-size:14px;line-height:1.9}.dialog-close{position:absolute;right:14px;top:10px;font-size:28px;width:40px;height:40px}dialog label{display:block;font-size:12px;color:var(--gold);margin-top:25px}dialog input{display:block;width:100%;background:#191713;color:#fff;border:1px solid var(--line);border-radius:6px;padding:15px;margin:8px 0 20px;font-size:20px}dialog .primary{width:100%}dialog .copy-help{font-size:12px;min-height:44px}.js .reveal{opacity:0;translate:0 20px;transition:opacity .8s,translate .8s}.js .reveal.visible{opacity:1;translate:0 0}.paused .scene-image{transform:none!important}.paused .reveal{opacity:1;translate:none;transition:none}
@media(min-width:1800px){.section{padding-inline:max(7%,calc((100vw - 1540px)/2))}}@media(max-width:900px){.header nav{gap:20px}.header-contact{display:none}.scene-copy{max-width:65%}.scene h1,.scene h2{font-size:42px}.section{padding:75px 5%}.service{padding-right:20px}.service+.service{padding-left:20px}.service h3{font-size:20px}.service p{min-height:110px}.work-feature{gap:28px}.about{gap:7%}}
@media(max-width:600px){html{scroll-padding-top:76px}.header{padding:18px 5%;gap:10px}.brand{gap:10px}.brand svg{width:36px}.brand>span{font-size:19px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:3px}.menu-toggle{display:block;font-size:13px;padding:12px}.menu-toggle span{padding-left:15px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#191713f7;padding:20px 7% 30px;flex-direction:column;gap:8px}.header nav.open{display:flex}.header nav a{padding:12px}.scene{height:92svh;min-height:690px;max-height:1000px}.scene-image{object-position:65% center}.scene-shade{background:linear-gradient(0deg,#11100ffa 0%,#11100fb5 33%,#11100f0a 70%)}.scene-copy{left:6%;right:6%;top:auto;bottom:90px;transform:none;max-width:none}.scene .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:15px}.scene h1,.scene h2{font-size:34px;line-height:1.4;margin-bottom:17px}.subline{font-size:12px;letter-spacing:0;max-width:310px}.actions{gap:10px;margin-top:24px}.primary,.outline{font-size:12px;padding:12px 20px;gap:15px;min-height:46px}.scene-foot{left:6%;right:6%;bottom:24px;font-size:10px;letter-spacing:0}.scene-foot span{max-width:66%}.creation{min-height:670px;height:90svh}.creation .scene-image{object-position:56% center}.creation .scene-shade{background:linear-gradient(0deg,#14120ff8 0%,#14120f88 40%,transparent 74%)}.create-copy{bottom:85px;left:6%;right:6%}.create-copy h2{font-size:29px}.create-copy p:not(.eyebrow){font-size:13px}.creation .scene-foot span:last-child{display:none}.section{padding:70px 6%}.section .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:20px}.section h2{font-size:29px}.section-head{margin-bottom:30px}.section-head>p:last-child{font-size:13px}.service-grid{display:block}.service,.service+.service{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}.service:last-child{border-bottom:0}.service .number{font-size:27px}.service h3{margin-top:15px;font-size:23px}.service p{min-height:0;font-size:14px;max-width:330px}.service ul{margin-bottom:15px}.business .scene-image{object-position:66% center}.business .scene-shade{background:linear-gradient(0deg,#15110ffa 0%,#15110f9c 35%,transparent 72%)}.work-feature,.about{display:block}.work-description{margin-top:30px}.work-description h3{font-size:23px}.steps{margin-top:40px}.contact{padding-block:70px}.contact h2{font-size:27px}.footer{padding:30px 6%;display:grid;grid-template-columns:1fr 1fr;gap:24px 12px}.footer span,.footer button{font-size:10px}.footer button{justify-self:start}dialog{padding:32px 25px}.work-image span{bottom:12px;right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-image{transform:none!important}.js .reveal{opacity:1;translate:none;transition:none}*{animation:none!important;transition:none!important}}

@media(max-width:600px){.scene-image{height:70%;object-position:75% center}.creation .scene-image{height:73%;object-position:55% center}.business .scene-image{height:76%;object-position:70% center}.scene-shade{background:linear-gradient(0deg,#181713 12%,#181713d9 30%,transparent 67%)}.business .scene-shade{background:linear-gradient(0deg,#181713 10%,#181713d9 30%,transparent 70%)}}

/* APP portfolio: live HTML presentation, not screenshots of the shipped apps. */
.portfolio-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #44331c30;padding:20px 0 28px;font-size:12px;letter-spacing:1px}.portfolio-label span:last-child{color:#857968;font-size:10px}.app-project{display:grid;grid-template-columns:1.12fr 1fr;min-height:660px;margin-bottom:40px;background:#f6f1e8;border:1px solid #5749361c;border-radius:5px;overflow:hidden}.app-art{position:relative;display:flex;justify-content:center;align-items:center;padding:65px 35px 55px;overflow:hidden;min-height:660px;isolation:isolate}.parcel-art{background:radial-gradient(ellipse at 40% 30%,#dce8de,#bacbc2 65%,#a7bab1)}.tibet-art{background:radial-gradient(ellipse at 35% 25%,#63533b,#302b22 65%,#24221e)}.app-art:before{content:'';position:absolute;inset:30% -20% -25%;border-radius:50%;border:1px solid #ffffff24;z-index:-1;transform:rotate(-25deg)}.art-index{position:absolute;top:28px;left:30px;font-size:9px;letter-spacing:2px;color:#425f54}.tibet-art .art-index{color:#c3ab84}.phone{width:248px;flex-shrink:0;border:6px solid #28372f;border-radius:33px;background:#f3f7f2;box-shadow:18px 28px 45px #172d3436,inset 0 0 0 1px #ffffff55;transform:rotate(-5deg);color:#233c32}.phone-top{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;position:relative}.phone-top i{width:65px;height:17px;background:#17221c;border-radius:20px;position:absolute;left:50%;translate:-50% 0;top:5px}.phone-content{padding:10px 15px 0}.app-wordmark{display:flex;gap:7px;align-items:center;font-weight:600;font-size:15px;white-space:nowrap}.app-wordmark small{display:block;font-weight:400;font-size:8px;color:#6e8177;margin-top:5px}.mini-icon{font-size:23px;background:#2c6354;color:white;padding:2px 6px;border-radius:9px}.mock-search{background:white;border:1px solid #dce6de;border-radius:10px;margin:18px 0 12px;padding:12px 8px;font-size:9px;color:#778c81}.scan-preview{background:#e6ede4;border:1px solid #d4dfd2;border-radius:12px;padding:6px 8px 12px;text-align:center}.scan-preview svg{width:100%;height:130px;display:block}.scan-preview>span{font-size:8px;color:#526c5e;letter-spacing:1px}.mock-result{display:flex;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid #d7e2d8}.result-check{background:#39745c;color:white;border-radius:50%;padding:3px 5px;font-size:10px}.mock-result small{display:block;font-size:8px;color:#73887b}.mock-result strong{display:block;font-size:12px;margin-top:3px}.result-tag{font-size:7px;color:#37745c;margin-left:auto}.mock-title{font-size:10px;font-weight:600;margin:18px 0 14px}.mock-actions{display:flex;justify-content:space-between;text-align:center;font-size:21px;color:#44735f}.mock-actions small{display:block;font-size:8px;font-weight:400;margin-top:5px;color:#78897d}.mock-camera{margin-top:22px;padding:12px;background:#2d6553;border-radius:12px;color:#fff;text-align:center;font-size:10px}.phone-home{width:70px;height:3px;background:#34433b;border-radius:4px;margin:15px auto 9px}.floating-note{position:absolute;right:18px;bottom:100px;background:#fffef4ef;border:1px solid #fff9;padding:14px 17px;border-radius:12px;box-shadow:0 12px 25px #1f392b24;display:flex;align-items:center;gap:12px;font-size:11px;color:#334e40;transform:rotate(3deg)}.floating-note>span{font-size:26px}.floating-note small{display:block;font-size:8px;margin-top:5px;color:#6e8073}.art-caption{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1px;color:#466252}.app-story{padding:65px 45px;align-self:center}.app-story .eyebrow{font-size:10px;margin-bottom:15px}.app-story h3{font-size:19px;font-weight:400;margin:0 0 23px;color:#806243}.app-story h4{font-size:clamp(26px,2.5vw,37px);font-weight:400;line-height:1.5;margin:0 0 20px;letter-spacing:1px}.app-story>p:not(.eyebrow){font-size:13px;line-height:2;color:#786d5f}.feature-flow{list-style:none;padding:0;margin:28px 0}.feature-flow li{display:flex;align-items:center;gap:16px;margin:17px 0;font-size:12px}.feature-flow b{font-family:Georgia,serif;font-weight:400;color:#ab9372;font-size:17px}.feature-flow small{display:block;color:#8e8272;font-size:10px;margin-top:5px}.project-contact{display:flex;justify-content:space-between;gap:45px;margin-top:27px;padding:12px 0;border-bottom:1px solid #9d8665;color:#5e482c;font-size:12px}.project-contact:hover{color:#a37330}.tibet-phone{background:#211e18;border-color:#b4a386;color:#ede1c9;transform:rotate(5deg)}.tibet-phone .phone-top i{background:#13110e}.tibet-wordmark{font-family:'Songti SC','SimSun',serif;font-size:28px;letter-spacing:5px;text-align:center;color:#e5cea5;padding:5px 0 14px}.tibet-wordmark small{display:block;font-size:8px;letter-spacing:3px;margin-top:7px;color:#a99575}.specimen{border:1px solid #9a805449;border-radius:12px;background:radial-gradient(ellipse at center,#51432e,#2c271e);padding:13px 12px 10px}.specimen-label{font-size:8px;color:#c7b393}.specimen svg{width:100%;height:124px;display:block}.specimen-name{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#b49c76}.specimen-name strong{font-size:16px;font-weight:400;letter-spacing:4px;color:#efd7af}.tibet-row{font-size:8px;display:flex;justify-content:space-between;padding:15px 0;color:#bdaa8d}.tibet-row strong{font-weight:400;color:#e7d5b6}.ai-draft{border:1px solid #94774755;background:#3b3224;padding:12px;border-radius:10px}.ai-draft>small{font-size:8px;color:#ccb07c}.ai-draft>strong{display:block;font-size:10px;font-weight:400;margin-top:10px}.ai-draft p{font-size:8px;color:#b29f7e;line-height:1.7}.ai-draft>div{display:flex;gap:6px;font-size:7px}.ai-draft>div span{border:1px solid #b2935e66;border-radius:5px;padding:4px 7px;color:#d9bf91}.tibet-phone .mock-camera{background:#d7bb86;color:#2c2315;margin-top:14px}.tibet-phone .phone-home{background:#a49172}.tibet-art .floating-note{background:#efe2c6;color:#594628;right:12px;bottom:95px;transform:rotate(-4deg)}.tibet-art .floating-note small{color:#907b57}.tibet-art .art-caption{color:#b5a284}.web-label{margin-top:60px}.work-feature{padding-bottom:15px}
@media(max-width:900px){.app-story{padding:35px 25px}.app-art{padding-inline:15px}.floating-note{right:10px;font-size:10px;padding:12px}.app-project{grid-template-columns:1fr 1fr}.phone{width:235px}}
@media(max-width:600px){.app-project{display:block;margin-bottom:30px}.app-art{min-height:580px;padding-top:50px;padding-bottom:45px}.phone{width:235px}.art-index{left:20px;top:20px;font-size:8px}.floating-note{bottom:75px;right:10px}.tibet-art .floating-note{bottom:70px}.app-story{padding:32px 25px}.app-story h4{font-size:29px}.app-story h3{font-size:18px;margin-bottom:17px}.app-story .eyebrow{margin-bottom:12px}.feature-flow small{font-size:11px}.portfolio-label{letter-spacing:0}.portfolio-label span:last-child{font-size:9px;max-width:170px;text-align:right}.web-label{margin-top:45px}}
@media(max-width:360px){.phone{width:215px;transform:rotate(-2deg)}.tibet-phone{transform:rotate(2deg)}.floating-note{font-size:9px;padding:10px;right:8px}.app-story{padding-inline:20px}.app-story h4{font-size:26px}}

/* Registration portfolio: illustrative data only. */
.registration-art{background:#d6d3c4;isolation:isolate;min-height:680px}.registration-art:before{background:#ffffff20}.registration-art .art-index{color:#62654d}.register-desktop{position:absolute;top:125px;left:9%;width:84%;background:#f9f8f0;border:7px solid #414b3a;border-bottom-width:13px;border-radius:13px;box-shadow:10px 22px 35px #35403024;transform:rotate(-3deg);color:#374530}.desktop-bar{display:flex;justify-content:space-between;align-items:center;background:#e6e8dc;padding:11px 10px;font-size:8px;color:#5d6b53}.desktop-bar>span:first-child{letter-spacing:2px;color:#9da88f}.desktop-body{padding:22px 18px}.desk-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.desk-heading strong{font-size:15px;font-weight:500}.desk-heading>span{font-size:8px;border:1px solid #8a987c;border-radius:4px;padding:6px}.desk-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;gap:8px}.desk-metrics>div{border-left:2px solid #b0ba98;padding-left:10px}.desk-metrics small{display:block;font-size:8px;color:#7a846e}.desk-metrics b{display:block;font:24px Georgia,serif;margin-top:7px}.desk-search{padding:10px;background:#eeeee5;border-radius:5px;font-size:9px;color:#909780}.desk-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:10px;padding:13px 0;border-bottom:1px solid #dde0d2;gap:5px}.desk-row-head{color:#909780;font-size:8px}.desk-row em{font-style:normal;font-size:8px;color:#50734d}.desk-row .pending{color:#a17b38}.desk-foot{font-size:8px;color:#859078;text-align:right}.register-mobile{position:absolute;bottom:62px;left:7%;width:185px;border:5px solid #3e4d37;border-radius:26px;background:#fafaf3;color:#3b4e31;transform:rotate(4deg);box-shadow:10px 20px 32px #35403044}.register-mobile .phone-top{height:27px;font-size:7px;padding-inline:12px}.register-mobile .phone-top i{width:48px;height:12px}.register-screen{padding:8px 13px 0}.register-screen>small{font-size:7px;letter-spacing:1px;color:#939b82}.register-screen>strong{display:block;font-size:17px;font-weight:500;margin-top:10px}.register-screen>p{font-size:8px;color:#7f8b70;margin-bottom:15px}.register-field{margin:9px 0}.register-field>span{display:block;font-size:7px;color:#77856b;margin-bottom:5px}.register-field b{display:block;background:#eff1e7;border:1px solid #d9dfca;border-radius:5px;padding:9px;font-weight:400;font-size:9px}.register-submit{padding:11px;background:#506846;color:#fff;border-radius:7px;text-align:center;font-size:10px;margin-top:13px}.registration-art .art-caption{color:#6b725d}.registration-art .phone-home{margin-top:12px}.registration-project .app-story{padding-inline:35px}
@media(max-width:900px) and (min-width:601px){.register-desktop{left:5%;width:91%;top:110px}.desktop-body{padding:18px 10px}.desk-heading strong{font-size:12px}.desk-heading>span{font-size:7px}.register-mobile{left:8%;bottom:55px}.registration-project .app-story{padding-inline:25px}}
@media(max-width:600px){.registration-art{min-height:650px}.register-desktop{top:75px;left:5%;width:90%;transform:rotate(-2deg)}.desktop-body{padding:18px 12px}.desk-heading strong{font-size:12px}.desk-heading>span{font-size:7px}.desk-metrics b{font-size:20px}.register-mobile{left:8%;bottom:48px;width:180px}.registration-project .app-story{padding-inline:25px}}

/* Website design boards retain their original desktop and mobile composition. */
#website-designs{scroll-margin-top:105px}.website-gallery{display:grid;gap:60px}.website-case{min-width:0;border-bottom:1px solid #44331c26;padding-bottom:36px}.website-case-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:18px 0 25px}.website-case-heading .eyebrow{margin:0 0 10px;font-size:10px}.website-case h3{font-size:29px;font-weight:400;letter-spacing:1px;margin:0;line-height:1.5}.website-style{font-size:12px;color:#7f705d;padding-bottom:6px}.website-board{display:block;position:relative;background:#f4f5f0;border-radius:4px;overflow:hidden}.website-board img{display:block;width:100%;height:auto}.website-board>span{position:absolute;right:18px;bottom:18px;background:#24251fed;color:#f8f1e5;padding:11px 17px;border-radius:24px;font-size:11px;transition:background .2s}.website-board:hover>span{background:#765c39}.website-case-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:20px}.website-case-footer>div{max-width:680px}.website-case-footer p{font-size:14px;color:#786d5f;line-height:1.9;margin:0}.website-case-footer .tags{margin-top:15px}.website-case-footer .project-contact{flex-shrink:0;margin:0;gap:25px}.website-board:focus-visible{outline-color:#765c39}
@media(max-width:600px){.website-gallery{gap:30px}.website-case-heading{display:block;padding:15px 0}.website-case h3{font-size:23px}.website-style{display:block;font-size:11px;margin-top:10px}.website-case-footer{display:block;padding-top:16px}.website-case-footer p{font-size:13px}.website-case-footer .project-contact{margin-top:20px}.website-board>span{position:static;display:block;text-align:center;border-radius:0;font-size:11px;padding:10px}.website-case{padding-bottom:25px}}

#game-projects{scroll-margin-top:105px}.pasture-project{border-bottom:1px solid #44331c26;padding-bottom:45px}.pasture-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.pasture-heading .eyebrow{font-size:10px;margin-bottom:10px}.pasture-heading h3{font-size:32px;font-weight:400;letter-spacing:3px;margin:0}.development-status{border:1px solid #9a835b;border-radius:30px;padding:9px 17px;color:#725b37;font-size:12px;white-space:nowrap}.pasture-image{display:block;border-radius:4px;overflow:hidden}.pasture-image img{display:block;width:100%;height:auto}.pasture-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#7f705d;line-height:1.8;margin:13px 0 35px}.pasture-story{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:15px 0}.pasture-story .eyebrow{font-size:10px;margin-bottom:15px}.pasture-story h4{font-size:clamp(25px,2.5vw,37px);font-weight:400;line-height:1.5;margin:0;letter-spacing:1px}.pasture-description p{font-size:14px;line-height:2;color:#786d5f;margin:0 0 15px}.pasture-description .pasture-progress{font-size:12px;color:#8a795d}.pasture-description .project-contact{margin-top:16px}.pasture-image:focus-visible{outline-color:#765c39}
@media(max-width:600px){.pasture-heading h3{font-size:24px;letter-spacing:1px}.development-status{font-size:10px;padding:7px 11px}.pasture-heading{gap:12px}.pasture-heading .eyebrow{font-size:8px;letter-spacing:1px}.pasture-story{display:block}.pasture-description{margin-top:25px}.pasture-description p{font-size:13px}.pasture-caption{font-size:9px;gap:8px;margin-bottom:20px}.pasture-caption span{white-space:nowrap}.pasture-project{padding-bottom:25px}}

.shambhala-project{margin-top:50px}@media(max-width:600px){.shambhala-project{margin-top:30px}}