@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&display=swap");
/*
Theme Name: Chobira
Version: 1.9
Author: Chobira
Description: Premium landscape-first photobook showcase theme for Chobira.
*/
:root{--g:#173c2d;--c:#f7f3ea;--gold:#b89555;--ink:#222720;--muted:#687068;--line:rgba(23,60,45,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}
.ch-header{position:fixed;z-index:50;left:0;right:0;top:0;padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;transition:.3s}.ch-header.scrolled{background:rgba(247,243,234,.94);backdrop-filter:blur(14px);padding-top:14px;padding-bottom:14px;box-shadow:0 1px var(--line)}
.logo{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;font-size:30px;line-height:1;letter-spacing:2px;color:var(--ink)}.nav{display:flex;gap:28px;align-items:center;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.nav a:hover{color:var(--gold)}.order{background:var(--g);color:white!important;padding:12px 18px}.menu{display:none;border:0;background:none;font-size:24px;color:var(--g)}
.hero{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden}.dots{position:absolute;inset:0;pointer-events:none}.dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.35;transform:translate(-50%,-50%)}
.hero-in{position:relative;z-index:2;width:min(1120px,90%);padding-top:75px;display:grid;grid-template-columns:1fr .9fr;gap:7vw;align-items:center}.eyebrow,.kicker{font-size:11px;letter-spacing:4px;color:var(--gold);font-weight:600}.hero h1{font:500 clamp(54px,8vw,105px)/.9 Georgia,serif;color:var(--g);letter-spacing:-4px;margin:22px 0}.hero h1 em{color:var(--gold);font-style:italic;font-weight:400}.hero p{max-width:560px;color:var(--muted);font-size:16px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-block;padding:15px 22px;border:1px solid var(--g);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.btn.primary{background:var(--g);color:white}.btn:hover{background:var(--gold);border-color:var(--gold);color:white}
.hero-img{aspect-ratio:16/10;overflow:hidden;box-shadow:18px 24px 55px rgba(23,60,45,.16);transform:rotate(-1.5deg);border:1px solid rgba(23,60,45,.08)}.hero-img img,.book-img img,.story img,.gallery img{width:100%;height:100%;object-fit:cover}.hero-img img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1);animation:heroFloat 7s ease-in-out infinite}@keyframes heroFloat{0%,100%{transform:scale(1.015) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-.7%,.5%,0)}}
.section{padding:120px 5vw}.head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:55px}.head h2,.story h2,.contact h2{font:500 clamp(42px,5vw,72px)/1 Georgia,serif;color:var(--g);letter-spacing:-2px;margin:10px 0}.head p{max-width:450px;color:var(--muted);line-height:1.75}
.books{display:grid;grid-template-columns:repeat(2,1fr);gap:72px 32px}.book{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.book.is-visible{opacity:1;transform:translateY(0)}.book-img{aspect-ratio:16/9;overflow:hidden;background:#e9e1d5;position:relative;box-shadow:0 10px 35px rgba(23,60,45,.08);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s ease}.book-img:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.32) 48%,transparent 68%);transform:translateX(-130%);transition:transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}.book-img img{transition:transform 1s cubic-bezier(.2,.7,.2,1);will-change:transform}.book:hover .book-img{transform:translateY(-8px);box-shadow:0 22px 55px rgba(23,60,45,.16)}.book:hover .book-img:after{transform:translateX(130%)}.book:hover .book-img img{transform:scale(1.065)}.book h3{transition:transform .6s ease}.book:hover h3{transform:translateX(5px)}.num{margin-top:20px;font-size:10px;letter-spacing:3px;color:var(--gold)}.book h3{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;font-size:36px;line-height:1;color:var(--g);margin:9px 0}.book p{max-width:620px;color:var(--muted);line-height:1.75}.specs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.spec{border:1px solid var(--line);padding:8px 11px;font-size:10px;letter-spacing:1px}.price{font:500 25px Georgia,serif;color:var(--g);margin:18px 0}
.story{background:var(--g);color:white;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.story h2{color:var(--c)}.story p{max-width:550px;color:rgba(255,255,255,.72);line-height:1.9}.story img{aspect-ratio:4/3}
.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:240px;gap:14px}.gallery img{min-width:0}.wide,.tall{grid-row:span 2}
.contact{text-align:center;background:#eee8dd}.contact p{max-width:580px;margin:20px auto;color:var(--muted);line-height:1.8}.info{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;color:var(--g);font-size:13px;margin:28px 0}
.footer{background:#102d22;color:rgba(255,255,255,.72);padding:80px 5vw 25px}.ftop{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.flogo{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;font-size:36px;line-height:1;color:var(--c);letter-spacing:2px}.footer h4{font-size:10px;letter-spacing:2px;color:var(--gold);margin:0 0 18px}.footer a{display:block;margin:10px 0;font-size:13px}.fbot{border-top:1px solid rgba(255,255,255,.12);margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-img img,.book,.book-img,.book-img img,.book h3{animation:none!important;transition:none!important;transform:none!important}.book{opacity:1}}@media(max-width:800px){.nav{display:none}.menu{display:block}.ch-header.open .nav{display:flex;position:absolute;left:0;right:0;top:64px;padding:25px 5vw;background:var(--c);flex-direction:column;align-items:flex-start}.hero-in,.story{grid-template-columns:1fr}.books{grid-template-columns:1fr}.head{display:block}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.ftop{grid-template-columns:1fr 1fr}.fbot{display:block}.fbot span{display:block;margin-top:8px}}@media(max-width:520px){.section{padding:85px 5vw}.hero h1{font-size:54px}.gallery{grid-template-columns:1fr}.wide,.tall{grid-row:span 1}.ftop{grid-template-columns:1fr}}

.video-hero{padding:120px 6vw 70px;background:linear-gradient(135deg,#f7f3ea,#eee7d7);text-align:center}.video-hero .kicker{color:#b58a48;letter-spacing:.22em;font-size:11px}.video-hero h1{font:500 clamp(42px,6vw,76px)/1.02 Georgia,serif;color:#173b32;margin:18px auto;max-width:900px}.video-hero p{max-width:680px;margin:0 auto;color:#5f6863;line-height:1.8}.video-grid{width:min(1180px,90%);margin:0 auto;padding:70px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.video-card{background:#fffdf8;border:1px solid #ddd5c5;box-shadow:0 18px 50px rgba(23,59,50,.08);overflow:hidden;transition:transform .45s,box-shadow .45s}.video-card:hover{transform:translateY(-7px);box-shadow:0 26px 65px rgba(23,59,50,.13)}.video-frame{aspect-ratio:16/9;background:#173b32}.video-frame video{width:100%;height:100%;display:block;object-fit:cover}.video-info{padding:22px 24px 26px}.video-no{font-size:10px;letter-spacing:.2em;color:#b58a48}.video-info h2{font:500 30px Georgia,serif;color:#173b32;margin:8px 0}.video-info p{font-size:14px;line-height:1.7;color:#68716c;margin:0}.video-cta{padding:30px 6vw 90px;text-align:center}.video-cta h2{font:500 42px Georgia,serif;color:#173b32}.video-cta p{color:#68716c}@media(max-width:760px){.video-grid{grid-template-columns:1fr;padding:45px 0}.video-hero{padding:90px 6vw 50px}.video-cta h2{font-size:32px}}

/* Animated sample video page */
.video-hero{min-height:72vh;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;padding:140px 6vw 100px;background:radial-gradient(circle at 15% 25%,rgba(184,149,85,.18),transparent 28%),radial-gradient(circle at 85% 70%,rgba(23,60,45,.10),transparent 32%),linear-gradient(135deg,#f8f4eb,#eee7d8)}
.video-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(184,149,85,.28) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%);animation:gridDrift 18s linear infinite}
.video-hero>*:not(.video-orb){position:relative;z-index:2}.video-hero .kicker{color:#b89555;letter-spacing:.28em;font-size:11px}.video-hero h1{font:500 clamp(48px,7vw,92px)/.95 Georgia,serif;color:#173c2d;margin:20px auto;letter-spacing:-3px}.video-hero h1 em{color:#b89555;font-style:italic;font-weight:400}.video-hero p{max-width:690px;margin:0 auto;color:#687068;line-height:1.9;font-size:16px}.video-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.42;animation:orbFloat 9s ease-in-out infinite}.orb-a{width:180px;height:180px;left:8%;top:18%;background:rgba(184,149,85,.18)}.orb-b{width:250px;height:250px;right:5%;bottom:8%;background:rgba(23,60,45,.10);animation-delay:-4s}.video-grid-wrap{background:#f7f3ea;padding:80px 5vw}.video-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.video-card{background:#fffdf8;border:1px solid rgba(23,60,45,.12);box-shadow:0 18px 55px rgba(23,60,45,.08);overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.video-card:hover{transform:translateY(-9px) rotate(.15deg);box-shadow:0 30px 75px rgba(23,60,45,.15)}.video-frame{aspect-ratio:16/9;background:#173c2d;position:relative;overflow:hidden}.video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.13) 48%,transparent 70%);transform:translateX(-130%);transition:transform .9s}.video-card:hover .video-frame:after{transform:translateX(130%)}.video-frame video{width:100%;height:100%;display:block;object-fit:cover}.video-info{padding:22px 25px 28px}.video-no{font-size:10px;letter-spacing:.2em;color:#b89555}.video-info h2{font:500 30px Georgia,serif;color:#173c2d;margin:8px 0}.video-info p{font-size:14px;line-height:1.7;color:#687068;margin:0}.video-empty{grid-column:1/-1;text-align:center;padding:75px 25px;border:1px dashed rgba(23,60,45,.22);background:#fffdf8}.video-empty h2{font:500 40px Georgia,serif;color:#173c2d}.video-empty p{color:#687068;line-height:1.8}.video-cta{text-align:center;padding:30px 6vw 110px;background:#f7f3ea}.video-cta h2{max-width:780px;margin:10px auto 15px;font:500 clamp(36px,5vw,62px)/1.05 Georgia,serif;color:#173c2d}.video-cta p{color:#687068;line-height:1.8;margin-bottom:28px}@keyframes gridDrift{to{background-position:26px 26px}}@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(20px,-18px,0) scale(1.08)}}
@media(max-width:760px){.video-hero{min-height:68vh;padding:115px 6vw 75px}.video-grid{grid-template-columns:1fr}.video-grid-wrap{padding:55px 5vw}.video-empty h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.video-hero:before,.video-orb{animation:none!important}}

/* Floating WhatsApp chat — isolated so theme/global SVG rules cannot resize it */
.chobira-wa-float{position:fixed!important;right:22px!important;bottom:22px!important;z-index:99999!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:11px 16px!important;border:0!important;border-radius:999px!important;background:#25D366!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important;font:700 12px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.3px!important;text-decoration:none!important;overflow:hidden!important;transform:none!important;transition:transform .2s ease,box-shadow .2s ease!important}
.chobira-wa-float:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important;color:#fff!important}
.chobira-wa-float .wa-mark{display:block!important;position:relative!important;flex:0 0 28px!important;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.5' fill='white'/%3E%3Cpath d='M11.3 9.4c.4-.4 1-.5 1.5-.2l2 1.1c.5.3.7.9.5 1.4l-.7 1.5c-.1.3-.1.6.1.8 1 1.6 2.3 2.8 4 3.7.3.2.6.1.8-.1l1.1-1.1c.4-.4 1-.5 1.5-.2l1.8 1c.5.3.7.8.5 1.4-.3 1.1-1.1 2.2-2.2 2.6-1 .4-2.2.2-3.2-.2-2.4-1-4.5-2.6-6.2-4.5-1.3-1.5-2.3-3.2-2.6-5.1-.2-.9.1-1.8.8-2.4Z' fill='%2325D366'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:28px 28px!important}
.chobira-wa-float .wa-label{display:block!important;white-space:nowrap!important;color:#fff!important}
@media(max-width:520px){.chobira-wa-float{right:14px!important;bottom:14px!important;width:52px!important;height:52px!important;padding:0!important;gap:0!important}.chobira-wa-float .wa-label{display:none!important}.chobira-wa-float .wa-mark{flex-basis:30px!important;width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;background-size:30px 30px!important}}