@import "https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Jost:wght@300;400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap";
:root{--resin-pour:#c8811a;--resin-honey:#e8a83e;--resin-glow:#f5c96a;--resin-cream:#faf0dc;--resin-blush:#f7e8d0;--clay-terracotta:#c4673a;--clay-rust:#a84b2a;--clay-sand:#e8c9a0;--clay-parchment:#f2e3c8;--glass-frost:#fffaf08c;--glass-smoke:#dcc8af61;--glass-shadow:#7846142e;--glass-highlight:#ffebc8cc;--glass-edge:#c8965059;--ink-walnut:#3b1f0e;--ink-bark:#6b3a20;--ink-wood:#9e6b43;--ink-grain:#c4a882;--layer-0:#faf0dc;--layer-1:#f5e4c3;--layer-2:#fff5dcb8;--layer-3:#fffaebe6;--font-display:"Cormorant Garamond", "Palatino Linotype", Georgia, serif;--font-body:"DM Serif Text", "Book Antiqua", Georgia, serif;--font-ui:"Jost", "Gill Sans", Futura, sans-serif;--font-mono:"Courier Prime", "Courier New", monospace;--text-xs:.64rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.56rem;--text-xl:1.95rem;--text-2xl:2.44rem;--text-3xl:3.05rem;--text-hero:4.77rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-pill:100px;--ease-pour:cubic-bezier(.23, 1, .32, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-press:cubic-bezier(.22, .68, 0, 1.2);--ease-reveal:cubic-bezier(.16, 1, .3, 1);--dur-instant:.12s;--dur-quick:.2s;--dur-standard:.32s;--dur-slow:.48s;--dur-pour:.6s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--layer-0);color:var(--ink-walnut);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.75}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--clay-rust);margin-bottom:var(--space-4);font-weight:400;line-height:1.1}a{color:inherit;text-decoration:none}
.hero{background:var(--resin-cream);place-items:center;min-height:100svh;padding-top:100px;padding-bottom:40px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(at 40% 40%,#e8a83e38 0%,#c8811a1a 40%,#0000 70%);border-radius:40% 60% 55% 45%/50% 45% 55% 50%;width:70vw;height:70vw;animation:14s ease-in-out infinite alternate blobDrift;position:absolute;top:-20%;right:-15%}.hero:after{content:"";background:radial-gradient(at 60% 60%,#c4673a24 0%,#0000 65%);border-radius:60% 40% 45% 55%/45% 55% 50% 50%;width:50vw;height:50vw;animation:18s ease-in-out infinite alternate-reverse blobDrift;position:absolute;bottom:-10%;left:-10%}.hero-glass-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(28px)saturate(170%)brightness(1.04);background:#fff8e885;border:1px solid #d2a2584d;border-radius:32px;max-width:720px;padding:56px 64px;position:relative;box-shadow:inset 0 2px #fff5d7e6,inset 1px 0 #ffeec873,0 20px 60px #64370f2e,0 4px 16px #50280a1f}.hero-eyebrow{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--resin-pour);margin-bottom:20px;font-size:11px;font-weight:500}.hero-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--clay-rust);margin-bottom:24px;font-size:clamp(2.8rem,6vw,4.5rem);font-style:italic;font-weight:300;line-height:1.08}.hero-sub{font-family:var(--font-body);font-size:var(--text-md);color:var(--ink-bark);max-width:480px;margin:0 auto 40px;line-height:1.7}.glass-panel{background:var(--glass-frost);-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #fff0d2d9, inset 1px 0 0 #ffebc366, 0 4px 24px var(--glass-shadow), 0 1px 4px #64370f1a;border-radius:var(--radius-lg)}.glass-panel--chat{-webkit-backdrop-filter:blur(24px)saturate(180%)brightness(1.05);backdrop-filter:blur(24px)saturate(180%)brightness(1.05);background:#fff8e89e;border-radius:24px 24px 8px;box-shadow:inset 0 1px #fff5d7e6,0 8px 40px #64370f33,0 2px 8px #50280a1f}.glass-panel--nav{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-radius:var(--radius-pill);background:#faf0dcc7;border:1px solid #c896464d;box-shadow:inset 0 1px #fff5d2cc,0 4px 20px #643c1426}.clay-button{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:#faf0dc;transition:all var(--dur-quick) var(--ease-spring);cursor:pointer;background:linear-gradient(145deg,#e08844,#c4673a);border:none;border-radius:16px;box-shadow:6px 6px 16px #78320f59,-3px -3px 10px #f0b96e80,inset 0 1px #ffd2a099}.clay-button:hover{transform:translateY(-2px);box-shadow:8px 10px 22px #78320f66,-4px -4px 14px #f0b96e8c,inset 0 1px #ffd7a5b3}.clay-button:active{transform:translateY(1px)scale(.985);box-shadow:2px 3px 8px #78320f4d,-1px -1px 5px #f0b96e59,inset 0 2px 4px #64280a33}.clay-card{background:var(--clay-parchment);transition:all var(--dur-standard) var(--ease-pour);border:1px solid #c89b5540;border-radius:24px;box-shadow:10px 10px 28px #6e370f33,-6px -6px 18px #fff0d2e6,inset 0 1px #fff8e4cc}.clay-card:hover{transform:translateY(-4px)scale(1.005);box-shadow:14px 16px 36px #6e370f47,-8px -8px 22px #fff0d2f2,inset 0 1px #fff8e4d9}.nav-pill{z-index:1000;-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);width:auto;max-width:92vw;transition:all .4s var(--ease-spring);background:#faf0dad1;border:1px solid #c894464d;border-radius:100px;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff6dce6,0 4px 24px #64371438,0 1px 4px #50280a1f}.nav-container{align-items:center;padding:6px 10px;display:flex}.nav-header{align-items:center;display:flex}.nav-logo{font-family:var(--font-display);color:var(--clay-rust);margin-left:12px;font-size:1.2rem;font-weight:700;text-decoration:none;display:none}.nav-logo span{color:var(--resin-pour);font-style:italic;font-weight:300}.nav-menu{align-items:center;gap:2px;display:flex}.nav-toggle{cursor:pointer;background:#c8811a1a;border:none;border-radius:50%;margin:4px;padding:12px;display:none}.nav-toggle__icon{flex-direction:column;justify-content:space-between;width:18px;height:12px;display:flex;position:relative}.nav-toggle__icon span{background:var(--clay-rust);border-radius:2px;width:100%;height:1.5px;transition:all .3s;display:block}.nav-link{font-family:var(--font-ui);letter-spacing:.05em;color:var(--ink-bark);transition:all var(--dur-quick) ease;border-radius:100px;padding:8px 18px;font-size:13px;font-weight:400;text-decoration:none}.nav-link:hover{color:var(--clay-rust);background:#c8811a1f}.nav-link--active{color:var(--clay-rust);background:#c8811a26;box-shadow:inset 0 1px #ffe1aa80}.nav-cta{color:#faf0dc;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;transition:all var(--dur-quick) var(--ease-spring);cursor:pointer;background:linear-gradient(135deg,#d4723d,#b85928);border:none;border-radius:100px;margin-left:8px;padding:10px 22px;font-size:12px;box-shadow:4px 4px 12px #78320f4d,inset 0 1px #ffc89680}.nav-cta:hover{transform:scale(1.04);box-shadow:6px 6px 18px #78320f61,inset 0 1px #ffcd9b99}@media (max-width:768px){.nav-pill{border-radius:20px;width:calc(100% - 30px);top:15px}.nav-pill--open{background:#fffaf0fa;border-radius:28px}.nav-container{flex-direction:column;align-items:stretch;padding:8px}.nav-header{justify-content:space-between;width:100%;padding:4px 8px}.nav-logo,.nav-toggle{display:block}.nav-toggle--active .nav-toggle__icon span:first-child{width:100%;transform:translateY(5px)rotate(45deg)}.nav-toggle--active .nav-toggle__icon span:nth-child(2){opacity:0}.nav-toggle--active .nav-toggle__icon span:nth-child(3){width:100%;transform:translateY(-5px)rotate(-45deg)}.nav-menu{flex-direction:column;gap:8px;padding:20px 10px 15px;display:none}.nav-menu--open{display:flex}.nav-link{text-align:center;width:100%;padding:14px;font-size:15px}.nav-cta{width:100%;margin-top:12px;margin-left:0;padding:16px;font-size:13px}.nav-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:900;background:#2d190a4d;animation:.3s fadeIn;position:fixed;inset:0}}.service-card{background:var(--clay-parchment);border:1px solid #d2a25838;border-radius:28px;transition:transform .32s cubic-bezier(.23,1,.32,1),box-shadow .32s;position:relative;overflow:hidden;box-shadow:8px 10px 30px #64320f33,-4px -4px 16px #fff2d7d9,inset 0 1px #fff8e4b3}.service-card:hover{transform:translateY(-6px)rotate(.3deg);box-shadow:12px 18px 44px #64320f47,-6px -6px 22px #fff2d7e6,inset 0 1px #fffae6cc}.service-card__image{aspect-ratio:4/3;object-fit:cover;width:100%;position:relative}.service-card__image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#c8811a14 0%,#3c190873 100%);position:absolute;inset:0}.service-card__body{padding:24px 28px 28px}.service-card__tag{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--resin-pour);margin-bottom:10px;font-size:10px}.service-card__title{font-family:var(--font-display);color:var(--clay-rust);margin-bottom:10px;font-size:1.6rem;font-weight:400;line-height:1.15}.service-card__description{font-family:var(--font-body);color:var(--ink-bark);margin-bottom:20px;font-size:.95rem;line-height:1.7}.service-card__price{font-family:var(--font-display);color:var(--clay-rust);font-feature-settings:"tnum" 1;background:#c8811a1f;border:1px solid #c8811a47;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:1.15rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffdc9666}.testimonial{background:var(--glass-frost);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border:1px solid #c8944638;border-radius:24px;padding:36px 40px;position:relative;box-shadow:inset 0 1px #fff5dacc,6px 8px 28px #5a2d0c29}.testimonial:before{content:"“";font-family:var(--font-display);color:var(--resin-glow);opacity:.55;pointer-events:none;font-size:5rem;line-height:1;position:absolute;top:16px;left:28px}.testimonial__text{font-family:var(--font-body);color:var(--ink-bark);z-index:1;margin-bottom:24px;font-size:1.05rem;font-style:italic;line-height:1.75;position:relative}.testimonial__author{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--resin-pour);font-size:12px}.section-eyebrow{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--resin-pour);align-items:center;gap:10px;margin-bottom:14px;font-size:10px;font-weight:500;display:flex}.section-eyebrow:before{content:"";background:var(--resin-honey);border-radius:2px;width:24px;height:1.5px;display:block}.divider-pour{background:linear-gradient(90deg, transparent 0%, var(--resin-glow) 20%, var(--resin-honey) 50%, var(--resin-glow) 80%, transparent 100%);opacity:.6;width:100%;height:2px;margin:var(--space-7) 0;border-radius:100px}.divider-dots{padding:var(--space-7) 0;justify-content:center;align-items:center;gap:8px;display:flex}.divider-dots:before,.divider-dots:after{content:"";background:var(--resin-honey);opacity:.5;border-radius:50%;width:4px;height:4px}.divider-dots span{background:var(--resin-pour);opacity:.7;border-radius:50%;width:6px;height:6px}.page-container{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}.section{padding:clamp(60px,10vw,120px) 0}.grid-2{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.grid-auto{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.chat-window{z-index:1000;flex-direction:column;width:360px;height:500px;display:flex;position:fixed;bottom:24px;right:24px}.chat-header{background:#fffaf066;border-bottom:1px solid #c8964633;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.chat-header h3{font-family:var(--font-display);color:var(--clay-rust);margin:0;font-size:1.4rem}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-msg{max-width:85%;font-family:var(--font-body);border-radius:20px;padding:14px 18px;font-size:.95rem;line-height:1.5}.chat-msg--assistant{color:var(--ink-bark);background:#fff9;border:1px solid #c8964626;border-bottom-left-radius:4px;align-self:flex-start}.chat-msg--user{background:var(--clay-rust);color:#fff9ee;border-bottom-right-radius:4px;align-self:flex-end}.chat-input-area{border-top:1px solid #c8964626;gap:12px;padding:16px 20px;display:flex}.chat-input{font-family:var(--font-body);color:var(--ink-bark);background:#ffffff80;border:1px solid #c8964640;border-radius:100px;flex:1;padding:12px 20px}.chat-input:focus{background:#fffc;border-color:#c8964680;outline:none}.chat-send{background:var(--clay-rust);color:#fff9ee;cursor:pointer;width:44px;height:44px;transition:transform var(--dur-quick);border:none;border-radius:50%;place-items:center;display:grid}.chat-send:active{transform:scale(.92)}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.filter-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-ui);letter-spacing:.05em;color:var(--ink-bark);cursor:pointer;transition:all var(--dur-quick) var(--ease-spring);background:#fff8e873;border:1px solid #d2a25840;border-radius:100px;padding:10px 22px;font-size:13px;box-shadow:0 2px 8px #64370f0d,inset 0 1px #ffffff80}.filter-btn:hover{border-color:var(--resin-honey);background:#fff8e8d9;transform:translateY(-2px)}.filter-btn--active{background:var(--clay-rust);color:#fff9ee;border-color:var(--clay-rust);box-shadow:0 6px 20px #a03c1438,inset 0 1px #ffffff40}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.portfolio-item{aspect-ratio:1;background:var(--layer-1);cursor:pointer;transition:transform .4s var(--ease-spring);border-radius:24px;position:relative;overflow:hidden;box-shadow:6px 8px 24px #5a2d0c38}.portfolio-item:hover{transform:scale(1.02)translateY(-4px)}.portfolio-item__image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.portfolio-item:hover .portfolio-item__image{transform:scale(1.08)}.portfolio-item__overlay{opacity:0;-webkit-backdrop-filter:blur(2px)brightness(.9);backdrop-filter:blur(2px)brightness(.9);background:linear-gradient(#0000 0%,#0009 100%);flex-direction:column;justify-content:flex-end;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-item__overlay{opacity:1}.portfolio-item__caption{color:#fff;font-family:var(--font-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.portfolio-item__metrics{color:#fff;font-family:var(--font-display);gap:16px;font-size:1rem;font-weight:600;display:flex}.portfolio-item__metrics span{align-items:center;gap:6px;display:flex}.type-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff40;border-radius:12px;padding:8px;position:absolute;top:16px;right:16px}
@keyframes pourReveal{0%{opacity:0;filter:blur(4px);transform:translateY(28px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes amberShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes blobDrift{0%,to{border-radius:40% 60% 55% 45%/50% 45% 55% 50%;transform:rotate(0)scale(1)}33%{border-radius:55% 45% 40% 60%/55% 50% 45% 55%;transform:rotate(5deg)scale(1.04)}66%{border-radius:45% 55% 60% 40%/40% 60% 50% 50%;transform:rotate(-3deg)scale(.97)}}.shimmer-text{background:linear-gradient(90deg, var(--clay-rust) 0%, var(--resin-honey) 45%, var(--clay-rust) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:3.5s linear infinite amberShimmer}.stagger-child{animation:.6s cubic-bezier(.23,1,.32,1) both pourReveal}.stagger-child:first-child{animation-delay:0s}.stagger-child:nth-child(2){animation-delay:.1s}.stagger-child:nth-child(3){animation-delay:.2s}.stagger-child:nth-child(4){animation-delay:.3s}.stagger-child:nth-child(5){animation-delay:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}