@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.inline{display:inline}.table{display:table}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--ink:#202520;--paper:#f3f1eb;--line:#20252030;--sage:#68776a;--clay:#b86d4f;--sand:#d6c5a5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{background:var(--ink);height:112px;color:var(--paper);letter-spacing:.01em;border-bottom:1px solid #f3f1eb2e;justify-content:space-between;align-items:center;padding:0 4.5vw;font-size:13px;display:flex}.brand{align-items:center;width:324px;height:100px;display:flex}.brand img{object-fit:contain;object-position:left center;filter:grayscale()invert();mix-blend-mode:screen;width:100%;height:92px;display:block}.nav-links{gap:32px;margin-left:11vw;display:flex}.nav-links a,.contact-link{transition:opacity .2s}.nav-links a:hover,.contact-link:hover{opacity:.55}.contact-link span,.button span,.text-link span{margin-left:11px}.hero{grid-template-rows:1fr auto;grid-template-columns:1fr 1.14fr;gap:3vw;min-height:calc(100vh - 90px);padding:5.5vw 4.5vw 4.5vw;display:grid;overflow:hidden}.hero-copy{align-self:center;max-width:610px;padding-bottom:9vw}.eyebrow{text-transform:uppercase;letter-spacing:.12em;opacity:.65;margin:0 0 25px;font:500 10px DM Mono,monospace}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{letter-spacing:-.065em;margin:0 0 34px;font:500 clamp(55px,6.5vw,105px)/.91 Newsreader,serif}em{font-style:italic}.intro{color:#4f584e;max-width:385px;margin-bottom:34px;font-size:15px;line-height:1.6}.button{padding:15px 18px;font-size:12px;transition:transform .2s,background .2s;display:inline-block}.button:hover{transform:translateY(-2px)}.button-dark{color:var(--paper);background:var(--ink)}.button-outline{border:1px solid var(--ink)}.button-light{background:var(--paper);color:var(--ink)}.hero-image{aspect-ratio:1431/1600;background:url(/images/city-beach/exterior-bw.jpg) 50%/cover no-repeat;width:100%;min-height:0}.hero-caption{text-align:right;grid-column:2;justify-self:end;margin:0;font:400 18px/1.12 Newsreader,serif}.hero-project-menu{z-index:10;width:max-content;position:relative}.hero-project-menu summary{cursor:pointer;list-style:none}.hero-project-menu summary::-webkit-details-marker{display:none}.hero-project-panel{background:var(--ink);width:310px;max-height:390px;color:var(--paper);border:1px solid #f3f1eb33;padding:9px 0;display:grid;position:absolute;top:52px;left:0;overflow:auto;box-shadow:0 18px 45px #0003}.hero-project-panel a{border-bottom:1px solid #f3f1eb1a;justify-content:space-between;gap:16px;padding:9px 17px;font-size:12px;display:flex}.hero-project-panel a:last-child{border-bottom:0}.hero-project-panel a:hover{background:#f3f1eb14}.hero-project-panel a span{opacity:.5}.statement{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:6vw;padding:11vw 14vw 12vw 4.5vw;display:grid}.statement h2,.services h2,.contact h2{letter-spacing:-.055em;margin:0 0 34px;font:500 clamp(42px,5vw,78px)/.96 Newsreader,serif}.statement>div{max-width:720px}.statement>div>p{color:#4f584e;max-width:470px;margin-bottom:30px;font-size:16px;line-height:1.65}.text-link{border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:13px}.work{background:#e6e2d8;padding:4.5vw}.section-head{border-bottom:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;padding-bottom:18px;font:500 10px DM Mono,monospace;display:flex}.section-head p{margin:0}.featured-project{padding:4vw 0 7vw}.claremont-project,.woodlands-project,.jandakot-project{border-top:1px solid var(--line);padding-top:7vw}.featured-image{aspect-ratio:1.85;background:#89948a;overflow:hidden}.featured-image img,.gallery-grid img{object-fit:cover;width:100%;height:100%;display:block}.featured-image img{transition:transform .7s}.featured-image:hover img{transform:scale(1.025)}.featured-intro{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:3vw;padding:28px 0;display:grid}.featured-intro .eyebrow{grid-column:1/-1;margin-bottom:0}.featured-intro h2{letter-spacing:-.06em;margin:0;font:500 clamp(42px,5.5vw,88px)/.9 Newsreader,serif}.featured-intro>p:last-child{color:#50564e;align-self:end;max-width:390px;margin:0 0 9px;line-height:1.6}.project-facts{text-transform:uppercase;letter-spacing:.08em;opacity:.65;gap:26px;padding-top:15px;font:10px DM Mono,monospace;display:flex}.gallery-grid{grid-template-columns:1.1fr .9fr 1fr;gap:2vw;margin-bottom:4vw;display:grid}.gallery-grid figure{margin:0;overflow:hidden}.gallery-grid img{transition:transform .5s}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figcaption{color:#5d625b;padding-top:9px;font:12px/1.35 DM Sans,sans-serif}.gallery-entry{grid-row:span 2}.gallery-entry img,.gallery-threshold img,.gallery-roof img{aspect-ratio:.75}.gallery-dining{grid-area:span 2/3}.gallery-dining img{aspect-ratio:.84}.gallery-pool{grid-column:2}.gallery-pool img{aspect-ratio:1.35}.claremont-gallery,.woodlands-gallery,.jandakot-gallery{grid-template-columns:1fr 1fr 1fr}.claremont-gallery .gallery-wide,.woodlands-gallery .gallery-wide,.jandakot-gallery .gallery-wide{grid-column:span 2}.claremont-gallery .gallery-wide img,.claremont-gallery .gallery-small img,.woodlands-gallery .gallery-wide img,.woodlands-gallery .gallery-small img,.jandakot-gallery .gallery-wide img{aspect-ratio:1.55}.service-list h3{letter-spacing:-.025em;margin:0 0 5px;font:400 22px Newsreader,serif}.arrow{font-size:17px}.services{grid-template-columns:.8fr 1.2fr;gap:8vw;padding:12vw 4.5vw;display:grid}.services h2{max-width:420px}.service-list{border-top:1px solid var(--line)}.service-list article{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;gap:15px;padding:22px 0;display:grid}.service-list span{opacity:.6;font:10px DM Mono,monospace}.service-list p{color:#596057;max-width:420px;margin:0;font-size:14px;line-height:1.5}.service-list .arrow{opacity:1;font-size:17px}.contact{background:var(--ink);min-height:76vh;color:var(--paper);flex-direction:column;align-items:flex-start;padding:12vw 4.5vw 3vw;display:flex}.contact h2{margin-bottom:45px;font-size:clamp(62px,9vw,140px)}.contact-foot{text-transform:uppercase;letter-spacing:.08em;opacity:.65;justify-content:space-between;width:100%;margin-top:auto;font:10px DM Mono,monospace;display:flex}.karagullen-project,.nova-lane-project,.wasley-street-project,.cypress-way-project,.morden-street-project,.city-beach-project,.arcadia-drive-project,.east-fremantle-project,.marine-terrace-project{border-top:1px solid var(--line);padding-top:7vw}.cypress-way-gallery .gallery-wide{grid-column:span 2}.cypress-way-gallery .gallery-wide img{aspect-ratio:1.55}@media (width<=720px){.nav{height:94px;padding:0 22px}.nav-links{display:none}.contact-link{font-size:11px}.hero{flex-direction:column;min-height:auto;padding:55px 22px 25px;display:flex}.hero-copy{padding:0}.hero-image{min-height:0;margin-top:20px}.hero-caption{align-self:flex-end}.statement,.services{padding:75px 22px;display:block}.statement .eyebrow,.services .eyebrow{margin-bottom:45px}.work{padding:22px}.featured-project{padding:45px 0 65px}.claremont-project,.woodlands-project,.jandakot-project{padding-top:65px}.featured-image{aspect-ratio:1.06}.featured-intro{padding:22px 0;display:block}.featured-intro .eyebrow{margin-bottom:24px}.featured-intro h2{margin-bottom:23px}.project-facts{flex-direction:column;gap:7px}.gallery-grid{margin-bottom:36px;display:block}.gallery-grid figure{margin-bottom:27px}.gallery-entry img,.gallery-threshold img,.gallery-roof img,.gallery-dining img,.gallery-pool img,.claremont-gallery .gallery-wide img,.claremont-gallery .gallery-small img,.woodlands-gallery .gallery-wide img,.woodlands-gallery .gallery-small img,.jandakot-gallery .gallery-wide img{aspect-ratio:1.05}.contact{min-height:620px;padding:80px 22px 22px}.contact-foot{flex-direction:column;gap:18px}.services h2{margin-bottom:55px}.service-list article{grid-template-columns:30px 1fr}.service-list .arrow{display:none}.karagullen-project,.nova-lane-project,.wasley-street-project,.cypress-way-project,.morden-street-project,.city-beach-project,.arcadia-drive-project,.east-fremantle-project,.marine-terrace-project{padding-top:65px}.cypress-way-gallery .gallery-wide img{aspect-ratio:1.05}.brand{width:220px;height:82px}.brand img{height:76px}}.reviews{border-top:1px solid var(--line);padding:10vw 4.5vw 11vw}.reviews-head{justify-content:space-between;align-items:flex-end;gap:4vw;margin-bottom:5vw;display:flex}.reviews-head .eyebrow{margin-bottom:0}.reviews-head h2{letter-spacing:-.06em;max-width:700px;margin:0;font:500 clamp(48px,6vw,92px)/.92 Newsreader,serif}.review-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5vw;display:grid}.review-card{flex-direction:column;min-height:390px;padding:26px 0 0;display:flex}.review-card+.review-card{border-left:1px solid var(--line);padding-left:2.5vw}.review-meta{justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.review-stars{color:var(--clay);letter-spacing:.12em;font-size:13px}.review-date{white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;opacity:.55;font:10px DM Mono,monospace}.review-card blockquote{letter-spacing:-.025em;margin:0 0 36px;font:400 clamp(22px,2vw,31px)/1.2 Newsreader,serif}.review-author{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}.review-author strong{margin-bottom:5px;font-size:13px;font-weight:500;display:block}.review-author span{text-transform:uppercase;letter-spacing:.08em;opacity:.55;font:10px DM Mono,monospace}.reviews-action{margin-top:5vw}@media (width<=720px){.reviews{padding:75px 22px 85px}.reviews-head{margin-bottom:45px;display:block}.reviews-head .eyebrow{margin-bottom:25px}.review-grid{display:block}.review-card{border-bottom:1px solid var(--line);min-height:0;padding:25px 0 35px}.review-card+.review-card{border-left:0;padding-left:0}.review-card blockquote{font-size:26px}.reviews-action{margin-top:35px}}.studio-process{border-top:1px solid var(--line);grid-template-columns:.8fr 1.35fr .85fr;gap:2vw;padding:4.5vw 4.5vw 10vw;display:grid}.process-intro{align-self:end;padding-right:2vw}.process-intro h2{letter-spacing:-.05em;margin:0;font:500 clamp(38px,4.2vw,68px)/.96 Newsreader,serif}.studio-process figure{margin:0}.studio-process img{object-fit:cover;aspect-ratio:1.15;width:100%;display:block}.studio-process figure:last-child img{aspect-ratio:.78}.studio-process figcaption{color:#5d625b;padding-top:9px;font-size:12px;line-height:1.35}@media (width<=720px){.studio-process{padding:65px 22px 75px;display:block}.process-intro{margin-bottom:38px}.studio-process figure{margin-bottom:28px}.studio-process img,.studio-process figure:last-child img{aspect-ratio:1.05}}.nav{z-index:20;position:relative}.nav-links{align-items:center;gap:20px;margin-left:3vw}.project-menu{position:relative}.project-menu summary,.mobile-menu summary{cursor:pointer;list-style:none}.project-menu summary::-webkit-details-marker{display:none}.mobile-menu summary::-webkit-details-marker{display:none}.project-menu summary span{margin-left:5px;font-size:11px}.project-menu-panel{background:var(--ink);border:1px solid #f3f1eb33;width:270px;padding:14px 0;display:grid;position:absolute;top:30px;left:-22px;box-shadow:0 18px 45px #00000038}.project-menu-panel a{padding:8px 20px;font-size:12px}.project-menu-panel a:hover{opacity:1;background:#f3f1eb14}.mobile-menu{display:none}.featured-project[id]{scroll-margin-top:25px}.upcoming{background:#d9d3c7;padding:10vw 4.5vw;scroll-margin-top:20px}.upcoming-title{justify-content:space-between;align-items:flex-end;gap:4vw;margin-bottom:5vw;display:flex}.upcoming-title .eyebrow{margin:0}.upcoming-title h2{letter-spacing:-.06em;margin:0;font:500 clamp(52px,6.4vw,100px)/.9 Newsreader,serif}.upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3vw;display:grid}.upcoming-card{scroll-margin-top:20px}.upcoming-card img{object-fit:cover;aspect-ratio:1.45;width:100%;display:block}.upcoming-card-copy{border-top:1px solid var(--line);padding:24px 0 0}.upcoming-card-copy .eyebrow{margin-bottom:16px}.upcoming-card-copy h3{letter-spacing:-.045em;margin:0 0 18px;font:500 clamp(30px,3.2vw,50px)/.96 Newsreader,serif}.upcoming-card-copy>p:not(.eyebrow){color:#4f584e;max-width:560px;margin:0 0 26px;font-size:15px;line-height:1.65}.featured-upcoming{grid-column:auto;margin-top:0}.upcoming-image-pair{grid-template-columns:1fr 1fr;gap:2vw;display:grid}.upcoming-image-pair img{aspect-ratio:1.45}.featured-upcoming .upcoming-card-copy{display:block}.featured-upcoming .upcoming-card-copy h3{margin-bottom:18px}@media (width<=1050px) and (width>=721px){.brand{width:248px}.nav-links{gap:15px;margin-left:2vw}.contact-link{display:none}}@media (width<=720px){.mobile-menu{margin-left:auto;margin-right:18px;display:block}.mobile-menu summary{text-transform:uppercase;letter-spacing:.1em;padding:10px 0;font:500 10px DM Mono,monospace}.mobile-menu-panel{background:var(--ink);border-top:1px solid #f3f1eb2e;max-height:calc(100vh - 94px);padding:18px 22px 28px;display:grid;position:absolute;top:94px;left:0;right:0;overflow:auto}.mobile-menu-panel a{border-bottom:1px solid #f3f1eb1f;padding:11px 0}.mobile-menu-panel span{text-transform:uppercase;letter-spacing:.1em;opacity:.55;padding:27px 0 8px;font:500 9px DM Mono,monospace}.contact-link{display:none}.featured-project[id]{scroll-margin-top:15px}.upcoming{padding:75px 22px}.upcoming-title{margin-bottom:42px;display:block}.upcoming-title .eyebrow{margin-bottom:25px}.upcoming-grid{display:block}.upcoming-card{margin-bottom:55px;scroll-margin-top:15px}.upcoming-card:last-child{margin-bottom:0}.upcoming-card img{aspect-ratio:1.05}.featured-upcoming{margin-top:0}.upcoming-image-pair{display:block}.upcoming-image-pair img{aspect-ratio:1.05;margin-bottom:12px}.featured-upcoming .upcoming-card-copy{display:block}.featured-upcoming .upcoming-card-copy h3{margin-bottom:18px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
