/*
Theme Name: Rabason Portfolio
Description: Private-stage portfolio theme for Rabason LLC.
Version: 1.0.0
Text Domain: rabason-portfolio
*/
:root{--ink:#080808;--paper:#f5f5f5;--gold:#ffbf00;--red:#dc2626;--line:rgba(243,240,232,.23);--muted:#b7b4ac;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.site{overflow:hidden}.shell{width:100%;max-width:var(--max);margin:auto;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.top{border-bottom:1px solid var(--line);position:relative;z-index:4}.topin{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{text-decoration:none;font-weight:900;letter-spacing:.16em;font-size:13px}.wordmark span{color:var(--gold)}.nav{display:flex;align-items:center;gap:22px}.nav a{font-size:12px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--muted)}.nav a:hover,.nav a[aria-current=page]{color:var(--paper)}.menu{display:none;background:none;border:1px solid var(--line);color:var(--paper);padding:10px 13px;font:inherit;letter-spacing:.08em;text-transform:uppercase}.hero{padding:clamp(58px,10vw,150px) 0 70px;position:relative}.hero:before{opacity:.12;content:"";position:absolute;right:-12vw;top:0;width:42vw;height:80%;background:var(--gold);clip-path:polygon(38% 0,100% 0,100% 82%,0 100%);z-index:0}.hero .shell{position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:flex;gap:12px;align-items:center}.eyebrow:before{content:"";height:1px;width:44px;background:var(--gold)}h1{font-size:clamp(48px,8.5vw,126px);line-height:.91;letter-spacing:-.07em;max-width:1000px;margin:24px 0 26px;text-wrap:balance}h2{font-size:clamp(30px,4vw,56px);line-height:.98;letter-spacing:-.055em;margin:0;text-wrap:balance}h3{font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:0;color:var(--gold)}.lede{font-size:clamp(19px,2.25vw,29px);line-height:1.3;max-width:720px;color:#dedbd3}.hero-meta{display:flex;gap:16px;align-items:center;margin-top:36px}.button{display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:var(--ink);padding:14px 18px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;font-size:12px}.button:after{content:"↗";font-size:18px}.button:hover{background:var(--paper)}.brands{border-top:1px solid var(--line)}.brand{min-height:260px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:120px 1fr minmax(160px,260px);gap:24px;padding:34px 0;align-items:end;text-decoration:none;position:relative}.brand:hover{background:var(--paper);color:var(--ink);margin-inline:-24px;padding-inline:24px}.brand:hover h3{color:var(--red)}.brand-num{font-size:13px;font-weight:900;color:var(--gold)}.brand-name{font-size:clamp(40px,6vw,80px);font-weight:900;letter-spacing:-.07em;line-height:.9}.brand p{margin:0;max-width:250px;color:var(--muted)}.brand:hover p{color:#444}.brand-link{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-align:right}.brand-link:after{content:" ↗";color:var(--red)}.manifesto{padding:clamp(70px,10vw,140px) 0;background:var(--paper);color:var(--ink)}.manifesto-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(36px,9vw,150px)}.manifesto p{font-size:clamp(19px,2.1vw,28px);line-height:1.32;margin:18px 0 0}.rule{padding:clamp(58px,9vw,120px) 0;border-bottom:1px solid var(--line)}.rule-grid{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(0,1.3fr) minmax(180px,.65fr);gap:30px}.rule-copy{font-size:18px;white-space:pre-line;color:#d8d5ce}.rule-note{font-size:14px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.cta{background:var(--red);color:#fff;padding:clamp(58px,9vw,120px) 0}.cta .button{background:var(--ink);color:var(--paper);margin-top:28px}.cta .button:hover{background:var(--gold);color:var(--ink)}.footer{padding:38px 0;color:var(--muted);font-size:13px}.footerin{display:flex;justify-content:space-between;gap:24px;align-items:end}.footer-nav{display:flex;gap:14px;flex-wrap:wrap}.footer a{color:var(--paper)}.legal{font-size:11px;max-width:480px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:9;background:var(--gold);color:var(--ink);padding:10px}.route-label{font-size:11px;letter-spacing:.12em;color:inherit;text-transform:uppercase;margin-bottom:12px}@media(max-width:800px){.topin{min-height:64px}.menu{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#151515;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;align-items:flex-start;gap:17px}.nav.open{display:flex}.hero:before{right:-20vw;width:70vw;height:50%}.brand{grid-template-columns:45px 1fr;gap:16px;min-height:0}.brand p{grid-column:2;max-width:520px}.brand-link{grid-column:2;text-align:left;margin-top:8px}.manifesto-grid,.rule-grid{grid-template-columns:1fr;gap:22px}.rule-note{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.footerin{display:block}.footer-nav{margin:18px 0}.brand:hover{margin-inline:-24px;padding-inline:24px}h1{max-width:700px}.hero{padding-bottom:55px}}@media(max-width:430px){.shell{padding-left:20px;padding-right:20px}.nav{padding-left:20px;padding-right:20px}.brand:hover{margin-inline:-20px;padding-inline:20px}.hero-meta .button{width:100%;justify-content:space-between}.lede{font-size:19px}.brand-name{font-size:42px}}

.brand-logo{width:220px;height:110px;object-fit:contain;object-position:left;margin-bottom:18px}.founder{display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:center}.founder img{width:100%;height:auto}@media(max-width:700px){.founder{grid-template-columns:1fr;gap:30px}.founder img{max-width:260px}.brand-logo{width:150px}}

/* Owner correction: black/white foundation, red action, gold smallest accent. */
.hero:before{background:var(--red);opacity:.16}.eyebrow,h3{color:var(--paper)}.eyebrow:before{background:var(--red)}.button{background:var(--red);color:var(--paper)}.button:hover{background:var(--paper);color:var(--ink)}.brand-num{color:var(--muted)}.wordmark span{color:var(--paper)}.manifesto{background:#141414;color:var(--paper)}.nav a[aria-current=page]{color:var(--paper);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:7px}.cta{background:#151515;border-top:3px solid var(--red)}.cta .button{background:var(--red);color:var(--paper)}.cta .button:hover{background:var(--paper);color:var(--ink)}.brand:hover .brand-num{color:#444}
