.detail-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px;padding-bottom:100px}
.detail-aside{position:sticky;top:30px;align-self:start;border-top:1px solid var(--ink);padding-top:25px}
.detail-aside-title{font-size:23px;font-weight:550;line-height:1.7;margin-top:22px}
.detail-aside nav{display:grid;gap:15px;margin-bottom:30px}.detail-aside nav a{font-size:15px;color:var(--muted)}.detail-aside nav a:hover{color:var(--ink)}
.detail-aside>.button{font-size:14px;padding-inline:18px}.detail-aside>.text-button{margin-top:25px}
.detail-block{border-top:1px solid var(--line);padding:32px 0 42px;scroll-margin-top:30px}.detail-block h2{font-size:26px;line-height:1.5;font-weight:600;margin-bottom:25px}.detail-block p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted);margin-top:16px}.detail-block .text-button{margin-top:20px}
.detail-list{list-style:none;display:grid;gap:15px;padding:0}.detail-list li{font-size:17px;line-height:1.8;padding-left:20px;position:relative}.detail-list li::before{content:'—';position:absolute;left:0;color:var(--accent)}
.service-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.service-modules article{border:1px solid var(--line);padding:20px 16px}.service-modules h3{font-size:17px;font-weight:600;margin-bottom:16px;line-height:1.6}.service-modules .content-list{font-size:14px}.related-services{list-style:none;display:grid;gap:14px;padding:0}.related-services .text-button{margin-top:0}.related-services a{line-height:1.7}
.service-modules-paired{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.service-modules{grid-template-columns:1fr}.service-modules article{padding:22px}}
.detail-flow{background:var(--soft);padding:24px;margin-top:28px}.detail-flow ol{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin-top:13px}.detail-flow li{font-size:14px}.detail-flow li+li::before{content:'→';margin-right:12px;color:var(--muted)}.detail-block .detail-note{font-size:13px}
.service-index{padding-bottom:90px}.service-index-card{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:25px;align-items:center;padding:36px 0;border-top:1px solid var(--line)}.service-index-card:last-child{border-bottom:1px solid var(--line)}.service-index-card:hover h2{color:var(--accent)}.service-index-card h2{font-size:27px;font-weight:600;line-height:1.5;margin-bottom:8px}.service-index-card p{color:var(--muted);font-size:16px;line-height:1.8}
.process-stages{list-style:none;display:grid;gap:28px}.process-stages>li{display:flex;gap:22px}.process-stages .index{padding-top:5px}.process-stages h3{font-size:20px;font-weight:550}.process-stages p{margin-top:8px!important}.process-stages small{display:block;color:var(--accent);font-size:13px;margin-top:12px}
.estimate-list>div{display:grid;grid-template-columns:85px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.estimate-list dt{font-weight:600}.estimate-list dd{margin:0;color:var(--muted);line-height:1.8}
.project-filters{flex-wrap:wrap}.project-filters button span{margin-left:5px;font-size:12px;font-variant-numeric:tabular-nums}.portfolio-empty{text-align:center;padding:90px 15px;color:var(--muted);border-bottom:1px solid var(--line)}.project-showcase>a{cursor:zoom-in}
@media(max-width:1000px){.detail-layout{gap:40px;grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.detail-layout{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.detail-aside{position:static}.detail-aside nav{display:flex;flex-wrap:wrap;gap:12px 20px;margin-bottom:20px}.detail-aside-title{font-size:22px}.detail-block{padding:25px 0 32px}.detail-block h2{font-size:23px}.detail-list li,.detail-block p:not(.eyebrow){font-size:16px}.detail-block .detail-note{font-size:13px}.service-index{padding-bottom:55px}.service-index-card{grid-template-columns:22px minmax(0,1fr) 20px;gap:14px;padding-block:28px}.service-index-card h2{font-size:23px}.service-index-card p{font-size:15px}.estimate-list>div{grid-template-columns:65px 1fr;gap:12px}.detail-flow{padding:20px}.detail-flow ol{display:grid}.detail-flow li+li::before{content:'↓';margin-right:10px}.project-filters button{min-height:44px}}
.content-list{list-style:none;display:grid;gap:8px;margin:0}
.content-list>li{position:relative;padding-left:14px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;color:var(--muted)}
.content-list>li::before{content:'';position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;left:0;top:.75em}
.inline-items,.item-chips,.project-tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.inline-items>li{padding:2px 9px;background:var(--soft);font-size:13px;line-height:1.65}
.item-chips>li,.project-tags>li{padding:4px 9px;border:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted);word-break:keep-all}
.blend-build-description>.item-chips{margin-top:14px}
.blend-deliverables .content-list{font-size:15px;margin-top:16px}
.project-facts .content-list{gap:6px}
.project-facts dl>div:has(.content-list){padding-bottom:18px;border-bottom:1px solid var(--line)}
.project-role{align-items:start}.project-role dt{padding-top:3px}
.reference-fields{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.reference-fields h3{font-size:17px}.reference-fields h3>span{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px}
.reference-fields .field-label{font-size:15px;font-weight:550;margin:18px 0 9px}
#reference-urls{display:grid;gap:10px}.reference-url-row{display:flex;align-items:center;gap:8px;min-width:0}.reference-url-row input{min-width:0;flex:1}
.reference-remove{flex:none;min-width:44px;min-height:44px;font-size:13px;color:var(--muted);padding:8px}
.reference-add{font-size:13px;min-height:44px;padding:8px 0;color:var(--accent)}.reference-add:disabled{opacity:.5;cursor:default}
.inquiry-panel input[type=file]{font-size:13px;padding:9px;cursor:pointer;background:var(--paper)}
.inquiry-panel input[type=file]::file-selector-button{font:inherit;padding:9px 12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);margin-right:10px;cursor:pointer;border-radius:2px}
.field-hint{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}
.reference-file-list{list-style:none;display:grid;gap:10px;margin:16px 0 0}.reference-file-list:empty{display:none}
.reference-file-list>li{display:grid;grid-template-columns:56px minmax(0,1fr) 44px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line)}
.reference-file-list strong{display:block;font-size:13px;line-height:1.6;font-weight:550;overflow-wrap:anywhere;word-break:break-word}
.reference-file-list div>span{font-size:12px;color:var(--muted)}
.reference-thumbnail,.reference-file-icon{width:56px;height:56px;background:var(--soft);border:1px solid var(--line);object-fit:cover}
.reference-file-icon{display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--accent)}
.reference-status{font-size:13px;color:var(--accent);margin-top:10px}.reference-status:empty{display:none}
@media(max-width:760px){.project-facts dl{grid-template-columns:1fr}.project-facts dl>div{margin-bottom:10px}.reference-file-list>li{grid-template-columns:42px minmax(0,1fr) 44px;gap:7px;padding:8px}.reference-thumbnail,.reference-file-icon{width:42px;height:42px}}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.file-picker{position:relative;display:flex;align-items:center;justify-content:center;min-height:54px;border:1px dashed var(--border-strong);background:var(--soft);color:var(--accent);font-size:14px}
.file-picker:focus-within{outline:3px solid var(--accent);outline-offset:3px}
.inquiry-panel .file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}
.file-picker>span{pointer-events:none}
