.website-preview{--wp-section:clamp(5rem,11vw,10rem);background:var(--wp-bg);color:var(--wp-ink);font-family:var(--wp-body);min-height:100vh}.website-preview h1,.website-preview h2,.website-preview h3{font-family:var(--wp-heading);font-weight:500;letter-spacing:-.04em}.website-preview p{color:var(--wp-muted);line-height:1.7}.wp-nav{max-width:1320px;margin:auto;padding:1.5rem clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--wp-line);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.wp-logo{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-decoration:none;white-space:nowrap}.wp-nav nav{display:flex;gap:1.5rem}.wp-nav nav a,.wp-nav-cta{color:inherit;text-decoration:none}.wp-nav-cta{border-bottom:1px solid var(--wp-ink);padding-bottom:.25rem}.wp-kicker{color:var(--wp-accent)!important;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:700}.wp-button{background:var(--wp-ink);color:var(--wp-bg);padding:.9rem 1.2rem;border:0;cursor:pointer;font-size:.75rem;letter-spacing:.1em}.wp-button,.wp-text-link{display:inline-block;text-decoration:none;text-transform:uppercase}.wp-text-link{margin-top:1.5rem;color:var(--wp-ink);border-bottom:1px solid var(--wp-ink);padding-bottom:.35rem;font-size:.7rem;letter-spacing:.12em}.wp-about,.wp-contact,.wp-experience,.wp-hero{max-width:1320px;margin:auto;padding:var(--wp-section) clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(2rem,8vw,8rem);gap:clamp(2rem,8vw,8rem);align-items:center}.wp-hero{min-height:calc(100vh - 70px)}.wp-contact h1,.wp-hero h1{font-size:clamp(4.2rem,8vw,8.5rem);line-height:.88;margin:1rem 0 2rem}.wp-lead{font-size:1.2rem;max-width:35rem}.wp-image{position:relative;min-height:400px;background:var(--wp-line);overflow:hidden}.wp-image img{display:block}.wp-image span{position:absolute;z-index:1;bottom:1rem;left:1rem;background:var(--wp-ink);color:var(--wp-bg);padding:.35rem .5rem;font-size:.7rem}.wp-image-hero{min-height:680px}.wp-featured,.wp-intro,.wp-portfolio,.wp-process{max-width:1320px;margin:auto;padding:var(--wp-section) clamp(1.25rem,4vw,4rem);border-top:1px solid var(--wp-line)}.wp-intro{display:grid;grid-template-columns:.5fr 1.5fr;grid-gap:4rem;gap:4rem}.wp-collections h2,.wp-experience h2,.wp-featured h2,.wp-intro h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.92;margin:0}.wp-intro>div{max-width:680px}.wp-featured>h2{max-width:700px;margin:1rem 0 4rem}.wp-story-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.wp-story{text-decoration:none;color:inherit}.wp-story .wp-image{min-height:460px}.wp-story:nth-child(2){margin-top:5rem}.wp-story:nth-child(3){margin-top:2rem}.wp-story>span{display:block;margin-top:1rem;font-size:.75rem;letter-spacing:.1em}.wp-about>div:last-child{max-width:480px}.wp-about h2{font-size:clamp(3rem,6vw,6rem);line-height:.9;margin:1rem 0 2rem}.wp-experience{background:var(--wp-ink);color:var(--wp-bg);max-width:none}.wp-experience>div{max-width:600px}.wp-experience p{color:var(--wp-secondary)}.wp-experience .wp-button{background:var(--wp-bg);color:var(--wp-ink);margin-top:1.5rem}.wp-process-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.wp-process-grid article{border-top:1px solid var(--wp-line);padding-top:1rem}.wp-process-grid span{color:var(--wp-accent)}.wp-process-grid h3{font-size:1.5rem}.wp-collections{max-width:1320px;margin:auto;padding:var(--wp-section) clamp(1.25rem,4vw,4rem);border-top:1px solid var(--wp-line)}.wp-collections>h2{max-width:800px;margin:1rem 0}.wp-collections>p{max-width:520px}.wp-collection{display:grid;grid-template-columns:1fr auto;grid-gap:2rem;gap:2rem;padding:2rem 0;border-top:1px solid var(--wp-line);align-items:start}.wp-collection:first-of-type{margin-top:4rem}.wp-collection h3{font-size:2rem;margin:0}.wp-collection strong{font-family:var(--wp-heading);font-size:2rem;font-weight:500}.wp-collection ul{display:flex;gap:1rem;flex-wrap:wrap;padding:0;list-style:none;color:var(--wp-muted);font-size:.8rem}.wp-collection li:before{content:"·";margin-right:.5rem;color:var(--wp-accent)}.wp-collection-featured{border-top:2px solid var(--wp-ink)}.wp-portfolio h1{font-size:clamp(4rem,8vw,8rem);margin:1rem 0 4rem}.wp-portfolio .wp-story-grid{grid-template-columns:repeat(2,1fr)}.wp-portfolio .wp-story:nth-child(2),.wp-portfolio .wp-story:nth-child(3){margin-top:0}.wp-contact{border-top:1px solid var(--wp-line)}.wp-contact>div>a{color:inherit}.wp-form{display:grid;grid-gap:1rem;gap:1rem}.wp-form label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.75rem;color:var(--wp-muted);letter-spacing:.08em;text-transform:uppercase}.wp-form input,.wp-form textarea{border:0;border-bottom:1px solid var(--wp-line);background:transparent;padding:.75rem 0;color:var(--wp-ink);resize:vertical}.wp-form label span{font-size:.65rem}.wp-footer{max-width:1320px;margin:auto;padding:2rem clamp(1.25rem,4vw,4rem);border-top:1px solid var(--wp-line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.wp-footer div{display:grid;grid-gap:.5rem;gap:.5rem}.wp-footer a{color:inherit}@media (max-width:850px){.wp-nav nav{display:none}.wp-about,.wp-contact,.wp-experience,.wp-hero,.wp-intro{grid-template-columns:1fr}.wp-hero{min-height:auto}.wp-image-hero{min-height:470px}.wp-portfolio .wp-story-grid,.wp-story-grid{grid-template-columns:1fr}.wp-portfolio .wp-story:nth-child(2),.wp-story:nth-child(2),.wp-story:nth-child(3){margin-top:2rem}.wp-collection,.wp-process-grid{grid-template-columns:1fr}.wp-collection strong{font-size:1.6rem}}@media (max-width:480px){.wp-nav{padding:1.15rem 1.25rem}.wp-nav-cta{display:none}.wp-contact h1,.wp-hero h1{font-size:clamp(3.7rem,17vw,5rem)}.wp-image{min-height:330px}.wp-footer{display:grid}}.wp-intro-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,35%);grid-gap:clamp(2rem,6vw,6rem);gap:clamp(2rem,6vw,6rem);align-items:end}.wp-intro-copy{max-width:680px}.wp-approach-image{min-height:330px;margin-bottom:.25rem}.wp-experience-image{min-height:330px;max-width:420px;margin-top:3.5rem}.wp-collections-image{min-height:300px;max-width:760px;margin:3rem 0 1rem}.wp-final{max-width:1320px;margin:auto;padding:clamp(8rem,18vw,15rem) clamp(1.25rem,4vw,4rem) clamp(8rem,15vw,13rem);border-top:1px solid var(--wp-line)}.wp-final h2{max-width:850px;margin:0 0 3rem;font-size:clamp(3.5rem,7vw,7.5rem);line-height:.9;font-weight:500}.wp-final .wp-button{font-size:.7rem}@media (max-width:850px){.wp-intro-content{grid-template-columns:1fr;gap:2rem}.wp-approach-image{width:70%;min-height:280px;margin-left:auto}.wp-experience-image{max-width:none;min-height:360px;margin-top:3rem}.wp-collections-image{min-height:250px;margin-top:2rem}.wp-final{padding-top:8rem;padding-bottom:8rem}.wp-final h2{margin-bottom:2.5rem}}@media (max-width:480px){.wp-approach-image{width:84%;min-height:260px}.wp-experience-image{min-height:320px}.wp-final h2{font-size:clamp(3.2rem,15vw,4.6rem)}}.wp-intro-content{grid-template-columns:minmax(0,1fr) minmax(220px,30%);gap:clamp(3rem,8vw,8rem)}.wp-intro-copy{min-width:0}.wp-intro-copy h2{max-width:11ch}.wp-approach-image{width:100%;max-width:360px;justify-self:end}@media (max-width:1100px) and (min-width:851px){.wp-intro-content{grid-template-columns:minmax(0,1fr) minmax(190px,28%);gap:clamp(2.5rem,5vw,4rem)}.wp-intro-copy h2{max-width:10ch}.wp-approach-image{max-width:300px}}@media (max-width:850px){.wp-intro-content{gap:2.5rem}.wp-intro-copy h2{max-width:12ch}.wp-approach-image{max-width:70%;justify-self:end}}@media (max-width:480px){.wp-intro-content{gap:2rem}.wp-intro-copy h2{max-width:10ch}.wp-approach-image{max-width:84%}}