@import url('shared.css');:root{--ink:#202020;--muted:#666;--lime:#dfed6d}body{background:#fafafa;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.wrap{max-width:1440px;margin:auto;padding-inline:5%}.header{padding-block:30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;gap:25px}.wordmark{font-size:18px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.wordmark span{display:block;font-size:9px;letter-spacing:.18em;margin-top:5px;font-weight:500}.header nav{display:flex;gap:32px;font-size:14px;align-items:center}.header nav a{text-decoration:none}.contact-link{border-bottom:1px solid #999;padding-block:10px}.introduction{display:flex;justify-content:space-between;align-items:flex-end;gap:6%;padding-block:75px 85px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;margin:0 0 28px}h1{font-size:clamp(40px,5.4vw,80px);line-height:1.03;letter-spacing:-.065em;font-weight:500;margin:0}h1 span{color:#707070}.intro-side{max-width:260px;flex:0 0 23%;padding-bottom:8px}.edition{font-size:52px;letter-spacing:-.05em;display:block;margin-bottom:22px;color:#aaa}.intro-side p{font-size:15px;line-height:1.7;color:#646464}.intro-side a{margin-top:30px;border-bottom:1px solid #aaa;padding:14px 0;display:flex;justify-content:space-between;text-decoration:none;font-size:14px}.work-section{padding-bottom:65px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ccc;padding-top:20px;margin-bottom:30px}.section-heading h2{font-size:18px;font-weight:500;margin:0;letter-spacing:-.025em}.section-heading>span{font-size:12px;color:#707070}.website-grid,.thumbnail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.preview{height:375px;padding:24px;display:block;position:relative;overflow:hidden;text-decoration:none;border-radius:4px;transition:transform .2s}.preview:hover{transform:translateY(-4px)}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px}.preview-top span:first-child{font-size:19px;letter-spacing:-.06em;font-weight:bold}.preview-top span:last-child{font-size:8px;letter-spacing:.06em}.preview-content{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;margin-top:27px}.preview-content h3{font-size:clamp(27px,3.3vw,47px);line-height:1.04;letter-spacing:-.05em;font-weight:500;margin:0;position:relative;z-index:1}.preview-content img{height:228px;width:100%;object-fit:cover}.ember-preview{background:#f1e9d6;color:#29271e}.ember-preview .preview-top span:first-child,.ember-preview h3{font-family:Georgia,serif}.ember-preview img{border-radius:85px 85px 2px 2px}.ember-preview em{color:#8c3025;font-weight:normal}.clean-preview{background:#dfe8f9;color:#122246}.clean-preview .preview-content{grid-template-columns:1fr}.clean-preview .preview-content h3{font-weight:700;max-width:80%;font-size:37px}.clean-preview em{color:#2c50df;font-style:normal}.clean-preview .preview-content img{position:absolute;right:24px;bottom:47px;width:44%;height:142px;border-radius:6px}.preview-open{position:absolute;left:24px;bottom:19px;font-size:11px;border-bottom:1px solid #aaa;padding-bottom:3px}.card-caption{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-top:20px}.card-caption h3{font-size:19px;font-weight:500;margin:0 0 8px;letter-spacing:-.035em}.card-caption p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.card-caption>span,.card-caption>a{font-size:12px;color:#707070;margin-top:4px}.scope{font-size:12px;color:#707070;margin:18px 0 0;line-height:1.6}.work-note{max-width:850px;margin-top:26px;color:#737373;font-size:12px;line-height:1.7}.thumbnail-link{display:block;overflow:hidden;background:#152215;border-radius:4px}.thumbnail-link img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .25s}.thumbnail-link:hover img{transform:scale(1.025)}.contact{background:var(--ink);color:white;padding-block:65px}.contact-inner{display:flex;justify-content:space-between;gap:70px;align-items:center}.contact h2{font-size:clamp(35px,4vw,57px);letter-spacing:-.05em;line-height:1.07;font-weight:400;margin:0 0 24px}.contact h2 em{font-style:normal;color:var(--lime)}.contact p:not(.eyebrow){font-size:14px;line-height:1.7;color:#aaa}.contact-options{min-width:290px}.contact-options a{display:block;font-size:15px;text-decoration:none;border-bottom:1px solid #666;padding:22px 0}.contact-options span{display:block;font-size:11px;color:#aaa;margin-bottom:12px}.footer{display:flex;gap:25px;justify-content:space-between;padding-block:25px;font-size:11px;color:#737373}.footer a{text-decoration:none}@media(max-width:900px){.introduction{gap:35px}.intro-side{flex-basis:27%}.preview{padding:19px;height:325px}.preview-content img{height:198px}.clean-preview .preview-content h3{font-size:30px}.clean-preview .preview-content img{height:120px}.preview-open{left:19px}.contact-inner{gap:30px}.contact-options{min-width:260px}}@media(max-width:650px){.header{padding-block:24px}.header nav{gap:17px;font-size:12px}.header nav>a:first-child{display:none}.introduction{display:block;padding-block:48px 55px}h1{font-size:46px}.intro-side{max-width:100%;padding:0;margin-top:26px}.edition{display:none}.intro-side p{max-width:340px;font-size:15px}.intro-side a{margin-top:15px;max-width:200px}.website-grid,.thumbnail-grid{grid-template-columns:1fr;gap:35px}.preview{height:345px;padding:22px}.preview-content h3{font-size:38px}.preview-content img{height:220px}.clean-preview .preview-content h3{font-size:39px}.clean-preview .preview-content img{height:140px}.preview-open{left:22px}.work-section{padding-bottom:48px}.contact-inner{display:block}.contact-options{margin-top:32px;min-width:0}.contact{padding-block:50px}.footer{flex-wrap:wrap;font-size:11px}.footer span:nth-child(2){order:3;flex-basis:100%}.section-heading h2{font-size:17px}}@media(max-width:380px){h1{font-size:40px}.preview-content h3{font-size:33px}.clean-preview .preview-content h3{font-size:33px}.preview-top span:last-child{font-size:7px}}
