:root{--cream:#f3eddf;--paper:#fbf8ef;--green:#123d31;--lime:#dce95f;--line:rgba(18,61,49,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}.websites-page{margin:0;background:var(--cream);color:var(--green);font-family:Arial,Helvetica,sans-serif}.websites-page a{text-decoration:none;color:inherit}.web-news{height:32px;padding:0 max(5vw,22px);background:#08271f;color:var(--cream);display:flex;justify-content:center;align-items:center;gap:28px;font-size:8px;letter-spacing:.12em}.web-news a{color:var(--lime);font-weight:700}.web-header{height:76px;padding:0 max(5vw,22px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(243,237,223,.92);backdrop-filter:blur(12px)}.web-brand{display:flex;align-items:center;gap:10px;justify-self:start}.web-brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}.web-brand b{display:block;font:italic 16px Georgia,serif}.web-brand small{display:block;font-size:7px;letter-spacing:.28em}.web-header nav{display:flex;gap:34px}.web-header nav a{font-size:10px;font-weight:700;position:relative}.web-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--green);transition:.25s}.web-header nav a:hover:after,.web-header nav a[aria-current=page]:after{right:0}.web-new{justify-self:end;border:1px solid;border-radius:30px;padding:10px 15px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.web-menu{display:none}.web-intro{width:min(1240px,90%);margin:auto;padding:84px 0 66px;display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end}.web-kicker{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.2em}.web-kicker:before{content:"";width:26px;height:1px;background:currentColor}.web-intro h1{font:400 clamp(48px,5.6vw,78px)/.94 Georgia,serif;letter-spacing:-.05em;margin:18px 0 0;max-width:900px}.web-intro>p{font:15px/1.65 Georgia,serif;color:#4f685f;margin:0}.web-filters{width:min(1240px,90%);margin:auto;display:flex;gap:30px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.web-filters button{flex:none;border:0;background:transparent;color:var(--green);padding:0 0 16px;font-size:10px;cursor:pointer;position:relative}.web-filters button i{position:absolute;left:0;right:100%;bottom:-1px;height:3px;background:var(--lime);transition:.35s}.web-filters button[aria-pressed=true]{font-weight:700}.web-filters button[aria-pressed=true] i{right:0}.web-catalog{padding:22px 0 80px}.web-project{width:min(1240px,90%);min-height:560px;margin:70px auto 0;display:grid;grid-template-columns:1.55fr .65fr;gap:6vw;align-items:center;opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.web-project.visible{opacity:1;transform:none}.web-project.reverse{grid-template-columns:.65fr 1.55fr}.web-project.reverse .project-preview{order:2}.web-project.reverse .project-copy{order:1}.project-preview{height:500px;padding:48px;position:relative;background:#d39a77;transition:background .4s}.project-preview.sage{background:#b5c5ae}.project-preview.blue{background:#a9bec9}.project-browser{width:86%;height:390px;background:var(--paper);border:1px solid;box-shadow:15px 16px 0 rgba(18,61,49,.18);transition:transform .4s}.project-preview:hover .project-browser{transform:translateY(-5px) rotate(-.35deg)}.browser-bar{height:26px;border-bottom:1px solid;display:flex;align-items:center;gap:5px;padding:0 9px}.browser-bar i{width:5px;height:5px;border:1px solid;border-radius:50%}.browser-bar span{font-size:6px;margin:auto}.project-canvas{height:calc(100% - 26px);padding:32px;position:relative;overflow:hidden}.project-canvas small{font:italic 10px Georgia,serif}.project-canvas h2{font:42px/.94 Georgia,serif;width:52%;margin:70px 0 18px}.project-canvas>b{font-size:6px;border-bottom:1px solid;padding-bottom:5px}.project-shape{position:absolute;width:225px;height:280px;right:24px;bottom:-40px;background:#a64e33;border-radius:50% 50% 5px 5px}.sage .project-shape{background:#637b5e;border-radius:50% 50% 23% 23%}.blue .project-shape{background:#466e83;border-radius:4px;transform:rotate(8deg)}.project-phone{position:absolute;width:140px;height:285px;right:6%;bottom:33px;background:var(--paper);border:6px solid;border-radius:22px;box-shadow:0 22px 40px rgba(18,61,49,.28);padding:31px 13px 0;transition:transform .4s}.project-preview:hover .project-phone{transform:translate(4px,-7px) rotate(1.5deg)}.project-phone>span{position:absolute;top:7px;left:41px;width:46px;height:6px;border-radius:8px;background:var(--green)}.project-phone small{font:italic 7px Georgia,serif}.project-phone h3{font:20px/.94 Georgia,serif;margin:38px 0 12px}.project-phone i{display:block;width:95px;height:125px;background:#a64e33;border-radius:50% 50% 4px 4px}.sage .project-phone i{background:#637b5e}.blue .project-phone i{background:#466e83;border-radius:3px}.project-copy{position:relative;padding:35px 0}.project-number{position:absolute;right:0;top:0;font:12px Georgia,serif}.project-copy>small{font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#687c74}.project-copy h2{font:42px/.96 Georgia,serif;margin:16px 0}.project-copy p{font:13px/1.65 Georgia,serif;color:#526b63}.project-modes{display:flex;align-items:center;gap:10px;margin:24px 0;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.project-modes i{width:32px;height:1px;background:var(--green)}.project-copy>a{display:inline-flex;gap:32px;border-bottom:1px solid;padding:9px 0;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.project-copy>a b{transition:transform .25s}.project-copy>a:hover{color:#78851d}.project-copy>a:hover b{transform:translateX(5px)}.web-empty{width:min(1240px,90%);margin:60px auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0;text-align:center}.web-empty b{font:30px Georgia,serif}.web-empty p{font:13px Georgia,serif}.web-footer{padding:55px max(5vw,22px) 24px;background:#0b3026;color:var(--cream);display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.web-footer>p{font:18px/1.35 Georgia,serif}.web-footer nav{display:flex;flex-direction:column;gap:9px;font-size:10px}.web-footer>small{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-size:7px;letter-spacing:.16em}.web-footer .web-brand img{filter:brightness(0) invert(1)}
@media(max-width:900px){.web-intro{grid-template-columns:1fr}.web-intro>p{max-width:560px}.web-project,.web-project.reverse{grid-template-columns:1fr;gap:20px}.web-project.reverse .project-preview,.web-project.reverse .project-copy{order:initial}.project-copy{max-width:600px}.project-preview{height:460px}}
@media(max-width:650px){.web-header{height:68px;grid-template-columns:1fr auto}.web-header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:24px;background:var(--paper);flex-direction:column;border-bottom:1px solid}.web-header nav.open{display:flex}.web-menu{display:block;border:0;background:transparent;color:var(--green);font-size:9px;text-transform:uppercase}.web-new{display:none}.web-intro{padding:62px 0 48px}.web-intro h1{font-size:46px}.web-filters{gap:22px}.web-project{margin-top:50px;min-height:auto}.project-preview{height:355px;padding:25px}.project-browser{width:90%;height:285px}.project-canvas{padding:22px}.project-canvas h2{font-size:30px;margin-top:52px}.project-shape{width:150px;height:190px}.project-phone{width:95px;height:205px;border-width:4px;right:3%;bottom:24px;padding:27px 10px 0}.project-phone>span{left:28px;width:33px}.project-phone h3{font-size:14px;margin-top:28px}.project-phone i{width:68px;height:90px}.web-footer{grid-template-columns:1fr}.web-footer>small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.web-project{opacity:1;transform:none}}
.project-browser.has-image{background-position:center;background-size:cover}.project-browser.has-image .project-canvas{visibility:hidden}.project-phone.has-image{background-position:center;background-size:cover}.project-phone.has-image>*{visibility:hidden}.project-preview.changing .project-browser.has-image,.project-preview.changing .project-phone.has-image{opacity:.72}.project-modes button{border:0;border-bottom:1px solid transparent;background:transparent;color:inherit;padding:5px 0;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.project-modes button[aria-pressed=true]{border-bottom-color:currentColor;font-weight:700}.project-modes button:disabled{cursor:not-allowed;opacity:.35}.media-controls{position:absolute;left:50%;bottom:16px;z-index:4;display:flex;align-items:center;gap:10px;transform:translateX(-50%);padding:5px 8px;border:1px solid rgba(18,61,49,.2);border-radius:22px;background:rgba(251,248,239,.88);backdrop-filter:blur(7px)}.media-controls[hidden]{display:none}.media-controls button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--green);cursor:pointer}.media-controls button:hover{background:var(--lime)}.media-controls div{display:flex;align-items:center;gap:5px}.media-controls div i{width:5px;height:5px;border:1px solid currentColor;border-radius:50%}.media-controls div i.active{background:currentColor}.mode-mobile .project-phone{z-index:2;transform:scale(1.08)}.mode-mobile .project-browser{opacity:.66}.new-label{display:inline-block;background:var(--lime);padding:5px 8px;font-size:7px;text-transform:uppercase;letter-spacing:.1em}