:root{--ink:#19241f;--cream:#f5f3eb;--line:#c9cfc2;--green:#204e39;--acid:#d5f15c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:5px;outline:3px solid #cf6c47}.skip{position:absolute;left:-9999px}.skip:focus{z-index:9;background:#fff;padding:1rem;top:1rem;left:1rem}.wrap{width:min(100% - 96px,1440px);margin:auto}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.logo{letter-spacing:-1.4px;align-items:center;gap:10px;font-size:24px;font-weight:700;line-height:.7;display:inline-flex}.logo-sub{letter-spacing:2.3px;text-transform:uppercase;margin-top:8px;font-size:9px;display:block}.mark{letter-spacing:-8px;font-family:Georgia,serif;font-size:45px;line-height:1}.mark span{color:#e87753}.top nav{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.top nav span{margin-left:24px}.hero{min-height:700px;padding-top:44px;padding-bottom:48px;position:relative;overflow:hidden}.hero-top,.hero-bottom{z-index:1;justify-content:space-between;display:flex;position:relative}.eyebrow,.index,.project-meta{letter-spacing:.13em;font-size:10px;font-weight:700;line-height:1.5}.eyebrow{align-items:center;gap:10px;display:flex}.dot{background:#e27856;border-radius:50%;width:8px;height:8px}.index{text-align:right;color:#657169}.hero h1,.section-intro h2,.closing h2{letter-spacing:-.065em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:.91}.hero h1{z-index:1;margin:100px 0 58px;font-size:clamp(74px,10.5vw,158px);position:relative}.hero h1 em,.section-intro h2 em,.closing h2 em,.cora-family h4 em{color:#527964;font-weight:400}.period{color:#e27856}.hero-bottom{align-items:end}.hero-bottom p{max-width:350px;margin:0;font-size:16px;line-height:1.55}.round-link{border:1px solid var(--ink);border-radius:50%;place-items:center;width:60px;height:60px;font-size:24px;transition:background .2s,color .2s;display:grid}.round-link:hover{background:var(--ink);color:#fff}.hero-orbit{border:1px solid #cbd4c7;border-radius:50%;place-items:center;width:410px;height:410px;display:grid;position:absolute;top:190px;right:4%}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #cbd4c7;border-radius:50%;position:absolute;inset:38px}.hero-orbit:after{inset:80px}.hero-orbit b{color:#d3e9b1;font-size:150px;font-weight:400}.hero-orbit span{background:#e27856;border-radius:50%;width:12px;height:12px;position:absolute;top:44px;right:68px}.work{padding:130px 0}.section-intro{border-top:1px solid var(--ink);justify-content:space-between;align-items:end;gap:30px;padding:26px 0 70px;display:flex}.section-intro h2,.closing h2{margin:55px 0 0;font-size:clamp(54px,6vw,92px)}.section-intro>p{max-width:300px;font-size:15px;line-height:1.6}.projects{gap:24px;display:grid}.project{grid-template-columns:1fr 1fr;min-height:530px;display:grid}.project-copy{flex-direction:column;justify-content:space-between;padding:35px;display:flex}.project-meta{justify-content:space-between;gap:15px;display:flex}.project-kicker{letter-spacing:.03em;font-size:12px;font-weight:700}.project h3,.mini h3{letter-spacing:-.055em;margin:18px 0;font-family:Georgia,serif;font-size:clamp(46px,5vw,76px);font-weight:400;line-height:1}.project h3 span,.mini h3 span{vertical-align:top;margin-left:12px;font:20px Arial}.project-copy p:not(.project-kicker),.mini>p:not(.project-kicker){max-width:330px;font-size:15px;line-height:1.55}.project-link,.quiet-link{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:65px;margin-top:32px;padding:0 0 10px;font-size:11px;font-weight:700;display:inline-flex}.project-link:hover{opacity:.6}.webfox{background:#e4e6d7}.art{position:relative;overflow:hidden}.art-webfox{background:#cbd6b4;place-items:center;display:grid}.browser{background:#f9f7ef;width:70%;max-width:370px;transform:rotate(-4deg);box-shadow:20px 25px #aab995}.browserbar{border-bottom:1px solid #d6dbcd;align-items:center;gap:4px;padding:12px;display:flex}.browserbar i{background:#aab5a3;border-radius:50%;width:5px;height:5px}.browserbar span{margin:auto;font-size:9px;font-weight:700}.browserbody{min-height:280px;padding:13% 10%}.browserbody small{letter-spacing:.1em;font-size:8px}.browserbody strong{letter-spacing:-.06em;margin-top:35px;font:clamp(36px,4vw,60px)/.95 Georgia;display:block}.browserbody em{color:#527964;font-weight:400}.browserline{background:#bdc9ba;width:60%;height:1px;margin:25px 0}.browserbutton{letter-spacing:.1em;font-size:8px}.spark{color:#f6f3e6;font-size:80px;position:absolute;top:10%;right:9%}.cora{background:#ecded5}.art-cora{background:#d6a99a;place-items:center;display:grid}.cora-ring{border:1px solid #f5e9df;border-radius:50%;place-items:center;width:300px;height:300px;display:grid;box-shadow:0 0 0 35px #d6a99a,0 0 0 36px #e8c7bb,0 0 0 75px #d6a99a,0 0 0 76px #e8c7bb}.heart{color:#f6e9e2;font-size:120px}.cora-label,.art-convertella>span{letter-spacing:.12em;font-size:10px;font-weight:700;line-height:1.4;position:absolute;bottom:30px;left:30px}.cora-plus{font:42px Georgia;position:absolute;top:20px;right:30px}.cora-family{background:#f0eee4;grid-template-columns:1fr 1fr;gap:50px;padding:50px 35px;display:grid}.cora-family h4{letter-spacing:-.05em;margin:45px 0 20px;font:46px/.95 Georgia}.cora-family p:not(.eyebrow){max-width:270px;font-size:14px;line-height:1.6}.app-list a{border-top:1px solid #c9cfc2;grid-template-columns:40px 1fr 20px;align-items:start;gap:10px;padding:18px 0;display:grid}.app-list a:last-child{border-bottom:1px solid #c9cfc2}.app-list strong,.app-list small{display:block}.app-list strong{font:21px Georgia}.app-list small{color:#55645b;margin-top:6px;font-size:12px}.app-num{font-size:10px}.app-arrow{text-align:right}.convertella{background:#e9e3d9}.art-convertella{background:#c5b9a7}.building{background:#eee9de;border:1px solid #aeaa9c;position:absolute;bottom:0}.b1{width:30%;height:50%;left:15%;transform:skewY(-8deg)}.b2{background:#e0d9cb;width:30%;height:70%;left:44%;transform:skewY(8deg)}.b3{background:#f4f0e7;width:14%;height:35%;left:73%;transform:skewY(-8deg)}.building:after{content:"";background:repeating-linear-gradient(#0000 0 24px,#bdb9ab 25px 26px);position:absolute;inset:15%}.sun{background:#ead0a8;border-radius:50%;width:90px;height:90px;position:absolute;top:15%;right:18%}.project-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.mini{min-width:0;padding:35px}.camy{background:#dce5d9}.paige{background:#e7dfd3}.mini-art{place-items:center;height:260px;margin:10px 0 25px;display:grid}.lens>div{background:#254136;border-radius:50%;place-items:center;width:200px;height:200px;display:grid;box-shadow:0 0 0 14px #a5b9a8,0 0 0 15px #617c6b}.lens i{background:#4d7062;border-radius:50%;width:110px;height:110px;box-shadow:inset 0 0 0 20px #355749,inset 0 0 0 35px #729486}.paper>div{background:#faf7ee;width:160px;height:200px;padding:45px 25px;transform:rotate(7deg);box-shadow:14px 15px #c7bbaa}.paper i{background:#c3c8b9;height:3px;margin:14px 0;display:block}.paper b{color:#dc8b69;font-size:45px;display:block}.mini h3{font-size:58px}.closing{color:#f3f3e9;background:#1f4b37}.closing-inner{padding:65px 0 45px}.closing-inner>div{justify-content:space-between;align-items:end;gap:30px;display:flex}.closing h2{margin:80px 0}.closing h2 em{color:#c9e897}.closing-inner>div p{max-width:300px;margin-bottom:90px;line-height:1.6}.back{text-align:right;letter-spacing:.1em;border-top:1px solid #718d7a;padding-top:25px;font-size:10px;font-weight:700;display:block}.footer{justify-content:space-between;align-items:center;gap:20px;padding:45px 0;display:flex}.footer p{color:#5b685d;font-size:11px}@media (width<=700px){.wrap{width:calc(100% - 40px)}.top{height:80px}.hero{min-height:650px;padding-top:25px}.hero h1{margin:130px 0 50px;font-size:clamp(65px,12vw,90px)}.index{font-size:8px}.hero-orbit{width:240px;height:240px;top:180px;right:-70px}.hero-orbit b{font-size:90px}.hero-orbit:before{inset:25px}.hero-orbit:after{inset:50px}.hero-bottom p{max-width:240px;font-size:14px}.round-link{flex:none;width:48px;height:48px}.work{padding:80px 0}.section-intro{padding-bottom:40px;display:block}.section-intro h2{margin:40px 0 25px}.project{grid-template-columns:1fr}.project-copy{min-height:365px;padding:25px}.art{min-height:340px}.project h3{font-size:56px}.cora-family{grid-template-columns:1fr;gap:20px;padding:30px 25px}.cora-family h4{margin-top:30px}.project-pair{grid-template-columns:1fr}.mini{padding:25px}.closing-inner>div{display:block}.closing h2{margin:65px 0 30px}.closing-inner>div p{margin-bottom:65px}.footer{flex-wrap:wrap}.footer p:last-child{width:100%}}@media (width<=360px){.hero h1{font-size:62px}.project h3{font-size:48px}.cora-ring{width:210px;height:210px}.art{min-height:300px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}