img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} 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[onclick="target='_blank'"], a[target="_blank"] { position: relative }a[onclick="target='_blank'"] i, 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[onclick="target='_blank'"]:hover i, a[target="_blank"]:hover i, a[onclick="target='_blank'"]:focus i, a[target="_blank"]:focus i { display: block }header a[onclick="target='_blank'"] i, header a[target="_blank"] i { left: 0; } *:focus-visible, input[type=submit]:focus-visible { 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 a:focus-visible, .logo a:focus-visible, .hamburger a:focus-visible, .nav_mobile .special a:focus-visible { box-shadow: none; outline-color: #fff }.logo a:focus-visible { outline-offset: -8px; border-radius: 0 }nav > ul > li > a:focus-visible { outline-offset: -8px; border-radius: 13px }nav > ul > li.special > a:focus-visible { outline-offset: 4px }.hamburger a:focus-visible { outline-offset: -2px }.home.grid *:focus-visible { outline-offset: -4px; outline-color: #fff }.home.grid > a:focus-visible:before { outline: 2px solid #fff; outline-offset: -8px; box-shadow: none }.home.grid > a:hover:before, .home.grid > a:focus-visible:before { background-image: url(/images/speckle.png); } * { scroll-behavior: smooth }body { font-family: 'Atkinson Hyperlegible', sans-serif; font-size: var(--17px); line-height: 1.5; 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 { max-width: 100%; height: auto; }iframe { aspect-ratio: auto 16 / 9; width: 100% }.fullwidth { width: 100%; }a img, iframe { border: none; }main a[href^=tel] { font-weight: bold; white-space: nowrap }a, a:hover, .btn, .btn:hover, .home *, .home > div:before, .hamburger svg { transition: ease-in-out .3s; }.hero:hover > img, .hero > img { transition: ease-in-out 1s; }a, summary { text-decoration: none; color: #097db1; }main a { font-weight: bold }a:hover { text-decoration: underline; cursor: pointer; }a[href="#"]:hover { cursor: default }header a, header a:hover, header a:hover, .home a:hover { 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, .home.grid > a > img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; z-index: -1 }.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 }.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:hover { 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:hover > div, nav > ul > li.drop-down: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:hover a { font-weight: normal }.nav_mobile summary { margin-left: 20px; }.nav_mobile details li { margin-left: 30px } .hamburger a { padding: 0;margin-top:78px }.hamburger svg:last-of-type, .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, .cover, .home.grid > div { background-size: cover; background-position: center; }.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:hover > img { transform: scale(1.3); filter: brightness(1) }.hero .wrap { top: 45%; transform: translateY(-45%); }.hero p, .home a, footer, .home a:hover 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 }.hero h1, .intro h2 { font-weight: 400; }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); left: -5px; right: -5px; top: -5px; bottom: -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; top: 50%; transform: translateY(-50%);display:inline-block;padding:5px;border-radius:5px;backdrop-filter:blur(5px) }.home p { font-size: var(--14px); color: transparent; top: 46%; transform: translateY(-46%); }.home a:hover h2, .home a: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; }.contact.grid { grid-gap: 10px 50px; }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-family: 'Atkinson Hyperlegible', sans-serif; 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]:hover, header .btn:hover { 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 } .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 a, .a8bmark { padding: 5px 10px } .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:hover { 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:hover > img { transform: none; filter: brightness(.7) }} @media(forced-colors:active) { .a8bmark img { filter: brightness(0) } .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 } .timeline .grid .gwFounder img { height: 366vw; } .timeline .grid > div.gwFounder > div { padding: 366vw 0 0; }} @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}}