/* Personal graphic design studies. All mockups are live, scalable compositions. */
.work-switch{display:flex;gap:9px;margin-bottom:35px;flex-wrap:wrap}.work-switch a{border:1px solid var(--line);padding:11px 19px;border-radius:40px;font-size:12px}.work-switch .selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-switch span{margin-left:14px}.graphic-section{border-top:1px solid var(--line)}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.design-card{display:block;min-width:0}.design-card .collection-caption{align-items:start;gap:8px}.design-card .collection-caption h3{font-size:21px}.design-card .collection-caption p{font-size:10px;max-width:220px}.design-card .circle-arrow{width:29px;height:29px;font-size:14px}.design-card:hover .circle-arrow{transform:translate(2px,-2px)}.design-art{aspect-ratio:1/1.12;position:relative;overflow:hidden;border-radius:20px;container-type:inline-size;isolation:isolate;display:flex;align-items:center;justify-content:center}.identity-art{background:#e8e6df}.identity-sheet{width:57%;height:72%;background:#fbfaf7;border-radius:7px;transform:rotate(-8deg);box-shadow:8px 15px 22px #29261b16;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9%}.identity-sheet img{width:32%;mix-blend-mode:multiply}.identity-sheet>span{font-size:1.65cqw;letter-spacing:.15em}.identity-stamp{position:absolute;right:10%;bottom:12%;width:29%;aspect-ratio:1;display:grid;place-items:center;background:var(--accent);color:#fff9ef;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-size:19cqw;line-height:1;box-shadow:4px 6px 8px #4a251d18}.fuori-art{background:#e5e7df}.book-cover{position:relative;background:#f6f0df;width:53%;height:76%;border-radius:3px 8px 8px 3px;padding:6% 5% 5%;transform:rotate(8deg) translateX(9%);box-shadow:-2px 0 1px #c8bfa9,8px 15px 22px #22251b22;z-index:2;display:flex;flex-direction:column}.book-cover:before{content:'';position:absolute;left:4%;top:0;bottom:0;width:1px;background:#bdb39444}.book-kicker{font-size:1.25cqw;letter-spacing:.12em}.book-cover strong{font-family:Georgia,serif;font-size:16cqw;font-weight:400;letter-spacing:-.07em;line-height:1.2}.book-cover strong span{color:#ba4830}.book-cover>img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:2px;margin-top:6%}.book-cover p{font-size:2.7cqw;line-height:1.25;margin-top:9%}.book-footer{font-size:1.3cqw;letter-spacing:.14em;margin-top:auto;padding-top:5%}.book-back{position:absolute;width:51%;height:70%;background:#c7d1be;left:12%;top:14%;transform:rotate(-11deg);border-radius:3px 7px 7px 3px;box-shadow:5px 10px 15px #2222;padding:8% 4%;display:flex;flex-direction:column;justify-content:space-between}.book-back span{font-family:Georgia,serif;font-size:6cqw;line-height:1.05}.book-back img{width:85%;aspect-ratio:1.3;object-fit:cover;border-radius:2px}.seme-art{background:#eadbd5}.seed-pack{position:relative;width:45%;height:72%;border-radius:6px 6px 17px 17px;padding:6% 4%;box-shadow:5px 12px 18px #4628221c;display:flex;flex-direction:column;align-items:center;background:#faf7ee}.seed-pack:before{content:'';position:absolute;left:5%;right:5%;top:3%;height:2px;border-top:1px dashed #b3a58a66}.pack-front{transform:rotate(7deg) translateX(15%);z-index:2}.seed-kicker{font-size:1.5cqw;letter-spacing:.16em}.seed-title{font-family:Georgia,serif;font-size:10cqw;font-weight:400;letter-spacing:-.07em;line-height:1.1}.pack-front .seed-title{margin-top:7%}.seed-pack img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;margin:auto}.seed-number{font-size:1.65cqw;letter-spacing:.15em}.pack-front:after{content:'';position:absolute;bottom:0;left:0;right:0;height:5%;background:#bc3828;border-radius:0 0 17px 17px}.pack-back{position:absolute;left:12%;top:15%;transform:rotate(-10deg);background:#b63b2e;color:#fff9ed;align-items:start;padding-top:12%}.pack-back .seed-title{font-size:8cqw}.pack-back p{font-size:2.4cqw;line-height:1.5;margin-top:13%}.pack-back .seed-number{margin-top:auto}.seed-lines{height:20%;width:80%;margin-top:15%;background:repeating-linear-gradient(to bottom,#fff8 0 1px,transparent 1px 8px)}
.design-intro{padding:35px 0 72px}.back-link{color:var(--muted);font-size:11px;margin-bottom:38px}.design-intro h1{font-size:clamp(50px,6.1vw,85px);font-weight:400;line-height:1.05;letter-spacing:-.06em;margin:24px 0}.design-intro>p:not(.eyebrow):not(.concept-note){font-size:16px;line-height:1.8;color:var(--muted)}.case-index{margin-top:38px;display:flex;justify-content:start;gap:28px;flex-wrap:wrap}.case-index a{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:14px}.concept-note{font-size:11px;line-height:1.8;color:var(--muted);max-width:560px;margin-top:26px}.case-study{padding:35px 0 80px;border-top:1px solid var(--line);scroll-margin-top:20px}.case-heading{display:flex;align-items:center;gap:20px;margin-bottom:35px}.case-heading>span{font-size:10px;color:var(--muted)}.case-heading h2{font-size:25px;letter-spacing:-.7px}.case-heading>span:last-child{margin-left:auto}.case-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.case-visual{min-width:0}.case-visual .design-art{aspect-ratio:1.05}.case-copy{min-width:0}.case-copy h2{margin:18px 0 24px;font-size:clamp(33px,3.4vw,48px)}.case-label{font-size:9px;letter-spacing:1.2px;color:var(--muted);line-height:1.8}.case-copy>p:not(.case-label){font-size:13px;line-height:1.85;color:var(--muted)}.case-copy>p.case-lead{font-size:16px;color:var(--ink);line-height:1.7}.case-facts{margin:25px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-facts>div{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:11px;line-height:1.6;margin:6px 0}.case-facts dt{color:var(--muted)}.case-facts dd{margin:0}.identity-system{margin-top:30px;border-radius:20px;border:1px solid var(--line);padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.identity-wordmark>span{font-size:40px;letter-spacing:-.05em;line-height:1;font-weight:700}.identity-wordmark small{display:block;margin-top:16px;font-size:11px;color:var(--muted)}.palette{display:flex;gap:10px;height:130px}.palette>span{background:var(--swatch);border-radius:12px;flex:1;display:flex;flex-direction:column;justify-content:end;padding:15px;color:#fff;font-size:11px;min-width:0}.palette .light-swatch{border:1px solid var(--line);color:var(--ink)}.palette small{display:block;font-size:9px;margin-top:7px;opacity:.7}.editorial-spread{margin-top:30px;background:#e5e7df;border-radius:20px;padding:7%;display:grid;grid-template-columns:1fr 1fr;container-type:inline-size}.spread-page{background:#f6f0df;position:relative;min-height:400px;padding:10% 12% 13%;box-shadow:0 15px 25px #22331510;border-radius:8px 0 0 8px}.spread-page:first-child{border-right:1px solid #c6bdab88}.tiny-label{font-size:9px;letter-spacing:1.6px;line-height:1.8}.spread-page h3{font-family:Georgia,serif;font-size:6.5cqw;font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:17% 0 10%}.spread-page p{font-size:1.8cqw;line-height:1.7}.spread-page>small{display:block;font-size:1.3cqw;margin-top:14%;color:#77756a}.folio{position:absolute;bottom:6%;left:12%;font-size:1.2cqw;letter-spacing:.1em}.image-page{display:flex;justify-content:center;align-items:center;padding:7%;border-radius:0 8px 8px 0}.image-page img{width:100%;border-radius:3px}.packaging-detail{margin-top:30px;background:#ebe8df;border-radius:20px;padding:50px 10%;display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:center}.packaging-detail h3{font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:1.05;letter-spacing:-.05em;margin:20px 0}.packaging-detail p{font-size:12px;line-height:1.8;color:var(--muted);max-width:270px}.seed-label{border-radius:50%;background:#faf7ee;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;container-type:inline-size;box-shadow:4px 12px 25px #2221;padding:8%;transform:rotate(8deg)}.seed-label>span{font-family:Georgia,serif;font-size:24cqw;line-height:1;letter-spacing:-.07em}.seed-label img{width:60%;mix-blend-mode:multiply}.seed-label small{font-size:3.4cqw;letter-spacing:.15em}.design-contact{text-align:center;border-top:1px solid var(--line);padding:75px 0}.design-contact h2{margin:25px 0}.other-work{display:block;font-size:11px;color:var(--muted);margin-top:25px}.design-card:focus-visible{border-radius:20px}.design-art img{pointer-events:none}
@media(max-width:950px){.design-grid{gap:17px}.design-card .collection-caption{flex-wrap:wrap}.design-card .collection-caption h3{font-size:20px}.design-card .collection-caption p{font-size:10px}.case-layout{gap:6%}.case-copy>p.case-lead{font-size:14px}.identity-system{padding:30px;gap:20px}.palette{height:120px}.palette>span{padding:10px}.packaging-detail{gap:10%}}
@media(max-width:700px){.design-grid{grid-template-columns:1fr;gap:32px}.design-art{aspect-ratio:1.1}.design-card .collection-caption{flex-wrap:nowrap}.design-card .collection-caption p{max-width:none;font-size:11px}.graphic-section .section-head{flex-direction:column;gap:18px}.graphic-section .section-head>p{margin:0;max-width:none}.work-switch{margin-bottom:24px}.work-switch a{font-size:11px;padding:10px 16px}.design-intro{padding:24px 0 45px}.back-link{margin-bottom:27px}.design-intro h1{font-size:clamp(43px,10.4vw,65px);margin-top:20px}.design-intro>p:not(.eyebrow):not(.concept-note){font-size:14px}.case-index{display:flex;position:static;background:none;box-shadow:none;padding:0;border-radius:0;gap:13px;margin-top:26px;align-items:start;flex-direction:column}.case-index a{padding:10px 0;font-size:12px}.concept-note{margin-top:23px;font-size:11px}.case-study{padding:25px 0 50px}.case-heading{gap:12px;margin-bottom:24px;flex-wrap:wrap}.case-heading h2{font-size:24px}.case-heading>span:last-child{font-size:9px}.case-layout{grid-template-columns:1fr;gap:30px}.case-copy h2{font-size:36px;margin-top:16px}.case-copy>p.case-lead{font-size:15px}.case-visual .design-art{aspect-ratio:1.05}.case-facts{margin:21px 0}.identity-system{padding:25px;grid-template-columns:1fr;gap:30px}.identity-wordmark>span{font-size:35px}.palette{height:115px}.palette>span{padding:12px;font-size:10px}.palette small{font-size:8px}.editorial-spread{padding:8% 5%;margin-top:25px}.spread-page{min-height:220px;padding:10% 10% 17%}.spread-page .tiny-label{font-size:5px;letter-spacing:.8px}.spread-page h3{font-size:8cqw;margin-top:24%}.spread-page p{font-size:2.5cqw}.spread-page>small{font-size:1.8cqw}.folio{font-size:1.7cqw;left:10%;bottom:7%}.packaging-detail{grid-template-columns:1fr;padding:32px;gap:35px}.packaging-detail h3{font-size:36px}.seed-label{width:80%;max-width:250px;justify-self:center}.design-contact{padding:50px 0}.design-contact h2{font-size:37px}}
.book-cover strong{font-size:14cqw;line-height:1.05}.book-cover>img{aspect-ratio:1.7;margin-top:4%}.book-cover p{font-size:2.4cqw;margin-top:7%}.book-footer{padding-top:3%}
/* White paper is blended wherever an illustration is used, including mockups. */
.design-art img,.editorial-spread img,.packaging-detail img{mix-blend-mode:multiply}
.book-cover,.book-back,.spread-page,.seed-pack,.seed-label{isolation:isolate}
.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 26px}.design-card .design-art{aspect-ratio:1.18}.service-detail{display:block;margin-top:9px;text-decoration:underline;text-underline-offset:4px;font-size:11px}.labels-art{background:#e2e5e3}.product-label{position:relative;width:77%;height:70%;background:#f7f6f0;border-radius:7px;padding:5%;transform:rotate(-7deg);box-shadow:7px 14px 22px #25352a1c;display:flex;flex-direction:column;z-index:2}.label-topline{font-size:1.15cqw;letter-spacing:.13em}.product-label>strong{font-size:8.7cqw;line-height:.95;letter-spacing:-.06em;font-weight:400;margin:5% 0 3%}.label-family{font-size:1.2cqw;letter-spacing:.12em}.label-divider{height:1.5cqw;background:#708374;margin:4% -8% 4%}.label-columns{display:grid;grid-template-columns:1fr 1fr;gap:10%;flex:1}.label-columns b{font-size:1.1cqw;font-weight:400;letter-spacing:.08em;display:block;margin-bottom:10%}.label-columns i{display:block;height:1px;background:#a8ada5;margin:7% 0;width:100%}.label-columns i:nth-child(3n){width:70%}.hazard-space{margin-top:12%;width:6cqw;height:6cqw;border:.42cqw solid #bc3828;transform:rotate(45deg);display:grid;place-items:center;background:#fff}.hazard-space span{font-size:4cqw;font-weight:700;transform:rotate(-45deg);line-height:1}.label-bottomline{font-size:1cqw;letter-spacing:.1em;display:flex;justify-content:space-between;margin-top:6%}.label-roll{position:absolute;right:6%;top:13%;height:75%;width:35%;background:linear-gradient(90deg,#d3d6cc,#f4f4eb 42%,#e1e3d8 85%);transform:rotate(10deg);border-radius:35% 35% 18% 18%;box-shadow:4px 11px 18px #22332216}.label-roll:before{content:'';position:absolute;inset:0 0 auto;height:21%;border-radius:50%;background:#b2b9ad;border:2cqw solid #f3f3e9}.layout-caption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:13px}.labels-case .case-copy h2{font-size:clamp(30px,3.2vw,45px)}.label-expertise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px}.label-expertise article{padding-top:22px;border-top:1px solid var(--line)}.label-expertise article>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.label-expertise h3{font-size:22px;font-weight:400;letter-spacing:-.5px;margin:19px 0 14px}.label-expertise p{font-size:12px;line-height:1.85;color:var(--muted)}.label-method{background:#f0efea;border-radius:18px;padding:30px;margin-top:35px}.label-method>p:not(.eyebrow){font-size:14px;line-height:2;margin:13px 0}.label-method>p>span{color:var(--accent);padding:0 9px}.label-method small{display:block;font-size:10px;line-height:1.7;color:var(--muted);max-width:650px}.editorial-viewer{margin-top:45px}.interior-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:23px}.interior-heading h3{font-size:28px;letter-spacing:-.8px;font-weight:400;margin-top:12px}.interior-heading>p{font-size:12px;color:var(--muted);line-height:1.7}.spread-stage .editorial-spread{margin-top:0}.editorial-spread[hidden]{display:none}.spread-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0}.spread-controls>p{font-size:11px;color:var(--muted);line-height:1.7}.spread-controls>div{display:flex;gap:9px}.spread-controls button{width:40px;height:40px;border:1px solid #d8d7cf;border-radius:50%;background:transparent;font-size:18px}.spread-controls button:hover{background:#eeece5}.panorama-left{display:flex;align-items:center;justify-content:center;padding:8%}.panorama-left>.tiny-label{position:absolute;top:8%;left:12%}.panorama-left img{width:100%;border-radius:3px}.panorama-right h3{font-size:5.2cqw}.panorama-right .editorial-rule{height:1px;background:#c9bd9f;margin-top:15%;width:40%}.panorama-right>small{margin-top:8%}.spread-duo .spread-page{padding:9% 10% 13%;display:flex;flex-direction:column}.spread-duo h3{font-size:5cqw;margin:10% 0}.spread-duo img{width:100%;aspect-ratio:1.55;object-fit:contain}.spread-duo p{font-size:1.6cqw;margin-top:6%}.spread-duo p small{font-size:1.2cqw;color:#77756a}.spread-duo .spread-page:nth-child(2){justify-content:center}.spread-duo .spread-page:nth-child(2) h3{margin:12% 0 0}.spread-stage{touch-action:pan-y}
@media(max-width:700px){.design-grid{grid-template-columns:1fr;gap:32px}.design-card .design-art{aspect-ratio:1.1}.label-expertise{grid-template-columns:1fr;gap:25px;margin-top:30px}.label-expertise h3{margin:15px 0 10px}.label-method{padding:25px;margin-top:25px}.label-method>p:not(.eyebrow){font-size:13px;line-height:2}.label-method>p>span{padding:0 4px}.labels-case .case-copy h2{font-size:34px}.interior-heading{align-items:start;flex-direction:column;gap:12px}.interior-heading h3{font-size:25px}.interior-heading>p{font-size:11px}.spread-controls>p{font-size:10px}.spread-controls button{width:35px;height:35px}.panorama-right h3{font-size:6.8cqw}.panorama-left>.tiny-label{top:9%;left:10%}.spread-duo h3{font-size:6.5cqw}.spread-duo p{font-size:2.3cqw}.spread-duo p small{font-size:1.8cqw}.spread-duo .spread-page{min-height:230px}}
.labels-experience{margin-top:14px}
.applied-work{margin-top:46px}.applied-figure{margin:0}.applied-figure>img{width:100%;height:auto;border-radius:20px;display:block}.applied-figure figcaption{display:flex;justify-content:space-between;gap:18px;font-size:10px;line-height:1.7;color:var(--muted);padding:15px 2px 0}.applied-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:25px}.applied-notes p{font-size:12px;line-height:1.8;color:var(--muted)}.applied-notes span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:12px;color:var(--ink)}.design-art.applied-preview{background:#eeeae4}.applied-preview img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.applied-work .interior-heading h3{font-size:30px}@media(max-width:700px){.applied-work{margin-top:32px}.applied-figure>img{border-radius:18px}.applied-figure figcaption{flex-direction:column;gap:3px;font-size:9px}.applied-notes{grid-template-columns:1fr;gap:19px;margin-top:25px}.applied-notes span{margin-bottom:7px}.applied-work .interior-heading h3{font-size:26px}}
.applied-jump{display:flex;width:fit-content;margin-bottom:5px}
.design-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.design-intro-grid h1{font-size:clamp(45px,4.7vw,68px)}.design-intro-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}.design-hero{margin:0;min-width:0}.design-hero img{width:100%;aspect-ratio:1.12;object-fit:cover;object-position:center;border-radius:24px}.design-hero figcaption{font-size:9px;line-height:1.7;color:var(--muted);margin-top:13px}.book-cover,.book-back{border-radius:14px}.book-cover>img,.book-back img,.spread-page img,.image-page img,.spread-duo img,.panorama-left img{border-radius:14px}.spread-page,.image-page{border-radius:14px}.seed-pack,.product-label,.identity-sheet{border-radius:14px}.pack-front:after{border-radius:0 0 14px 14px}.design-art img{border-radius:14px}@media(max-width:700px){.design-intro-grid{grid-template-columns:1fr;gap:30px}.design-intro-grid h1{font-size:clamp(43px,10.4vw,65px)}.design-intro-grid>div>p:not(.eyebrow){font-size:14px}.design-hero img{aspect-ratio:1.25;border-radius:20px}.design-hero figcaption{font-size:8px}.book-cover>img,.book-back img,.spread-page img,.image-page img,.spread-duo img,.panorama-left img{border-radius:10px}}