.demo-banner{background:#dfe5d5;padding:12px 5%;font-size:10px;letter-spacing:1.6px;display:flex;justify-content:space-between;gap:12px}.demo-banner span{letter-spacing:0;font-size:11px}.portal-shell{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1500px;margin:auto;min-height:80vh}.portal-shell aside{padding:60px 30px;border-right:1px solid var(--line)}.portal-shell aside h2{font-size:37px;letter-spacing:-1px}.sample-caption{font-size:12px;color:var(--muted);margin:22px 0 30px}.portal-nav{position:static;display:flex;flex-direction:column;gap:0;align-items:stretch;background:none;padding:0}.portal-nav button{display:flex;gap:15px;border:0;border-top:1px solid var(--line);padding:17px 9px;text-align:left;background:transparent;font-size:11px}.portal-nav button span{flex:1}.portal-nav button[aria-current]{background:#e2e7db}.aside-note{margin-top:50px;font-size:12px;color:var(--muted)}.aside-note p{margin:12px 0}.aside-note a{color:var(--ink);border-bottom:1px solid}.portal-content{padding:35px 55px 70px;min-width:0}.portal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px;font-size:9px;letter-spacing:1.5px;gap:15px}.status{background:#e2e7db;border-radius:20px;padding:6px 13px;white-space:nowrap;letter-spacing:0;font-size:11px}.portal-content h1{font-size:clamp(44px,4.4vw,69px);letter-spacing:-2px}.lede{max-width:580px;color:var(--muted);font-size:14px;margin:25px 0 35px}.project-cover{position:relative}.project-cover img{width:100%;height:340px;object-fit:cover}.project-cover span{position:absolute;bottom:20px;left:20px;color:white;text-shadow:0 1px 3px black;font-size:10px;letter-spacing:2px}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;margin:40px 0}.overview-grid h3{font-size:28px}.overview-grid p:not(.eyebrow){font-size:13px;color:var(--muted)}.overview-grid .eyebrow{margin-bottom:15px}.portal-button{border:0;background:var(--ink);color:white;padding:14px 20px;font-size:12px;display:inline-block}.journey{border-top:1px solid var(--line);padding-top:30px}.journey h3{font-size:28px}.journey ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.journey li{border-top:3px solid #d7dccf;padding-top:12px}.journey li.done{border-color:#859b76}.journey li.current{border-color:#253b32}.journey strong{display:block;font-size:13px}.journey li span{font-size:10px;color:var(--muted);display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;font-weight:500;margin:0 0 23px}input:not([type=checkbox]):not([type=range]),select,textarea{font:14px 'DM Sans',Arial;width:100%;display:block;border:1px solid #c7cebf;background:#fcfcf7;color:var(--ink);padding:13px;margin-top:9px;border-radius:0}textarea{resize:vertical}fieldset{border:0;padding:0;margin:10px 0 25px}legend{font-size:12px;margin-bottom:15px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices label{padding:12px;background:#e7eadd;margin:0;display:flex;gap:9px;align-items:center;font-weight:400}.choices input{accent-color:var(--ink)}.upload-example{border:1px dashed #a7b59b;padding:25px;margin-bottom:25px;font-size:13px}.upload-example p{color:var(--muted);font-size:12px}.upload-example span{font-size:10px}#brief-preview,.example-note,.demo-note{background:#e6ebdf;padding:25px;margin:30px 0}#brief-preview h3{font-size:30px}#brief-preview p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}#brief-preview small{color:var(--muted);font-size:10px}.studio-image button{display:block;width:100%;border:0;padding:0;position:relative;background:none}.studio-image img{width:100%;height:400px;object-fit:cover}.studio-image span{position:absolute;right:15px;bottom:15px;background:#f5f3eddd;padding:7px 12px;font-size:11px}.view-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.view-options button{border:1px solid var(--line);background:none;padding:10px 15px;font-size:12px}.view-options button.active{background:var(--ink);color:white}.studio-copy{margin:50px 0 20px}.studio-copy h3{font-size:30px}.studio-copy p{font-size:13px;color:var(--muted)}.tour-note{border-top:1px solid var(--line);margin:35px 0;padding-top:25px}.tour-note>span,.example-note>span{font-size:9px;letter-spacing:2px}.tour-note h3{font-size:27px;margin-top:15px}.tour-note p,.example-note p,.demo-note p{font-size:13px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.file-list{border-top:1px solid var(--line)}.file-list a{display:flex;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.file-list a>span{background:#e2e7db;padding:15px;font-size:10px}.file-list a div{flex:1}.file-list strong{font-size:14px;font-weight:500}.file-list small{display:block;font-size:11px;color:var(--muted)}.file-list b{font-size:12px;font-weight:400}.planned-folders{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.planned-folders article{border-top:1px solid var(--line);padding-top:20px}.planned-folders article>span{font-size:10px}.planned-folders h3{font-size:24px;margin:17px 0}.planned-folders p{font-size:12px;color:var(--muted)}.planned-folders small{font-size:10px;color:var(--muted)}.demo-note strong{font-size:12px}.demo-note small{font-size:10px;color:var(--muted)}[data-panel][hidden]{display:none}#design-dialog img{height:auto}header .text-link{margin:0;font-size:12px}@media(max-width:1000px){.portal-shell{grid-template-columns:245px minmax(0,1fr)}.portal-content{padding:30px}.portal-shell aside{padding:45px 20px}.overview-grid,.planned-folders{grid-template-columns:1fr}.demo-banner{flex-direction:column;gap:3px}}@media(max-width:700px){.portal-shell{display:block}.portal-shell aside{border-right:0;border-bottom:1px solid var(--line);padding:30px 6%}.portal-shell aside h2{font-size:30px}.portal-shell aside h2 br{display:none}.sample-caption{margin:15px 0}.portal-shell aside .eyebrow{margin-bottom:12px}.portal-nav{display:flex;flex-direction:row;overflow-x:auto;gap:7px;padding:5px 0}.portal-nav button{flex-shrink:0;border:1px solid var(--line);padding:11px;font-size:10px;gap:5px}.aside-note{display:none}.portal-content{padding:25px 6% 50px}.portal-top{margin-bottom:30px;font-size:8px}.portal-content h1{font-size:46px}.project-cover img,.studio-image img{height:270px}.overview-grid{gap:25px}.journey ol{grid-template-columns:1fr 1fr;gap:22px}.form-grid,.choices{grid-template-columns:1fr}.material-compare,.material-compare>img,.material-before img{height:300px}.file-list a{gap:12px}.file-list a>span{padding:10px}.file-list strong{font-size:12px}header .brand{font-size:15px}header .brand small{font-size:8px}header .text-link{font-size:10px}.demo-banner{font-size:9px}.demo-banner span{font-size:10px}}
@media(max-width:700px){.portal-shell aside h2 em:before{content:" "}}