:root{--ink:#111;--soft-ink:#32302c;--muted:#77736b;--line:#11111121;--paper:#f6f3ed;--white:#fbfaf7;--metal:#a58c68;--deep:#0b0b0b;--serif:"Songti SC", "STSong", "Noto Serif SC", Georgia, serif;--sans:"Inter", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;color:var(--ink);background:var(--white);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);margin:0}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;border-radius:0}a,button,.work-card{-webkit-tap-highlight-color:#a58c6838}button,[role=button],a{touch-action:manipulation}button:focus-visible,a:focus-visible,.work-card:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--metal);outline-offset:3px}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(120%);background:#f6f3edb8;border-bottom:1px solid #ffffff38;justify-content:space-between;align-items:center;min-height:72px;padding:14px clamp(20px,5vw,64px);display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{border:1px solid var(--line);width:42px;height:42px;color:var(--metal);background:#fbfaf7b8;place-items:center;display:grid}.brand-mark svg{fill:none;stroke:currentColor;stroke-width:3.4px;width:31px;height:31px}.brand-mark circle,.brand-mark .axis{opacity:.34;stroke-width:2px}.brand-mark .cosine{stroke:var(--ink);stroke-width:3px}.brand strong{font-family:var(--serif);letter-spacing:0;font-size:18px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.header-actions{align-items:center;gap:10px;display:flex}.lang-toggle{min-width:46px;min-height:36px;color:var(--ink);cursor:pointer;background:#fbfaf7d1;border:1px solid #11111138;font-size:13px;font-weight:700}.lang-toggle:hover{color:#fff;border-color:var(--ink);background:var(--ink)}.nav{align-items:center;gap:clamp(18px,3vw,34px);display:flex}.nav a{color:var(--soft-ink);font-size:14px;position:relative}.nav a,.inline-heading a,.solid-button,.preview-card,.work-card,.filters button,.modal-close,.static-form button,.site-footer nav a{transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s}.nav a.active:after,.nav a:hover:after{background:var(--metal);content:"";height:1px;position:absolute;bottom:-10px;left:0;right:0}.menu-button{border:1px solid var(--line);background:0 0;width:42px;height:38px;display:none}.menu-button span{background:var(--ink);width:18px;height:1px;margin:5px auto;display:block}.section{max-width:1180px;margin:0 auto;padding:108px clamp(20px,4vw,36px)}.page-section{padding-top:44px}.muted{background:#eeebe5;max-width:none;padding-inline:max(clamp(20px,4vw,36px),50vw - 554px)}.section-heading{max-width:760px;margin-bottom:42px}.inline-heading{justify-content:space-between;align-items:end;gap:24px;max-width:none;display:flex}.inline-heading a{min-height:40px;color:var(--ink);border-bottom:1px solid;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.inline-heading a:after{content:"→";margin-left:8px}.inline-heading a:hover{color:var(--metal)}.kicker{color:var(--metal);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:12px}h1,h2,h3{font-family:var(--serif);letter-spacing:0;margin:0;font-weight:600}p{margin:0}.section-heading h2{max-width:780px;font-size:clamp(32px,4.5vw,54px);line-height:1.15}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-section{color:#fff;background:var(--deep);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero-image{background:linear-gradient(90deg,#000000ad,#0000002e),radial-gradient(circle at 68% 45%,#beaf9147,#0000 27%),linear-gradient(135deg,#090909 0%,#20201d 38%,#615b51 100%);position:absolute;inset:0}.hero-image:before,.hero-image:after{content:"";position:absolute}.hero-image:before{background:linear-gradient(#ffffff14,#fff0),repeating-linear-gradient(90deg,#ffffff1c 0 1px,#0000 1px 42px);border:1px solid #ffffff2e;width:42vw;height:58vh;top:22vh;right:8vw}.hero-image:after{background:linear-gradient(#0000,#000000b8);height:36%;bottom:0;left:0;right:0}.hero-content{z-index:1;width:min(1080px,100% - 40px);padding-top:60px;position:relative}.hero-content h1{font-size:clamp(64px,13vw,156px);line-height:.98}.hero-claim{color:#ffffffd1;font-size:clamp(22px,3.2vw,42px);font-family:var(--serif);margin-top:22px}.scroll-cue{z-index:2;color:#ffffffb8;justify-items:center;gap:10px;font-size:12px;display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.scroll-cue span{background:#ffffff6b;width:1px;height:34px}.business-grid,.strength-grid,.preview-row{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.business-item,.quiet-card,.preview-card{background:var(--white)}.business-item{min-height:320px;padding:32px}.business-item span{color:var(--metal);font-family:var(--serif);font-size:38px}.business-item h3{margin-top:72px;font-size:24px}.business-item p,.quiet-card p,.preview-card p,.work-card p,.team-card p,.process-item p{color:var(--muted);line-height:1.75}.business-item p{margin-top:16px}.quiet-card{min-height:210px;padding:30px}.quiet-card h3{margin-bottom:18px;font-size:25px}.pricing-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.pricing-card{background:var(--white);min-height:230px;padding:26px}.pricing-card span{color:var(--metal);font-family:var(--serif);font-size:28px}.pricing-card h3{margin:38px 0 14px;font-size:22px}.pricing-card p,.pricing-note{color:var(--muted);line-height:1.75}.pricing-note{max-width:820px;margin-top:18px;font-size:14px}.preview-row{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-card{cursor:pointer;border:1px solid #0000;padding:16px;display:block}.preview-card:hover,.work-card:hover{border-color:#11111152;transform:translateY(-2px);box-shadow:0 18px 40px #1111111a}.cover-placeholder,.work-cover,.modal-video{background:linear-gradient(135deg,#0000002e,#0000),repeating-linear-gradient(90deg,#ffffff21 0 1px,#0000 1px 34px),linear-gradient(135deg,#1f1f1f,#868074);position:relative}.cover-placeholder:before,.work-cover:before,.modal-video:before{content:"";border:1px solid #ffffff3d;position:absolute;inset:18%}.cover-placeholder:after,.work-cover:after,.modal-video:after{content:"";background:#ffffff80;width:34%;height:1px;position:absolute;bottom:18px;right:18px}.tone-snow{background:linear-gradient(135deg,#10192047,#0000),repeating-linear-gradient(90deg,#ffffff21 0 1px,#0000 1px 34px),linear-gradient(135deg,#18232a,#b7c3bd)}.tone-peach{background:linear-gradient(135deg,#2418102e,#0000),repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 34px),linear-gradient(135deg,#2f3a28,#c89b78)}.tone-industry{background:linear-gradient(135deg,#0000003d,#0000),repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 34px),linear-gradient(135deg,#171717,#807869)}.tone-persia{background:linear-gradient(135deg,#1f111233,#0000),repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 34px),linear-gradient(135deg,#312226,#a98b65)}.tone-racing{background:linear-gradient(135deg,#00000042,#0000),repeating-linear-gradient(90deg,#ffffff24 0 1px,#0000 1px 34px),linear-gradient(135deg,#111,#6f7d81)}.cover-placeholder{aspect-ratio:16/10;margin-bottom:18px}.preview-card h3{margin-bottom:6px;font-size:21px}.preview-card p{font-size:13px}.card-action-row{justify-content:space-between;align-items:start;gap:14px;display:flex}.card-action-row>span,.detail-cue{min-height:32px;color:var(--ink);white-space:nowrap;background:#fbfaf7d1;border:1px solid #1111112e;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.card-action-row>span:after,.detail-cue:after{content:"→";margin-left:6px}.cta-section{color:#fff;text-align:center;background:#121212;justify-items:center;gap:32px;padding:110px 20px 126px;display:grid}.cta-section h2{max-width:980px;font-size:clamp(34px,5.2vw,66px);line-height:1.18}.solid-button{min-height:48px;color:var(--ink);background:#fff;border:1px solid #fff;justify-content:center;align-items:center;padding:0 28px;font-weight:700;display:inline-flex;box-shadow:0 12px 28px #00000047}.solid-button:after{content:"→";margin-left:10px}.solid-button:hover{color:#fff;background:var(--metal)}.page-hero{border-bottom:1px solid var(--line);max-width:1180px;margin:0 auto;padding:154px clamp(20px,4vw,36px) 48px}.page-hero h1{font-size:clamp(46px,8vw,92px);line-height:1.05}.page-hero p:last-child{color:var(--muted);margin-top:18px;font-size:19px}.filters{flex-wrap:wrap;gap:10px;margin-bottom:34px;display:flex}.filters button{min-height:38px;color:var(--ink);cursor:pointer;background:#fbfaf7b8;border:1px solid #1111113d;padding:0 16px}.filters button:hover{border-color:var(--ink);background:#fff}.filters button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.work-grid,.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.work-card{cursor:pointer;border:1px solid #0000;padding:12px}.work-cover{aspect-ratio:16/9;margin-bottom:18px;transition:transform .5s;overflow:hidden}.work-cover>span{z-index:1;color:#fff;background:#0000003d;border:1px solid #ffffff59;padding:6px 10px;font-size:12px;position:absolute;top:14px;left:14px}.work-card:hover .work-cover{transform:scale(1.015)}.work-card span,.work-modal>span,.team-card span{color:var(--metal);letter-spacing:.12em;font-size:12px}.work-card h2{margin:8px 0 10px;font-size:25px}.detail-cue{margin-top:16px}.team-card{border:1px solid var(--line);background:linear-gradient(135deg, #a58c681f, transparent 42%), var(--white);min-height:230px;padding:30px}.team-card h2{margin-bottom:6px;font-size:26px}.team-card p{margin-top:14px}.team-belief{max-width:900px;color:var(--soft-ink);font-family:var(--serif);border:0;margin:80px 0 0;padding:0;font-size:clamp(28px,4.5vw,50px);line-height:1.35}.two-column,.contact-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:clamp(40px,7vw,90px);display:grid}.process-list{border-top:1px solid var(--line);gap:0;display:grid}.process-item{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:24px;padding:24px 0;display:grid}.process-item>span{color:var(--metal);font-family:var(--serif);font-size:24px}.process-item h2{margin-bottom:8px;font-size:23px}.static-form{border:1px solid var(--line);background:#f2efe8;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:30px;display:grid}.static-form h2,.contact-info h2{grid-column:1/-1;margin-bottom:8px;font-size:30px}.static-form label{color:var(--soft-ink);gap:8px;font-size:14px;display:grid}.static-form input,.static-form select,.static-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffa8;padding:13px 14px}.static-form select{border-radius:0}.static-form textarea{resize:vertical;min-height:120px}.full-field,.form-message,.static-form button{grid-column:1/-1}.form-message{border:1px solid var(--line);margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.form-message.success{color:#2f4b3b;background:#708b6821}.form-message.error{color:#6d2f2f;background:#964d4d1f}.static-form button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;min-height:46px;font-weight:700;box-shadow:0 10px 24px #1111112e}.static-form button:after{content:"→";margin-left:8px}.static-form button:hover{border-color:var(--metal);background:var(--metal)}.static-form button:disabled{cursor:not-allowed;opacity:.62}.contact-info{gap:16px;display:grid}.contact-info p{color:var(--muted);line-height:1.7}.contact-info strong{font-family:var(--serif);margin:10px 0 16px;font-size:24px;line-height:1.45}.qr-grid{grid-template-columns:repeat(2,minmax(0,220px));align-items:start;gap:14px;display:grid}.qr-grid figure{gap:8px;margin:0;display:grid}.qr-image{border:1px solid var(--line);background:#fff;width:100%;max-width:220px}.qr-grid figcaption{color:var(--muted);font-size:13px;line-height:1.45}.contact-info small{color:var(--muted)}.mobile-cta-bar{display:none}.site-footer{border-top:1px solid var(--line);color:#ffffffb8;background:var(--deep);grid-template-columns:1.2fr 1fr auto;align-items:center;gap:28px;padding:42px clamp(20px,5vw,64px);display:grid}.site-footer strong{color:#fff;font-family:var(--serif);margin-bottom:8px;font-size:22px;display:block}.site-footer nav{flex-wrap:wrap;gap:16px;display:flex}.site-footer nav a{border-bottom:1px solid #ffffff52}.site-footer nav a:hover{color:#fff;border-color:#fff}.socials{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.socials a{color:#fff;border:1px solid #ffffff38;align-items:center;min-height:32px;padding:0 10px;font-size:13px;display:inline-flex}.socials a:after{content:"↗";margin-left:7px;font-size:11px}.socials a[href^=\#]:after{content:"↓"}.socials a:hover{color:var(--ink);background:#fff;border-color:#fff}.site-footer small{color:#ffffff7a;grid-column:1/-1}.modal-backdrop{z-index:80;background:#0000009e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.work-modal{background:var(--white);width:min(920px,100%);max-height:min(820px,100vh - 48px);padding:28px;overflow:auto}.modal-close{float:right;border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;padding:8px 14px;font-weight:700}.modal-close:hover{border-color:var(--metal);background:var(--metal)}.modal-video{clear:both;aspect-ratio:16/9;margin-bottom:24px}.work-modal h2{margin:10px 0 14px;font-size:36px}.work-modal p{color:var(--soft-ink);line-height:1.8}.work-modal dl{gap:18px;margin:24px 0 0;display:grid}.work-modal dt{color:var(--metal);margin-bottom:6px;font-size:13px}.work-modal dd{color:var(--muted);margin:0;line-height:1.7}@media (width<=900px){.site-header{min-height:66px;padding:10px 16px}.menu-button{background:#fbfaf7d1;flex:none;display:block;box-shadow:0 8px 20px #11111114}.nav{border-bottom:1px solid var(--line);background:#f6f3edfa;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;display:none;position:absolute;top:66px;left:0;right:0;box-shadow:0 18px 40px #1111111f}.nav.is-open{display:flex}.nav a{border-bottom:1px solid #11111114;align-items:center;min-height:46px;font-size:15px;font-weight:600;display:flex}.nav a:before{background:var(--line);content:"";border-radius:50%;width:6px;height:6px;margin-right:10px}.nav a.active:before{background:var(--metal)}.nav a:after{display:none}.hero-content h1{font-size:clamp(58px,20vw,96px)}.hero-section{place-items:end start;min-height:82svh;padding:0 0 88px}.hero-content{width:100%;padding:0 20px}.hero-claim{max-width:11em;line-height:1.25}.scroll-cue{justify-items:start;bottom:24px;left:20px;transform:none}.business-grid,.strength-grid,.pricing-grid,.preview-row,.work-grid,.team-grid,.two-column,.contact-layout,.site-footer{grid-template-columns:1fr}.business-item{min-height:auto}.pricing-grid{background:0 0;border:0;gap:10px}.pricing-card{border:1px solid var(--line);min-height:auto;padding:24px}.pricing-card h3{margin-top:28px;font-size:21px}.pricing-note{font-size:13px}.business-item h3{margin-top:38px}.section{padding:72px 18px}.inline-heading{flex-direction:column;align-items:flex-start}.page-hero{padding:118px 18px 34px}.page-hero h1{font-size:clamp(42px,15vw,72px)}.page-hero p:last-child{font-size:17px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:clamp(30px,10vw,44px)}.business-grid,.strength-grid,.preview-row{background:0 0;border:0;gap:10px}.business-item,.quiet-card,.preview-card,.team-card{border:1px solid var(--line)}.business-item,.quiet-card{padding:24px}.business-item span{font-size:30px}.business-item h3{margin-top:26px;font-size:22px}.quiet-card{min-height:auto}.preview-card{padding:14px}.cover-placeholder{aspect-ratio:16/8}.filters{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin:0 -18px 28px;padding:0 18px 4px;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{min-width:max-content;min-height:42px;padding:0 15px;font-weight:600}.work-grid{gap:24px}.work-card{background:#fff;border:1px solid #11111129;padding:14px;box-shadow:0 10px 24px #1111110f}.work-cover{aspect-ratio:16/8.8;margin-bottom:14px}.work-card h2{font-size:24px}.team-grid{gap:14px}.team-card{min-height:auto;padding:24px}.team-belief{margin-top:46px;font-size:clamp(25px,8vw,36px)}.two-column,.contact-layout{gap:34px}.process-item{grid-template-columns:48px 1fr;gap:16px;padding:20px 0}.process-item>span{font-size:20px}.process-item h2{font-size:21px}.static-form{padding:24px;position:relative}.static-form input,.static-form select,.static-form textarea{min-height:48px;font-size:16px}.static-form button{min-height:50px;font-size:16px}.contact-info{gap:12px}.contact-info strong{margin:8px 0 10px;font-size:22px}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-image{max-width:none}.site-footer{gap:22px;padding:34px 18px}.site-footer nav{gap:14px}.socials{justify-content:start}.socials a{white-space:normal;max-width:100%;min-height:34px;line-height:1.4}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.mobile-cta-bar{z-index:70;padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(120%);background:#f6f3edf5;border-top:1px solid #11111129;grid-template-columns:1fr .72fr;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 34px #11111129}.mobile-cta-bar a{border:1px solid var(--ink);justify-content:center;align-items:center;min-height:48px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.mobile-cta-primary{color:#fff;background:var(--ink)}.mobile-cta-phone{color:var(--ink);background:#fff}.modal-backdrop{align-items:end;padding:0}.work-modal{border-radius:0;width:100%;max-height:92svh;padding:20px}.modal-close{z-index:2;float:none;background:var(--ink);margin-left:auto;display:block;position:sticky;top:0}.modal-video{aspect-ratio:16/8.5;margin:14px 0 20px}.work-modal h2{font-size:30px}}@media (width<=560px){.brand{gap:10px;min-width:0}.brand-mark{width:38px;height:38px}.brand-mark svg{width:28px;height:28px}.brand strong{font-size:17px}.brand small{display:none}.hero-image:before{width:78vw;height:46vh;top:18vh;right:-10vw}.hero-content h1{font-size:clamp(58px,22vw,88px)}.kicker{margin-bottom:10px;font-size:11px}.process-item{grid-template-columns:1fr;gap:10px}.static-form,.work-modal{padding:20px}.static-form{grid-template-columns:1fr;margin-inline:-2px}.static-form h2,.contact-info h2{font-size:27px}.work-card p,.business-item p,.quiet-card p,.preview-card p,.team-card p,.process-item p,.work-modal p,.work-modal dd,.contact-info p{font-size:15px;line-height:1.72}.cta-section{padding:76px 18px 88px}.cta-section h2{font-size:clamp(30px,10vw,44px)}}
