:root{--bg:#191919;--panel:#242322;--panel-hi:#292725;--text:#F0ECE8;--muted:#ABA7A3;--accent:#D4A17D;--ink:#211A16;--line:rgba(212,161,125,.18);--ease:cubic-bezier(.2,.7,.2,1);color-scheme:dark;font-family:Archivo,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;line-height:1.12;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{background:none;border:0}img,svg,canvas{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #E7BD9D;outline-offset:5px}::selection{background:#D4A17D;color:#191919}.wrap{width:min(1300px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:10px;left:20px;padding:12px;background:var(--text);color:var(--bg);z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}
.header{position:sticky;top:0;z-index:40;background:rgba(25,25,25,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;gap:38px}.brand{display:flex;gap:13px;align-items:center;flex-shrink:0}.brand img{object-fit:contain}.brand b{display:block;font-size:18px;font-weight:700;line-height:1.1;letter-spacing:.015em;font-variation-settings:'wdth' 106}.brand small{display:block;font-size:8px;letter-spacing:.285em;line-height:1.2;margin-top:6px}.nav nav{margin-left:auto;display:flex;gap:32px}.nav nav a,.nav-contact{font-size:13px}.nav nav a{color:#c2bfbc}.nav nav a:hover{color:white}.nav-contact{margin-left:16px;display:flex;gap:22px;align-items:center;border-bottom:1px solid #8f8c89;padding:7px 0}.nav-contact span{font-size:18px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:38% 62%;align-items:center;min-height:680px;padding-block:64px 40px}.hero-copy{position:relative;z-index:2}.intro{font-size:12px;color:#cac7c4;display:flex;gap:9px;align-items:center;white-space:nowrap}.square{height:6px;width:6px;background:#b4b1ae}.hero h1{font-size:clamp(44px,4.7vw,68px);font-weight:550;letter-spacing:-.052em;line-height:1.04;margin-top:26px}.hero-lead{margin-top:24px;color:var(--muted);font-size:17px;max-width:365px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 20px;font-weight:550;font-size:13px;border:1px solid transparent;border-radius:3px;transition:background .2s}.button.primary{background:var(--accent);color:var(--ink)}.button.primary:hover{background:#E4BB9C}.button span{font-size:19px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;color:#cfccc9}.text-link:hover{color:white}.byline{display:flex;gap:13px;align-items:center;margin-top:42px}.byline p{font-size:12px;color:#c7c4c1}.byline small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.byline-rule{width:22px;height:1px;background:#94918e}.hero-art{height:570px;position:relative;isolation:isolate;overflow:hidden;perspective:1200px;background:radial-gradient(ellipse at 50% 50%,#32271F66,transparent 70%)}#flow-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.6;pointer-events:none}.hero-sculpture{height:100%;width:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:center;transition:transform .7s var(--ease);will-change:transform;display:flex;align-items:center}.engine{width:100%;height:auto;overflow:visible}.engine text{font-family:Archivo,Arial,sans-serif;letter-spacing:0}.art-top,.art-foot{position:absolute;left:30px;right:5px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b2afac;z-index:2}.art-top{top:12px}.art-foot{bottom:16px;border-top:1px solid var(--line);padding-top:14px}.art-index{font-size:9px;color:#85827f}.motion-toggle{display:flex;gap:7px;align-items:center;font-size:10px;min-height:32px;padding:5px}.pause-icon{font-size:12px}.solutions{padding:74px 0 108px}.section-heading{display:flex;gap:40px;align-items:flex-end;justify-content:space-between;margin-bottom:46px}.section-heading h2{font-size:clamp(30px,3.1vw,44px);font-weight:500}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:405px;padding-bottom:4px}.section-label{font-size:12px;color:#D4A17D;margin-bottom:16px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:31px;gap:58px}.solution-grid article+article{position:relative}.solution-grid article+article:before{content:'';position:absolute;height:100%;left:-28px;top:0;border-left:1px solid var(--line)}.solution-grid svg{height:59px;width:166px;fill:none;stroke:#a9a6a3;stroke-width:1.2;margin-bottom:26px}.solution-grid h3{font-size:20px;letter-spacing:-.025em}.solution-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px;max-width:310px}
.nodarya-section{background:#1D1C1B;border-block:1px solid var(--line);padding-top:88px}.nodarya-section>.section-heading{margin-bottom:0}.story{height:185vh;min-height:1160px;position:relative}.story-sticky{position:sticky;top:112px;display:grid;grid-template-columns:30% 70%;align-items:center;gap:0;min-height:570px;padding-block:40px}.story-copy{padding-right:46px}.chapter{color:#a4a19e;font-size:11px;font-variant-numeric:tabular-nums}.story-copy h3{font-size:32px;margin-top:25px;letter-spacing:-.04em;line-height:1.18}.story-copy>p{color:var(--muted);font-size:14px;line-height:1.8;min-height:88px;margin-top:20px}.story-notes{display:flex;gap:6px;flex-wrap:wrap;min-height:60px;margin-top:14px}.story-notes span{font-size:10px;padding:4px 8px;border:1px solid var(--line);height:fit-content;border-radius:2px}.story-copy>.text-link{margin-top:28px;font-size:12px}.story-window{border:1px solid #4e4b48;border-radius:6px;background:#171717;box-shadow:0 30px 70px #0808084d;overflow:hidden}.window-head{display:flex;gap:20px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);background:#282523}.nodarya-word{font-size:20px;letter-spacing:-.06em;font-weight:600;color:#e2dfdc}.nodarya-word>span{display:none}.window-title{font-size:10px;color:#adaaa7}.demo-tag{font-size:9px;color:#a4a19e;margin-left:auto}.story-view{height:370px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#35292077,transparent 70%)}.story-controls{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 20px;gap:8px;border-top:1px solid var(--line)}.story-controls button{font-size:11px;text-align:left;padding:9px 10px;white-space:nowrap;color:#9e9b98;border-radius:3px;transition:background .25s}.story-controls button span{font-size:9px;margin-right:9px;color:#868380}.story-controls button[aria-pressed=true]{background:#49382C;color:#edeae7}.story-controls button[aria-pressed=true] span{color:#E9C6AC}.story-controls button:hover{color:white}.story-progress{height:2px;background:#2e2b28}.story-progress span{display:block;width:25%;height:100%;background:#D4A17D;transition:width .3s}.projects{padding-block:105px}.project-browser{display:grid;grid-template-columns:27% 73%;gap:0;border-block:1px solid var(--line)}.project-list{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:12px 24px 12px 0;justify-content:space-between}.project-list button{text-align:left;display:flex;gap:16px;align-items:center;width:100%;padding:14px 15px;border-radius:3px;color:#a29f9c;position:relative;min-height:64px}.project-list button:hover{background:#222222}.project-list button[aria-selected=true]{color:#f3f0ed;background:#342A23}.project-list button[aria-selected=true]:after{content:'↗';margin-left:auto;color:#D4A17D}.project-list b{display:block;font-size:14px;font-weight:550}.project-list small{display:block;font-size:10px;margin-top:4px;color:#999693}.project-detail{padding:30px 0 26px 38px}.project-visual{height:338px;background:#1b1b1b;border:1px solid #45423f;border-radius:4px;overflow:hidden;position:relative}.project-description{display:flex;justify-content:space-between;gap:24px;padding-top:24px}.project-status{font-size:10px;color:#D4A17D;display:inline-block;margin-bottom:9px}.project-description h3{font-size:23px;letter-spacing:-.035em}.project-description p{color:var(--muted);font-size:13px;line-height:1.7;max-width:460px;margin-top:10px}.project-tags{display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;max-width:190px;padding-top:30px}.project-tags span{font-size:10px;border:1px solid var(--line);padding:4px 8px;border-radius:2px;height:fit-content;color:#b9b6b3}.illustration-note{font-size:10px;color:#9c9996;margin-top:18px;text-align:right}.approach{padding:20px 0 100px}.delivery{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;gap:45px}.delivery li{border-top:1px solid var(--line);padding-top:20px}.delivery span{font-size:11px;color:#a8a5a2}.delivery h3{margin-top:20px;font-size:19px}.delivery p{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.8;max-width:300px}.about{display:grid;grid-template-columns:230px 1fr 160px;gap:64px;align-items:center;padding-block:70px 100px;border-top:1px solid var(--line)}.portrait{height:286px;overflow:hidden;border-radius:3px;background:#312e2b}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:grayscale(1)}.about h2{font-size:34px}.about-copy>p:not(.section-label){font-size:14px;line-height:1.75;max-width:490px;color:var(--muted);margin-top:15px}.about-fields{display:flex;gap:18px;font-size:10px;color:#c4c1be;margin-top:24px}.signature-mark{opacity:.14}.contact-section{background:#24211F;border-top:1px solid #4d4a47;padding-block:83px}.contact{display:grid;grid-template-columns:1fr auto;align-items:center;gap:80px}.contact h2{font-size:58px;letter-spacing:-.055em}.contact>div>p:not(.section-label){font-size:14px;color:#bfbcb9;margin-top:24px}.contact-actions{justify-self:end;max-width:100%}.contact-actions .button{min-height:56px}.contact-number{display:block;font-size:17px;color:var(--text);margin-top:24px}.contact small{display:block;font-size:11px;margin-top:8px;color:#b1aeab}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:31px}.footer .brand b{font-size:15px}.footer .brand small{font-size:7px}.footer p,.footer>span{font-size:10px;color:#a29f9c}
@media(min-width:1600px){.hero{min-height:740px}.hero-art{height:630px}.story-sticky{min-height:630px}.story-view{height:410px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{height:80px;gap:20px}.nav nav{gap:20px}.nav-contact{margin-left:0}.hero{grid-template-columns:42% 58%;min-height:600px;padding-top:40px}.hero h1{font-size:54px}.hero-art{height:510px}.hero-lead{font-size:15px;padding-right:15px}.hero-actions{gap:16px}.text-link{font-size:12px}.intro{font-size:10px}.solution-grid{gap:38px}.solution-grid article+article:before{left:-19px}.story-sticky{grid-template-columns:28% 72%;top:85px}.story-copy{padding-right:25px}.story-copy h3{font-size:26px}.story-view{height:330px}.story-controls{padding:12px 10px;gap:0}.project-detail{padding-left:26px}.project-tags{display:none}.about{grid-template-columns:190px 1fr;gap:40px}.signature-mark{display:none}.contact{gap:55px}.footer p{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}html{scroll-padding-top:90px}.nav{height:76px;gap:15px}.brand img{width:36px;height:36px}.brand b{font-size:16px}.brand small{font-size:7px}.nav-contact{margin-left:auto;font-size:11px;gap:10px}.menu-toggle{width:34px;height:36px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:7px}.menu-toggle span{width:20px;height:1px;background:#cecbc8}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;margin:0;background:#202020;padding:16px 20px;border-bottom:1px solid var(--line);gap:0;flex-direction:column}.nav nav.open{display:flex}.nav nav a{padding:15px 8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;padding-bottom:20px;min-height:0}.hero h1{font-size:clamp(45px,10vw,65px);margin-top:21px;line-height:1.04}.hero-lead{max-width:390px;font-size:15px;margin-top:20px;padding-right:0}.hero-actions{margin-top:26px}.byline{margin-top:26px}.intro{font-size:10px;white-space:normal}.hero-art{height:auto;aspect-ratio:1.28;margin:24px -12px 0;min-height:310px}.art-top{left:20px;right:18px;top:8px}.art-foot{left:20px;right:18px;font-size:8px;bottom:5px;padding-top:9px}.art-index{display:none}.hero-sculpture{padding-top:10px}.solutions{padding:60px 0 62px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:33px}.section-heading>p{font-size:13px;margin-top:22px;max-width:100%}.section-heading>p br{display:none}.solution-grid{grid-template-columns:1fr;gap:28px;padding-top:28px}.solution-grid article{display:grid;grid-template-columns:95px 1fr;column-gap:20px}.solution-grid article+article:before{display:none}.solution-grid svg{grid-row:1/3;width:92px;height:40px;margin:4px 0 0}.solution-grid h3{font-size:18px}.solution-grid p{font-size:12px;margin-top:8px;line-height:1.8}.nodarya-section{padding-top:55px}.section-label{font-size:11px;margin-bottom:13px}.story{height:auto;min-height:0}.story-sticky{position:relative;top:auto;grid-template-columns:1fr;min-height:0;padding-top:30px;padding-bottom:48px}.story-copy{padding-right:0;display:grid;grid-template-columns:1fr auto;gap:8px 15px;margin-bottom:25px}.chapter{grid-column:1/-1}.story-copy h3{font-size:25px;margin-top:5px}.story-copy h3 br{display:none}.story-copy>p{font-size:13px;min-height:0;margin-top:5px;grid-column:1/-1}.story-notes{display:none}.story-copy>.text-link{font-size:11px;margin-top:18px;grid-column:1/-1}.window-head{padding:12px 13px;gap:12px}.nodarya-word{font-size:18px}.window-title{display:none}.demo-tag{font-size:8px}.story-view{height:clamp(255px,70vw,365px)}.story-controls{gap:0;padding:8px 3px}.story-controls button{font-size:9px;padding:10px 6px;text-align:center}.story-controls button span{display:none}.projects{padding-block:58px}.project-browser{grid-template-columns:1fr}.project-list{flex-direction:row;gap:7px;overflow-x:auto;scrollbar-width:thin;border-right:0;border-bottom:1px solid var(--line);padding:10px 0}.project-list button{flex-shrink:0;width:auto;min-height:54px;max-width:185px;padding:10px 14px}.project-list b{font-size:12px;white-space:nowrap}.project-list small{font-size:9px}.project-list button[aria-selected=true]:after{display:none}.project-detail{padding:20px 0}.project-visual{height:300px}.project-description{padding-top:18px}.project-description h3{font-size:22px}.project-description p{font-size:12px}.illustration-note{font-size:9px;text-align:left}.approach{padding-bottom:58px}.delivery{grid-template-columns:1fr;gap:22px}.delivery li{display:grid;grid-template-columns:35px 1fr;gap:7px 12px;padding-top:18px}.delivery span{grid-row:1/3;padding-top:2px}.delivery h3{margin:0;font-size:18px}.delivery p{margin:0;font-size:12px;max-width:100%}.about{grid-template-columns:105px 1fr;gap:25px;padding:45px 0 60px;align-items:start}.portrait{height:155px;margin-top:28px}.about h2{font-size:27px}.about .section-label{font-size:10px}.about-copy>p:not(.section-label){font-size:12px}.about-fields{font-size:9px;gap:7px;flex-wrap:wrap;margin-top:16px}.contact-section{padding-block:50px}.contact{grid-template-columns:1fr;gap:36px}.contact h2{font-size:45px}.contact>div>p:not(.section-label){font-size:13px}.contact-actions{justify-self:start}.contact-number{font-size:16px}.footer{padding-block:25px;gap:20px}.footer>span{font-size:8px}.footer .brand{gap:8px}.footer .brand img{width:30px;height:30px}.footer .brand b{font-size:13px}.footer .brand small{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-sculpture{transform:none!important}.story{height:auto;min-height:0}.story-sticky{position:relative;top:auto}}
body.motion-paused *{animation-play-state:paused!important}body.motion-paused .hero-sculpture{transform:none!important}
.signature-mark img{filter:brightness(0) invert(1)}