:root{--bg:#f8f5ee;--ink:#1c1917;--muted:#655f59;--accent:#ed6036;--line:#ded8cf}
body{background-color:var(--bg);background-image:linear-gradient(#ded8cf66 1px,transparent 1px),linear-gradient(90deg,#ded8cf66 1px,transparent 1px);background-size:40px 40px;color:var(--ink)}
.nav{background:#faf7f0f5;border-color:var(--line);box-shadow:0 3px 0 #ded8cf77,0 10px 24px #29201808;backdrop-filter:blur(14px)}
.brand img{filter:url(#logo-transparent) brightness(0);border-radius:0}.nav nav a{background:#eee9df;color:#34302b;border-color:#d9d2c7;white-space:nowrap}.nav nav a:hover,.nav nav a[aria-current=page]{color:#c3411b;background:#f7e2d7;border-color:#ed6036}.menu{color:var(--ink)}
.button{background:var(--accent);color:white;box-shadow:0 4px 0 #d7cfc3}.button:hover{box-shadow:0 7px 0 #d7cfc3}.button.secondary{color:var(--ink);background:#fbf8f2;border-color:var(--line);box-shadow:none}.button.dark{background:#1c1917;color:#fff;box-shadow:0 4px 0 #d7cfc3}
h1,h2,h3{letter-spacing:-.04em}h1 span,h2 span{color:var(--accent)}.card{background:#faf7f1;border-color:var(--line);box-shadow:none}.card .icon,.story-icon{background:#f8e3d8;color:var(--accent);border-color:#f2cdbd}.tags span{color:#716256;border-color:#dfd6ca}.ribbon{background:#eee8de88;border-color:var(--line)}.ribbon div{color:#75695d}.stats p{color:var(--muted)}
.section-heading{margin-bottom:42px}.steps .step-number{color:#ed603614}.package{background:#faf7f1;border-color:var(--line);box-shadow:none}.package.featured{background:#1c1917;color:#fff;border-color:#1c1917}.package.featured .package-description,.package.featured li,.package.featured h3 span,.package.featured .per-clip{color:#e5dfd5}.package li{color:#655f59}.package h3 span,.package-price del{color:#84796f}.package-badge{color:white;background:var(--accent)}.package.premium{border-color:#cbbbab}.package.premium .package-badge{background:#29231f}.package-price strong{color:var(--accent)}.package.featured .package-price strong{color:#ffa27f}.custom-package{color:var(--muted)}
.faq details{background:#faf7f1;border-color:var(--line)}.faq details[open]{border-color:#d9b59f}.faq summary:after{background:#f4e2d6;color:var(--accent)}.faq details[open] summary:after{color:white;background:var(--accent)}
.contact-inner,.contact-direct{background:#1c1917;border-color:#1c1917;color:#fff}.contact-inner h2 span{color:#fff}.contact-inner>p:not(.hand),.contact-direct p{color:#c4bcb3}.contact-inner .hand{color:#ffb087}.contact-inner .brief-topics span{background:#ffffff08;color:#e8c9b4;border-color:#ffffff25}.phone a{color:white}.whatsapp-button{background:#69cc69;color:#102613;box-shadow:0 4px 0 #3b6f3c}.whatsapp-button:hover{box-shadow:0 7px 0 #3b6f3c}
.about-facts>div{background:#faf7f1}.about-process li,.story-timeline{border-color:#ed603650}.about-process li:before{color:#fff}.guide-highlight{background:#1c1917;color:white;border-color:#1c1917}.guide-highlight p,.guide-highlight li{color:#ddd5ca}.guide-highlight .hand{color:#ffb087}.contact-steps li:before{color:white}.contact-brief li:before{background:#f5dfd3;color:#ba401b}.text-link{border-color:#ed603660}.guide-price span{color:var(--muted)}
.hero{grid-template-columns:1.12fr 1fr;gap:65px;min-height:670px;padding-block:75px 60px}.hero h1{font-size:clamp(2.8rem,4.7vw,4.3rem)}.hero-reel{position:relative;max-width:340px;margin-inline:auto;width:100%;transform:rotate(3deg)}.hero-reel video{width:100%;height:480px;display:block;object-fit:cover;border-radius:25px;background:#1c1917;border:6px solid #1c1917;box-shadow:18px 22px 0 #e6ded1}.reel-note{position:absolute;left:-36px;bottom:35px;background:#faf7f1;padding:15px 22px;border:1px solid var(--line);border-radius:13px;transform:rotate(-5deg);box-shadow:0 8px 20px #0001}.reel-note strong{display:block;font-size:1rem}.reel-note span{font-size:.875rem;color:var(--muted)}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.video-card{min-width:0}.video-cover{position:relative;display:block;width:100%;padding:0;aspect-ratio:9/16;border:1px solid #302b25;border-radius:22px;overflow:hidden;background:#211d19;cursor:pointer;color:white;text-align:left}.video-cover video,.video-cover img{width:100%;height:100%;object-fit:cover;display:block}.video-cover:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.video-play{position:absolute;z-index:1;left:18px;bottom:18px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:.875rem}.video-play b{display:grid;place-items:center;width:36px;height:36px;background:white;border-radius:50%;color:#1c1917;font-size:13px}.video-card h3{font-size:1.08rem;margin:17px 0 6px}.video-card p{font-size:.875rem}.portfolio-action{text-align:center;margin-top:35px}.portfolio-extra[hidden]{display:none}.portfolio-extra{display:contents}.video-dialog{max-width:min(520px,calc(100vw - 24px));width:100%;padding:14px;border:1px solid #ffffff20;border-radius:22px;background:#191715;color:white;box-shadow:0 20px 80px #0007}.video-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.video-dialog video{display:block;width:100%;max-height:76vh;background:#000;border-radius:12px}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;gap:15px}.dialog-bar p{color:#eee;font-size:.9rem}.dialog-close{background:#ffffff18;color:white;border:0;border-radius:50%;width:36px;height:36px;font-size:22px;cursor:pointer}.portfolio-page{padding-block:85px}.portfolio-page .section-heading{max-width:740px}.services-page .services{margin-bottom:55px}
@media(max-width:1000px){.hero{gap:35px}.portfolio-grid{gap:16px}.hero-reel{max-width:290px}.hero-reel video{height:440px}.reel-note{left:-15px}.nav-contact{display:none}}
@media(max-width:720px){.nav nav{background:#faf7f1}.hero{grid-template-columns:1fr;padding-top:55px;gap:42px}.hero h1{font-size:clamp(2.5rem,9vw,3.5rem)}.hero-reel{max-width:275px}.hero-reel video{height:435px}.reel-note{left:-15px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.video-cover{border-radius:15px}.video-play{left:10px;bottom:12px;font-size:.75rem;gap:6px}.video-play b{width:28px;height:28px}.video-card h3{font-size:1rem}.portfolio-page{padding-block:55px}.contact-details{gap:16px}}
@media(prefers-reduced-motion:reduce){.hero-reel{transform:none}}
.hero-reel{transform:none;max-width:300px}.hero-reel .video-cover{aspect-ratio:9/16;box-shadow:12px 14px 0 #e6ded1}.hero-reel video{position:absolute;inset:0;height:100%;border:0;border-radius:0;box-shadow:none}.reel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:16px}.reel-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#faf7f1;cursor:pointer;font-size:1.2rem;color:var(--ink)}.reel-controls button:hover{border-color:var(--accent);color:var(--accent)}.reel-count{font-size:.875rem;color:var(--muted)}