/* Paper Thread: portfolio presentation, using real editable product screens. */
.paper-thread-case{--thread-forest:#142f2a;--thread-mint:#c8efdb;--thread-border:#d1d9d0}
.thread-hero{height:900px;background:#102a25}
.thread-hero:after{background:linear-gradient(90deg,rgba(6,18,15,.95),rgba(6,18,15,.79) 38%,rgba(6,18,15,.08) 82%)}
.thread-hero .case-hero-image{object-position:center center}
.thread-hero .case-hero-copy{padding-top:146px;gap:18px}
.thread-product-mark img{display:block;width:280px;max-width:100%;height:66px;object-fit:contain;object-position:left center}
.thread-hero .eyebrow{margin-top:22px;max-width:600px}
.thread-hero h1{font-size:76px;max-width:750px}
.thread-hero .case-hero-copy>p{max-width:490px;font-size:16px}
.thread-hero .case-hero-copy>.thread-hero-intro{font-size:21px;line-height:1.5;max-width:500px}
.thread-hero-actions{margin:10px 0 12px}
.thread-hero-actions .glass-link{width:250px;min-height:60px}
.thread-hero .case-role{line-height:1.75;max-width:590px}
.thread-hero .case-role span{color:#d8e3dc}
.thread-brief{padding:56px 0}
.thread-brief .chapter-copy>p{margin:0}
.thread-brief h2{font-size:44px}
.thread-product-stage{padding:76px 0 38px;overflow:hidden;background:#152f29;color:#fffaf2}
.thread-product-stage .wrap{max-width:1440px}
.thread-stage-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:40px}
.thread-stage-heading .eyebrow{font-size:11px;line-height:1.65;letter-spacing:.08em;color:#c8efdb;margin-bottom:22px}
.thread-stage-heading h2{font-size:54px;line-height:1.12;letter-spacing:-.035em}
.thread-stage-copy>p{font-size:17px;line-height:1.65;max-width:600px;margin:0}
.thread-design-link{display:inline-flex;gap:22px;align-items:center;min-height:44px;margin-top:18px;border-bottom:1px solid currentColor;font-size:14px;font-weight:600;text-underline-offset:5px}
.thread-design-link:hover{text-decoration:underline}
.thread-screen-link{display:block;position:relative;isolation:isolate;border:1px solid #778f8266;border-radius:13px;background:#f3f5f1;color:#152f29;overflow:hidden;box-shadow:0 32px 70px #00130d60}
.thread-screen-link>img{display:block;width:100%;height:auto;max-width:none;transition:filter .25s ease}
.thread-screen-link:hover>img{filter:brightness(1.025)}
.thread-browser{height:38px;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid #d5ded6;background:linear-gradient(#edf1eb,#e3e9e2);color:#52675c}
.thread-browser>i{width:7px;height:7px;border-radius:50%;background:#bdc9be}
.thread-browser>span{font-size:10px;line-height:1;margin-left:12px}
.thread-browser>b{font-size:15px;margin-left:auto;font-weight:400}
.thread-screen-hint{position:absolute;right:18px;bottom:18px;display:flex;gap:22px;align-items:center;background:#142f2ae8;border:1px solid #c8efdb75;backdrop-filter:blur(12px);color:#f7fff9;border-radius:999px;padding:10px 15px;font-size:11px;box-shadow:0 3px 20px #00130d22}
.thread-stage-caption{display:flex;justify-content:space-between;gap:24px;margin:22px 0 0;font-size:12px;color:#d6e4db}
.thread-stage-2{background:#ebe6da;color:#172e26;padding-top:80px}
.thread-stage-2 .thread-stage-heading .eyebrow{color:#496759}
.thread-stage-2 .thread-stage-caption{color:#526356}
.thread-stage-2 .thread-screen-link{box-shadow:0 30px 70px #6c68532b;border-color:#8a9a8b66}
.thread-stage-3{background:#0d1d1a;padding-top:80px}
.thread-stage-3 .thread-screen-link{box-shadow:0 30px 70px #0006}
.thread-depth{padding:60px 0}
.thread-depth+.thread-depth{padding-top:24px}
.thread-depth .project-disclosure>.detail{padding-top:24px}
.thread-depth .project-depth-intro h2{font-size:48px}
.thread-depth .project-depth-intro>p{font-size:17px}
.thread-depth .project-disclosure .disclosure-preview img{object-position:top center}
.thread-journey-flow{grid-template-columns:repeat(5,minmax(0,1fr));margin:24px 0 28px}
.thread-journey-flow>li{background:#fffaf2;min-height:130px;padding:18px 15px}
.thread-journey-flow>li strong{font-size:14px}
.thread-main-flow{margin-bottom:36px}
.thread-journey-card{padding:30px 0 36px;border-top:1px solid #c9c1b4}
.thread-journey-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;align-items:start}
.thread-journey-heading>span{font-size:12px;color:var(--red);padding-top:6px}
.thread-journey-heading h3{font:600 22px/1.45 Inter,Arial,sans-serif;letter-spacing:-.01em;margin:0 0 5px}
.thread-journey-heading p{font-size:13px;color:#655f57;margin:0}
.thread-journey-results{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.thread-journey-results h4{font:600 14px/1.5 Inter,Arial,sans-serif;margin:0 0 8px}
.thread-journey-results p{font-size:15px;line-height:1.65;margin:0}
.thread-scope-links{margin-top:24px;padding:24px;border:1px solid #c9c1b4;background:#fffaf2}
.thread-scope-links>p{margin:0;font-size:15px}
.thread-outcome{margin-top:12px;background:#142f2a}
.thread-outcome h2{font-size:50px}
.thread-maker{display:flex;align-items:center;gap:28px;padding-top:40px;margin-top:36px;border-top:1px solid #a8c2ad55}
.thread-maker>span{font-size:12px;color:#d4e2d8}
.thread-maker img{display:block;width:250px;height:72px;max-width:65%;object-fit:contain;object-position:left center}
/* Dedicated Work treatment; the remaining collection tiles remain untouched. */
.paper-thread-tile .project-image{background:#142f2a}
.paper-thread-tile .client-brand{background:transparent;padding:0;height:70px;margin-bottom:24px}
.paper-thread-tile .client-brand img{width:280px;max-height:64px;object-position:left center}
.paper-thread-tile.cinematic .project-image:after{background:linear-gradient(90deg,#071a15ed,#071a1599 43%,#071a1510 85%),linear-gradient(0deg,#071a1533,transparent 70%)}
.paper-thread-tile .project-copy>.eyebrow{color:#d8e5dc}
.paper-thread-tile.cinematic .project-copy p{max-width:490px}
.paper-thread-tile .project-image>img{object-fit:contain;object-position:right top}
.paper-thread-tile .project-detail p{color:#e4eee7}
@media(min-width:1101px){.paper-thread-tile.cinematic h3{font-size:68px}.paper-thread-tile.cinematic .project-copy{width:680px}}
@media(max-width:1100px){.thread-stage-heading{gap:40px}.thread-stage-heading h2{font-size:46px}.thread-hero h1{font-size:67px}}
@media(max-width:850px){.thread-hero{min-height:900px;height:auto}.thread-hero h1{font-size:58px;max-width:650px}.thread-hero .case-hero-copy{padding-top:124px;padding-bottom:70px}.thread-hero .case-hero-copy>p{max-width:470px}.thread-stage-heading{grid-template-columns:1fr;gap:26px;margin-bottom:30px}.thread-stage-heading h2{font-size:44px}.thread-stage-copy>p{font-size:16px}.thread-product-stage{padding:56px 0 30px}.thread-depth .project-depth-intro h2{font-size:43px}.thread-brief h2{font-size:40px}.thread-hero:after{background:linear-gradient(90deg,#071710f2,#071710c2 60%,#07171055)}.thread-hero .case-hero-image{object-position:63% center}.thread-depth{padding:50px 0}.thread-depth+.thread-depth{padding-top:20px}.thread-outcome h2{font-size:43px}.thread-journey-flow{grid-template-columns:repeat(5,minmax(0,1fr))}.thread-journey-flow>li{padding:14px 10px;min-height:132px}.thread-journey-flow>li strong{font-size:12px}.thread-journey-flow>li:nth-child(3):after{content:'→'}}
@media(max-width:700px){.paper-thread-tile.cinematic .project-image:after{background:linear-gradient(0deg,#071a15f5,#071a15b8 60%,#071a1520)}.paper-thread-tile .client-brand img{width:235px}.thread-journey-flow{grid-template-columns:1fr;gap:16px}.thread-journey-flow>li{min-height:0;display:grid;grid-template-columns:24px 1fr;gap:16px;padding:16px}.thread-journey-flow>li strong{font-size:14px}.thread-journey-flow>li:not(:last-child):after,.thread-journey-flow>li:nth-child(3):after,.thread-journey-flow>li:nth-child(even):not(:last-child):after{content:'↓';right:calc(50% - 7px);top:auto;bottom:-19px;font-size:14px}.thread-journey-flow>li:last-child:after{content:none}.thread-journey-results{grid-template-columns:1fr;gap:18px}.thread-journey-heading{grid-template-columns:38px minmax(0,1fr);gap:12px}.thread-journey-heading h3{font-size:20px}.thread-stage-caption{font-size:11px}.thread-product-mark img{width:235px;height:58px}.thread-browser{height:30px;padding:0 10px}.thread-browser>span{font-size:9px}.thread-screen-hint{position:static;border:0;border-top:1px solid #d1d9d0;border-radius:0;background:#e7eee6;color:#24463c;padding:10px 12px;justify-content:space-between;font-size:11px;box-shadow:none}.thread-screen-link{border-radius:8px}.thread-maker{gap:18px;flex-wrap:wrap}.thread-maker img{max-width:100%;width:230px}.thread-stage-heading .eyebrow{margin-bottom:16px}.thread-hero .case-role{font-size:11px;max-width:430px}}
@media(max-width:560px){.thread-hero{min-height:850px}.thread-hero h1{font-size:clamp(42px,11.2vw,58px);max-width:100%}.thread-hero h1 br{display:initial}.thread-hero .case-hero-copy{gap:16px}.thread-hero .eyebrow{font-size:10px;margin-top:14px}.thread-hero .case-hero-copy>.thread-hero-intro{font-size:19px}.thread-hero .case-hero-copy>p{font-size:15px}.thread-hero-actions{margin:8px 0}.thread-hero-actions .glass-link{width:235px}.thread-brief{padding:42px 0}.thread-brief h2{font-size:36px}.thread-stage-heading h2{font-size:37px}.thread-stage-copy>p{font-size:15px}.thread-product-stage{padding:44px 0 25px}.thread-depth .project-depth-intro h2{font-size:37px}.thread-depth .project-depth-intro>p{font-size:16px}.thread-stage-caption span:first-child{max-width:250px}.thread-journey-results p{font-size:14px}.thread-outcome h2{font-size:38px}.thread-scope-links{padding:20px}}
@media(prefers-reduced-motion:reduce){.thread-screen-link>img{transition:none}}

/* Viewer actions sit on the page, outside the product frame. */
.thread-screen-presentation{max-width:1200px;margin-inline:auto}
.thread-screen-tools{display:flex;justify-content:flex-end;padding:20px 0 0}
.thread-screen-tools .thread-screen-hint{position:static;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;width:auto;padding:8px 0;background:none;color:inherit;border:0;border-bottom:1px solid currentColor;border-radius:0;box-shadow:none;backdrop-filter:none;font-size:13px;font-weight:500}
.thread-screen-tools .thread-screen-hint:hover{text-decoration:underline;text-underline-offset:4px}
.thread-screen-tools .thread-screen-hint:focus-visible{outline:2px solid currentColor;outline-offset:5px}