:root{--paper: #fbf7f0;--paper-2: #f3ece0;--ink: #241f1c;--ink-soft: #5b524c;--accent: #ff6b4a;--accent-2: #2bb6a5;--accent-3: #ffc23d;--line: #e7ddcd;--card: #ffffff;--font-display: "Fraunces", "Georgia", serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--maxw: 1080px;--radius: 18px;--shadow: 0 14px 40px -18px rgba(36, 31, 28, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 500px at 110% -10%,rgba(255,194,61,.18),transparent 60%),radial-gradient(800px 500px at -10% 0%,rgba(43,182,165,.14),transparent 55%),var(--paper);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1.25rem}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.01em;color:var(--ink)}h1{font-size:clamp(1.7rem,3.8vw,2.6rem)}h2{font-size:clamp(1.45rem,3vw,2.1rem)}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:#fbf7f0c7;border-bottom:1px solid var(--line)}.site-header .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.9rem}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:600;font-size:1.3rem;text-decoration:none}.brand .logo{height:40px;width:auto}.brand-word{font-family:"Montserrat",var(--font-body);font-weight:500;font-size:1.1rem;letter-spacing:.25em;text-indent:.25em;line-height:1;color:var(--ink)}.site-nav{display:flex;align-items:center;gap:1.4rem;font-weight:500}.site-nav a{text-decoration:none;opacity:.85}.site-nav a:hover{opacity:1}.nav-sep{display:none}.nav-toggle-cb{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer}.nav-burger,.nav-burger:before,.nav-burger:after{width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-burger{position:relative;display:block}.nav-burger:before,.nav-burger:after{content:"";position:absolute;left:0}.nav-burger:before{top:-6px}.nav-burger:after{top:6px}.nav-toggle-cb:focus-visible~.nav-toggle{outline:2px solid var(--accent);outline-offset:2px}.nav-toggle-cb:checked~.nav-toggle .nav-burger{background:transparent}.nav-toggle-cb:checked~.nav-toggle .nav-burger:before{top:0;transform:rotate(45deg)}.nav-toggle-cb:checked~.nav-toggle .nav-burger:after{top:0;transform:rotate(-45deg)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.3rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 8px 22px -8px #ff6b4ab3}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px #ff6b4acc}.btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border:1.5px solid var(--line)}.hero{padding-block:clamp(2rem,9vw,5rem);display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-content{display:grid;gap:1.2rem;text-align:center}.hero-logo{height:120px;width:auto;margin:0 auto}.wordmark{font-family:"Montserrat",var(--font-body);font-weight:400;font-size:clamp(2.1rem,6.5vw,3rem);letter-spacing:.32em;text-indent:.32em;margin:0;color:var(--ink)}.hero p.intro{font-size:1.15rem;color:var(--ink-soft)}.tagline{margin:0 auto;width:fit-content;max-width:100%;font-family:Charter,Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(1.3rem,4vw,1.9rem);background:linear-gradient(90deg,#4a90e2,#2bb6a5 22%,#5fbf52 40%,#ffc23d 60%,#ff8a3d 78%,#ff5a7a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;border-radius:20px}@media(max-width:768px){.hero{grid-template-columns:1fr;gap:1.5rem}.hero-content{text-align:center}}section{padding-block:clamp(2rem,6vw,4rem)}.section-head{margin-bottom:1.6rem}.section-more{margin-top:1.3rem}.more-link{color:var(--accent);font-weight:600;text-decoration:none}.more-link:hover{text-decoration:underline}.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.blog-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0 1.8rem}.blog-filters button{font:inherit;cursor:pointer;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font-size:.85rem;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.blog-filters button:hover{border-color:var(--accent)}.blog-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.card[hidden]{display:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .18s ease}.card:hover{transform:translateY(-4px)}.card-pill{margin-bottom:.6rem}.card h3{margin:0 0 .4rem}.post .meta,.card .meta{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink-soft)}.icon-calendar{width:1em;height:1em;flex-shrink:0;opacity:.75}.card .desc{color:var(--ink-soft);margin:.5rem 0 0}details.faq{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;margin-bottom:.7rem}details.faq summary{cursor:pointer;font-weight:600;list-style:none}details.faq summary::-webkit-details-marker{display:none}details.faq[open] summary{color:var(--accent)}details.faq .answer{padding-top:.6rem;color:var(--ink-soft)}.prose{max-width:70ch}.prose h2{margin-top:2rem}.prose [id]{scroll-margin-top:6rem}.prose a{color:var(--accent-2)}.prose a.btn{color:#fff}.prose a.btn.ghost{color:var(--ink)}.prose img{max-width:100%;border-radius:12px}.card-thumb{display:block;width:calc(100% + 2.8rem);height:auto;margin:-1.4rem -1.4rem 1.1rem;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;background:var(--paper-2)}.card-thumb.is-logo{object-fit:contain;padding:1.5rem 1.5rem 1.7rem;background:radial-gradient(120% 130% at 50% 120%,rgba(255,107,74,.22),transparent 60%),radial-gradient(90% 120% at 15% 0%,rgba(43,182,165,.18),transparent 55%),var(--paper-2)}.post-media{margin:1.5rem 0 2rem;width:min(100%,var(--maxw));border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--paper-2)}.post-media img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:0}.post-media video{display:block;width:auto;max-width:100%;max-height:540px;margin-inline:auto;border-radius:0}.post-media.is-video{width:fit-content;max-width:100%;margin-inline:auto;background:none}.post .lede{font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.45;color:var(--ink-soft)}.pill{display:inline-block;padding:.3rem .85rem;border-radius:999px;background:#ff6b4a29;color:var(--accent);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.steps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.6rem 0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem}.steps li:before{content:counter(step);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.6rem;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:600}.shots{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:1.8rem 0}.shots img{width:100%;border-radius:14px;box-shadow:var(--shadow)}.shot-frame{position:relative;display:block}.shots img.tap-dot{position:absolute;width:48px;border-radius:0;box-shadow:none;transform:translate(-50%,-50%);pointer-events:none;animation:tap-pulse 1.6s ease-in-out infinite}@keyframes tap-pulse{0%,to{transform:translate(-50%,-50%) scale(.85);opacity:.85}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@media(prefers-reduced-motion:reduce){.shots img.tap-dot{animation:none}}.shots.works img{aspect-ratio:1;object-fit:cover}.shots.grid-2{grid-template-columns:repeat(2,1fr)}.shots.steps-3{grid-template-columns:repeat(3,1fr);gap:.7rem}.shots.steps-3 figure,.shots.grid-2 figure{margin:0}.shots.steps-3 figcaption,.shots.grid-2 figcaption{margin-top:.5rem;color:var(--ink-soft);font-size:.8rem;text-align:center}.shots.slides{grid-template-columns:repeat(2,1fr);gap:1rem}.slide{position:relative;margin:0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.slide img{display:block;width:100%;border-radius:0;box-shadow:none}.slide figcaption{position:absolute;inset:auto 0 0;padding:3.5rem 1.1rem 1.1rem;color:#fff;background:linear-gradient(to top,#7a2610d1,#7a26108c 45%,#7a261000)}.slide figcaption b{display:block;font-family:var(--font-display);font-size:clamp(1rem,2.2vw,1.2rem);font-weight:600;line-height:1.2}.slide figcaption span{display:block;margin-top:.3rem;font-size:.85rem;line-height:1.4;opacity:.94}@media(max-width:560px){.shots.slides{grid-template-columns:1fr}}.cta-box{margin:2.5rem 0 1rem;padding:2rem 1.6rem;text-align:center;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(600px 200px at 50% -20%,rgba(255,194,61,.35),transparent 70%),var(--card)}.cta-box h2{margin-top:0}.cta-box p{color:var(--ink-soft)}.site-footer{margin-top:4rem;border-top:1px solid var(--line);background:var(--paper-2)}.site-footer .wrap{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding-block:2.5rem}.site-footer h4{font-family:var(--font-display);margin:0 0 .8rem}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.site-footer a{text-decoration:none;color:var(--ink-soft)}.site-footer a:hover{color:var(--accent)}.socials{display:flex;flex-wrap:wrap;gap:.75rem}.socials a{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:120px;padding:.85rem 1rem;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink);font-weight:600;text-decoration:none}.socials a img{height:18px;width:auto;display:block}.socials a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.copyright{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:1.2rem;font-size:.85rem;color:var(--ink-soft)}.lang-dropdown{position:relative;display:inline-flex}.lang-dropdown summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;padding:.46rem .9rem;background:var(--paper);color:inherit;font-weight:600}.lang-dropdown summary::-webkit-details-marker{display:none}.lang-dropdown summary span:last-child{display:inline-flex;align-items:center;justify-content:center;width:1.2rem}.lang-dropdown ul{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;margin:0;padding:.35rem 0;list-style:none;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 24px 60px #0f172a1f;z-index:10}.lang-dropdown li{margin:0}.lang-dropdown a{display:block;padding:.65rem 1rem;color:var(--ink);text-decoration:none}.lang-dropdown a:hover,.lang-dropdown .current a{background:var(--card)}@media(max-width:768px){.nav-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.25rem;padding:.6rem 1.25rem 1rem;background:#fbf7f0fa;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav-toggle-cb:checked~.site-nav{display:flex}.site-nav>a{padding:.7rem .2rem;opacity:1}.site-nav .btn{justify-content:center;margin-top:.5rem}.nav-sep{display:block;text-align:center;color:var(--ink-soft);opacity:.6;font-size:1.4rem;line-height:1}.lang-dropdown{width:100%}.lang-dropdown summary{width:100%;justify-content:space-between}.lang-dropdown ul{left:0;right:0}}
