/*
Theme Name: Chup Anh
Author: Chup Anh Dao Studio
Description: Theme studio nhiếp ảnh dùng Vue 3, WordPress REST API và WooCommerce.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: chup-anh
*/
:root{--ink:#171714;--paper:#f3f0e8;--cream:#e6dfd1;--acid:#d8ff45;--muted:#716e66;--line:rgba(23,23,20,.16);font-family:Arial,"Helvetica Neue",sans-serif;color:#eef2f7;background:#090d14;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090d14;color:#eef2f7}body.admin-bar .site-header{top:32px}img{max-width:100%;height:auto}a{color:inherit}button,input,textarea{font:inherit}[v-cloak]{display:none}.site-shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.eyebrow{margin:0 0 20px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.site-header{position:relative;z-index:50;border-bottom:1px solid var(--line);background:rgba(9,13,20,.94);color:#fff;backdrop-filter:blur(12px)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between}.site-brand{display:flex;flex-direction:column;text-decoration:none;font-weight:900;line-height:.82;letter-spacing:-.04em;font-size:21px}.site-brand small{font-size:9px;letter-spacing:.3em;margin-top:8px}.site-nav,.site-nav .menu{display:flex;align-items:center;gap:34px}.site-nav .menu{list-style:none;margin:0;padding:0}.site-nav a{text-decoration:none;font-size:13px;font-weight:700}.site-nav a:hover{opacity:.55}.nav-cart{display:flex;gap:9px;align-items:center}.nav-cart span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px}.menu-toggle{display:none;border:0;background:none;font-weight:700}.hero-home{padding:72px 0 84px}.hero-grid{display:grid;grid-template-columns:1fr .83fr;gap:7vw;align-items:center}.hero-copy h1,.section-heading h2,.process-grid>h2,.cta-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.065em}.hero-copy h1{font-size:clamp(64px,8.3vw,126px);line-height:.79;margin:0}.hero-copy h1 em,.section-heading em,.process-grid em,.cta-section em{font-weight:400;color:transparent;-webkit-text-stroke:1.5px currentColor}.hero-lead{max-width:580px;font-size:17px;line-height:1.7;color:var(--muted);margin:42px 0}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.button-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.text-link{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-underline-offset:5px}.hero-visual{margin:0;position:relative}.hero-visual:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--ink);z-index:-1}.hero-visual img{display:block;width:100%;height:min(690px,68vw);object-fit:cover;filter:saturate(.82)}.hero-visual figcaption{display:flex;justify-content:space-between;margin-top:13px;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.ticker{overflow:hidden;background:var(--ink);color:var(--paper);padding:20px 0;white-space:nowrap;font-family:Georgia,serif;font-style:italic;font-size:21px;letter-spacing:.04em}.ticker div{width:max-content;animation:ticker 25s linear infinite}.ticker i{color:var(--acid);font-style:normal;margin:0 24px}@keyframes ticker{to{transform:translateX(-35%)}}.portfolio-section,.products-section,.process-section{padding-top:130px;padding-bottom:140px}.section-heading{display:grid;grid-template-columns:1fr 370px;align-items:end;gap:40px;margin-bottom:70px}.section-heading h2{font-size:clamp(57px,7vw,100px);line-height:.86;margin:0}.section-heading>p{line-height:1.8;color:var(--muted);margin:0}.portfolio-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px 34px}.project{text-decoration:none}.project figure{position:relative;overflow:hidden;margin:0;background:#d9d3c7}.project img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project:hover img{transform:scale(1.025)}.project--1 figure{aspect-ratio:1/1.13}.project--2{margin-top:120px}.project--2 figure{aspect-ratio:1/.82}.project--3{width:75%;margin-left:auto}.project--3 figure{aspect-ratio:1/1}.project-arrow{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--acid);font-size:21px}.project>div{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px}.project h3{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:0}.project p{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.services-section{background:var(--ink);color:var(--paper);padding:130px 0}.section-heading.light>p{color:#aaa79e}.service-list{border-top:1px solid rgba(255,255,255,.25)}.service-list article{display:grid;grid-template-columns:70px 1.1fr 1fr 40px;gap:30px;align-items:center;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.25)}.service-list span{font-size:11px;color:var(--acid)}.service-list h3{font-family:Georgia,serif;font-size:33px;font-weight:400;margin:0}.service-list p{color:#aaa79e;line-height:1.6;margin:0;font-size:14px}.service-list i{font-style:normal;font-size:22px}.section-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-title-row h2{font-family:Georgia,serif;font-size:55px;font-weight:400;letter-spacing:-.04em;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{text-decoration:none}.product-card figure{margin:0 0 18px;aspect-ratio:1;background:#e3ded2;overflow:hidden}.product-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover img{transform:scale(1.03)}.product-card h3{font-size:14px;margin:0 0 9px}.product-card p{font-size:13px;color:var(--muted);margin:0}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.process-grid>h2{font-size:clamp(55px,6vw,88px);line-height:.9;margin:0}.process-grid ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-grid li{display:grid;grid-template-columns:55px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.process-grid li>span{font-size:11px}.process-grid h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:0 0 9px}.process-grid p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.journal-section{background:#e7e1d5;padding:120px 0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.post-card{background:var(--paper)}.post-card>a{text-decoration:none}.post-card__image{display:block;width:100%;aspect-ratio:1.3;object-fit:cover}.post-card__body{padding:25px}.post-card h3{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.2;margin:0 0 25px}.cta-section{background:var(--acid);padding:120px 0;text-align:center}.cta-section h2{font-size:clamp(60px,8vw,115px);line-height:.84;margin:0 0 50px}.site-footer{background:var(--ink);color:var(--paper);padding:100px 0 30px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.site-footer h2{font-family:Georgia,serif;font-size:clamp(45px,6vw,82px);font-weight:400;line-height:.95;margin:0 0 40px}.text-link.light{color:var(--paper)}.footer-meta{align-self:end;color:#aaa79e;line-height:1.8}.footer-meta ul{list-style:none;margin:25px 0 0;padding:0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);margin-top:80px;padding-top:25px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.entry-single,.entry-page,.shop-content,.search-result,.no-results{width:min(900px,calc(100% - 40px));margin:70px auto}.entry-single h1,.entry-page h1,.shop-content h1{font-family:Georgia,serif;font-size:clamp(42px,7vw,80px);font-weight:400}.entry-content{font-size:17px;line-height:1.8}.woocommerce ul.products li.product a img{background:#e3ded2}.woocommerce span.onsale{background:var(--acid)!important;color:var(--ink)!important}
@media(max-width:900px){body.admin-bar .site-header{top:46px}.site-shell{width:min(100% - 36px,1240px)}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:25px}.site-nav.is-open,.site-nav .menu{display:flex}.site-nav.is-open{flex-direction:column;align-items:flex-start}.site-nav .menu{flex-direction:column;align-items:flex-start}.hero-grid,.section-heading,.process-grid,.footer-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(58px,15vw,95px)}.hero-visual{margin-top:45px}.hero-visual img{height:75vh;max-height:700px}.portfolio-grid{gap:45px 18px}.project--2{margin-top:70px}.service-list article{grid-template-columns:40px 1fr 30px}.service-list article p{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.process-grid{gap:60px}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.site-shell{width:calc(100% - 28px)}.header-inner{min-height:74px}.hero-home{padding:50px 0 65px}.hero-copy h1{font-size:17vw}.hero-lead{margin:30px 0;font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual:before{inset:-9px 9px 9px -9px}.portfolio-section,.products-section,.process-section{padding:90px 0}.section-heading{margin-bottom:45px}.section-heading h2{font-size:16vw}.portfolio-grid,.post-grid{grid-template-columns:1fr}.project--2{margin-top:0}.project--3{width:100%}.services-section{padding:90px 0}.service-list h3{font-size:25px}.product-grid{gap:30px 12px}.section-title-row h2{font-size:42px}.journal-section{padding:80px 0}.cta-section{padding:90px 0}.footer-bottom{align-items:flex-start;gap:12px;flex-direction:column}}