:root{--blue:#1b5cff;--cyan:#00aebe;--ink:#0b1220;--muted:#5d6878;--line:#dfe5ee;--soft:#f5f8fc;--white:#fff;--radius:24px;--shadow:0 22px 70px rgba(11,18,32,.1);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:9999;padding:.75rem 1rem;color:#fff;background:var(--ink);border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:.25s}.site-header.scrolled{border-color:var(--line);box-shadow:0 8px 28px rgba(13,27,55,.06)}.header-inner{height:76px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center}.wn-logo{display:block;width:138px;height:28px}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:.94rem;font-weight:620}.desktop-nav a,.mobile-menu>a:not(.button){color:#475365}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.2rem;border:1px solid transparent;border-radius:12px;font-weight:760;transition:transform .2s var(--ease),box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(27,92,255,.28);outline-offset:3px}.button-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#1043c3);box-shadow:0 10px 25px rgba(27,92,255,.22)}.menu-toggle{display:none;width:46px;height:46px;margin-left:auto;border:1px solid var(--line);border-radius:12px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:19px;height:2px;background:var(--ink);transition:.25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 20px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(11,18,32,.08);flex-direction:column;gap:4px}.mobile-menu>a:not(.button){padding:12px 4px;font-weight:650}.mobile-menu.open{display:flex}
.portfolio-hero{position:relative;min-height:580px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(27,92,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(27,92,255,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.hero-orb{position:absolute;border-radius:999px;filter:blur(5px);pointer-events:none}.orb-one{width:430px;height:430px;right:-130px;top:-180px;background:radial-gradient(circle,rgba(0,194,209,.17),transparent 68%)}.orb-two{width:520px;height:520px;left:-240px;bottom:-310px;background:radial-gradient(circle,rgba(27,92,255,.15),transparent 68%)}.hero-inner{position:relative;padding:84px 0 100px}.breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:48px;color:#768295;font-size:.86rem}.breadcrumbs a:hover{color:var(--blue)}.eyebrow{margin:0 0 13px;color:var(--blue);font-size:.76rem;font-weight:820;letter-spacing:.15em;text-transform:uppercase}.portfolio-hero h1{max-width:900px;margin:0;font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:1.04;letter-spacing:-.055em}.hero-lead{max-width:750px;margin:26px 0 28px;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.25rem)}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-weight:760}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateY(4px)}
.projects-section{padding:110px 0 125px}.section-heading{display:grid;grid-template-columns:1.4fr .7fr;gap:60px;align-items:end;margin-bottom:46px}.section-heading h2{max-width:700px;margin:0;font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.08;letter-spacing:-.04em}.section-heading>p{margin:0 0 5px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 38px rgba(11,18,32,.05);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}.project-card:hover{transform:translateY(-7px);border-color:#c8d3e3;box-shadow:var(--shadow)}.preview{position:relative;display:block;height:330px;overflow:hidden}.preview-label{position:absolute;left:22px;bottom:20px;padding:7px 10px;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;background:rgba(8,13,25,.26);backdrop-filter:blur(10px);font-size:.66rem;font-weight:800;letter-spacing:.13em}.project-body{padding:28px 28px 30px}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#768295;font-size:.76rem}.concept-tag{padding:6px 9px;color:var(--blue);background:#edf3ff;border-radius:999px;font-weight:750}.project-body h3{margin:20px 0 10px;font-size:1.52rem;letter-spacing:-.025em}.project-body>p{margin:0;color:var(--muted)}.feature-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px;padding:0;list-style:none}.feature-list li{padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:#536073;font-size:.73rem;font-weight:650}.project-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:800}.project-link span{color:var(--blue);transition:transform .2s}.project-link:hover span{transform:translate(3px,-3px)}
.preview-presentation{background:linear-gradient(135deg,#f1f0eb,#e7ebf5)}.mini-browser{height:34px;display:flex;align-items:center;gap:5px;padding:0 15px;background:rgba(255,255,255,.58)}.mini-browser span{width:6px;height:6px;border-radius:50%;background:#9da7b5}.presentation-canvas{position:absolute;inset:54px 25px 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px;background:rgba(255,255,255,.88);border-radius:16px;box-shadow:0 18px 50px rgba(47,54,76,.12);transform:rotate(-1.5deg)}.pc-copy{display:grid;gap:10px}.pc-copy i{width:38px;height:5px;background:#245c55;border-radius:4px}.pc-copy b{width:92%;height:25px;background:#172a33;border-radius:5px}.pc-copy em{width:70%;height:10px;background:#cbd1d6;border-radius:4px}.pc-copy span{width:60px;height:22px;background:#c89f68;border-radius:5px}.pc-art{position:relative;height:150px}.pc-ring{position:absolute;width:120px;height:120px;right:5px;top:15px;border:22px solid #d6b588;border-radius:50%}.pc-card{position:absolute;width:75px;height:95px;border-radius:9px;box-shadow:0 8px 20px rgba(29,50,57,.16)}.pc-card.one{right:64px;top:8px;background:#244e49;transform:rotate(-8deg)}.pc-card.two{right:6px;bottom:0;background:#fff;transform:rotate(7deg)}
.preview-landing{background:#160c2d;color:#fff}.landing-glow{position:absolute;width:320px;height:320px;right:-40px;top:-70px;background:radial-gradient(circle,rgba(255,111,61,.85),rgba(117,55,230,.35) 40%,transparent 68%);filter:blur(5px)}.landing-noise{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000)}.landing-copy{position:absolute;left:38px;top:58px;width:58%;display:flex;flex-direction:column;align-items:flex-start}.landing-copy span{color:#ff9a72;font-size:.66rem;font-weight:800;letter-spacing:.14em}.landing-copy b{margin-top:14px;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1;letter-spacing:-.04em}.landing-copy i{width:85%;height:7px;margin-top:17px;border-radius:5px;background:rgba(255,255,255,.25)}.landing-copy em{width:88px;height:31px;margin-top:22px;border-radius:9px;background:#ff6f3d;box-shadow:0 10px 26px rgba(255,111,61,.4)}.landing-meter{position:absolute;right:30px;bottom:35px;display:flex;align-items:end;gap:6px;height:75px}.landing-meter span{width:8px;border-radius:5px;background:linear-gradient(#ffb09a,#7e48df)}.landing-meter span:first-child{height:35%}.landing-meter span:nth-child(2){height:68%}.landing-meter span:last-child{height:100%}
.preview-3d{background:#070a12;perspective:800px}.space-grid{position:absolute;inset:50% -20% -30%;background-image:linear-gradient(rgba(78,255,218,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(78,255,218,.14) 1px,transparent 1px);background-size:40px 40px;transform:rotateX(65deg);transform-origin:top}.space-glow{position:absolute;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(90,72,255,.45),transparent 65%);filter:blur(15px)}.cube-mini{position:absolute;left:50%;top:48%;width:96px;height:96px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-22deg) rotateY(35deg);animation:mini-spin 9s linear infinite}.face{position:absolute;inset:0;border:1px solid rgba(120,255,229,.72);background:linear-gradient(135deg,rgba(96,73,255,.35),rgba(41,255,207,.08));box-shadow:inset 0 0 30px rgba(87,235,255,.1)}.face.front{transform:translateZ(48px)}.face.back{transform:rotateY(180deg) translateZ(48px)}.face.right{transform:rotateY(90deg) translateZ(48px)}.face.left{transform:rotateY(-90deg) translateZ(48px)}.face.top{transform:rotateX(90deg) translateZ(48px)}.face.bottom{transform:rotateX(-90deg) translateZ(48px)}.orbit-mini{position:absolute;left:50%;top:48%;width:210px;height:76px;border:1px solid rgba(67,237,204,.35);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}@keyframes mini-spin{to{transform:translate(-50%,-50%) rotateX(-22deg) rotateY(395deg)}}
.preview-shop{padding:28px 25px;background:#eae3d9}.shop-top{height:25px;display:flex;align-items:center;justify-content:space-between}.shop-top i{width:72px;height:7px;background:#27231f}.shop-top span{width:120px;height:5px;background:#c4b9aa}.shop-top b{width:22px;height:22px;border:1px solid #8a7f71;border-radius:50%}.shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.shop-products>div{min-width:0;height:205px;padding:10px;background:#f7f3ed}.shop-products i,.shop-products b{display:block;height:5px;margin-top:8px;background:#bdb3a6;border-radius:4px}.shop-products b{width:55%;background:#423a33}.product-shape{position:relative;display:block;height:140px;background:#e6ddd1}.product-shape.lamp:before{content:"";position:absolute;width:54px;height:68px;left:50%;top:28px;transform:translateX(-50%);background:#2b6d6a;border-radius:50% 50% 22% 22%}.product-shape.lamp:after{content:"";position:absolute;width:6px;height:37px;left:50%;bottom:9px;background:#5b5045;box-shadow:-22px 35px 0 20px #cbbba7}.product-shape.chair:before{content:"";position:absolute;width:64px;height:58px;left:50%;top:37px;transform:translateX(-50%);background:#b25e45;border-radius:27px 27px 8px 8px;box-shadow:0 31px 0 -16px #854430}.product-shape.vase:before{content:"";position:absolute;width:56px;height:83px;left:50%;bottom:18px;transform:translateX(-50%);background:#d6a747;border-radius:16px 16px 28px 28px;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}
.contact-band{position:relative;overflow:hidden;padding:90px 0;color:#fff;background:#0a1730}.contact-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.contact-inner{position:relative;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.contact-inner h2{max-width:760px;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em}.contact-inner p:not(.eyebrow){margin:15px 0 0;color:#b9c6da}.eyebrow.light{color:#65d8e3}.button-light{min-width:190px;color:var(--ink);background:#fff}.site-footer{padding:76px 0 25px;color:#c4cede;background:#07101f}.footer-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px;padding-bottom:55px}.footer-brand p{max-width:310px;color:#8f9cb0;font-size:.92rem}.site-footer .brand{color:#fff}.footer-col h3{margin:0 0 18px;color:#fff;font-size:.85rem}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li+li{margin-top:9px}.footer-col a{color:#9dabbf;font-size:.9rem}.footer-col a:hover,.footer-bottom a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#7f8da1;font-size:.8rem}.footer-bottom div{display:flex;gap:22px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.portfolio-hero{min-height:520px}.section-heading{grid-template-columns:1fr;gap:18px}.project-grid{grid-template-columns:1fr}.preview{height:350px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.contact-inner{grid-template-columns:1fr}.contact-inner .button{justify-self:start}}
@media(max-width:600px){.container{width:min(100% - 28px,1160px)}.header-inner{height:68px}.mobile-menu{top:68px}.hero-inner{padding:58px 0 76px}.breadcrumbs{margin-bottom:34px}.portfolio-hero h1{font-size:2.45rem}.projects-section{padding:78px 0}.project-grid{gap:20px}.preview{height:260px}.project-body{padding:23px 20px 25px}.meta-row{align-items:flex-start;flex-direction:column}.presentation-canvas{inset:47px 14px 22px;padding:18px}.landing-copy{left:25px;top:45px}.landing-meter{right:22px}.shop-products{gap:5px}.shop-products>div{padding:5px;height:178px}.product-shape{height:120px}.contact-band{padding:70px 0}.footer-top{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.footer-bottom div{flex-wrap:wrap}.mini-browser{height:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}