/* The approved homepage paper and logo remain the shared surface. */
.desktop-nav{gap:clamp(15px,1.9vw,32px);font-size:.9rem}.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}
@media(min-width:701px) and (max-width:1080px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;top:100px}}
.inside-page h1{font-size:clamp(3.7rem,7.5vw,6.4rem);line-height:.98;letter-spacing:-.035em;font-weight:400}.inside-page h2{font-size:clamp(2.7rem,5vw,4.5rem)}.inside-page h3{font-size:1.65rem;line-height:1.1}.eyebrow{font-size:.85rem;display:block;margin-bottom:28px}.page-opening{max-width:1700px;margin:auto;min-height:760px;height:64vw;max-height:920px;position:relative;padding:60px var(--gutter) 80px;display:flex;align-items:flex-start}.page-title{width:47%;position:relative;z-index:2}.page-title>p{max-width:400px;font-size:1.15rem;margin-top:30px;line-height:1.35}.page-title>.text-link{margin-top:25px}.opening-object{position:absolute;inset:4% -5% 1% 26%;z-index:-1;mix-blend-mode:darken;display:flex;flex-direction:column;justify-content:center}.opening-object img{object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 92%,transparent)}.opening-object figcaption{font-size:.85rem;text-align:right;margin:0 14% 0 0}.story-opening .opening-object{inset:8% -4% 0 23%}.story-opening .opening-object img{transform:scale(1.15)}.design-opening{min-height:740px}.design-opening .opening-object{inset:28% 0 4% 35%}.design-opening .opening-object img{transform:scale(1.2)}.manufacturing-opening .opening-object{inset:11% -6% 2% 27%}.spread{max-width:1600px;margin:auto;padding:100px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:9vw}.reading-copy{max-width:510px;padding-top:30px;font-size:1.2rem}.reading-copy p+p{margin-top:25px}.reading-copy p{line-height:1.38}.reading-copy .text-link{margin-top:32px}.section-note{max-width:380px;margin-top:25px;font-size:1.15rem}.origin{padding-top:40px}.mission-page{position:relative;max-width:1400px;margin:50px auto 80px;text-align:center;padding:70px var(--gutter) 100px}.mission-page h2{font-size:clamp(4rem,8.7vw,8rem);line-height:.96}.mission-page>p{max-width:430px;margin:45px auto 0;font-size:1.15rem}.mission-loop{position:absolute;left:20%;top:27%;width:62%;height:50%;z-index:-1;stroke:var(--ink);stroke-width:1;fill:none;opacity:.5;transform:rotate(-8deg)}.numbered-list>a{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.numbered-list>a:first-child{padding-top:0}.numbered-list>a>span{font-size:.8rem;padding-top:7px}.numbered-list h3{font-size:1.45rem}.numbered-list p{margin-top:10px;font-size:1.05rem;max-width:390px}.numbered-list b{margin-left:auto;font-weight:400;transition:transform .3s}.numbered-list a:hover b{transform:translate(4px,-4px)}.next-chapter{max-width:1600px;margin:60px auto 0;padding:70px var(--gutter) 100px;position:relative}.next-chapter:before{content:'';position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line);transform:rotate(-.3deg)}.next-chapter>span{display:block;font-size:.9rem;margin-bottom:26px}.next-chapter>a{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.05}.next-chapter>a>span{transition:transform .4s}.next-chapter>a:hover>span{transform:translate(10px,-10px)}.source-caption{font-size:.85rem;line-height:1.3;max-width:580px}.portfolio-intro{padding:65px var(--gutter) 85px;max-width:1600px;margin:auto}.portfolio-intro h1{font-size:clamp(3.7rem,7.8vw,7rem)}.portfolio-intro-bottom{display:flex;justify-content:space-between;gap:50px;margin-top:36px;align-items:flex-end}.portfolio-intro-bottom>p:first-child{font-size:1.25rem}.portfolio-desk{max-width:1600px;margin:0 auto 100px;display:grid;grid-template-columns:260px 1fr;gap:5vw;padding:0 var(--gutter);align-items:start}.portfolio-desk aside{padding-top:20px;position:sticky;top:130px}.sheet-tabs{display:grid;gap:3px}.sheet-tabs button{text-align:left;display:flex;gap:13px;align-items:center;padding:10px 0;font-size:1rem;position:relative;min-height:44px}.sheet-tabs button>span{font-size:.73rem;opacity:.75;width:20px}.sheet-tabs button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}.sheet-tabs button[aria-pressed=true]:before{content:'→';position:absolute;left:-24px}.portfolio-sheet{position:relative;padding:28px 32px 20px;border:1px solid #07549a33;border-radius:3px 1px 10px 2px;box-shadow:6px 6px 0 -3px var(--paper),7px 7px 0 -3px #07549a44;min-width:0;scroll-margin-top:125px}.sheet-top{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:22px}.portfolio-sheet h2{font-size:clamp(2.2rem,3.5vw,3.1rem)}.portfolio-sheet figure{margin-top:20px}.portfolio-sheet figure img{width:100%;height:490px;object-fit:contain;filter:url(#roster-ink)}.portfolio-sheet figcaption{font-size:.7rem;opacity:.75;margin:16px 0 20px}.sheet-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:18px;font-size:.85rem}.sheet-bottom button{min-height:44px}.sheet-bottom a{display:flex;align-items:center}.portfolio-sheet .source-caption{margin-top:18px}.brand-index{max-width:1600px;margin:auto;padding:20px var(--gutter) 60px;scroll-margin-top:140px}.index-heading{display:flex;gap:30px;justify-content:space-between;align-items:end}.search-field{display:block;font-size:.85rem;width:360px;max-width:100%}.search-field input{width:100%;display:block;border:0;border-bottom:1px solid var(--ink);background:none;color:var(--ink);padding:12px 0;font-size:1.15rem;border-radius:0}.search-field input::placeholder{color:var(--quiet);opacity:.75}.index-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:70px;font-size:.9rem;margin-top:25px}.brand-group{border-top:1px solid var(--line);padding:22px 0}.brand-group>summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:1.5rem;align-items:center}.brand-group>summary::-webkit-details-marker{display:none}.brand-group>summary>span{font-size:.8rem}.brand-group>summary:after{content:'+'}.brand-group[open]>summary:after{content:'−'}.brand-columns{columns:3;column-gap:40px;margin:30px 0 20px}.brand-subgroup{break-inside:avoid;margin-bottom:24px}.brand-subgroup h3{font-size:1.1rem;margin-bottom:12px}.brand-subgroup ul{list-style:none;padding:0;margin:0;font-size:.95rem;line-height:1.5}.brand-subgroup mark{color:var(--ink);background:#07549a16;text-decoration:underline;text-underline-offset:3px}.portfolio-scope{display:flex;gap:60px;justify-content:space-between;margin-top:45px;font-size:.85rem;line-height:1.3}.portfolio-scope p{max-width:630px}.portfolio-scope a{font-size:.85rem;flex-shrink:0;align-self:start}.work-intro{max-width:1600px;margin:auto;padding:70px var(--gutter) 50px;display:grid;grid-template-columns:1fr 1fr;gap:30px 9vw;position:relative}.work-intro>div:nth-child(2){align-self:end;max-width:440px;padding-bottom:15px}.work-intro p{font-size:1.2rem;margin-bottom:28px}.work-intro-pictures{grid-column:1/-1;display:flex;gap:7%;justify-content:center;margin-top:25px;align-items:center}.work-intro-pictures img{width:30%;max-height:580px;object-fit:cover;object-position:top}.work-intro-pictures img:first-child{transform:rotate(-3deg);margin-top:30px}.work-intro-pictures img:last-child{transform:rotate(3deg);margin-top:-40px}.work-programs{max-width:1600px;margin:auto;padding:50px var(--gutter) 20px}.work-filters{display:flex;gap:30px;margin:20px 0 65px}.work-filters button{min-height:44px}.work-filters [aria-pressed=true]{text-decoration:underline;text-underline-offset:7px}.work-case{display:grid;grid-template-columns:.85fr 1.4fr;gap:7%;padding:65px 0 100px;border-top:1px solid var(--line);align-items:center}.work-case[hidden]{display:none}.work-case:nth-of-type(even) .case-copy{order:2}.work-case:nth-of-type(even){grid-template-columns:1.4fr .85fr}.case-copy h2{font-size:clamp(2.6rem,4.6vw,4rem)}.case-copy>p{font-size:1.08rem;margin-top:22px;max-width:410px;line-height:1.35}.case-copy dl{margin:30px 0;font-size:.92rem}.case-copy dt{opacity:.7;font-size:.78rem;margin-top:18px}.case-copy dd{margin:5px 0 0}.case-copy details{margin-top:25px;max-width:400px}.case-copy summary{display:flex;justify-content:space-between;cursor:pointer;font-size:.95rem;border-bottom:1px solid var(--line);padding:12px 0;list-style:none}.case-copy details p{font-size:.95rem;line-height:1.35;margin-top:18px}.case-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.case-images figure:nth-child(2){margin-top:55px}.case-images img{width:100%;height:auto}.case-images figcaption{font-size:.85rem;margin-top:12px}.archive-caption{max-width:750px;font-size:.8rem;margin:15px auto 0;text-align:center;line-height:1.35}.design-notebook{max-width:1600px;margin:30px auto 50px;padding:40px var(--gutter)}.notebook-heading{display:flex;align-items:end;gap:50px;flex-wrap:wrap}.notebook-heading .eyebrow{width:100%;margin-bottom:-25px}.notebook-heading p{font-size:1.05rem;max-width:260px;margin-left:auto}.notebook-tabs{display:flex;gap:35px;margin-top:45px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:15px}.notebook-tabs button{min-height:44px}.notebook-tabs [aria-pressed=true]{text-decoration:underline;text-underline-offset:7px}.notebook-spread{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;padding:30px 0 20px;min-height:430px}.notebook-image{mix-blend-mode:darken}.notebook-image img{aspect-ratio:1.5;object-fit:contain}.notebook-copy{padding:20px 0 20px 25px}.notebook-copy h3{font-size:2rem}.notebook-copy>p{margin-top:20px;line-height:1.35}.deliverable{display:block;font-size:.88rem;line-height:1.35;margin-top:22px}.design-outputs{max-width:1600px;margin:auto;padding:60px var(--gutter)}.output-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:45px;margin-top:55px}.output-grid article>span{display:block;font-size:.8rem;margin-bottom:20px}.output-grid article p{font-size:1rem;line-height:1.35;margin-top:18px}.output-grid h3{font-size:1.5rem}.making-intro{padding-top:30px}.making-sequence{max-width:1600px;margin:50px auto;padding:50px var(--gutter);display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;align-items:start}.sequence-heading{position:sticky;top:155px}.sequence-heading p{margin-top:25px;font-size:1.1rem;max-width:270px}.production-steps details{border-top:1px solid var(--line);padding:23px 0}.production-steps summary{display:flex;gap:22px;align-items:center;cursor:pointer;list-style:none;min-height:50px}.production-steps summary::-webkit-details-marker{display:none}.production-steps summary>span{font-size:.8rem}.production-steps summary b{font-weight:400;margin-left:auto;transition:transform .25s}.production-steps details[open] summary b{transform:rotate(45deg)}.production-steps details>div{padding:18px 25px 20px 42px}.production-steps details p{font-size:1.1rem;line-height:1.4}.manufacturing-details{max-width:1600px;padding:70px var(--gutter);margin:auto}.manufacturing-details .output-grid{max-width:1100px}.inside-page footer{margin-top:0}.inside-page .motion-toggle{display:none}
@media(max-width:1080px){.portfolio-desk{grid-template-columns:210px 1fr;gap:30px}.portfolio-sheet{padding:24px}.portfolio-sheet figure img{height:400px}.sheet-tabs button{font-size:.88rem}.page-opening{min-height:680px}.page-title{width:52%}.opening-object{opacity:.95}.output-grid{gap:28px}.work-case,.work-case:nth-of-type(even){gap:5%}.sheet-bottom{font-size:.75rem}}
@media(max-width:700px){.inside-page h1{font-size:3.65rem}.inside-page h2{font-size:2.6rem}.inside-page h3{font-size:1.45rem}.eyebrow{font-size:.8rem;margin-bottom:22px}.page-opening{display:block;height:auto;min-height:0;padding:38px var(--gutter) 20px}.page-title{width:100%}.page-title>p{font-size:1.05rem;max-width:340px;margin-top:24px}.opening-object,.story-opening .opening-object,.design-opening .opening-object,.manufacturing-opening .opening-object{position:relative;inset:auto;width:115%;margin:20px -7.5% 0}.opening-object img,.story-opening .opening-object img,.design-opening .opening-object img{transform:none}.opening-object figcaption{font-size:.75rem;margin:0 8%;text-align:center}.story-opening .opening-object{margin-top:-10px}.design-opening .opening-object{margin-top:20px}.manufacturing-opening .opening-object{margin-top:0}.spread{padding:65px var(--gutter);display:block}.reading-copy{padding-top:30px;font-size:1.08rem}.mission-page{margin:10px auto;padding:55px var(--gutter)}.mission-page h2{font-size:4.2rem}.mission-page>p{font-size:1.05rem;margin-top:30px}.mission-loop{left:3%;width:95%;top:25%;height:40%}.numbered-list{margin-top:40px}.next-chapter{margin-top:35px;padding:45px var(--gutter) 65px}.next-chapter>a{font-size:2.35rem}.portfolio-intro{padding:40px var(--gutter) 45px}.portfolio-intro h1{font-size:3.3rem}.portfolio-intro-bottom{display:block;margin-top:27px}.portfolio-intro-bottom>p:first-child{font-size:1.1rem}.portfolio-intro-bottom .source-caption{margin-top:20px}.portfolio-desk{display:block;margin-bottom:55px}.portfolio-desk aside{position:static;padding:0}.portfolio-desk aside>.eyebrow{margin-bottom:10px}.sheet-tabs{display:flex;overflow-x:auto;gap:22px;padding:8px 2px 18px;margin-bottom:12px;scrollbar-width:thin}.sheet-tabs button{flex-shrink:0;font-size:.9rem}.sheet-tabs button[aria-pressed=true]:before{display:none}.sheet-tabs button>span{width:auto}.portfolio-sheet{padding:20px 15px 18px;scroll-margin-top:100px}.portfolio-sheet h2{font-size:2rem}.portfolio-sheet figure img{height:330px}.sheet-top{font-size:.7rem}.portfolio-sheet figcaption{font-size:.68rem}.sheet-bottom{font-size:.72rem;gap:8px}.portfolio-sheet .source-caption{font-size:.75rem}.index-heading{display:block}.search-field{margin-top:28px;width:100%}.brand-index{scroll-margin-top:110px;padding-top:5px}.brand-columns{columns:2;column-gap:22px}.brand-group>summary{font-size:1.2rem}.brand-group>summary>span{display:none}.brand-subgroup ul{font-size:.85rem;line-height:1.5}.brand-subgroup h3{font-size:1rem}.portfolio-scope{display:block;font-size:.8rem;margin-top:25px}.portfolio-scope a{margin-top:20px}.work-intro{display:block;padding-top:40px}.work-intro h1{font-size:3.9rem}.work-intro>div:nth-child(2){margin-top:28px}.work-intro p{font-size:1.08rem}.work-intro-pictures{margin:35px 0 0;gap:9%}.work-intro-pictures img{width:43%;max-height:340px}.work-intro-pictures img:first-child{margin-top:10px}.work-intro-pictures img:last-child{margin-top:0}.work-programs{padding-top:10px}.work-filters{gap:22px;font-size:.9rem;margin:15px 0 35px}.work-case,.work-case:nth-of-type(even){display:flex;flex-direction:column;align-items:stretch;padding:40px 0 55px;gap:30px}.work-case[hidden]{display:none}.work-case:nth-of-type(even) .case-copy{order:0}.case-copy>p{font-size:1.05rem}.case-copy h2{font-size:2.8rem}.case-images{gap:14px}.case-images figure:nth-child(2){margin-top:35px}.case-images figcaption{font-size:.8rem}.case-copy dl{margin:24px 0}.archive-caption{font-size:.75rem;text-align:left}.design-notebook{margin:20px auto;padding:35px var(--gutter)}.notebook-heading{display:block}.notebook-heading .eyebrow{margin-bottom:22px}.notebook-heading p{margin:20px 0 0;max-width:300px}.notebook-tabs{gap:5px 20px;margin-top:25px;font-size:.85rem}.notebook-spread{display:flex;flex-direction:column;gap:0;padding-top:10px}.notebook-copy{padding:20px 0;min-height:300px}.notebook-copy h3{font-size:1.8rem}.design-outputs{padding-top:25px}.output-grid{grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:35px}.output-grid article p{font-size:.98rem}.making-sequence{display:block;padding-top:20px;margin-top:10px}.sequence-heading{position:static;margin-bottom:35px}.sequence-heading p{max-width:300px}.production-steps summary{gap:16px}.production-steps details>div{padding-left:30px;padding-right:0}.production-steps details p{font-size:1.02rem}.manufacturing-details{padding-top:20px}.inside-page footer{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.inside-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(min-width:701px){.design-opening .opening-object{left:43%;right:-4%}.design-opening .opening-object img{transform:scale(1.1)}}
@media(min-width:701px){.manufacturing-opening .opening-object{left:43%;right:-7%;top:12%;bottom:0}}
.page-opening,.mission-page{overflow:clip}
@media(max-width:700px){.opening-object,.story-opening .opening-object,.design-opening .opening-object,.manufacturing-opening .opening-object{width:114%}}
.opening-object img{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 96%,transparent),linear-gradient(transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
