@font-face{font-family:syne;src:url(assets/syne-700.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:archivo;src:url(assets/archivo-400.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:archivo;src:url(assets/archivo-700.woff) format("woff");font-weight:700;font-display:swap}

:root{--ink:#25232d;--paper:#f5f2e8;--blue:#2032c5;--salmon:#ffa181;--line:#aaa5b1}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#2032c5 #f5f2e8}body{margin:0;font:16px/1.55 archivo,sans-serif;background:var(--paper);color:var(--ink)}::selection{background:#2032c5;color:#fff}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:syne,sans-serif;font-weight:700;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(50px,6vw,90px)}h2{font-size:clamp(35px,4vw,58px)}h3{font-size:22px;line-height:1.2}p{max-width:66ch}p+p{margin-top:1em}a{color:inherit;text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,.button{display:inline-block;border:1px solid var(--blue);padding:13px 18px;background:var(--blue);color:#fff;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#182ccc}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a83d13;outline-offset:5px}.underlink{display:inline-block;border-bottom:2px solid currentColor;text-decoration:none;padding:8px 0}img{display:block;width:100%;height:auto}input,textarea{caret-color:var(--blue)}label{display:block}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:13px;border:1px solid #8d8796;background:#fffefa;color:var(--ink);margin-top:8px;border-radius:0}input[type=checkbox]{accent-color:var(--blue);width:20px;height:20px;flex-shrink:0}textarea{resize:vertical}.micro,.demo,.form-note{font-size:13px;line-height:1.5}.skip{position:absolute;top:-90px;left:20px;background:#fff;color:var(--blue);padding:14px;z-index:20}.skip:focus{top:10px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 4vw;border-bottom:1px solid var(--line)}.brand{font:700 60px/.8 syne,sans-serif;letter-spacing:-.04em;text-decoration:none}.brand-dot{color:var(--blue)}nav{display:flex;gap:27px;flex-wrap:wrap;font-size:14px}nav a{text-decoration:none}nav [aria-current=page]{border-bottom:2px solid var(--blue)}.menu{display:none}.kin-opening{padding:32px 4vw 65px}.kin-intro{display:grid;grid-template-columns:1.3fr 1fr .9fr;align-items:end;gap:35px}.kin-intro h1{font-size:clamp(45px,4.5vw,66px)}.kin-intro p{max-width:34ch}.kin-intro a{font-size:14px}.artifact-wall{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,1fr);gap:20px;min-height:730px;margin-top:42px}.artifact-wall>a{text-decoration:none}.wall-poster{grid-area:1/1/10/5;transform:rotate(-2deg);align-self:start}.wall-package{grid-area:3/5/10/8;transform:rotate(3deg);align-self:start}.wall-book{grid-area:1/8/6/13;align-self:start;transform:rotate(-1deg)}.wall-directory{grid-area:6/9/11/13;align-self:center}.wall-directory h2{font-size:32px;margin:10px 0 20px}.wall-directory>a{display:block;margin-top:9px}.wall-directory .button{margin-top:24px;text-align:center}.artifact-caption{display:block;font-size:13px;padding:12px 0}.artifact{overflow:hidden}.poster{background:var(--salmon);color:var(--blue);padding:7%;aspect-ratio:.71;display:flex;flex-direction:column;position:relative}.poster-name{font:700 clamp(40px,5.2vw,82px)/.84 syne,sans-serif;letter-spacing:-.04em}.open-mark{position:relative;width:70%;height:22%;margin:10% 0 7%;border:9px solid var(--blue);border-right:0;transform:translateX(10%)}.open-mark i{position:absolute;right:-20%;background:var(--blue);height:9px;width:20%}.open-mark i:nth-child(1){top:-9px}.open-mark i:nth-child(2){bottom:-9px}.open-mark i:nth-child(3){display:none}.poster-copy{font:700 clamp(22px,2.3vw,35px)/1.02 archivo,sans-serif;letter-spacing:-.02em}.poster-foot{font-size:clamp(10px,.9vw,14px);line-height:1.3;margin-top:auto;padding-top:16px}.package{background:var(--blue);color:var(--salmon);padding:8%;aspect-ratio:.65;display:flex;flex-direction:column}.package-top{font-size:clamp(10px,.9vw,14px);border-bottom:1px solid currentColor;padding-bottom:12px}.package-mark{width:100%;height:28%;margin:15% 0 9%;display:flex;justify-content:space-between}.package-mark i{width:27%;border:10px solid currentColor;border-right:0}.package-mark i+i{transform:rotate(180deg)}.package-title{font:700 clamp(35px,4vw,62px)/.96 syne,sans-serif;letter-spacing:-.04em}.package-base{font-size:clamp(10px,.9vw,14px);line-height:1.3;margin-top:auto;padding-top:20px}.booklet{background:#fffdf5;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.45;border:1px solid #b8b0a2;color:var(--blue)}.book-left,.book-right{padding:10%;position:relative;display:flex;flex-direction:column}.book-left{border-right:1px solid #b8b0a2;background:#eeeadb}.book-left>span{font-size:clamp(9px,.8vw,12px);line-height:1.2}.book-mark{border:10px solid var(--blue);border-right:0;width:65%;height:22%;margin:18% 0 12%}.book-left strong{font:700 clamp(18px,2.1vw,33px)/1 syne,sans-serif;letter-spacing:-.03em}.book-right .book-heading{font:700 clamp(17px,1.65vw,25px)/1 syne,sans-serif;letter-spacing:-.025em}.book-right p{font-size:clamp(10px,.95vw,14px);line-height:1.35;margin-top:16px}.book-right>span{font-size:clamp(9px,.8vw,12px);line-height:1.3;margin-top:auto;padding-top:12px}.kin-statement{padding:80px 8vw;background:var(--blue);color:#fffdf5;display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.kin-statement p{font-size:19px}.kin-statement .underlink{margin-top:24px}.work-title,.process-opening,.people-opening,.inquiry-opening{padding:65px 8vw;display:flex;justify-content:space-between;align-items:end;gap:7vw}.work-title p,.process-opening p,.people-opening p,.inquiry-opening p{max-width:40ch}.work-poster{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:center;padding:60px 12vw;background:#e5e2e9}.work-poster .poster{max-width:420px;transform:rotate(-3deg)}.work-poster p,.work-package p,.work-book p{margin:25px 0}.work-package{display:grid;grid-template-columns:1fr .8fr;gap:10vw;align-items:center;padding:80px 12vw;background:#ffa181}.work-package .package{max-width:350px;justify-self:end;transform:rotate(4deg)}.work-book{padding:80px 8vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:center}.work-book .booklet{transform:rotate(-2deg)}.case-opening{padding:70px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--blue);color:#fffdf5}.case-opening h1{font-size:96px;color:var(--salmon)}.case-subtitle{font:700 30px/1.15 syne,sans-serif;margin-bottom:20px}.case-opening dl{margin-top:30px}.case-opening dt{font-weight:700;margin-top:22px}.case-opening dd{margin:7px 0 0}.case-poster{padding:80px 12vw;display:grid;grid-template-columns:.9fr 1fr;gap:10vw;align-items:center}.case-poster .poster{max-width:470px;transform:rotate(-2deg)}.case-poster p,.case-sleeve p{margin-top:24px}.case-poster a,.case-sleeve a{display:inline-block;margin-top:24px}.case-sleeve{padding:80px 12vw;display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;background:#e4e0e9;align-items:center}.case-sleeve .package{max-width:370px;transform:rotate(3deg)}.case-book{padding:75px 8vw;background:#ffa181}.case-book>.booklet{max-width:950px;margin:45px auto}.case-book>.booklet .book-left strong{font-size:clamp(25px,3vw,46px)}.case-book>.booklet .book-right .book-heading{font-size:clamp(23px,2.6vw,38px)}.case-book>.booklet .book-right p{font-size:clamp(13px,1.5vw,19px)}.case-book>.booklet .book-left>span,.case-book>.booklet .book-right>span{font-size:14px}.case-book-notes{display:grid;grid-template-columns:1fr 1fr .7fr;gap:35px}.real-case-record{padding:65px 8vw;display:grid;grid-template-columns:1fr 1.2fr;gap:7vw}.real-case-record p{margin-top:24px}.photo-slot img{max-height:480px;object-fit:contain;object-position:top left}.photo-slot figcaption{font-size:14px;line-height:1.5;margin-top:14px}.correspondence{padding:60px 8vw;background:#e9e4dc}.correspondence>p{margin:20px 0;font-size:14px}.real-review-slot{border-top:2px solid var(--blue);max-width:900px;padding-top:26px;margin-top:35px}.review-instruction{font:700 28px/1.2 syne,sans-serif}.review-byline{display:flex;gap:25px;margin-top:25px;flex-wrap:wrap;font-size:14px}.scope-workshop{display:grid;grid-template-columns:1fr 1.1fr;gap:6vw;padding:10px 8vw 75px}.scope-picker h2,.scope-paper h2{font-size:36px;margin-bottom:26px}.need-row{display:flex;gap:17px;padding:20px 0;border-top:1px solid #aaa5b1;align-items:start;cursor:pointer}.need-row strong{font-size:22px;display:block}.need-row small{display:block;font-size:14px;line-height:1.5;margin-top:7px}.scope-picker>label{margin-top:25px}.scope-picker>p{margin-top:25px;font-size:14px}.scope-paper{padding:35px;background:#fffdf5;border-top:5px solid var(--blue)}#deliverables article{padding:25px 0;border-top:1px solid #aaa5b1}#deliverables h3{font-size:24px;margin-bottom:14px}#deliverables p{font-size:15px}.scope-paper .button{margin-top:25px}.working-agreement{background:var(--blue);color:#fffdf5;padding:70px 8vw}.working-agreement dl{display:grid;grid-template-columns:.7fr 2fr;gap:25px;margin:45px 0}.working-agreement dt{font:700 25px syne,sans-serif}.working-agreement dd{margin:0;max-width:68ch}.lead-profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:30px 8vw 65px}.lead-profile .photo-slot{max-width:330px}.lead-profile h3{margin:28px 0 14px}.lead-profile h2{font-size:42px;margin-bottom:20px}.lead-profile .micro{margin-top:30px}.roles-band{background:#ffa181;padding:70px 8vw;display:grid;grid-template-columns:1fr 1.2fr;gap:7vw}.roles-band dl{margin:0}.roles-band dt{font-weight:700;margin:0 0 6px}.roles-band dd{margin:0 0 24px}.team-record{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;padding:70px 8vw;align-items:center}.team-record p{margin-top:24px}.studio-record{padding:55px 8vw;background:#e4e0e9}.studio-record>p{margin:20px 0}.business-record{display:grid;grid-template-columns:1fr 2fr;gap:25px;font-size:15px;max-width:1000px}.business-record dt{font-weight:700}.business-record dd{margin:0}.inquiry-sheet{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;padding:20px 8vw 70px}.inquiry-sheet h2{font-size:36px}#brief-scope-summary{margin:25px 0}#brief-scope-summary p{margin:0;padding:12px 0;border-bottom:1px solid #aaa5b1}.contact-imprint{margin-top:60px}.contact-imprint h2{font-size:28px;margin-bottom:20px}.contact-imprint>div{padding:9px 0;border-top:1px solid #aaa5b1}.identity-label{font-size:12px;display:block}#brief-form label{margin-bottom:24px}.form-note{margin-top:20px}#draft-output{margin-top:35px;padding:25px;background:#e4e0e9}#draft-output textarea{margin:20px 0}#draft-output button{margin:0 8px 12px 0}.colophon{background:var(--ink);color:#f5f2e8;padding:45px 4vw 30px}.colophon h2{font:700 30px syne,sans-serif;color:var(--salmon)}.identity-register{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:25px;margin:30px 0;font-size:14px}.colophon .demo{max-width:100ch;margin-bottom:25px}.colophon>a{font-size:14px}[hidden]{display:none!important}
@media(max-width:1100px){nav{gap:16px}.kin-intro{grid-template-columns:1.3fr 1fr}.kin-intro a{grid-column:2}.artifact-wall{min-height:620px;gap:16px}.wall-directory{grid-column:8/13}.wall-directory h2{font-size:28px}.wall-directory>a{font-size:14px}.poster-foot,.package-top,.package-base{font-size:10px}.book-right p{font-size:10px}.work-poster,.work-package,.case-poster,.case-sleeve{padding:60px 7vw;gap:6vw}.work-book{display:block}.work-book>.booklet{max-width:750px;margin:45px auto 0}.identity-register{grid-template-columns:repeat(3,1fr)}.case-book-notes{grid-template-columns:1fr 1fr}.case-book-notes a{grid-column:1/-1}.scope-workshop{padding-inline:5vw;gap:35px}.scope-paper{padding:25px}}@media(max-width:760px){.site-header{padding:22px}.brand{font-size:52px}.menu{display:block;background:transparent;color:var(--blue)}.site-header nav{display:none;position:absolute;left:0;right:0;top:90px;z-index:20;background:#fffdf5;padding:25px;flex-direction:column;font-size:18px;border-bottom:1px solid #aaa5b1}.site-header nav.is-open{display:flex}.kin-opening{padding:35px 22px}.kin-intro{display:block}.kin-intro h1{font-size:48px}.kin-intro p{margin:25px 0 12px;max-width:45ch}.artifact-wall{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto;gap:25px 12px;min-height:0;margin-top:35px}.wall-poster{grid-column:1/5;grid-row:1;transform:rotate(-2deg)}.wall-package{grid-column:4/7;grid-row:1;align-self:end;transform:translateY(35px) rotate(3deg);z-index:1}.wall-book{grid-column:1/7;grid-row:2;transform:rotate(-1deg);margin-top:35px}.wall-directory{grid-column:1/7;grid-row:3}.wall-directory h2{font-size:34px}.wall-directory>a{font-size:16px}.wall-directory .button{max-width:320px}.artifact-caption{font-size:12px}.poster-name{font-size:clamp(36px,10.5vw,64px)}.poster-copy{font-size:clamp(18px,5vw,30px)}.poster-foot{font-size:9px}.open-mark{border-width:6px}.open-mark i{height:6px}.open-mark i:nth-child(1){top:-6px}.open-mark i:nth-child(2){bottom:-6px}.package-top,.package-base{font-size:9px}.package-title{font-size:clamp(26px,7.5vw,45px)}.package-mark i{border-width:6px}.book-left>span,.book-right>span{font-size:9px}.book-left strong{font-size:clamp(19px,6vw,32px)}.book-right .book-heading{font-size:clamp(18px,5vw,26px)}.book-right p{font-size:clamp(10px,2.9vw,15px);margin-top:12px}.book-mark{border-width:7px}.booklet{aspect-ratio:1.25}.kin-statement{display:block;padding:55px 24px}.kin-statement>div{margin-top:30px}.work-title,.process-opening,.people-opening,.inquiry-opening{display:block;padding:40px 24px}.work-title p,.process-opening p,.people-opening p,.inquiry-opening p{margin-top:26px}.work-poster,.work-package,.work-book,.case-opening,.case-poster,.case-sleeve,.real-case-record,.scope-workshop,.lead-profile,.roles-band,.team-record,.inquiry-sheet{display:block;padding:45px 24px}.work-poster .poster{max-width:320px;margin:auto auto 35px}.work-package .package{max-width:240px;margin:40px auto 0}.work-book .booklet{margin-top:35px}.case-opening h1{font-size:80px;margin-bottom:35px}.case-poster .poster{max-width:320px;margin:0 auto 45px}.case-sleeve .package{max-width:250px;margin:40px auto 0}.case-book{padding:45px 24px}.case-book>.booklet{margin:30px 0}.case-book>.booklet .book-left strong{font-size:clamp(18px,5.3vw,29px)}.case-book>.booklet .book-right .book-heading{font-size:clamp(18px,5vw,27px)}.case-book>.booklet .book-right p{font-size:clamp(10px,2.9vw,15px)}.case-book>.booklet .book-left>span,.case-book>.booklet .book-right>span{font-size:9px}.case-book-notes{display:block}.case-book-notes>*{margin-top:20px}.real-case-record .photo-slot{margin-top:30px}.correspondence{padding:45px 24px}.review-instruction{font-size:25px}.review-byline{display:grid;gap:7px}.scope-paper{margin-top:35px;padding:25px 18px}.working-agreement{padding:45px 24px}.working-agreement dl{display:block}.working-agreement dd{margin:10px 0 28px}.lead-profile .photo-slot{max-width:260px;margin-bottom:35px}.roles-band dl{margin-top:35px}.team-record .photo-slot{margin-bottom:35px}.studio-record{padding:45px 24px}.business-record{display:block}.business-record dd{margin:8px 0 25px}.contact-imprint{margin:35px 0 45px}.colophon{padding:35px 24px}.identity-register{grid-template-columns:1fr 1fr}.identity-register>div:first-child{grid-column:1/-1}.colophon h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.site-header,.colophon,button,.skip{display:none}body{background:white;color:black}.inquiry-sheet{display:block}.artifact{break-inside:avoid}}

/* Artifact fine print remains readable on small screens. */
.poster-foot,.package-top,.package-base,.book-left>span,.book-right>span{font-size:12px}.book-right p{font-size:14px}.book-right .book-heading{font:700 clamp(18px,1.65vw,25px)/1 syne,sans-serif;letter-spacing:-.025em}.scope-paper{border-top-width:1px}.case-book>.booklet .book-left>span,.case-book>.booklet .book-right>span{font-size:12px}
@media(max-width:760px){.artifact-wall{grid-template-columns:repeat(6,1fr)}.wall-poster{grid-column:1/6}.wall-package{grid-column:3/7;grid-row:2;transform:rotate(3deg);margin-top:0}.wall-book{grid-row:3;margin-top:10px}.wall-directory{grid-row:4}.poster{min-height:430px}.package{min-height:350px}.booklet{aspect-ratio:auto;min-height:340px}.book-left,.book-right{padding:9%}.book-right p{font-size:13px}.book-right .book-heading{font-size:22px}.case-book>.booklet .book-right p{font-size:13px}.case-book>.booklet .book-right .book-heading{font-size:22px}}
/* Let the narrow booklet tracks shrink with the page rather than their content. */
.artifact-wall>*{min-width:0}.booklet{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.book-left,.book-right{min-width:0}
@media(max-width:360px){.artifact-wall{grid-template-columns:repeat(6,minmax(0,1fr))}.kin-intro h1{font-size:42px}.book-left strong{font-size:17px}.book-right .book-heading{font-size:18px}.book-right p{font-size:12px}.book-left,.book-right{padding:12px}.booklet{min-height:350px}.book-left>span,.book-right>span{font-size:12px}.poster{min-height:390px}.package{min-height:330px}}
/* At 320px the aspect-ratio/min-height pair must not impose a wider sleeve. */
@media(max-width:360px){.wall-package .package{width:100%;min-width:0;min-height:0;height:330px;aspect-ratio:auto}}