:root{--paper:#faf3df;--ink:#183c4a;--blue:#123e58;--red:#a53327;--gold:#ce9b48;--rule:#b79c6d;--muted:#5f6156}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--blue);color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:5px}.sheet{max-width:1440px;margin:24px auto;border:1px solid var(--gold);background:var(--paper);box-shadow:0 0 0 7px var(--blue),0 0 0 8px #ce9b4880;padding:0 6%}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:3px double var(--rule)}.studio-name{text-decoration:none;font-size:48px;font-style:italic;line-height:1}.studio-name span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-style:normal;margin-top:8px}nav{display:flex;gap:28px;font-size:17px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:28px;align-items:center;padding:44px 0 46px}.eyebrow,.edition{font-size:12px;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--red);margin:0 0 15px}h1,h2,h3,p{margin-top:0}h1{font-weight:400;font-size:clamp(46px,5vw,72px);letter-spacing:-.045em;line-height:1.05;margin-bottom:24px}h1 em{font-weight:400;color:var(--red)}.intro{max-width:430px;font-size:20px;line-height:1.6;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;background:var(--blue);color:var(--paper);border:1px solid var(--blue);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px var(--blue);padding:12px 23px;text-decoration:none;cursor:pointer;font-size:17px}.button:hover{background:#22556a}.crest{margin:0}.crest img{width:100%;height:auto;mix-blend-mode:multiply}.crest figcaption{text-align:center;color:var(--muted);font-size:15px;font-style:italic}.crest figcaption span{font-size:13px}.section-heading{display:flex;align-items:center;gap:18px;border-top:3px double var(--rule);border-bottom:1px solid var(--rule);padding:20px 0;margin-bottom:0}.folio{font-size:30px;color:var(--red);font-style:italic}.section-heading h2{font-size:30px;font-weight:400;margin:0;line-height:1.2}.section-heading p{margin:0 0 0 auto;font-size:15px;font-style:italic;color:var(--muted)}.project{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;padding:34px 0;border-bottom:1px solid var(--rule)}.project-art{padding:25px;min-height:260px;display:flex;align-items:center;justify-content:center;background:var(--blue);border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:-7px}.project-art img{width:100%;height:235px;object-fit:contain}.vocabulary .project-art{background:#342f47}.wetlether .project-art{background:#ece0c1}.project-copy h3,.small-project h3{font-size:34px;line-height:1.13;font-weight:400;letter-spacing:-.025em;margin-bottom:17px}.project-copy p:not(.edition){max-width:535px;margin-bottom:18px}.text-link{font-style:italic;font-weight:700;font-size:18px;text-decoration-thickness:1px}.text-link span{margin-left:8px}.paired-projects{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rule)}.small-project{padding:30px 32px 30px 0}.small-project+.small-project{padding-left:32px;padding-right:0;border-left:1px solid var(--rule)}.small-art{height:170px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:23px}.small-art img{max-height:170px;width:90%;object-fit:contain;object-position:left}.small-project p{max-width:450px}.research{display:flex;gap:30px;padding:25px 0 35px;align-items:start}.research h3{flex:0 0 210px;font-size:22px;line-height:1.3;font-weight:400;margin:3px 0}.research p{font-size:16px;color:var(--muted);margin:0}.studio-note{display:flex;gap:26px;background:var(--blue);color:var(--paper);margin:0 -7%;padding:48px 7%;border-block:4px double var(--gold)}.studio-note .folio,.studio-note .eyebrow{color:#efc570}.studio-note h2{font-size:38px;line-height:1.15;font-weight:400}.studio-note p:not(.eyebrow){max-width:720px}.correspondence{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:50px 0}.correspondence h2{font-size:34px;font-weight:400;line-height:1.2}.email{font-size:24px}.correspondence label{display:block;margin-bottom:8px}textarea{display:block;width:100%;resize:vertical;min-height:130px;background:#fff9e9;color:var(--ink);border:1px solid var(--rule);border-radius:0;padding:13px;margin-bottom:15px}.form-note{font-size:13px;line-height:1.5;margin:12px 0 0;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:3px double var(--rule);padding:22px 0;font-size:14px}footer>a:first-child{font-size:28px;font-style:italic;text-decoration:none}footer span{font-size:12px;margin-left:12px;font-style:normal}footer p{margin:0}.skip{position:absolute;left:15px;top:-100px;background:var(--paper);padding:10px;z-index:2}.skip:focus{top:15px}.about-content{max-width:850px;margin:auto;padding:50px 0}.about-content h1{font-size:56px}.about-content h2{font-size:28px;font-weight:400;margin-top:32px}.about-crest{max-width:420px;margin:0 auto 35px;mix-blend-mode:multiply}
@media(min-width:1500px){.sheet{padding-inline:85px}.hero{padding-top:35px}.crest img{max-height:560px;object-fit:contain}}
@media(max-width:800px){.sheet{margin:12px;padding:0 5%}.masthead{gap:15px;padding:20px 0}nav{gap:18px;font-size:15px}.hero{gap:8px;padding-top:30px}.intro{font-size:17px}h1{font-size:46px}.project{gap:26px}.section-heading p{display:none}.project-art{padding:20px;min-height:220px}.project-art img{height:185px}.project-copy h3,.small-project h3{font-size:29px}.correspondence{gap:30px}.email{font-size:21px}.studio-note{margin-inline:-5.56%;padding-inline:5.56%}}
@media(max-width:560px){body{font-size:17px}.sheet{margin:8px}.masthead{align-items:center}.studio-name{font-size:37px}.studio-name span{font-size:9px}nav{gap:13px;font-size:14px}nav a:last-child{display:none}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding:20px 0 30px}.crest{max-width:310px;margin:auto}.crest figcaption{display:none}.hero-copy{padding-top:14px}h1{font-size:46px;line-height:1.08}h1 br:first-of-type{display:none}.eyebrow{font-size:10px}.intro{font-size:18px;max-width:none}.section-heading{gap:12px}.section-heading h2{font-size:27px}.project{grid-template-columns:1fr;gap:23px;padding:28px 0}.project-art{min-height:200px}.project-art img{height:200px}.project-copy h3{font-size:33px}.paired-projects{grid-template-columns:1fr}.small-project,.small-project+.small-project{border-left:0;padding:28px 0}.small-project+.small-project{border-top:1px solid var(--rule)}.small-art{height:130px}.small-art img{max-height:130px}.research{display:block;padding-top:28px}.research h3{margin-bottom:12px}.studio-note{gap:14px;padding-block:30px}.studio-note h2{font-size:30px}.correspondence{grid-template-columns:1fr;gap:30px;padding-block:32px}.correspondence h2{font-size:31px}footer{flex-wrap:wrap;font-size:12px;gap:10px}footer span{display:none}.about-content h1{font-size:43px}.about-content{padding-block:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.studio-note{margin-inline:0;padding-inline:30px}@media(max-width:560px){.studio-note{padding-inline:20px}}
.vq-mark{display:flex;flex-direction:column;gap:5px}.vq-mark>div{display:flex;gap:5px;padding-right:15px}.vq-mark b{display:flex;align-items:center;justify-content:center;width:40px;height:48px;background:#f2e6cf;border-radius:5px;border-bottom:4px solid #6d512c;color:#1a1610;font:900 23px/1 Arial,sans-serif}.vq-mark .falling-u{transform:translate(3px,2px) rotate(30deg)}.small-art{height:250px}.small-art img{height:250px;max-height:250px;width:100%;object-position:center}.small-project:first-child .small-art{background:#eadfc7}.small-project:first-child .small-art img{object-fit:contain}.small-project:last-child .small-art img{padding:30px}.about-crest{height:auto}@media(max-width:560px){.vq-mark b{width:36px;height:44px;font-size:21px}.small-art{height:240px}.small-art img{max-height:240px}}
