html{--10px:0.625rem;--11px:0.6875rem;--12px:0.750rem;--14px:0.875rem;--15px:0.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--24px:1.5rem;--45px:min(2.8125rem,45px);--60px:min(3.75rem,60px);--80px:min(5rem,80px);} a[target="_blank"]{position:relative} a[target="_blank"] i{padding:4px;border:1px solid black;color:#000;background-color:#fff;text-decoration:none;position:absolute;left:30px;top:-30px;z-index:999;width:130px;display:none;font-size:var(--12px);text-transform:none;font-weight:normal;letter-spacing:0.5px} a[target="_blank"]:is(:hover,:focus) i{display:block} header a[target="_blank"] i{left:0;} *:focus-visible,input[type=submit]:focus-visible,.gallery a:hover{outline-style:solid;outline-width:2px;outline-color:#000;box-shadow:-4px -4px 4px #fff;outline-offset:4px;border-radius:3px;transition:all .3s linear .01s;} main:focus-visible{outline-offset:-8px;outline-style:inset;outline-width:8px;outline-color:#666} #top:focus-visible{box-shadow:none;outline-offset:-4px;outline-color:gray;border-radius:0;outline-width:4px} footer *:focus-visible,.hamburger button:focus-visible,#logo a:focus-visible,#nav_mobile .special a:focus-visible{box-shadow:none;outline-color:#fff} #logo a:focus-visible{outline-offset:-4px;border-radius:0} nav>ul>li>a:focus-visible,.hamburger button:focus-visible{outline-offset:-8px;border-radius:13px} nav>ul>li.special>a:focus-visible{outline-offset:4px} .hamburger button:focus-visible{outline-offset:-2px} .home.grid *:focus-visible{outline-offset:-5px;outline-color:#fff} .home.grid>a:focus-visible:before{outline:2px solid #fff;outline-offset:-8px;box-shadow:none} .home.grid>a:is(:hover,:focus-visible):before{background-image:url(/images/speckle.png);} *{scroll-behavior:smooth} body,button,form :is(input,textarea){font-family:'Atkinson Hyperlegible',sans-serif;line-height:1.5;} button:hover{cursor:pointer} body{font-size:var(--17px);background-color:#fff;text-align:center;position:relative;letter-spacing:.5px;} body,header a{color:#333;} h1,h2,h3,h4,h5,h6,p,th,td,dd,dt,li,blockquote{text-align:left;} h1,h2,h3,h4,h5,h6,header,footer{letter-spacing:1.5px;} footer i,.ccpaNotice{letter-spacing:0.5px} body,header ul,footer ul{padding:0;margin:0;} img,iframe,svg{max-width:100%;height:auto;display:block;margin:0 auto} iframe{aspect-ratio:auto 16 / 9;width:100%} a img,iframe{border:none;} main a[href^=tel]{font-weight:bold;white-space:nowrap} a,:is(a,.btn):is(:hover,:focus),.btn,.home *,.home>div:before,.hamburger svg,.back button{transition:ease-in-out .3s;} .hero:is(:hover,:focus)>img,.hero>img{transition:ease-in-out 1s;} a,summary{text-decoration:none;color:#097db1;} main a{font-weight:bold} a:is(:hover,:focus){text-decoration:underline;cursor:pointer;} a[href="#"]:hover{cursor:default} header a,:is(header,.home) a:is(:hover,:focus){text-decoration:none;} hr{border-width:1px;border-color:#efeee6;border-style:none none solid;margin:40px 0;} .imgLeft,.imgRight{max-width:40%;} .imgLeft{float:left;margin:5px 4% 2% 0;} .imgCenter{display:block;margin:0 auto;} .imgRight{float:right;margin:5px 0 2% 4%;} .clear{clear:both;} .nowrap{white-space:nowrap;} .hide{display:none !important;} .wrap{display:block;max-width:1200px;margin:0 auto;position:relative;} .center,header li,.hero p,.home h2,.home p{text-align:center;} .flex{display:flex;flex-wrap:wrap;} .flex>*{flex:1;} .grid{display:grid;grid-gap:10px;} .mid{align-self:center;align-items:center;} .grid.half{grid-template-columns:1fr 1fr;} .grid.third{grid-template-columns:1fr 1fr 1fr;} .grid.fourth{grid-template-columns:repeat(4,1fr);} .bgimg{position:relative} .bgimg>img:first-of-type{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-1;box-sizing:border-box} .objecttop{object-position:top;} .objectbottom{object-position:bottom !important} .jump{text-decoration-line:underline;text-decoration-color:var(--accent);text-underline-offset:4px;position:absolute;background:#fff;left:0;width:100%;text-align:center;top:-6px;padding:10px;border-width:2px;border-color:var(--light-30);border-style:none solid solid;transform:translateY(-100%);background-color:#d1b371;font-size:var(--16px);text-transform:uppercase;top:0;color:#000;font-weight:bold;display:block;box-sizing:border-box;border-radius:0;z-index:999;letter-spacing:.5px;} .jump:focus{transform:translateY(0%);outline-offset:0;outline:none} header{border-bottom:1px solid #ccc} nav{font-size:var(--10px)} footer,header{font-size:var(--11px);} #langNav a:focus:after{content:attr(title);background-color:#fff;border:1px solid #fff;color:#000;padding:5px;position:absolute;border-radius:3px;display:block} header,.home h2{text-transform:uppercase;} header .btn{padding:5px 0;display:block} footer li,.btn{display:inline-block;} header svg{vertical-align:middle;background-color:#000;padding:5px;} header a,footer a{display:block} nav ul{list-style:none;position:relative} nav ul.grid{grid-template-columns:120px 1fr 1fr 1fr 260px 1fr 1fr 1fr 120px;padding:0 10px;grid-gap:0 .5vw;} nav>ul>li{height:120px;} nav>ul>li>ul{height:34px;padding:43px 0} nav>ul>li>a{letter-spacing:2px;line-height:16px;padding:52px 5px;white-space:nowrap} nav>ul>li>a:is(:hover,:focus){text-decoration:none;text-shadow:0 0 1px #000} nav #logo{order:5;background-color:#000;color:#fff;} nav #logo img{max-height:104px;display:block;margin:0 auto} nav .social{order:1;} nav .nav_about{order:2} nav .nav_res{order:3} nav .nav_com{order:4} nav .nav_intl{order:6} nav .nav_contact{order:7} nav .nav_media{order:8} nav .special{order:9} nav .hamburger{order:1} nav #logo a{background-color:#000;color:#fff;padding:8px;} nav .social ul{display:grid;grid-gap:9px;grid-template-columns:1fr 1fr 1fr} nav .social a{padding:0;width:34px} nav .special li{display:block;} nav .special .btn{line-height:24px;margin:43px 0} nav .special .btn a{text-align:center} nav .drop-down>div{display:none;position:absolute;z-index:999;left:0;width:calc(50% + 130px);height:345px;background-color:#fff;border-top:1px solid #ccc;grid-template-columns:2fr 3fr;grid-gap:0 50px} nav .drop-down-right>div{display:none;position:absolute;z-index:999;left:40%;width:calc(50% + 95px);height:345px;background-color:#fff;border-top:1px solid #ccc;grid-template-columns:2fr 3fr;grid-gap:0 50px;left:unset;right:0} nav>ul>li.drop-down:is(:hover,:focus-within)>div{display:grid} nav .drop-down div li{text-align:left;text-transform:none} nav .drop-down>div{padding:20px;font-size:var(--14px)} nav .drop-down .bigpic{width:100%;height:345px;margin:0;position:relative;} nav .drop-down .bigpic img{object-position:50% 15%;} nav .drop-down .bigpic:before{content:"";display:block;width:100%;height:100%;background-image:linear-gradient(transparent,transparent,#000);z-index:1;position:relative} nav .drop-down .bigpic b{position:absolute;bottom:0;width:100%;text-align:center;font-weight:bold;color:#fff;font-family:'Playfair Display',serif;z-index:10} nav .drop-down>div>ul>li:first-of-type{border-bottom:1px solid #d1b371;text-transform:uppercase;font-size:var(--16px);margin-bottom:10px} nav .drop-down>div>ul>li:first-of-type{padding:10px 0} nav .drop-down b,nav .drop-down ul ul a{display:block;padding:5px 0} nav .drop-down ul ul{padding-left:36px} nav .drop-down a:is(:hover,:focus) a{font-weight:normal} #nav_mobile summary{margin-left:20px;} #nav_mobile details li{margin-left:30px} .hamburger button{padding:0;position:absolute;bottom:0;left:20px;border:none;background:none} .hamburger{display:none} #nav_mobile{list-style:none;height:100%;overflow:hidden;width:100%;padding:0;margin:0;position:absolute;background-color:#fff;z-index:999;display:none} #nav_mobile ul{padding:0;list-style:none} #nav_mobile.visible{transition:ease-in-out .3s;display:block} #nav_mobile li{color:#000;text-transform:uppercase;font-size:var(--14px);padding:0;border-top:1px solid #000;z-index:999} #nav_mobile a,#nav_mobile summary{color:#000;font-weight:bold;padding:10px;margin:5px;} #nav_mobile a{display:block} #nav_mobile .special{background-color:#000} #nav_mobile .special a{color:#fff} #nav_mobile,#nav_mobile.visible{transition:left linear 3s;} .sold{font-weight:bold;color:#ec0000;} .hero,.hero p,.home.grid>div,.home a,.home h2,.home p{position:relative;} .hero{height:clamp(400px,30vw,600px);overflow:hidden;position:relative} .hero:after{content:'G';font-size:450px;font-family:'Playfair Display',serif;color:#fff;opacity:.3;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:-1;line-height:400px;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.5)} .hero>img{filter:brightness(.7);z-index:-2} .hero:is(:hover,:focus)>img{transform:scale(1.3);filter:brightness(1)} .hero .wrap{top:45%;transform:translateY(-45%);} .hero p,.home a,footer,.home a:is(:hover,:focus) p{color:#fff;} .hero p{font-size:var(--80px);font-weight:700;margin:0;text-shadow:0 0 10px #000;z-index:999;font-family:'Playfair Display',serif;z-index:2;position:relative} h2 a{color:#fff} .home.grid{min-height:1000px;grid-gap:0;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(13,1fr);} .home.grid>a>img{position:absolute;max-width:calc(100% + 10px);filter:brightness(1.3);width:calc(100% + 10px);height:calc(100% + 10px);inset:-5px;object-fit:cover;z-index:-1} .home.grid .loc-nashville{grid-column:1 / span 4;grid-row:1 / span 6;} .home.grid .loc-nashville img{object-position:50% 45%} .home.grid .loc-tampa{grid-column:5 / span 8;grid-row:1 / span 4;} .home.grid .loc-seattle{grid-column:1 / span 4;grid-row:7 / span 3;} .home.grid .loc-seattle img{object-position:50% 80%} .home.grid .loc-san-fran{grid-column:5 / span 4;grid-row:5 / span 5;} .home.grid .loc-san-fran img{object-position:right} .home.grid .loc-phoenix{grid-column:9 / span 4;grid-row:5 / span 5;} .home.grid .loc-phoenix img{object-position:50% 30%} .home.grid .loc-swiss{grid-column:1 / span 12;grid-row:10 / span 4;} .home.grid .loc-swiss img{object-position:50% 65%} .home a{box-sizing:border-box;margin:5px;height:calc(100% - 10px);position:relative;} .home h2{font-size:var(--16px);font-weight:400;text-shadow:0 0 10px #000,0 0 4px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000;top:50%;transform:translateY(-50%);display:inline-block;padding:5px 10px;border-radius:5px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)} .home p{font-size:var(--14px);color:transparent;top:46%;transform:translateY(-46%);} .home a:is(:hover,:focus-visible) h2{top:45%;transform:translateY(-45%);;backdrop-filter:none} .home.grid>a:before{content:"";width:calc(100% + 10px);height:calc(100% + 10px);background-color:rgba(0,0,0,0.1);box-shadow:inset 0 0 100px 0 rgba(0,0,0,.2);position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:0;background-repeat:repeat;transition:all .3s linear .01s;} main{padding:40px 10px 50px;} main h1{font-size:var(--24px);} main h2{font-size:var(--22px);} main h3,main h4{font-size:var(--20px);} main ul,main ol{padding-left:25px;} main li{margin:5px 0;} .nolist{list-style:none;padding:0;} .btn{margin:10px 0;} main h1 ~ h2{margin:40px 0 0;padding:10px 20px;background-color:#000;color:#fff;} form{margin:30px 0;} form .grid{grid-gap:10px;} form label{text-align:left;} form input::placeholder,form textarea::placeholder{color:#000;} form label,form input[type=text],form input[type=email],form input[type=tel],form input[type=file],form input[type=submit],form select,form input[type=file],form textarea{font-size:var(--16px);} form label,form input[type=text],form input[type=email],form input[type=tel],form input[type=file],form select,form input[type=file],form textarea{display:block;width:100%;box-sizing:border-box;} form input[type=text],form input[type=email],form input[type=tel],form select,form input[type=file],form textarea{background-color:#fff;margin-bottom:5px;padding:0 15px;border:1px solid #eee;} form .grid input{margin-bottom:0 !important;} form .grid,form>label{margin-bottom:10px} form input[type=text],form input[type=email],form input[type=tel],form input[type=file],form textarea{box-sizing:border-box;} form input[type=text],form input[type=email],form input[type=tel],form select{height:50px;} form select{width:100%;padding:0 10px;} form input[type=file]{padding:13px 15px;} form textarea{height:200px;padding:15px 10px;margin-bottom:10px} form input[type=submit]{min-width:200px;} form input[type=submit],.btn{display:inline-block;line-height:1.1;background-color:#000;text-align:center;color:#fff;padding:15px 10px;border:none;} form input[type=submit]:is(:hover,:focus),header .btn:is(:hover,:focus){cursor:pointer;font-weight:bold;} form fieldset{margin:0;padding:0;border:none} form legend{text-align:center;padding:0;margin-bottom:1em} footer{background-color:#000;clear:both;padding:10px 0 0;} footer .grid{padding:0 10px} footer .grid>div:last-of-type{text-align:right;} footer li{margin:0 5px;} footer li img{border:1px solid rgba(255,255,255,.4);} .ccpaNotice{background:#fff !important;text-align:center !important;font-size:9px !important} footer,.ccpaNotice{border-top:1px solid #000} footer a{color:#fff;display:inline-block;} .ccpaNotice,.ccpaNotice a{font-family:'Spinnaker',sans-serif !important} .a8bmark{filter:invert(1)} .gallery{display:flex;flex-wrap:wrap;margin:5px -5px} .gallery a{flex:1 0 135px;height:90px;margin:5px;border:1px solid #aaa} .gallery img{display:block;object-fit:cover;width:100%;height:100%;object-position:50% 65%} #property-hero{height:600px;background-size:cover;background-position:50% 50%;border:1px solid #aaa} .grid.portfolio{grid-gap:10px 20px} .portfolio>div>a>img:first-of-type,.portfolio>div>img:first-of-type{width:100%;height:400px;object-fit:cover;object-position:center;width:100%} .portfolio>div{border-bottom:1px solid #aaa;} .back button,.a8bmark{padding:5px 10px} .back button{border:none;border:1px solid #fff;background:none;color:#fff;width:100px} .back.de button{width:200px} .back button:is(:hover,:focus){font-weight:bold;border-radius:5px} .timeline,.timeline .nav a,.timeline .grid div{position:relative;} .timeline:before{content:"";width:1px;height:calc(100% - 80px);background-color:#d1b371;position:absolute;top:110px;left:50%;transform:translateX(-50%);} .timeline:after{content:"";width:15px;height:15px;background-color:#fff;border:2px solid #d1b371;border-radius:15px;position:absolute;left:50%;transform:translateX(-50%);bottom:-50px;} .timeline .nav:before{content:"";width:100%;height:1px;background-color:#d1b371;position:absolute;top:110px;left:0;z-index:1;} .timeline .nav,.timeline .grid h2{font-family:'Playfair Display',serif;} .timeline .nav li{display:inline-block;width:200px;font-size:18px;text-align:center;margin:10px;} .timeline .nav a{display:block;background-color:#fff;color:#000;padding:10px 0;border:1px solid #000;z-index:2;} .timeline .nav a:is(:hover,:focus){text-decoration:none;background-color:#d1b371;} .timeline .grid{grid-gap:80px;} .timeline .grid>div>div{margin:0 10px;border-width:1px;border-color:#000;border-style:none solid solid;} .timeline .grid>div p{padding:0 40px;} .timeline .grid>div:before{content:"";width:40px;height:1px;background-color:#d1b371;position:absolute;} .timeline .grid>div:after{content:"";width:15px;height:15px;background-color:#fff;border:2px solid #d1b371;border-radius:15px;position:absolute;} .timeline .grid>div:nth-of-type(odd):before{top:88px;right:-40px;} .timeline .grid>div:nth-of-type(odd):after{top:80px;right:-50px;} .timeline .grid>div:nth-of-type(even):before{top:238px;left:-40px;} .timeline .grid>div:nth-of-type(even):after{top:230px;left:-50px;} .timeline .grid>div:nth-of-type(even){margin-top:40px;} .timeline .grid img{object-fit:cover;display:block;width:100%;min-height:350px;outline:1px solid #000;outline-offset:-10px} .timeline .grid h2{font-size:60px;text-align:center;line-height:1.2;color:#d1b371;margin:0;background-color:#474747;padding-bottom:15px;} .timeline .grid .location{display:inline-block;font-size:14px;text-align:center;text-transform:uppercase;padding:5px 10px;border:1px solid #d1b371;} .textbg{background-color:#fff;padding-bottom:20px} .timeline .williams-burrows-sticker img{object-fit:contain;min-height:unset;outline:none} .timeline .sunnybrae img{outline-offset:0} .sunnybrae .btn{width:100%;max-width:300px} @media(prefers-reduced-motion){*{transition:outline-offset 0s !important;scroll-behavior:unset} .hero:is(:hover,:focus)>img{transform:none;filter:brightness(.7)}} @media(forced-colors:active){.a8bmark{filter:unset} #logo img{filter:brightness(0)} .timeline .grid>div:after{display:none !important} .timeline:after{display:none}} @media(max-width:1200px){nav .social ul{grid-gap:4px} nav ul.grid{padding:0} nav>ul>li>a{letter-spacing:1px;}} @media(max-width:999px){nav{background-color:#000;position:relative} nav>ul>li{display:none;} nav #logo,nav .hamburger{display:block} nav ul.grid{grid-template-columns:80px 1fr 80px;} nav #logo img{width:auto;} nav:after{content:"";width:26px;height:20px;background-color:#fff;position:absolute;right:20px;bottom:10px} main h1 ~ h2{margin:40px -10px 0;} #property-hero{height:60vw;margin:0 -10px}} @media(max-width:767px){.grid.half,footer .grid.third{grid-template-columns:1fr} .home.grid{min-height:600px} .home.grid .loc-nashville{grid-column:1 / span 6;grid-row:1 / span 4;} .home.grid .loc-tampa{grid-column:7 / span 6;grid-row:1 / span 4;} .home.grid .loc-seattle{grid-column:1 / span 4;grid-row:5 / span 5;} footer .grid p,footer .grid>div:last-of-type{text-align:center} .portfolio>div>a>img:first-of-type,.portfolio>div>img:first-of-type{width:calc(100% + 20px);max-width:calc(100% + 20px);margin:0 -10px;} .timeline .grid>div:before,.timeline .grid>div:after{display:none !important} .timeline:before{width:2px}} @media(max-width:600px){nav ul.grid{grid-template-columns:45px 1fr 45px} nav:after{right:10px} .imgRight{float:none;max-width:100%;margin:0 auto}} @media(max-width:500px){.home.grid{grid-template-rows:repeat(12,1fr)} .home.grid .loc-seattle{grid-column:1 / span 6;grid-row:5 / span 4;} .home.grid .loc-san-fran{grid-column:7 / span 6;grid-row:5 / span 4;} .home.grid .loc-phoenix{grid-column:1 / span 6;grid-row:9 / span 4;} .home.grid .loc-swiss{grid-column:7 / span 6;grid-row:9 / span 4;} .hero p{font-size:var(--60px)}} @media(max-width:400px){.hero p{font-size:var(--45px)} nav ul.grid{grid-template-columns:45px 1fr} nav:after{display:none}}