/*
Theme Name: Grey Rebellion
Version: 2.0.0
Text Domain: grey-rebellion
*/
@font-face{font-family:Anton;src:url('assets/Anton.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:#111214;color:#f3f2ee;font-family:Arial,sans-serif;--accent:#ff741f}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.preview{height:36px;background:#222326;display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:12px;letter-spacing:1.3px}.preview span{display:flex;align-items:center;gap:10px;letter-spacing:0}.swatch{background:var(--swatch);width:17px;height:17px;border:2px solid transparent;border-radius:50%}.swatch.active{outline:1px solid white;outline-offset:3px}header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:12px 4%;border-bottom:1px solid #353537;position:sticky;top:0;background:#111214f5;z-index:10;backdrop-filter:blur(12px)}.brand img{width:130px;height:80px;object-fit:contain}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{padding:15px 19px;border:1px solid #777;font-size:14px}#menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.hero-copy{padding:55px 7% 30px 8%}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{font-family:Anton;font-size:clamp(60px,7.6vw,116px);line-height:1.02;letter-spacing:-1.5px;margin-bottom:26px}em{font-style:normal;color:var(--accent)}.intro{font-size:18px;line-height:1.6;color:#bfc0c2}.actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;padding:19px 23px;border:0;font-size:14px;font-weight:bold}.primary{background:var(--accent);color:#111}.primary:hover{filter:brightness(1.14);transform:translateY(-2px)}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:6px}.hero-foot{border-top:1px solid #363638;margin-top:45px;padding-top:24px;display:flex;justify-content:space-between;color:#999;font-size:13px;line-height:1.5}.hero-foot a{font-size:32px;color:white}.hero-art{position:relative;overflow:hidden;min-height:680px;background:#292226}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;transition:opacity .3s,transform 1s;object-position:center 45%}.hero-art:hover>img{transform:scale(1.035)}.hero-art:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.image-label{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;z-index:1;font-size:12px;letter-spacing:1px}.image-label button{background:transparent;border:1px solid #ffffff80;color:white;width:44px;height:44px;margin-left:5px;font-size:20px}.vertical{position:absolute;top:30px;right:17px;writing-mode:vertical-rl;letter-spacing:2px;font-size:11px;background:#111a;padding:12px}.ribbon{overflow:hidden;background:var(--accent);color:#111;padding:19px 0;font-family:Anton;font-size:26px;letter-spacing:1px}.ribbon>div{white-space:nowrap;width:max-content;animation:run 35s linear infinite}.ribbon b{margin:0 45px;font-weight:400}@keyframes run{to{transform:translateX(-50%)}}.section{padding:100px 6%}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}h2{font-family:Anton;font-size:clamp(42px,4.9vw,74px);line-height:1.1;margin-bottom:0;letter-spacing:-.5px}.section-head>p{max-width:330px;line-height:1.7;font-size:16px;color:#aaa;margin-bottom:4px}.filters{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filters button{padding:12px 20px;border:1px solid #454548;color:#bbb;background:none;border-radius:30px;font-size:14px}.filters button.active{background:#eee;color:#111;border-color:#eee}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px}.piece{border:0;padding:0;text-align:left;background:none;color:white;overflow:hidden}.piece .photo{overflow:hidden;aspect-ratio:4/5;background:#222}.piece img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.piece:hover img{transform:scale(1.045)}.piece-info{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #444}.piece-info h3{font-size:20px;margin:0 0 7px}.piece-info small{font-size:12px;color:#aaa}.piece-info>span{font-size:24px;color:var(--accent)}.statement{padding:80px 6%;background:#e9e8e3;color:#161719}.statement>div{display:grid;grid-template-columns:1.25fr 1fr;gap:8%}.statement h2 em{color:#202124;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:10px}.statement>div>div{padding-top:15px;max-width:400px}.statement p{font-size:17px;line-height:1.7}.statement strong{font-weight:normal;color:#111;font-family:Anton;font-size:26px}.shop{display:grid;grid-template-columns:1fr 1fr;gap:25px}.shop article{background:#1c1d20}.shop img{width:100%;height:390px;object-fit:cover}.shop article>div{padding:25px}.shop span,.tutorials small{font-size:12px;letter-spacing:1px;color:#aaa}.shop h3{font-size:29px;margin:14px 0}.shop button{background:none;border:0;border-bottom:1px solid var(--accent);color:white;padding:10px 0}.commission{background:#202124;display:grid;grid-template-columns:1fr 1fr;gap:9%}.commission>div>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#bbb;margin-top:25px;max-width:420px}.steps{display:grid;gap:15px;margin-top:45px;font-size:14px;color:#aaa}.steps span{padding-bottom:14px;border-bottom:1px solid #454548}fieldset{border:0;padding:0;margin:0 0 22px}legend,form>label,.form-grid label{display:block;font-size:14px;margin-bottom:12px}legend{margin-bottom:16px}.choices{display:flex;gap:10px}.choices label{padding:12px;border:1px solid #555;flex:1;cursor:pointer}.choices label:has(:checked){border-color:var(--accent);color:var(--accent)}input,textarea,select{background:#131416;border:1px solid #4c4d51;color:white;padding:14px;font:inherit;width:100%;margin-top:10px;border-radius:0}input[type=radio]{width:auto;margin:0;accent-color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{font-size:13px;color:#aaa;line-height:1.5}#form-result{font-size:14px;line-height:1.7;margin-top:20px}.tutorials{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.tutorials button{position:relative;background:none;border:0;padding:0;text-align:left;color:white}.tutorials img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:22px}.tutorials h3{font-size:22px;line-height:1.3;margin:12px 0}.play{position:absolute;left:20px;top:20px;width:48px;height:48px;border-radius:50%;background:#111c;display:grid;place-items:center;font-size:25px}footer{padding:50px 6%;border-top:1px solid #444;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px}footer p{font-family:Anton;font-size:40px;margin:0}footer p span{display:block;font:14px Arial;letter-spacing:4px;margin-top:12px}footer small{width:100%;color:#888;font-size:12px}dialog{background:#191a1e;color:white;border:1px solid #555;padding:35px;width:min(960px,94vw);max-height:92vh}dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.close{position:absolute;right:10px;top:7px;border:0;background:#111b;color:white;font-size:32px;z-index:2;width:44px;height:44px}#dialog-content img{max-height:62vh;max-width:100%;display:block;margin:auto;object-fit:contain}#dialog-content h3{font-family:Anton;font-size:30px;margin:20px 0 10px}#dialog-content p{line-height:1.6;color:#bbb}#dialog-content .angles{display:flex;gap:8px;margin-top:12px}.angles button{background:#333;color:white;border:1px solid #777;padding:10px 16px}.reveal{transition:opacity .7s,transform .7s}.js-motion .reveal:not(.seen){opacity:0;transform:translateY(25px)}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:15px}.nav-cta{display:none}.hero-copy{padding-top:40px}.hero{min-height:620px}.hero-art{min-height:620px}.actions{gap:18px}.gallery{grid-template-columns:repeat(2,1fr)}.commission{gap:5%}.section{padding:70px 5%}.shop img{height:320px}}@media(max-width:650px){.preview{font-size:10px;letter-spacing:.3px}.preview span{font-size:11px}header{height:86px}.brand img{width:100px;height:65px}#menu{display:block;border:1px solid #555;background:none;color:white;padding:10px}nav{display:none;position:absolute;top:86px;left:0;right:0;background:#17181a;padding:25px;flex-direction:column;gap:25px}nav.open{display:flex}.hero{display:flex;flex-direction:column}.hero-copy{padding:35px 6%}.eyebrow{font-size:11px;margin-bottom:22px}h1{font-size:76px}.hero-foot{display:none}.hero-art{min-height:470px}.hero-art>img{object-position:center 43%}.section-head{display:block}.section-head>p{margin-top:25px}.section{padding:65px 6%}h2{font-size:44px}.gallery{gap:23px 12px}.piece-info h3{font-size:17px}.piece-info small{font-size:11px}.filters button{padding:10px 13px;font-size:12px}.statement{padding:55px 6%}.statement>div,.commission{display:block}.statement>div>div{margin-top:30px}.shop{grid-template-columns:1fr}.shop img{height:360px}.commission form{margin-top:40px}.form-grid{grid-template-columns:1fr;gap:0}.tutorials{grid-template-columns:1fr}.tutorials img{aspect-ratio:16/9}footer p{font-size:34px}.ribbon{font-size:20px}dialog{padding:25px 18px}.image-label{left:18px;right:18px}.vertical{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.seen){opacity:1;transform:none}}