@layer reference {
:root{--cream:#f1eee8;--black:#070909;--muted:#a29f98}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--black);color:#f5f2ec;font-family:Manrope,Arial,sans-serif;font-size:0.75rem;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin:0}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #b6c89b;outline-offset:4px}.topbar{height:3.8125rem;padding:0 3.125rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:linear-gradient(100deg,#080a0a,#171a19);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:0.9375rem}.brand-mark{font-family:Arial,sans-serif;font-size:2rem;font-weight:400;letter-spacing:-0.3125rem;padding-right:0.375rem;line-height:1}.brand>span:last-child{border-left:1px solid #ffffff13;padding-left:0.75rem}.brand b{font-size:0.6875rem;display:block;font-weight:600}.brand small{display:block;color:#8e918d;font-size:0.4375rem}.main-nav{display:flex;gap:1.375rem;font-size:0.5625rem;color:#b6b7b3}.main-nav a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:0.9375rem;padding:0 1.0625rem;min-height:2.375rem;border:1px solid transparent;font-size:0.625rem;font-weight:600;border-radius:0.3125rem;white-space:nowrap;transition:background .2s}.button span{font-size:0.875rem}.button.light{color:#111;background:#f3f0e9;border-color:#e6e1d7}.button.light:hover{background:#d9d3c5}.button.outline{background:transparent;border-color:#ffffff43;color:#f2eee6}.button.outline:hover{background:#ffffff10}.top-cta{min-height:1.9375rem;border-radius:1.1875rem;font-size:0.5rem;padding:0 0.9375rem}.menu-toggle{display:none}.eyebrow{font-size:0.4375rem;letter-spacing:0.125rem;color:#9b9d97;font-weight:500}.hero{height:24.3125rem;position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;background:linear-gradient(90deg,#060808 0%,#060808ee 25%,#06080876 45%,transparent 70%),url('assets/portfolio-laptop.jpg') center 52%/cover}.hero-copy{position:relative;z-index:1;padding:1.75rem 0 0 3.125rem;width:31.25rem}.hero h1{font-size:2.25rem;line-height:.965;letter-spacing:-0.08125rem;font-weight:600;margin-top:0.625rem;margin-bottom:0.8125rem}.hero-text{font-size:0.75rem;line-height:1.0625rem;color:#b9bab4}.hero-actions{display:flex;gap:0.625rem;margin-top:1.125rem}.hero-stats{position:absolute;left:3.125rem;bottom:1.75rem;display:flex;z-index:1;gap:1.3125rem}.hero-stats div{padding-right:1.375rem;border-right:1px solid #ffffff12}.hero-stats div:last-child{border:0}.hero-stats b{display:block;font-size:0.8125rem;font-weight:600}.hero-stats span{font-size:0.5625rem;color:#878d86}.hero-handwriting{position:absolute;right:1.4375rem;top:6.75rem;font-family:cursive;font-style:italic;transform:rotate(-8deg);font-size:0.6875rem;line-height:1.12;color:#a1a299}.hero-handwriting span{font-size:2.625rem;display:block;margin:0.5rem 0 0 -0.625rem}.services{height:19.375rem;background:var(--cream);color:#101312;padding:1.5625rem 3.125rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.section-heading h2{font-size:1.75rem;line-height:1.02;font-weight:600;letter-spacing:-0.05rem;margin-top:0.4375rem}.section-heading>p{font-size:0.625rem;line-height:1.55;color:#777a74}.services .section-heading>p{margin-left:auto;margin-right:4.5625rem;margin-top:0.625rem}.text-link{border:0;background:transparent;padding:0;font-size:0.5625rem;font-weight:600;border-bottom:1px solid #7775;display:inline-flex;align-items:center;gap:0.4375rem;line-height:1.7}.text-link span{font-size:0.8125rem}.services .text-link{align-self:flex-start;margin-top:0.75rem;white-space:nowrap}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;margin-top:0.9375rem}.service-card{height:12.375rem;border-radius:0.5625rem;padding:0.9375rem;position:relative;overflow:hidden;background:#e6e2db}.service-card.dark{background:linear-gradient(140deg,#101413,#040606);color:#fff}.service-card h3{font-size:0.875rem;font-weight:600;line-height:1.1;letter-spacing:-0.01875rem;position:relative;z-index:2}.service-card>p{font-size:0.625rem;color:#747871;line-height:1.45;margin-top:0.5625rem;position:relative;z-index:2}.service-card.dark>p{color:#8e958d}.round{width:1.6875rem;height:1.6875rem;display:grid;place-items:center;border-radius:50%;border:1px solid currentColor;background:transparent;font-size:0.9375rem;padding:0}.service-card .round{position:absolute;bottom:0.6875rem;left:0.75rem;z-index:5;background:var(--cream);color:#1d201c;border:0}.service-card.pale .round{background:transparent;border:1px solid #494c46}.service-site{position:absolute;bottom:-1.375rem;right:-0.625rem;width:9.4375rem;height:7.375rem;border:1px solid #343b33;border-radius:0.3125rem;background:#0d100e;transform:rotate(-8deg);padding:0.5625rem}.mini-nav{font-size:0.25rem;color:#a7ac9d;display:flex;justify-content:space-between}.service-site>b{display:block;font-size:0.8125rem;line-height:1;margin:0.75rem 0 0.4375rem}.mini-images{display:flex;gap:0.1875rem}.mini-images i{height:1.375rem;width:30%;background:url('assets/atelier-interior.jpg') center/cover}.mini-images i:nth-child(2){background-image:url('assets/velvet-detailing.jpg')}.mini-images i:nth-child(3){background-image:url('assets/stone-facade.jpg')}.service-code{position:absolute;right:-0.5rem;bottom:-0.6875rem;height:6.9375rem;width:9.625rem;padding:0.4375rem;border-radius:0.375rem;background:#10171b;transform:rotate(-7deg);box-shadow:0 8px 18px #0003;color:#b1bdc4}.service-code>span{font-size:0.25rem;color:#7e918c}.service-code code{font-family:monospace;display:block;font-size:0.375rem;line-height:1.7;padding-top:0.4375rem;color:#e2ba85}.service-code code i{color:#85b4c9;font-style:normal}.service-code code em{color:#91b38f;font-style:normal}.service-chat{position:absolute;bottom:-1.5rem;left:3.875rem;width:6.125rem;height:7.8125rem;transform:rotate(-5deg);padding:0.5625rem;background:linear-gradient(135deg,#222d2a,#121715);border:1px solid #35403c;border-radius:0.4375rem;font-size:0.3125rem}.service-chat>div{color:#c6d3b3}.service-chat small{display:block;color:#80a677;font-size:0.25rem;margin-left:0.5rem}.service-chat p{padding:0.625rem 0;color:#bfc5bb}.service-chat>span{display:block;padding:0.3125rem;background:#323f36;border-radius:0.25rem;margin-top:0.25rem;font-size:0.25rem}.chat-icons{position:absolute;right:1.0625rem;bottom:1.375rem;width:1.75rem;font-size:1.1875rem;line-height:1.65;white-space:normal}.service-paper{position:absolute;bottom:-1.1875rem;right:0.1875rem;padding:0.875rem;width:8.625rem;height:7.125rem;background:#f7f4ef;box-shadow:0 8px 20px #0002;transform:rotate(-8deg);font-family:cursive;font-style:italic;font-size:0.9375rem;line-height:1.4;color:#575a53}.projects{height:22.875rem;padding:1.4375rem 3.125rem;background:radial-gradient(ellipse at 65% 80%,#141a17,#050707 60%);position:relative}.projects .section-heading>p{font-size:0.5625rem;margin-left:1.5625rem;color:#9ba199}.projects .section-heading .button{min-height:1.875rem;font-size:0.5rem;border-radius:0.625rem;padding:0 0.75rem}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.8125rem;margin-top:1.0625rem}.project-screen{display:block;border-radius:0.625rem;overflow:hidden;background:#191d1a}.screen-bar{height:1.9375rem;display:flex;align-items:center;justify-content:space-between;padding:0 0.75rem;font-size:0.625rem}.screen-bar span{font-size:0.375rem;color:#c4c8bf;border-radius:0.625rem;background:#ffffff12;padding:0.1875rem 0.4375rem}.frame-window{height:7.8125rem;margin:0 0.75rem;overflow:hidden;border-radius:0.3125rem 0.3125rem 0 0;position:relative}.frame-window iframe{position:absolute;top:0;left:0;width:1024px;height:650px;border:0;transform-origin:0 0;pointer-events:none;background:#171c18}.project-grid article>p{font-size:0.625rem;color:#a5aca2;line-height:1.45;margin-top:0.4375rem;min-height:2rem}.project-grid .text-link{font-size:0.5625rem;margin-top:0.25rem}.project-controls{position:absolute;right:3rem;bottom:1.25rem;display:flex;gap:0.5625rem;color:#929b8f}.project-controls .round{width:1.75rem;height:1.75rem;font-size:0.875rem}.process{height:10.6875rem;padding:1.3125rem 3.125rem;background:var(--cream);color:#0d100e}.process h2{font-size:1.75rem;line-height:1.1;letter-spacing:-0.05rem;font-weight:600;margin-top:0.375rem}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.125rem;margin-top:1.25rem}.process-steps article{display:flex;gap:0.8125rem;position:relative}.process-steps article>i{font-style:normal;border:1px solid #cdc8bf;border-radius:50%;width:2.375rem;height:2.375rem;display:grid;place-items:center;font-size:1.375rem;flex:none}.process-steps article>div>span{font-size:0.75rem}.process-steps h3{font-size:0.625rem;font-weight:700;margin-top:0.0625rem}.process-steps p{font-size:0.4375rem;line-height:1.5;color:#82847b;margin-top:0.3125rem}.process-steps article>b{position:absolute;top:0.0625rem;right:-0.5rem;font-weight:400;font-size:0.9375rem;color:#74796f}.contact{height:14.9375rem;position:relative;overflow:hidden;padding:1.5rem 3.125rem}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,#060908e8,#06090886 48%,#060908c4 100%),url('assets/desk.jpg') center 60%/cover}.contact-copy{position:relative;z-index:1}.availability{display:inline-block;border:1px solid #ffffff18;border-radius:1.125rem;padding:0.3125rem 0.75rem;font-size:0.4375rem;letter-spacing:0.04375rem}.contact h2{font-size:1.9375rem;letter-spacing:-0.0625rem;font-weight:600;line-height:1.1;margin-top:0.5rem}.contact-copy>p{font-size:0.8125rem;color:#b8beb4;line-height:1.45;margin-top:0.4375rem}.contact-actions{display:flex;gap:0.625rem;margin-top:1rem}.contact-actions .button{font-size:0.625rem;height:2.375rem}.author-card{position:absolute;top:1.5rem;right:2.75rem;width:13.5625rem;height:9.1875rem;background:#191e1cbf;border:1px solid #ffffff09;border-radius:0.4375rem;padding:0.8125rem}.author-card>div{display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;border-bottom:1px solid #ffffff12}.avatar{width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;font-size:0.5625rem;background:linear-gradient(145deg,#aaa08c,#363c34)}.author-card>div>span:last-child{font-size:0.5625rem;margin-left:auto;color:#787e74}.author-card b{display:block;font-size:0.5625rem;font-weight:600}.author-card small{display:block;font-size:0.4375rem;color:#707b70}.author-card>p{font-size:0.5625rem;line-height:1.5;color:#a4ada1;padding-top:0.5rem}.signature{display:block;text-align:right;font-family:cursive;font-style:italic;color:#bdc5b9;font-size:1.125rem;transform:rotate(-8deg);margin-top:0.25rem}.socials{position:absolute;right:9.0625rem;bottom:2rem;display:flex;gap:0.875rem;font-size:0.6875rem}.socials button{background:transparent;border:0;padding:0;font-size:inherit}.contact-dialog,.quiz-dialog{background:#171b18;color:#eeeae2;width:min(520px,calc(100% - 32px));border:1px solid #444b41;border-radius:10px;padding:34px;font-size:14px}.contact-dialog::backdrop,.quiz-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:12px}dialog h2{font-size:25px;letter-spacing:-1px;font-weight:500;margin-bottom:23px}.dialog-close{position:absolute;right:14px;top:9px;font-size:27px;border:0;background:transparent;color:#b4b7ad}dialog .button{font-size:12px;min-height:42px;padding:0 17px;gap:15px;border-radius:4px}dialog form{display:grid;gap:15px}dialog label{display:grid;gap:6px;font-size:10px;color:#b9c0b3}dialog input,dialog textarea{width:100%;background:#ffffff05;border:1px solid #4b5148;border-radius:4px;padding:11px;color:#fff;outline:none;font-size:13px}dialog input:focus,dialog textarea:focus{border-color:#a8b899}dialog form>small{font-size:9px;color:#7a8375}.form-status{font-size:11px;color:#bacaa8}.quiz-progress{height:2px;background:#394035;margin-bottom:23px}.quiz-progress span{height:100%;background:#c3d2b2;display:block;width:33%}.quiz-options{display:grid;gap:8px;margin-bottom:24px}.quiz-option{padding:13px 15px;border:1px solid #41483c;background:transparent;text-align:left;color:#ddd;font-size:12px}.quiz-option.selected{border-color:#adbd9a;background:#d3e7b20b}.quiz-controls{display:flex;justify-content:space-between}.quiz-controls button:disabled{opacity:.35}
@media(max-width:700px){:root{}.topbar{height:65px;padding:0 22px}.brand-mark{font-size:30px}.brand b{font-size:12px}.brand small{font-size:7px}.top-cta{display:none}.menu-toggle{display:block;background:transparent;border:0;font-size:22px}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;padding:23px;background:#111611;flex-direction:column;font-size:14px;gap:17px}.main-nav.is-open{display:flex}.hero{height:660px}.hero-background{background-position:65% bottom;background-size:auto 85%;background-repeat:no-repeat;background-color:#060808;background-image:linear-gradient(180deg,#060808 0%,#060808dc 34%,#06080840 70%),url('assets/portfolio-laptop.jpg')}.hero-copy{padding:32px 22px 0;width:100%}.hero h1{font-size:34px;line-height:1;letter-spacing:-1px}.hero-text{font-size:10px;line-height:16px}.hero-actions{margin-top:20px}.hero-stats{left:22px;right:22px;bottom:25px;gap:12px;justify-content:space-between;flex-wrap:wrap}.hero-stats div{padding-right:10px}.hero-stats b{font-size:11px}.hero-stats span{font-size:7px}.hero-handwriting{display:none}.services,.projects,.process,.contact{height:auto;padding:34px 22px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}.section-heading h2,.process h2{font-size:27px}.section-heading>p{font-size:10px}.services .section-heading>p{margin:0;order:3;width:100%}.services .text-link{margin-top:9px}.service-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.service-card{height:205px;padding:13px}.service-card h3{font-size:13px}.service-card>p{font-size:9px}.projects .section-heading>p{margin:0}.projects .section-heading .button{display:none}.project-grid{grid-template-columns:1fr 1fr;gap:22px 12px;margin-top:22px}.screen-bar{font-size:9px;padding:0 8px}.screen-bar span{font-size:5px;padding:2px 4px}.frame-window{margin:0 7px;height:110px}.project-grid article>p{font-size:9px}.project-controls{position:static;justify-content:flex-end;margin-top:18px}.process-steps{grid-template-columns:1fr 1fr;gap:25px 12px;margin-top:24px}.process-steps article{gap:8px}.process-steps article>i{width:31px;height:31px;font-size:19px}.process-steps h3{font-size:9px}.process-steps p{font-size:8px}.process-steps article>b{display:none}.contact{min-height:450px}.contact h2{font-size:29px}.contact-copy>p{font-size:11px}.contact-actions{gap:8px}.contact-actions .button{font-size:9px;padding:0 10px;gap:8px}.author-card{position:relative;top:auto;right:auto;width:100%;height:150px;margin-top:25px;padding:15px}.author-card>p{font-size:10px}.author-card b{font-size:11px}.author-card small{font-size:9px}.author-card .avatar{height:30px;width:30px}.socials{bottom:20px;right:30px}.contact-bg{background-position:60% center}.eyebrow{font-size:7px}.contact-dialog,.quiz-dialog{padding:28px 23px}}
@media(min-width:701px){.hero-background{background-color:#060808;background-image:linear-gradient(90deg,#060808 0%,#060808e8 28%,#06080838 52%,transparent 72%),url('assets/portfolio-laptop.jpg');background-size:100% 100%,45rem auto;background-repeat:no-repeat;background-position:center,right center}.contact-bg{background-color:#060908;background-image:linear-gradient(90deg,#060908ef 12%,#06090880 46%,#060908b8 100%),url('assets/desk.jpg');background-size:100% 100%,40.625rem auto;background-repeat:no-repeat;background-position:center,right center}}
@media(min-width:701px){.hero-background{background-size:100% 100%,56.25rem auto;background-position:center,calc(100% - 5rem) center}.main-nav{position:absolute;left:21.875rem;width:20.0625rem;justify-content:space-between;gap:0}.topbar{padding-right:2.25rem}.top-cta{width:7.75rem;padding:0;font-size:0.53125rem}.services .section-heading>p{position:absolute;left:29.4375rem;top:1rem;margin:0}.projects .section-heading>p{position:absolute;left:29.4375rem;top:1.5625rem;margin:0}.project-grid{margin-top:0.8125rem}.screen-bar{height:2.3125rem}.frame-window{height:7.625rem}.process-steps{margin-top:1rem}}

}