.aarring-page{--chalk:#f0ede4;--paper:#faf8f1;--ink:#20241f;--forest:#28352c;--olive:#6f7860;--ox:#782f34;--wood:#b89263;--line:#20241f40;--pad:clamp(20px,4.5vw,76px);--max:1640px;--body:clamp(16px,.95vw + 12px,17px);--label:clamp(11px,.35vw + 10px,12.5px)}.aarring-page,.aarring-page *{box-sizing:border-box}.aarring-page{scroll-behavior:smooth;background:var(--chalk);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.aarring-page button,.aarring-page input,.aarring-page select,.aarring-page textarea{font:inherit;color:inherit}.aarring-page button{cursor:pointer}.aarring-page a{color:inherit;text-decoration:none}.aarring-page .shell{width:min(100%,var(--max));padding-inline:var(--pad);margin:auto}.aarring-page header{height:84px;padding:0 var(--pad);background:var(--paper);z-index:20;border-bottom:1px solid;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.aarring-page .wordmark{text-align:left;background:0 0;border:0;width:max-content}.aarring-page .wordmark b{letter-spacing:-.065em;font:900 26px/1 Arial;display:block}.aarring-page .wordmark span{font:var(--label)/1.7 monospace;letter-spacing:.13em;color:var(--ox);display:block}.aarring-page header nav{gap:34px;display:flex}.aarring-page header nav button{font:var(--label) monospace;background:0 0;border:0}.aarring-page .start-link{font:var(--label) monospace;background:0 0;border:0;border-bottom:1px solid;justify-self:end;padding:0 0 8px}.aarring-page .start-link i{color:var(--ox);margin-left:24px;font-style:normal}.aarring-page .hamb{background:0 0;border:0;display:none}.aarring-page .hamb i{background:var(--ink);width:26px;height:1px;margin:6px;display:block}.aarring-page .hero{color:#fff;background:var(--forest);height:calc(100svh - 84px);min-height:700px;position:relative;overflow:hidden}.aarring-page .hero-photo,.aarring-page .hero-overlay{position:absolute;inset:0}.aarring-page .hero-photo{background:linear-gradient(110deg,#30352f,#8e806c)}.aarring-page .hero-overlay{background:linear-gradient(90deg,#191f1ad4,#191f1a14 75%)}.aarring-page .hero-copy{left:var(--pad);position:absolute;top:50%;transform:translateY(-50%)}.aarring-page .hero-copy>p,.aarring-page .index{font:var(--label)/1.3 monospace;letter-spacing:.15em}.aarring-page .hero h1,.aarring-page .manifest h2,.aarring-page .work h2,.aarring-page .disciplines h2,.aarring-page .materials h2,.aarring-page .process h2,.aarring-page .estimate h2,.aarring-page .contact h2{letter-spacing:-.075em;margin:42px 0;font:900 clamp(68px,8.4vw,142px)/.78 Arial}.aarring-page .hero h1 em{color:#d7b486;font-style:normal}.aarring-page .hero-copy>div{grid-template-columns:420px 220px;align-items:end;gap:55px;display:grid}.aarring-page .hero-copy>div p{font:var(--body)/1.65 Georgia,serif}.aarring-page .hero-copy>div button{color:#fff;text-align:left;font:var(--label) monospace;background:0 0;border:0;border-bottom:1px solid;padding:0 0 9px}.aarring-page .hero-mark{right:var(--pad);text-align:center;border:1px solid #ffffffb3;border-radius:50%;place-content:center;width:160px;height:160px;display:grid;position:absolute;bottom:30px}.aarring-page .hero-mark span,.aarring-page .hero-mark small{font:var(--label) monospace}.aarring-page .hero-mark strong{margin:5px;font:400 34px Georgia,serif}.aarring-page .manifest{grid-template-columns:2fr 7fr 3fr;gap:40px;padding-top:150px;padding-bottom:155px;display:grid}.aarring-page .manifest h2{margin:0;font-size:clamp(62px,7vw,112px)}.aarring-page .manifest h2 i,.aarring-page .work h2 i,.aarring-page .materials h2 i{color:var(--ox);font-style:normal}.aarring-page .manifest>div{font:var(--body)/1.7 Georgia,serif}.aarring-page .manifest>div p{margin:0 0 25px}.aarring-page .work{background:var(--paper);grid-template-columns:1.1fr .9fr;display:grid}.aarring-page .work-photo{min-height:820px;position:relative}.aarring-page .project-photo{background:linear-gradient(125deg,#d1c2a8,#7e684e);height:100%}.aarring-page .work-photo>span{background:var(--ox);color:#fff;font:var(--label) monospace;border-radius:8px;padding:10px;position:absolute;bottom:20px;left:20px}.aarring-page .work-copy{flex-direction:column;justify-content:center;padding:clamp(70px,8vw,130px);display:flex}.aarring-page .work h2{font-size:clamp(61px,6vw,95px)}.aarring-page .work-copy>p:not(.index){font:var(--body)/1.7 Georgia,serif}.aarring-page .work dl{margin-top:35px}.aarring-page .work dl div{font:var(--label) monospace;border-top:1px solid;justify-content:space-between;padding:14px 0;display:flex}.aarring-page .work dd{margin:0}.aarring-page .work-copy>button{width:max-content;font:var(--label) monospace;background:0 0;border:0;border-bottom:1px solid;margin-top:30px;padding:0 0 8px}.aarring-page .disciplines{padding-top:145px;padding-bottom:155px}.aarring-page .discipline-head{grid-template-columns:2fr 10fr;display:grid}.aarring-page .disciplines h2{margin:0;font-size:clamp(62px,7vw,110px)}.aarring-page .discipline-list{border-top:2px solid;margin-top:75px}.aarring-page .discipline-list article{border-bottom:1px solid;grid-template-columns:60px 1.2fr 1.5fr 30px;align-items:center;gap:25px;padding:27px 0;display:grid}.aarring-page .discipline-list span{font:var(--label) monospace;color:var(--ox)}.aarring-page .discipline-list h3{margin:0;font:400 32px Georgia,serif}.aarring-page .discipline-list p{font-size:var(--body);line-height:1.6}.aarring-page .discipline-list button{background:0 0;border:0;font-size:20px}.aarring-page .materials{background:var(--forest);color:#fff;grid-template-columns:.9fr 1.1fr;display:grid}.aarring-page .light{color:#c6cbbf}.aarring-page .material-copy{padding:clamp(75px,8vw,135px) var(--pad)}.aarring-page .materials h2{font-size:clamp(62px,6vw,95px)}.aarring-page .materials h2 i{color:#d7b486}.aarring-page .material-copy>p:last-child{font:var(--body)/1.7 Georgia,serif;max-width:460px}.aarring-page .material-lab{background:#1c251f;grid-template-columns:1fr 1fr;gap:45px;padding:clamp(55px,7vw,110px);display:grid}.aarring-page .sample{background:var(--wood);border-radius:16px;min-height:520px;position:relative;overflow:hidden}.aarring-page .grain{mix-blend-mode:multiply;background:repeating-radial-gradient(at 20% 40%,#0000 0 28px,#3c281426 30px 32px);position:absolute;inset:0}.aarring-page .sample>span{font:var(--label) monospace;position:absolute;bottom:14px;right:16px}.aarring-page .material-info{flex-direction:column;justify-content:center;display:flex}.aarring-page .material-info>span{font:var(--label) monospace}.aarring-page .material-info h3{margin:35px 0;font:400 clamp(48px,5vw,78px) Georgia,serif}.aarring-page .material-info>p{font-size:var(--body);line-height:1.7}.aarring-page .material-info>div{border-top:1px solid #657068;margin-top:40px}.aarring-page .material-info button{color:#fff;text-align:left;width:100%;font:var(--label) monospace;background:0 0;border:0;border-bottom:1px solid #657068;padding:15px 0;display:block}.aarring-page .material-info button.active{color:#d7b486}.aarring-page .workshop{background:#d5cdbd;grid-template-columns:1.1fr .9fr;display:grid}.aarring-page .workshop-copy{padding:clamp(75px,9vw,145px)}.aarring-page .workshop blockquote{letter-spacing:-.04em;margin:55px 0;font:400 clamp(45px,5.3vw,82px)/1 Georgia,serif}.aarring-page .workshop-copy>p:not(.index){font-size:var(--body);max-width:520px;line-height:1.7}.aarring-page .workshop-copy>div{font:var(--label)/1.5 monospace;border-top:1px solid;grid-template-columns:1fr 1fr;margin-top:50px;padding-top:14px;display:grid}.aarring-page .workshop-photo{min-height:800px}.aarring-page .detail-photo{background:linear-gradient(135deg,#9a7d5b,#403a31);height:100%}.aarring-page .process{grid-template-columns:.8fr 1.2fr;gap:9vw;padding-top:145px;padding-bottom:155px;display:grid}.aarring-page .process h2{font-size:clamp(62px,7vw,110px)}.aarring-page .process-track{border-top:1px solid}.aarring-page .process-track article{border-bottom:1px solid;grid-template-columns:50px 1fr 1fr;gap:22px;padding:27px 0;display:grid}.aarring-page .process-track b{font:var(--label) monospace;color:var(--ox)}.aarring-page .process-track h3{margin:0;font:400 29px Georgia,serif}.aarring-page .process-track p{font-size:var(--body);margin:0;line-height:1.6}.aarring-page .estimate{background:var(--ox);color:#fff;grid-template-columns:.85fr 1.15fr;display:grid}.aarring-page .estimate-title{padding:clamp(75px,9vw,145px) var(--pad)}.aarring-page .estimate h2{font-size:clamp(62px,6.7vw,104px)}.aarring-page .estimate-title>p:last-child{font-size:var(--body);max-width:450px;line-height:1.7}.aarring-page .calculator{background:var(--paper);color:var(--ink);padding:clamp(55px,8vw,125px)}.aarring-page .calculator>label{font-size:var(--label);border-bottom:1px solid;padding:28px 0;display:block}.aarring-page .calculator label b{float:right;font:400 20px Georgia,serif}.aarring-page .calculator input{width:100%;accent-color:var(--ox);margin-top:28px;display:block}.aarring-page .total{background:var(--forest);color:#fff;margin-top:28px;padding:30px}.aarring-page .total span{font:var(--label) monospace}.aarring-page .total strong{letter-spacing:-.05em;margin:17px 0;font-size:clamp(42px,5vw,72px);display:block}.aarring-page .total p{font-size:var(--body);color:#bec6bf;line-height:1.6}.aarring-page .contact{background:var(--chalk);grid-template-columns:1fr 1fr;display:grid}.aarring-page .contact-title{padding:clamp(75px,9vw,145px) var(--pad)}.aarring-page .contact h2{font-size:clamp(68px,7vw,110px)}.aarring-page .contact-title>p:last-child{font-size:var(--body);max-width:450px;line-height:1.7}.aarring-page .contact-form{background:var(--paper);padding:clamp(55px,8vw,120px)}.aarring-page .form-head{font:var(--label) monospace;border-bottom:1px solid;justify-content:space-between;margin-bottom:38px;padding-bottom:13px;display:flex}.aarring-page .contact label{font:var(--label) monospace;margin-bottom:22px;display:block}.aarring-page .contact input,.aarring-page .contact select,.aarring-page .contact textarea{background:0 0;border:0;border-bottom:1px solid;border-radius:0;outline:0;width:100%;padding:12px 0;display:block}.aarring-page .row{grid-template-columns:1fr 1fr;gap:25px;display:grid}.aarring-page .contact form>button{background:var(--forest);color:#fff;text-align:left;width:100%;font:var(--label) monospace;border:0;border-radius:8px;margin-top:20px;padding:18px}.aarring-page .contact form>button span{float:right}.aarring-page .success{flex-direction:column;justify-content:center;height:100%;display:flex}.aarring-page .success>span{color:#607d5f;font-size:40px}.aarring-page .success h3{font-size:42px}.aarring-page .success p{font-size:var(--body);line-height:1.7}.aarring-page .success button{width:max-content;font:var(--label) monospace;background:0 0;border:0;border-bottom:1px solid;margin-top:25px;padding:0 0 8px}.aarring-page footer{min-height:260px;padding:50px var(--pad);font:var(--label)/1.6 monospace;grid-template-columns:2fr 2fr 1fr 1fr;align-items:center;gap:35px;display:grid;position:relative}.aarring-page footer>div{flex-direction:column;display:flex}.aarring-page footer small{right:var(--pad);font-size:var(--label);opacity:.5;position:absolute;bottom:18px}.aarring-page button:focus-visible,.aarring-page a:focus-visible,.aarring-page input:focus-visible,.aarring-page select:focus-visible,.aarring-page textarea:focus-visible{outline-offset:3px;outline:3px solid #a9565b}@media (max-width:900px){.aarring-page header{grid-template-columns:1fr auto;height:70px}.aarring-page header nav{display:none}.aarring-page header nav.open{background:var(--paper);padding:30px var(--pad);border-bottom:1px solid;flex-direction:column;display:flex;position:absolute;top:70px;left:0;right:0}.aarring-page .start-link{display:none}.aarring-page .hamb{display:block}.aarring-page .hero{height:calc(100svh - 70px)}.aarring-page .hero-copy>div{grid-template-columns:1fr;max-width:450px}.aarring-page .hero-mark{width:125px;height:125px}.aarring-page .manifest,.aarring-page .discipline-head,.aarring-page .work,.aarring-page .materials,.aarring-page .workshop,.aarring-page .process,.aarring-page .estimate,.aarring-page .contact{grid-template-columns:1fr}.aarring-page .manifest{padding-top:95px;padding-bottom:100px}.aarring-page .manifest h2{margin:25px 0}.aarring-page .work-photo{aspect-ratio:4/3;min-height:auto}.aarring-page .discipline-head{gap:25px}.aarring-page .material-lab{min-height:700px}.aarring-page .workshop-photo{aspect-ratio:4/5;min-height:auto}.aarring-page .process{padding-top:95px;padding-bottom:105px}.aarring-page .estimate-title,.aarring-page .calculator,.aarring-page .contact-title,.aarring-page .contact-form{padding-top:85px;padding-bottom:85px}.aarring-page footer{grid-template-columns:1fr 1fr;min-height:330px}.aarring-page footer small{left:var(--pad);right:auto}}@media (max-width:540px){.aarring-page{--pad:20px}.aarring-page .hero h1{font-size:16vw}.aarring-page .hero-mark{display:none}.aarring-page .manifest h2,.aarring-page .work h2,.aarring-page .disciplines h2,.aarring-page .materials h2,.aarring-page .process h2,.aarring-page .estimate h2,.aarring-page .contact h2{font-size:15vw}.aarring-page .discipline-list article{grid-template-columns:35px 1fr 25px}.aarring-page .discipline-list p{grid-column:2/4}.aarring-page .material-lab{grid-template-columns:1fr;padding:55px 20px}.aarring-page .sample{min-height:330px}.aarring-page .workshop blockquote{font-size:12vw}.aarring-page .process-track article{grid-template-columns:38px 1fr}.aarring-page .process-track p{grid-column:2}.aarring-page .row{grid-template-columns:1fr}.aarring-page footer{grid-template-columns:1fr;align-content:center;gap:10px}}.aarring-page .hero-photo{background-image:url(/images/demos/aarring/aarring-hero.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.aarring-page .project-photo{background-image:url(/images/demos/aarring/aarring-project.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.aarring-page .detail-photo{background-image:url(/images/demos/aarring/aarring-detail.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (prefers-reduced-motion:reduce){.aarring-page{scroll-behavior:auto}}.aarring-page .aarring-back-link{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:34px;height:34px;color:var(--chalk);opacity:.45;background:#20241fc7;border:1px solid #f0ede44d;border-radius:50%;justify-content:center;align-items:center;font:14px Arial,Helvetica,sans-serif;transition:opacity .2s;display:inline-flex;position:fixed;bottom:14px;left:14px}.aarring-page .aarring-back-link:hover,.aarring-page .aarring-back-link:focus-visible{opacity:1}
