.device-explore-tools{border-bottom:1px solid #b18d6526;flex-shrink:0;gap:8px;padding:10px 18px;display:flex}.device-explore-tools label{color:#d0b28f;background:#ffffff04;border:1px solid #b18d6545;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:7px 10px;display:flex}.device-explore-tools input{color:#f0e4d5;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.device-explore-tools input::placeholder{color:#b5a396}.device-explore-tools label:focus-within{outline-offset:2px;outline:2px solid #d8b886}.device-explore-tools button,.device-desktop-intro button,.phone-copy-action button,.device-empty button{color:#e6c8a2;cursor:pointer;background:#d4ad7e0d;border:1px solid #bfa07766;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:inline-flex}.device-explore-tools button:hover,.device-desktop-intro button:hover,.phone-copy-action button:hover{background:#d4ad7e24}.device-explore-tools button:disabled,.device-desktop-intro button:disabled{opacity:.4;cursor:default!important}.device-story{color:#c4b3a5;border-bottom:1px solid #b18d6526;margin-bottom:14px;padding:0 0 14px;font-size:12px}.device-story summary{cursor:pointer;color:#e1c6a5;align-items:center;gap:8px;list-style:none;display:flex}.device-story summary:after{content:"+";margin-left:auto}.device-story[open] summary:after{content:"−"}.device-story p{max-width:65ch;margin:10px 0 0;line-height:1.65}.device-empty button{margin:14px auto 0;display:block}.portfolio-device .device-desktop-intro{color:#dbc3a9;max-width:480px;margin:0 0 30px}.device-desktop-intro h2{font:500 clamp(24px,3vw,34px)/1.1 var(--font-display),Georgia,serif;margin:10px 0}.device-desktop-intro p{color:#c5b2a5;margin:0 0 15px;font-size:12px;line-height:1.7}.portfolio-device .laptop-folders{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;width:100%}.portfolio-device .laptop-folders button{background:#ffffff03;border:1px solid #cfac7b26;border-radius:10px;width:100%;padding:12px 4px;transition:background .18s}.portfolio-device .laptop-folders button:hover{background:#d4ad7e15}.phone-copy-action{margin:4px 0 18px}.phone-copy-action span{color:#dbc3a9;min-height:30px;margin-top:8px;font-size:11px;line-height:1.5;display:block}@container (max-width:430px){.device-explore-tools{flex-wrap:wrap;padding:8px 12px}.device-explore-tools label{flex-basis:100%}.device-explore-tools button{padding:7px 10px}.device-story{font-size:11px}}.portfolio-device{animation:.18s device-app-enter}@keyframes device-app-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.portfolio-device .laptop-screen{aspect-ratio:auto;height:min(570px,100svh - 180px);min-height:280px}.portfolio-device .laptop-lid{width:92%}.portfolio-device .laptop-screen>.device-screen-content{height:auto;bottom:38px}.portfolio-device .laptop-folders{gap:16px}.portfolio-device .laptop-desktop{padding:24px;bottom:38px;overflow:auto}.portfolio-device .camera-screen{height:min(570px,100svh - 180px);display:block;position:relative}.portfolio-device .tablet-screen{height:min(610px,100svh - 120px);min-height:0;overflow:hidden}.sewing-device-screen{height:min(540px,100svh - 220px);position:relative}.portfolio-book-screen{height:min(620px,100svh - 120px);min-height:0;display:block;overflow:hidden}.portfolio-book-screen:after{display:none}.device-screen-content{color:#ece5db;background:#10100f;height:100%;min-height:0;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.device-list-view,.device-project-viewer,.device-project-body{flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.device-list-toolbar,.device-viewer-toolbar{background:#1b1916;border-bottom:1px solid #66533b;flex:none;align-items:center;gap:12px;min-height:44px;padding:10px 18px;display:flex}.device-list-toolbar b{font-size:13px;font-weight:400}.device-list-toolbar small,.device-viewer-toolbar>span{color:#b8a88f;margin-left:auto;font-size:11px}.device-list-toolbar button,.device-viewer-toolbar button{color:#dfc196;cursor:pointer;text-align:left;background:0 0;border:0;padding:2px 0;font-size:12px}.device-screen-content .device-filter{border-bottom:1px solid #332b21;flex:none;padding:10px 18px}.device-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#746044 #181613;scroll-behavior:auto;flex:1;min-height:0;overflow:auto}.device-scroll::-webkit-scrollbar{width:5px;height:5px}.device-scroll::-webkit-scrollbar-thumb{background:#746044;border-radius:3px}.device-list-content,.device-project-content{padding:18px}.portfolio-device .device-project-card{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.portfolio-device .device-project-card:hover img{scale:1.015}.portfolio-device .device-project-card b{white-space:normal;line-height:1.35}.device-screen-content img{max-width:100%;display:block}.device-project-heading{margin-bottom:20px}.device-project-heading>small{color:#bba786;font-size:11px}.portfolio-device .device-project-heading h1{letter-spacing:normal;overflow-wrap:anywhere;width:auto;margin:8px 0 12px;font-family:Georgia,serif;font-size:clamp(24px,3.8cqw,38px);font-weight:400;line-height:1.05}.device-project-content .markdown-content{color:#ccc2b5;font-size:14px;line-height:1.5}.device-project-content .markdown-content>:first-child{margin-top:0}.device-project-content .markdown-content>:last-child{margin-bottom:0}.device-project-content .markdown-content h1,.device-project-content .markdown-content h2,.device-project-content .markdown-content h3{margin:12px 0 8px;font-size:18px;line-height:1.2}.device-project-content .markdown-content img{object-fit:contain;max-height:240px}.device-project-content .markdown-content pre,.device-project-content .markdown-content table{max-width:100%;overflow:auto}.device-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;display:grid}.device-gallery>button{cursor:zoom-in;background:#191714;border:1px solid #3b3228;border-radius:4px;width:100%;height:190px;padding:0;position:relative;overflow:hidden}.device-gallery img{object-fit:contain;transition:transform .18s}.device-gallery button:hover img{transform:scale(1.015)}.device-gallery button>span{color:#dfc196;background:#13110fd9;padding:2px 6px;position:absolute;bottom:5px;right:6px}.device-gallery--ai>button,.device-gallery--marketplace>button{height:210px}.device-gallery--branding,.device-gallery--web,.device-gallery--embroidery{grid-template-columns:repeat(2,minmax(0,1fr))}.device-gallery--web>button{height:220px}.device-gallery--3d>button:first-child{grid-column:1/-1;height:240px}.device-project-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.device-project-content h2{color:#dec39b;margin:0 0 10px;font-size:16px;font-weight:400}.device-project-tags{color:#bda580;margin:20px 0;font-size:12px}.device-project-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:24px 0;display:grid}.device-project-details dt{color:#bda580;font-size:12px}.device-project-details dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;line-height:1.5}.device-project-materials{border-top:1px solid #423627;margin-top:24px;padding-top:16px}.device-gallery--sources{grid-template-columns:repeat(auto-fill,minmax(140px,200px))}.device-gallery--sources>button{height:150px}.device-brandbook-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.device-image-preview{z-index:20;background:#080706ed;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.18s device-preview-enter;display:flex;position:absolute;inset:0}.device-image-preview>img{object-fit:contain;width:auto;max-width:82%;height:auto;max-height:75%;box-shadow:0 6px 22px #0006}.device-preview-controls{color:#cab491;align-items:center;gap:10px;font-size:12px;display:flex}.device-preview-controls button{color:#f0dfc3;cursor:pointer;background:#242018;border:1px solid #76603f;border-radius:4px;min-width:36px;height:34px;padding:0 10px}.device-preview-controls button:disabled{opacity:.35;cursor:default}@keyframes device-preview-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.portfolio-device :focus-visible{outline-offset:3px;outline:2px solid #d8b886}.device-list-toolbar,.device-viewer-toolbar{background:linear-gradient(110deg,#29241d,#191816)}.device-project-heading>small{letter-spacing:.05em}.device-project-heading .markdown-content{max-width:70ch}.portfolio-device .device-project-card>span{background:radial-gradient(#2a2721,#161512);border-color:#b5966238;border-radius:6px}.portfolio-device .device-project-card img{object-fit:contain;padding:6px}.portfolio-device .device-project-card:hover>span{border-color:#cead79}.portfolio-device .device-project-card b{color:#ece3d4}.device-gallery>button{background:linear-gradient(135deg,#24211c,#151513);transition:border-color .18s}.device-gallery>button:hover{border-color:#cfaf7b}.device-gallery button>span{border:1px solid #d8b8863a;border-radius:4px}.device-project-materials h2{color:#bbae99;font-size:13px}@container (max-width:650px){.device-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.device-gallery>button{height:180px}.device-gallery--sources{grid-template-columns:repeat(2,minmax(0,200px))}.device-gallery--sources>button{height:130px}.device-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-list-toolbar{flex-wrap:wrap;gap:6px 12px}}@container (max-width:430px){.device-project-story,.device-project-details,.device-brandbook-pages{grid-template-columns:1fr}.device-project-content,.device-list-content{padding:12px}.device-gallery>button{height:150px}}@media (max-width:700px){.portfolio-device .laptop-lid{border-width:4px;width:100%;padding:7px}.portfolio-device .laptop-screen{height:min(600px,100svh - 150px)}.portfolio-device .camera-body{padding:25px 10px 16px}.portfolio-device .camera-screen{height:min(620px,100svh - 150px)}.portfolio-device .device-close{width:34px;height:34px;top:-15px;right:-5px}.portfolio-device .tablet-frame{padding:12px 6px}.portfolio-device .book-cover{padding:8px}.portfolio-device .sewing-console>header{letter-spacing:0;padding:0 10px}}@media (prefers-reduced-motion:reduce){.portfolio-device,.device-image-preview{animation:none}.device-gallery img{transition:none}}
