/* Dustin visual pass. Existing artwork, shared brand palette, local mock sites. */
:root{--navy:#1e3a8a;--orange:#f97316;--cream:#fff7f0;--blue:#0ea5e9;--violet:#8b5cf6}
header b{font-weight:900;letter-spacing:-1px}header small{letter-spacing:1.5px;text-transform:uppercase;font-size:9px;color:#d4b992}.tools button{background:#132238e8;border-color:#c0cce52b}.os-top{background:#102240;border-bottom:2px solid #f97316;height:46px}.os-top>b{font-weight:900}.os-top>span:nth-child(2){font-size:10px;letter-spacing:2.4px;color:#9fb6d3}.os-taskbar{background:#11203b;color:#adbbd1;border-top:1px solid #3c4964}.os-taskbar button{color:#f9c19c}.os-taskbar>span:last-child{color:#b6d5ac}#desktop{background:linear-gradient(110deg,transparent 0 61%,#dfd6eb85 61% 61.3%,transparent 61.3%),radial-gradient(ellipse at 65% 25%,#f3e7da 0,transparent 60%),#fff7f0}.desktop-intro{position:relative;justify-content:flex-start;padding-left:9%;gap:35px}.desktop-intro:before{content:'THE DUSTIN EDIT  /  VOL. 01';position:absolute;left:5%;right:5%;top:18px;border-top:1px solid #1e3a8a40;padding-top:10px;font-size:9px;letter-spacing:2px;color:#5d6576}.desktop-intro img{order:2;height:340px;width:230px;filter:drop-shadow(7px 5px 0 #1e3a8a12);margin-left:auto;margin-right:8%;transform:rotate(2deg)}.desktop-intro>div{order:1;min-width:260px}.desktop-intro small{letter-spacing:2.2px;color:#ad4e13}.desktop-intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:57px;letter-spacing:-2px;line-height:.96}.desktop-intro p{font-size:15px}.icons{position:relative;padding:14px 20px 12px;margin:0 5%;border-top:1px solid #1e3a8a25;border-bottom:1px solid #1e3a8a25;gap:15px;background:#fffaf766}.icons button{font-size:13px}.icons i{border-radius:11px;background:linear-gradient(150deg,#314f94,#152e62);box-shadow:0 4px 0 #162951,0 7px 12px #182c5220;border:1px solid #ffffff50;width:51px;height:51px;font-size:29px}.icons button:nth-child(2n) i{background:linear-gradient(150deg,#a68bd7,#5e4194)}.icons button:nth-child(3n) i{background:linear-gradient(150deg,#f5a669,#bf4e13)}.desktop-bottom{font-size:10px;letter-spacing:.6px}.desktop-bottom button{font-size:12px}.app-title{background:#152c50;color:#fff7f0;border-bottom:2px solid #f97316;font-size:14px}.app-title button{color:#ffdcc4}#app{border-color:#273f68;border-radius:9px}#app-body{background:#fff7f0}#app-body h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal}.card{border-color:#d5cbbc;background:#fffaf5;box-shadow:0 3px 0 #ded4c430}#app-body button{background:#1e3a8a;border-radius:6px}#app-body .note{line-height:1.5}.terminal pre{color:#d8e3f6}.terminal .quick button{border:1px solid #52617e!important;color:#f0c8a5}.terminal form>span{color:#ffa764}.call-face{height:110px;margin-top:16px}.call-face img{height:110px;max-width:130px;object-fit:contain;filter:drop-shadow(3px 4px 0 #1e3a8a12)}#checklist{background:#132138e8;border-color:#a9b5c82b;border-radius:5px;border-top:3px solid #f97316}#checklist>b{font-family:Georgia,serif;font-size:16px;font-weight:normal;color:#fff7f0}.object-label{border-radius:7px;background:#fff7f0f5;border-left:4px solid #f97316}#toast{border-radius:5px;border-left:3px solid #f97316}
.site-tabs{display:flex;gap:5px;margin:-5px 0 10px}.site-tabs button{font-size:12px!important;min-height:35px;padding:7px 13px!important;background:#e5dfd8!important;color:#394965!important;border-radius:6px 6px 0 0!important;margin:0!important}.site-tabs button[aria-pressed=true]{background:#1e3a8a!important;color:#fff7f0!important}.address{margin-bottom:12px;border-radius:4px;font:12px Consolas,monospace;background:#f0ece6}.mini-site{border:1px solid #d5cabb;overflow:hidden;border-radius:5px;background:#fff7f0}.mini-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8cebf;padding:13px 20px;font-size:10px;letter-spacing:1px}.mini-nav strong{font-size:16px;letter-spacing:-.7px;color:#1e3a8a;font-weight:900}.mini-nav strong span{color:#c45718}.mini-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;padding:20px 24px;position:relative}.mini-hero .kicker{font-size:10px;letter-spacing:1.7px;color:#965425;font-weight:bold;margin:0 0 13px!important}.mini-hero h2{font-size:36px!important;line-height:1.02;margin:0 0 12px!important}.mini-hero p{font-size:14px;line-height:1.5!important;max-width:390px}.mini-hero img{width:100%;height:220px;object-fit:contain;align-self:center}.mini-bottom{border-top:1px solid #d8cebf;display:flex;justify-content:space-between;gap:12px;padding:11px 20px;font-size:10px;letter-spacing:1px;color:#626778}.mini-site.closet{background:#f2ecdf}.closet .mini-nav strong{font:900 27px Georgia,serif;letter-spacing:-1.5px;color:#232925}.closet .mini-nav{border-bottom:3px double #b1ac9e}.closet .mini-hero h2{color:#202922!important}.closet .mini-hero h2 em{color:#93603d}.closet .mini-hero img{height:220px;transform:rotate(-3deg)}.closet .mini-hero button{background:#273e36!important}.mini-site.client-site .mini-nav strong{font:24px Georgia,serif;color:#3d5441}.mini-site.client-site h2{color:#3d5441!important}.mini-site.client-site .client-letter{font:normal 90px Georgia,serif;color:#3d5441;text-align:center;background:#e6e9de;border:1px solid #b2bba3;display:grid;place-items:center;margin:10px;border-radius:90px 90px 4px 4px}.crew-art{float:right;width:110px;height:150px;object-fit:contain;margin:0 0 5px 10px}
@media(max-width:800px){.desktop-intro{padding-left:6%;gap:5px!important}.desktop-intro>div{min-width:0}.desktop-intro img{width:120px;margin-right:3%}.desktop-intro:before{font-size:7px;top:10px;letter-spacing:1px}.desktop-intro h1{font-size:36px}.desktop-intro small{font-size:8px}.desktop-intro p{font-size:12px}.icons{padding:10px 5px;gap:12px!important}.icons button{width:66px;font-size:10px}.icons i{width:38px;height:38px;font-size:23px}.mini-nav{padding:10px}.mini-nav>span{font-size:8px}.mini-nav strong{font-size:13px}.mini-hero{padding:15px;gap:5px}.mini-hero h2{font-size:27px!important}.mini-hero p{font-size:12px}.mini-hero img{height:145px}.mini-bottom{font-size:8px;padding:10px}.site-tabs button{font-size:10px!important;padding:6px 9px!important}.address{font-size:10px}.mini-hero .kicker{font-size:8px}.closet .mini-hero img{height:170px}.mini-site.client-site .client-letter{font-size:65px}.os-top>span:nth-child(2){font-size:8px;letter-spacing:1px}}
@media(max-height:650px){.desktop-intro:before{display:none}.icons{padding:7px}.desktop-intro h1{font-size:32px}.desktop-intro img{margin-top:5px}.desktop-bottom{bottom:3px}}