:root{--ink:#141414;--muted:#727272;--line:#e7e7e7;--paper:#fff;--soft:#f5f5f5;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}::selection{background:#252525;color:#fff}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}
.nav{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(18px);z-index:10}.brand{display:block;flex-shrink:0}.brand img{width:148px;height:36px;object-fit:contain}.nav nav{display:flex;gap:34px;font-size:13px;color:#696969}.nav nav a{position:relative;padding:12px 0}.nav nav a:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav nav a:hover:after{transform:scaleX(1)}.nav-contact{font-size:12px;font-weight:600;border:1px solid #dedede;padding:13px 18px;border-radius:30px;transition:background .25s,color .25s}.nav-contact span{margin-left:16px}.nav-contact:hover{background:var(--ink);color:#fff}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:90px 0 88px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;line-height:1.7;display:block;color:#858585}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#252525;margin-right:8px}h1{font-size:clamp(44px,4.6vw,70px);line-height:1.08;font-weight:500;letter-spacing:-3.7px;margin:28px 0}h1 em{font-style:normal;color:#909090}p{color:var(--muted);line-height:1.8;font-size:14px}.hero-copy>p{max-width:400px}.hero-actions{display:flex;gap:28px;align-items:center;margin:33px 0}.button{display:inline-flex;gap:34px;align-items:center;padding:18px 24px;border-radius:30px;font-size:12px;font-weight:600;transition:transform .35s var(--ease),background .25s,box-shadow .35s}.button.primary{background:var(--ink);color:#fff}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000012}.text-link{font-size:12px;color:#626262}.text-link span{margin-left:12px;display:inline-block;transition:transform .3s}.text-link:hover span{transform:translateY(4px)}.hero-foot{display:flex;gap:19px;color:#959595;font-size:10px}.hero-foot span+span:before{content:'·';margin-right:19px}
.hero-visual{background:linear-gradient(145deg,#f7f7f7,#f0f0f0);border:1px solid #e9e9e9;border-radius:22px;padding:26px 22px 18px;box-shadow:0 30px 65px -30px #00000016;position:relative}.visual-label{display:flex;gap:18px;align-items:center;font-size:8px;letter-spacing:1.3px;margin-bottom:23px;color:#9a9a9a}.visual-label b{display:block;font-weight:500;letter-spacing:0;font-size:10px;margin-top:6px;color:#6e6e6e}.mini-mark{display:flex;align-items:center;background:#fff;width:100px;height:46px;padding:8px;border:1px solid #ececec;border-radius:8px}.mini-mark img{width:100%;height:auto}.screen{border:1px solid #e3e3e3;padding:0;display:block;width:100%;height:390px;border-radius:10px;overflow:hidden;background:#fff}.screen img{height:100%;width:100%;object-fit:cover;object-position:25% center;filter:grayscale(1);transition:transform .8s var(--ease)}.screen:hover img{transform:scale(1.025)}.visual-bottom{display:flex;justify-content:space-between;margin-top:18px;font-size:8px;letter-spacing:1px;color:#939393}
.feature-strip{background:#121212;color:#d7d7d7}.feature-strip .wrap{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:27px 0;font-size:12px}.feature-strip b{color:#707070;font-size:19px;font-weight:400}.section{padding:100px 0}.section-head{max-width:650px;margin-bottom:48px}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.16;letter-spacing:-2px;font-weight:500;margin:21px 0}.section-head p{max-width:440px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.features article{padding:32px 28px 34px 0;border-bottom:1px solid var(--line);transition:transform .5s var(--ease)}.features article:not(:nth-child(3n)){border-right:1px solid var(--line);margin-right:28px}.feature-no{font-size:10px;color:#aaa}h3{font-size:19px;letter-spacing:-.4px;font-weight:500;line-height:1.3}.features p{font-size:12px;max-width:305px;min-height:67px}.tag{font-size:9px;border-radius:20px;background:#f3f3f3;color:#858585;padding:8px 12px;display:inline-block}
.gallery-section{background:#f6f6f6;border-top:1px solid #ededed;border-bottom:1px solid #ededed}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px}.gallery-main{grid-column:1/-1}.gallery button{padding:0;border:1px solid #e2e2e2;background:#fff;width:100%;height:330px;position:relative;border-radius:14px;overflow:hidden}.gallery button img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(1);transition:transform .8s var(--ease)}.gallery button:hover img{transform:scale(1.025)}.gallery-main button{height:470px}.gallery-main button img{object-position:center 52%}.expand{position:absolute;bottom:16px;right:16px;border-radius:50%;background:#191919;color:#fff;width:39px;height:39px;display:grid;place-items:center;transition:transform .4s var(--ease),background .3s}.gallery button:hover .expand{transform:rotate(45deg);background:#4f4f4f}.caption{padding:0 3px}.caption h3{margin:20px 0 6px;font-size:17px}.caption p{font-size:12px;margin:0}
.roles-section{display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:36px}.roles article{border-top:1px solid #d8d8d8;padding-top:20px}.roles article>span{font-size:8px;letter-spacing:1.6px;color:#aaa}.roles h3{margin:19px 0 10px}.roles p{font-size:12px;margin:0}.contact{display:flex;align-items:center;justify-content:space-between;border-radius:18px;background:#151515;color:#fff;padding:58px 60px}.contact .eyebrow{color:#737373}.contact h2{margin-top:22px}.contact p{color:#919191}.light{background:#fff;color:#171717}.light:hover{background:#ededed}footer{display:flex;align-items:center;justify-content:space-between;padding:38px 0;font-size:10px;color:#929292}footer .brand img{width:115px;height:28px}footer>a:last-child:hover{color:#161616}
dialog{width:min(1400px,95vw);max-height:94vh;border:1px solid #dedede;border-radius:14px;padding:16px;background:#fff;color:var(--ink);box-shadow:0 25px 90px #0004;animation:viewer-in .3s var(--ease)}dialog::backdrop{background:#111a;backdrop-filter:blur(10px)}.viewer-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-16px;background:#fff;padding:8px 0 15px}.viewer-head h2{font-size:15px;letter-spacing:0;margin:0}.viewer-head button{border:1px solid #e2e2e2;border-radius:50%;background:#fff;width:40px;height:40px;font-size:17px;transition:background .25s}.viewer-head button:hover{background:#ededed}dialog img{width:100%;height:auto;border-radius:7px;filter:grayscale(1)}body.viewer-open{overflow:hidden}:focus-visible{outline:2px solid #555;outline-offset:5px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:none}@keyframes viewer-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero{gap:30px;padding:65px 0}h1{font-size:48px;letter-spacing:-2.5px}.screen{height:330px}.features{grid-template-columns:repeat(2,1fr)}.features article:not(:nth-child(3n)){border-right:0;margin-right:0}.features article:nth-child(odd){border-right:1px solid var(--line);margin-right:24px}.roles-section{grid-template-columns:1fr;gap:12px}.feature-strip .wrap{gap:15px;font-size:10px}.nav nav{gap:20px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{height:78px}.brand img{width:122px;height:30px}.nav nav{display:none}.nav-contact{font-size:10px;padding:11px 14px}.nav-contact span{margin-left:8px}.hero{grid-template-columns:1fr;padding:47px 0 44px;gap:36px}h1{font-size:48px;letter-spacing:-2.7px;line-height:1.08;margin:24px 0}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy>p{font-size:13px}.hero-actions{gap:23px}.button{gap:18px;padding:17px 21px;font-size:11px}.text-link{font-size:11px}.hero-foot{gap:13px}.hero-foot span+span:before{margin-right:13px}.hero-visual{padding:19px 14px 16px;border-radius:16px}.screen{height:335px}.visual-label{margin-bottom:18px;gap:12px;font-size:7px}.visual-label b{font-size:9px}.mini-mark{width:82px;height:38px}.feature-strip .wrap{flex-wrap:wrap;justify-content:center;column-gap:18px;row-gap:14px;font-size:10px}.feature-strip b{font-size:12px}.feature-strip b:nth-of-type(2){display:none}.section{padding:62px 0}.section-head{margin-bottom:32px}h2{font-size:35px;letter-spacing:-1.5px}.section-head p{font-size:13px}.features{grid-template-columns:1fr}.features article:nth-child(odd){border-right:0;margin-right:0}.features article{padding:25px 0}.features p{min-height:0;max-width:none}.gallery{grid-template-columns:1fr;gap:27px}.gallery-main{grid-column:auto}.gallery button,.gallery-main button{height:250px}.gallery-main button img{object-position:30% center}.roles{gap:24px}.roles h3{font-size:17px}.contact{padding:32px 26px;display:block;border-radius:14px}.contact .button{margin-top:18px}footer{flex-wrap:wrap;gap:18px;font-size:9px}footer>span{flex-basis:55%;text-align:right}footer>a:last-child{margin-left:auto}.viewer-head h2{font-size:12px;max-width:75%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.brand{width:116px;height:45px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand img{width:185px;height:45px;max-width:none;flex-shrink:0}footer .brand{width:100px;height:40px}footer .brand img{width:165px;height:40px}@media(max-width:600px){.brand{width:105px;height:40px}.brand img{width:165px;height:40px}}