/*
Theme Name: CHUANGSU Factory
Author: Taishan Chuangsu Toys Co., Ltd.
Description: Approved navy factory website with purpose-specific content pages.
Version: 1.0.0
Requires PHP: 8.0
*/
:root{--navy:#102d59;--line:#d6dce4;--white:#fff;--max:1240px}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:#fff;font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button,.button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bc8b24;outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.mast{display:flex;justify-content:space-between;align-items:center;padding:26px 0}.brand{width:410px;max-width:70%}.login-link{font-size:15px;text-decoration:none;border:1px solid var(--navy);border-radius:5px;padding:8px 16px}.navigation{background:var(--navy);color:white}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.navigation a{font-size:14px;display:block;padding:17px 0;text-decoration:none;border-bottom:3px solid transparent}.navigation a[aria-current=page]{border-color:#d8af45}.menu-button{display:none;background:var(--navy);color:white;border:1px solid white;padding:8px 14px}.hero{position:relative;min-height:640px;display:flex;align-items:center;background:#102d59;isolation:isolate;color:white}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:before{content:'';position:absolute;inset:0;background:#102d598f;z-index:-1}.hero h1{font-size:clamp(38px,4.8vw,70px);max-width:560px;line-height:1.12;font-style:italic;letter-spacing:-2px}.hero p{font-size:23px;max-width:450px}.feature-links{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:45px auto}.feature{background:var(--navy);color:white;text-decoration:none;border-radius:8px;overflow:hidden}.feature img{width:100%;height:205px;object-fit:cover}.feature .inside{padding:20px}.feature h2{font-size:23px;margin:0 0 5px}.feature p{margin:0;font-size:15px}.story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:55px 0 85px}.story img{width:100%;max-height:440px;object-fit:cover}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:bold}h1,h2,h3{line-height:1.2}h1,h2{font-style:italic;letter-spacing:-1px}h1{font-size:46px;margin:20px 0}h2{font-size:32px;margin:0 0 20px}h3{font-size:22px}.button,button[type=submit]{display:inline-block;background:var(--navy);color:#fff;border:1px solid var(--navy);padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:bold}.page-main{padding-top:26px;padding-bottom:75px;min-height:65vh}.crumb{font-size:14px;margin:0 0 20px}.intro{max-width:850px;margin-bottom:35px}.page-heading:after{content:'';display:block;width:65px;height:5px;background:var(--navy);margin:22px 0 32px}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:45px}.split.equal{grid-template-columns:1fr 1fr}.section{margin-top:55px;padding-top:40px;border-top:1px solid var(--line)}.steps{list-style:none;padding:0;counter-reset:step}.steps li{counter-increment:step;padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr;gap:20px}.steps li:before{content:counter(step,decimal-leading-zero);font-size:26px;font-weight:bold}.steps h3{margin:0 0 6px}.steps p{margin:0}.guide{display:grid;grid-template-columns:180px 1fr;gap:45px}.section-nav a{display:block;margin-bottom:12px;padding:10px 15px;border:1px solid var(--line);text-decoration:none}.section-nav a:hover{background:var(--navy);color:white}.inset-photo{max-height:450px;width:100%;object-fit:cover}.gallery-art{width:100%;max-height:850px;object-fit:contain;background:white}.collection-item{padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid var(--line)}.search{max-width:650px;width:100%;padding:12px 16px;border:1px solid #8491a6;border-radius:5px;margin:0 0 35px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-tile{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:20px}.product-tile img{width:100%;aspect-ratio:1;object-fit:cover}.reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.reel-grid video{width:100%;aspect-ratio:9/16;background:#102d59;object-fit:contain}.reel-grid img{width:100%;aspect-ratio:9/16;object-fit:cover}.reel-grid h2{font-size:25px;margin-top:15px}.form-box{border:1px solid var(--line);padding:30px;border-radius:6px}.form-box h2{font-size:28px}label{display:block;font-weight:bold;margin:15px 0 6px}input:not([type=checkbox]),textarea,select{width:100%;padding:11px;border:1px solid #8c99ac;border-radius:4px;color:var(--navy);background:white}input[type=number]{max-width:140px}textarea{min-height:140px}form .button,form button{margin-top:20px}.honeypot{position:absolute;left:-10000px}.notice{padding:18px;border:2px solid var(--navy);margin:20px 0}.thumbs{display:flex;gap:12px;margin-top:15px;flex-wrap:wrap}.thumbs button{background:white;border:1px solid var(--line);padding:3px;width:85px}.thumbs img{width:100%;aspect-ratio:1;object-fit:cover}.product-main{width:100%;aspect-ratio:1;object-fit:contain}.sku{font-size:14px;font-weight:bold}.login-box{max-width:480px;margin:50px auto 90px}.login-box input[type=submit]{background:var(--navy);color:white;cursor:pointer}.login-remember label{font-weight:normal}.footer{background:var(--navy);color:white;padding:45px 0 20px}.footer-top{display:grid;grid-template-columns:1fr 1.5fr .7fr;gap:45px;align-items:center}.footer-logo{background:white;padding:10px;border-radius:3px}.footer nav{display:flex;flex-wrap:wrap;gap:12px 20px}.footer nav a{font-size:14px;text-decoration:none}.copyright{border-top:1px solid #ffffff66;padding-top:22px;margin-top:35px;font-size:13px}.site-message{padding:20px;border:1px solid var(--line)}.description p:first-child{margin-top:0}.actions{display:flex;gap:15px;flex-wrap:wrap}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;background:white;z-index:10;padding:12px}.wp-block-image img{height:auto}dialog{max-width:95vw;max-height:95vh;border:0;padding:20px}dialog img{max-height:80vh;object-fit:contain}dialog::backdrop{background:#102d59dd}.close-dialog{display:block;margin-left:auto;padding:8px 16px}table{width:100%;border-collapse:collapse}td,th{border:1px solid var(--line);padding:14px;text-align:left}th{width:35%}@media(max-width:900px){.wrap{width:calc(100% - 36px)}.menu-button{display:block}.nav-inner{display:none;flex-direction:column;align-items:stretch;padding:15px 0}.nav-inner.open{display:flex}.navigation a{padding:8px}.mast{padding:18px 0}.brand{max-width:65%}.login-link{display:none}.hero{min-height:540px}.hero h1{max-width:75%;letter-spacing:-1px}.hero p{max-width:70%;font-size:19px}.feature-links{grid-template-columns:repeat(2,1fr)}.story,.split,.split.equal,.guide{grid-template-columns:1fr;gap:25px}.section-nav{display:flex;gap:10px;flex-wrap:wrap}.reel-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr}.footer-logo{max-width:320px}h1{font-size:36px}.story{padding:30px 0 60px}}@media(max-width:520px){.reel-grid,.product-grid{grid-template-columns:1fr}.feature-links{gap:12px}.feature img{height:145px}.feature .inside{padding:15px}.feature h2{font-size:19px}.feature p{font-size:14px}.hero h1{max-width:90%;font-size:40px}.hero p{max-width:90%}.form-box{padding:20px}.actions{display:block}.actions a{margin-bottom:10px}}

/* Approved homepage refinements */
.hero:before{background:linear-gradient(90deg,rgba(16,45,89,.92) 0%,rgba(16,45,89,.72) 28%,rgba(16,45,89,0) 72%)}.hero h1{max-width:410px;font-size:clamp(40px,5.2vw,68px)}.description:empty{display:none}.footer-top>a:last-child{white-space:nowrap}

/* Final reference comparison: logo scale and five-line headline */
@media(min-width:901px){.mast{padding:12px 0}.brand{width:510px}.mast>.login-link{display:none}}
.hero h1:after{content:"";display:block;width:64px;height:4px;background:white;margin-top:24px}

/* Owner request: header logo at 50 percent of previous dimensions */
.mast .brand{width:205px;max-width:35%}@media(min-width:901px){.mast .brand{width:255px}}@media(max-width:900px){.mast .brand{max-width:32.5%}}

/* Collections: titled thumbnails with uncropped full artwork. */
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.collection-grid .collection-item{margin:0;padding:0 0 22px;min-width:0}.collection-open{display:block;text-decoration:none}.collection-thumb{width:100%;aspect-ratio:1600/1236;object-fit:contain;background:#f6f7f9;border:1px solid var(--line)}.collection-open h2{font-size:25px;margin:16px 0 6px}.view-artwork{font-size:14px}.collection-open:hover h2{text-decoration:underline}.collection-item[hidden]{display:none}#art-dialog{width:min(1400px,96vw)}#art-dialog h2{font-size:24px;margin:8px 0 14px}#art-dialog img{width:100%;max-height:78vh;object-fit:contain}@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.collection-grid{grid-template-columns:1fr}}