:root{--wd-cream: #f2ede6;--wd-black: #0D0D0D;--wd-orange: #E8500A;--wd-gray: #8A8A8A;--proj-01-bg: #1C2B3A;--proj-02-bg: #2A1A0E;--proj-03-bg: #0F1E18;--proj-04-bg: #1A0A2E;--wd-left-w: 40%;--wd-right-w: 60%;--wd-left-pad-h: clamp(32px, 5vw, 80px);--wd-left-pad-v: clamp(80px, 8vh, 120px)}body.page-web-design,body.page-web-design .cursor-dot{background:var(--wd-black)}body.page-web-design .cursor-ring{border-color:#0d0d0d4d}body.page-web-design .nav{background:transparent}body.page-web-design .nav.scrolled{background:#f5f3eeeb;backdrop-filter:blur(12px)}body.page-web-design .nav__logo{color:var(--wd-black)}body.page-web-design .nav__hamburger span{background:var(--wd-black)}.wd-hero-trap{position:relative}.wd-hero-sticky{position:sticky;top:0;height:100vh;display:flex;overflow:hidden}.wd-hero__left{flex-shrink:0;width:var(--wd-left-w);height:100%;background:var(--wd-cream);display:flex;flex-direction:column;justify-content:space-between;padding:var(--wd-left-pad-v) var(--wd-left-pad-h);position:relative;z-index:2}.wd-hero__title-area{display:flex;flex-direction:column;gap:20px}.wd-hero__tagline-top{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--wd-gray)}.wd-hero__title{font-family:Barlow Condensed,Oswald,sans-serif;font-size:clamp(72px,10vw,148px);font-weight:900;font-style:normal;text-transform:uppercase;letter-spacing:-.03em;line-height:.87;color:var(--wd-black)}.wd-title-line{display:block}.wd-hero__bottom{display:flex;flex-direction:column;gap:24px}.wd-hero__tagline{font-family:Poppins,sans-serif;font-size:clamp(14px,1.3vw,17px);font-weight:300;line-height:1.65;color:var(--wd-black);opacity:.72;max-width:300px}.wd-hero__divider{width:100%;height:1px;background:#0d0d0d26}.wd-hero__socials{display:flex;gap:clamp(14px,2.5vw,36px);flex-wrap:wrap}.wd-social-link{font-family:Barlow Condensed,Oswald,sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--wd-black);opacity:.38;transition:opacity .22s,color .22s;cursor:none}.wd-social-link:hover{opacity:1;color:var(--wd-orange)}.wd-hero__right{flex-shrink:0;width:var(--wd-right-w);height:100%;overflow:hidden;position:relative;transition:background-color .6s ease;background-color:var(--proj-01-bg)}.wd-hero__track{display:flex;height:100%;will-change:transform}.wd-slide{flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,4vh,56px) clamp(28px,4vw,64px)}.wd-slide__bg{position:absolute;inset:0;z-index:0}.wd-slide__img-wrap{position:absolute;inset:0;z-index:1;clip-path:inset(0 0 100% 0)}.wd-slide__img{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1.06);transform-origin:bottom center}.wd-slide__img-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.97) 0%,rgba(0,0,0,.55) 25%,transparent 45%);pointer-events:none;z-index:1}.wd-slide__meta{position:relative;z-index:2;display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:14px}.wd-meta__year{font-family:Barlow Condensed,Oswald,sans-serif;font-size:clamp(10px,.9vw,12px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:4px 12px}.wd-meta__category{font-family:Barlow Condensed,Oswald,sans-serif;font-size:clamp(10px,.9vw,12px);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff9}.wd-meta__desc{font-family:Poppins,sans-serif;font-size:clamp(11px,.9vw,13px);font-weight:300;line-height:1.5;color:#ffffff73;max-width:260px}.wd-slide__name{position:relative;z-index:2;font-family:Barlow Condensed,Oswald,sans-serif;font-size:clamp(44px,6.5vw,92px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.88;color:#fff}.wd-slide__link{position:absolute;bottom:clamp(20px,4vh,56px);right:clamp(28px,4vw,64px);z-index:3;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;transition:border-color .3s,background .3s,transform .35s;cursor:none}.wd-slide__link:hover{border-color:var(--wd-orange);background:var(--wd-orange);transform:rotate(45deg)}.wd-slide .wd-slide__name,.wd-slide .wd-meta__year,.wd-slide .wd-meta__category,.wd-slide .wd-meta__desc{opacity:0;transform:translateY(20px)}.wd-hero__indices{position:absolute;bottom:clamp(20px,3.5vh,44px);left:0;right:0;display:flex;justify-content:center;gap:clamp(24px,4.5vw,72px);z-index:10;pointer-events:none}.wd-index{font-family:Barlow Condensed,Oswald,sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;color:#ffffff40;transition:color .4s ease,opacity .4s ease}.wd-index--active{color:#ffffffe6}@media (max-width: 1100px){:root{--wd-left-w: 44%;--wd-right-w: 56%}}.wd-cta{background:#0d0818;display:flex;align-items:center;justify-content:center;padding:clamp(80px,14vh,140px) clamp(40px,8vw,120px);text-align:center;overflow:hidden;position:relative}.wd-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 65%,rgba(83,38,112,.5) 0%,transparent 70%);pointer-events:none}.wd-cta__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(22px,4vh,44px)}.wd-cta__eyebrow{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#ffffff61}.wd-cta__headline{font-family:Barlow Condensed,Oswald,sans-serif;font-size:clamp(64px,11vw,160px);font-weight:900;font-style:normal;text-transform:uppercase;letter-spacing:-.03em;line-height:.88;color:#fff}.wd-cta__accent{color:#fcce15;display:block}.wd-cta__btn{display:inline-flex;align-items:center;gap:10px;font-family:Barlow Condensed,Oswald,sans-serif;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#0d0818;background:#fcce15;border-radius:100px;padding:16px 40px;transition:background .25s,transform .25s,gap .25s;cursor:none}.wd-cta__btn:hover{background:#fff;transform:scale(1.04);gap:15px}.wd-cta__btn svg{transition:transform .25s}.wd-cta__btn:hover svg{transform:translate(2px,-2px)}@media (max-width: 768px){.wd-hero-sticky{position:sticky;top:0;height:100vh;flex-direction:column}.wd-hero__left{width:100%;height:auto;flex-shrink:0;min-height:auto;padding:clamp(60px,9vh,84px) clamp(20px,5vw,28px) 16px;justify-content:flex-start;gap:6px}.wd-hero__title{font-size:clamp(40px,12vw,64px);line-height:.9}.wd-hero__tagline-top{font-size:10px;letter-spacing:.22em}.wd-hero__bottom{display:none}.wd-hero__right{width:100%;flex:1;height:auto;min-height:0;max-height:none}.wd-slide{display:flex}.wd-slide__name{font-size:clamp(36px,10vw,64px)}.wd-hero__indices{display:flex}.wd-social-link,.wd-slide__link{cursor:pointer}.wd-cta{padding:72px 28px}.wd-cta__btn{cursor:pointer}}.page-web-design .cursor-dot{background:var(--color-purple)}.page-web-design .cursor-ring{border-color:#53267099}.page-web-design .cursor-dot.is-hovering{background:var(--color-purple);width:20px;height:20px}