@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0b09;--surface:#14120f;--surface-2:#1b1813;--text:#f4f0e8;--muted:#9d978c;--gold:#69f;--gold-bright:#a6c4ff;--line:#78a4ff2b;--line-strong:#78a4ff75;--shadow:0 28px 80px #00000057;--radius:28px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f0e8;--surface:#fbf8f1;--surface-2:#eee7db;--text:#201d18;--muted:#716b61;--gold:#3566c5;--gold-bright:#214eaa;--line:#3566c529;--line-strong:#3566c56b;--shadow:0 28px 80px #49361b1a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Manrope,system-ui,sans-serif;transition:background .4s,color .4s}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(50% 32% at 50% 4%,#3a69ca29,#0000 72%),radial-gradient(circle at 12% 42%,#4880e612,#0000 28%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}main,footer{z-index:1;width:min(920px,100% - 32px);margin-inline:auto;position:relative}.pixel-field{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(65% 40% at 50% 38%,#2c58b217,#0000 72%);position:fixed;inset:0;overflow:hidden}.pixel-field__layer{opacity:.14;will-change:transform;background-image:radial-gradient(circle,#8bb1ffb3 1px,#0000 1.55px);background-size:42px 42px;animation:26s ease-in-out infinite pixel-wave-one;display:block;position:absolute;inset:-18%;transform:translate(0,0);-webkit-mask-image:radial-gradient(72% 52% at 50% 44%,#000 8%,#0000 78%);mask-image:radial-gradient(72% 52% at 50% 44%,#000 8%,#0000 78%)}.pixel-field__layer--two{opacity:.11;background-image:radial-gradient(circle,#5c8ef49e 1px,#0000 1.6px);background-size:68px 68px;animation:34s ease-in-out infinite pixel-wave-two}.pixel-field__layer--three{opacity:.08;background-image:radial-gradient(circle,#b1cbff9e 1px,#0000 1.5px);background-size:104px 104px;animation:42s ease-in-out infinite pixel-wave-three}.theme-toggle{z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:99px;width:54px;height:30px;padding:3px;position:fixed;top:24px;right:max(24px,50vw - 460px);box-shadow:0 8px 30px #00000026}.theme-toggle__knob{background:var(--gold);width:22px;height:22px;color:var(--bg);border-radius:50%;place-items:center;transition:transform .35s,background .35s;display:grid}[data-theme=light] .theme-toggle__knob{transform:translate(24px)}.theme-toggle svg{width:13px;height:13px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:min(760px,100svh);padding:96px 0 42px;animation:.8s cubic-bezier(.2,.8,.2,1) both hero-in;display:flex}.monogram{border:1px solid var(--line-strong);background:linear-gradient(145deg,#151c29,#0b0d12);border-radius:50%;place-items:center;width:116px;height:116px;margin-bottom:28px;display:grid;position:relative;box-shadow:inset 0 0 30px #588bee17,0 0 50px #588bee26}.monogram:before,.monogram:after{content:"";border-radius:inherit;border:1px solid #78a4ff4d;animation:4.5s ease-in-out infinite ring;position:absolute;inset:-9px}.monogram:after{opacity:.25;animation-delay:-2.25s;inset:-16px}.monogram__photo{border:3px solid var(--bg);border-radius:50%;width:100%;height:100%;overflow:hidden}.monogram img{object-fit:cover;object-position:50% 50%;transform-origin:50% 39%;border-radius:50%;width:100%;height:100%;display:block;transform:scale(2.15)}.hero__overline,.contact__label,.section-heading>p,.detail__number{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:600}.hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(46px,8vw,76px);font-weight:600;line-height:.98}.hero__role{color:var(--gold-bright);letter-spacing:-.035em;margin:18px 0 20px;font-size:clamp(20px,4vw,29px)}.hero__role i{font-family:Playfair Display,serif;font-weight:500}.hero__intro{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.socials{gap:10px;margin-top:30px;display:flex}.socials a{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#ffffff06;border-radius:99px;align-items:center;gap:9px;padding:0 17px;font-size:13px;transition:border-color .25s,color .25s,transform .25s,box-shadow .25s;display:flex}.socials a:hover{border-color:var(--line-strong);color:var(--text);transform:translateY(-2px);box-shadow:0 0 26px #5084e821}.socials svg{width:17px;height:17px}.scroll-cue{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;flex-direction:column;align-items:center;gap:9px;margin-top:54px;font-size:10px;display:flex}.scroll-cue b{color:var(--gold);font-size:20px;font-weight:400;animation:1.8s ease-in-out infinite arrow}.projects{padding:110px 0 80px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.section-heading>p{margin:0 0 9px}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,7vw,56px);line-height:1}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);content-visibility:auto;contain-intrinsic-size:auto 620px;transition:transform .35s,border-color .35s,box-shadow .35s,opacity .6s;overflow:hidden}.project-card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 32px 90px #0006,0 0 42px #5084e817}.project-card__body{flex-direction:column;min-height:342px;padding:23px 24px 24px;display:flex}.eyebrow{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.eyebrow span:last-child{color:var(--muted)}.project-card h3{letter-spacing:-.045em;margin:13px 0 10px;font-size:clamp(25px,3.1vw,32px);line-height:1.1}.project-card h3 a:hover{color:var(--gold-bright)}.project-card__body>p{max-width:730px;color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.tags{flex-wrap:wrap;gap:7px;margin:21px 0 0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);color:var(--muted);letter-spacing:.03em;border-radius:99px;padding:7px 11px;font-size:10px}.project-card__actions,.detail__actions,.contact__actions{gap:9px;margin-top:22px;display:flex}.project-card__actions{margin-top:auto;padding-top:22px}.project-card__actions .button{flex:1;gap:10px;min-width:0;padding-inline:14px}.button{border:1px solid var(--line);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;gap:22px;min-height:48px;padding:0 18px;font-size:12px;font-weight:600;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.button:hover span{transform:translate(2px,-1px)}.button span{color:var(--gold);transition:transform .25s}.button--primary{background:var(--text);color:var(--bg);border-color:var(--text)}.button--primary span{color:currentColor}.button--secondary{background:var(--surface-2)}.button svg{width:16px;height:16px}.carousel{background:#090806}.carousel__viewport{aspect-ratio:16/9;position:relative;overflow:hidden}.carousel__track{height:100%;transition:transform .6s cubic-bezier(.22,.75,.2,1);display:flex}.carousel__slide{background:#0a0907;flex:0 0 100%;place-items:center;min-width:0;display:grid}.carousel__slide img{object-fit:contain;width:100%;height:100%;display:block}.carousel__wash{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #00000024}.carousel__counter{color:#d9d4ca;letter-spacing:.15em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080706ad;border:1px solid #ffffff2e;border-radius:99px;padding:7px 10px;font-size:9px;position:absolute;bottom:15px;left:16px}.carousel__arrow{color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0807069e;border:1px solid #fff3;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:opacity .25s,background .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel:hover .carousel__arrow,.carousel:focus-within .carousel__arrow{opacity:1}.carousel__arrow:hover{background:#305eb8e0}.carousel__arrow--prev{left:16px}.carousel__arrow--next{right:16px}.carousel__dots{background:var(--surface);border-top:1px solid #ffffff0d;justify-content:center;gap:7px;padding:12px 0 13px;display:flex}.carousel__dots button{background:var(--muted);opacity:.35;cursor:pointer;border:0;border-radius:99px;width:5px;height:5px;padding:0;transition:width .3s,background .3s,opacity .3s}.carousel__dots button.is-active{background:var(--gold);opacity:1;width:22px}.collection-marker{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:160px 1fr;align-items:center;gap:30px;margin:52px 0 8px;padding:26px 2px 0;display:grid}.collection-marker>span{color:var(--gold);letter-spacing:.17em;text-transform:uppercase;font-size:9px}.collection-marker h3{letter-spacing:-.025em;margin:0 0 5px;font-size:18px}.collection-marker p{color:var(--muted);margin:0;font-size:12px}.contact{border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(135deg, var(--surface), color-mix(in srgb, var(--surface) 86%, var(--gold)));grid-template-columns:120px 1fr;align-items:start;gap:16px 35px;margin-top:68px;margin-bottom:80px;padding:42px;display:grid;box-shadow:0 0 80px #3969c917}.contact__label{margin-top:8px}.contact h2{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(35px,6vw,52px)}.contact p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.contact__actions{grid-column:2}footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.04em;justify-content:space-between;padding:26px 0 40px;font-size:11px;display:flex}footer a{color:var(--gold)}.detail{padding-top:120px}.detail__header{padding:0 0 38px}.back-link{color:var(--muted);margin-bottom:76px;font-size:12px;transition:color .2s,transform .2s;display:inline-flex}.back-link:hover{color:var(--gold);transform:translate(-3px)}.detail__number{margin-bottom:13px}.detail__header h1{letter-spacing:-.065em;margin:0 0 24px;font-size:clamp(50px,10vw,86px);line-height:.98}.detail__header .tags{max-width:700px}.detail__actions .button{min-width:190px}.carousel--large{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.carousel--large .carousel__viewport{aspect-ratio:16/9}.detail__grid{border-top:1px solid var(--line);margin:72px 0 90px}.detail__section{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:32px;padding:36px 0;display:grid}.detail__section>span{color:var(--gold);letter-spacing:.15em;font-size:10px}.detail__section h2{letter-spacing:-.035em;margin:-6px 0 10px;font-size:24px}.detail__section p{max-width:650px;color:var(--muted);margin:0;font-size:15px;line-height:1.75}.next-project{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:12px;margin-bottom:84px;padding:34px 0;display:flex}.next-project>span{color:var(--gold);letter-spacing:.17em;text-transform:uppercase;font-size:9px}.next-project a{letter-spacing:-.04em;justify-content:space-between;align-items:center;font-size:clamp(28px,5vw,44px);display:flex}.next-project b{color:var(--gold);font-weight:400;transition:transform .25s}.next-project a:hover b{transform:translate(6px)}.reveal{opacity:0;transform:translateY(22px)}.reveal.is-visible{opacity:1;transition:opacity .7s,transform .7s cubic-bezier(.2,.75,.2,1);transform:none}@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}}@keyframes ring{0%,to{opacity:.2;transform:scale(.98)}50%{opacity:.65;transform:scale(1.04)}}@keyframes arrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes pixel-wave-one{0%,to{transform:translate(-1.5%,-1%)}50%{transform:translate(1.5%,1%)}}@keyframes pixel-wave-two{0%,to{transform:translate(2%,-1.5%)}50%{transform:translate(-2%,1.5%)}}@keyframes pixel-wave-three{0%,to{transform:translate(-1%,2%)}50%{transform:translate(1%,-2%)}}@media (width<=680px){main,footer{width:min(100% - 22px,920px)}.theme-toggle{top:15px;right:14px}.hero{min-height:760px;padding-inline:14px}.monogram{width:90px;height:90px}.hero h1{font-size:44px}.hero__role{font-size:20px}.desktop-break{display:none}.socials{flex-wrap:wrap;justify-content:center;width:100%}.socials a{flex:92px;justify-content:center;padding-inline:12px}.projects{padding-top:72px}.section-heading{display:block}.section-heading>p{margin-bottom:12px}.project-list{grid-template-columns:1fr;gap:16px}.project-card{border-radius:21px}.project-card__body{min-height:0;padding:23px 20px 21px}.eyebrow span:last-child{display:none}.project-card h3{font-size:29px}.project-card__actions,.detail__actions,.contact__actions{flex-direction:column}.button{width:100%}.carousel__arrow{opacity:1;width:34px;height:34px}.carousel__arrow--prev{left:10px}.carousel__arrow--next{right:10px}.carousel__counter{bottom:12px;left:12px}.collection-marker{grid-template-columns:1fr;gap:10px;margin-top:52px;padding-inline:8px}.contact{grid-template-columns:1fr;padding:29px 23px}.contact__actions{grid-column:1}.detail{padding-top:94px}.back-link{margin-bottom:54px}.detail__header h1{font-size:49px}.detail__actions .button{min-width:0}.carousel--large{border-radius:20px}.detail__grid{margin-top:52px}.detail__section{grid-template-columns:36px 1fr;gap:12px}.pixel-field__layer{opacity:.1;background-size:46px 46px;animation-duration:38s}.pixel-field__layer--three{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}