.photo-guide{padding-bottom:45px}.guide-breadcrumb{color:var(--muted);gap:12px;padding:28px 0;font-size:11px;display:flex}.guide-breadcrumb a{text-underline-offset:3px;text-decoration:underline}.guide-intro{grid-template-columns:1.6fr 1fr;align-items:center;gap:75px;padding:30px 0 60px;display:grid}.guide-intro h1{letter-spacing:-2.2px;margin-bottom:25px;font-size:clamp(43px,4.6vw,65px);line-height:1.08}.guide-intro h1 em{color:#7e9167}.guide-lead{max-width:540px;color:var(--muted);margin:0;font-size:16px;line-height:1.9}.guide-meta{color:var(--muted);margin:25px 0 0;font-size:10px}.guide-at-a-glance{background:#edf0e4;border:1px solid #dce3d1;border-radius:7px;padding:30px}.guide-at-a-glance>.eyebrow{margin-bottom:15px;display:block}.guide-at-a-glance h2{letter-spacing:-.7px;font-size:29px;line-height:1.2}.guide-at-a-glance p{color:var(--muted);margin:18px 0;font-size:13px;line-height:1.8}.guide-print{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-top:1px solid #d0d9c4;justify-content:space-between;gap:10px;padding:16px 0 0;font-size:12px;display:flex}.guide-print:hover{text-decoration:underline}.guide-section-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px;display:flex}.guide-section-heading h2,.guide-details h2,.guide-before-send h2{letter-spacing:-1.2px;font-size:39px}.guide-section-heading .eyebrow{margin-bottom:14px}.guide-section-heading>p{max-width:340px;color:var(--muted);margin:0;font-size:13px;line-height:1.8}.guide-photo-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.guide-photo-card{background:#fffefa;border:1px solid #d9e0d0;border-radius:7px;overflow:hidden}.guide-photo-card figure{margin:0}.guide-photo-card svg{width:100%;height:auto;display:block}.guide-photo-card figcaption{color:#5a6c53;background:#f1f3e9;border-bottom:1px solid #e0e5d7;padding:10px 18px;font-size:10px}.guide-card-copy{padding:22px}.guide-card-copy h3{margin:12px 0 15px;font-size:25px;line-height:1.2}.guide-card-copy>p{color:var(--muted);margin:0;font-size:13px;line-height:1.85}.guide-illustration-note{color:var(--muted);margin:14px 0 0;font-size:10px}.guide-details{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:90px;margin-top:65px;padding-top:50px;display:grid}.guide-details>div>p:last-child{max-width:350px;color:var(--muted);margin-top:22px;font-size:13px;line-height:1.85}.guide-detail-list{margin:0;padding:0;list-style:none}.guide-detail-list li{border-bottom:1px solid var(--line);margin-bottom:15px;padding:0 0 15px 27px;position:relative}.guide-detail-list li:before{content:"";border:1px solid #8b9e79;border-radius:2px;width:11px;height:11px;position:absolute;top:5px;left:0}.guide-detail-list strong{margin-bottom:5px;font-size:13px;font-weight:600;display:block}.guide-detail-list span{color:var(--muted);font-size:12px;line-height:1.8;display:block}.guide-before-send{background:#eef0e6;border-radius:7px;margin-top:45px;padding:30px 35px}.guide-before-send .eyebrow{margin-bottom:12px}.guide-before-send ul{color:#53654c;margin:23px 0 20px;padding-left:19px;font-size:13px;line-height:1.9}.guide-before-send li{margin-bottom:7px}.guide-before-send>p{color:var(--muted);max-width:780px;margin-bottom:0;font-size:12px;line-height:1.85}.guide-ready{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:40px;margin:50px 0 15px;padding-top:45px;display:flex}.guide-ready .eyebrow{margin-bottom:17px}.guide-ready h2{font-size:44px}.guide-ready p:last-child{color:var(--muted);max-width:420px;font-size:13px}.guide-ready .button{flex-shrink:0}.guide-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:25px;padding-block:25px 35px;font-size:10px;display:flex}.guide-footer a{text-underline-offset:3px;text-decoration:underline}@media (max-width:1000px){.guide-intro{grid-template-columns:1.4fr 1fr;gap:35px}.guide-intro h1{font-size:52px}.guide-at-a-glance{padding:24px}.guide-details{gap:45px}.guide-card-copy{padding:18px}.guide-card-copy h3{font-size:23px}.guide-photo-grid{gap:15px}}@media (max-width:760px){.guide-breadcrumb{gap:9px;padding:23px 0;font-size:10px}.guide-intro{grid-template-columns:1fr;gap:28px;padding:15px 0 42px}.guide-intro h1{letter-spacing:-1.7px;font-size:46px}.guide-intro .eyebrow{margin-bottom:18px;font-size:9px}.guide-lead{font-size:14px;line-height:1.85}.guide-meta{margin-top:19px}.guide-at-a-glance h2{font-size:29px}.guide-at-a-glance{padding:24px}.guide-section-heading{margin-bottom:24px;display:block}.guide-section-heading h2,.guide-details h2,.guide-before-send h2{font-size:35px}.guide-section-heading>p{max-width:none;margin-top:18px}.guide-photo-grid{grid-template-columns:1fr;gap:23px}.guide-card-copy{padding:23px}.guide-card-copy h3{font-size:27px}.guide-photo-card svg{max-height:260px}.guide-photo-card figcaption{padding:11px 23px;font-size:11px}.guide-card-copy>p{font-size:14px}.guide-illustration-note{font-size:11px;line-height:1.7}.guide-details{grid-template-columns:1fr;gap:25px;margin-top:40px;padding-top:35px}.guide-details h2 br{display:none}.guide-details>div>p:last-child{max-width:none}.guide-detail-list strong{font-size:14px}.guide-detail-list span{font-size:13px}.guide-before-send{margin-top:25px;padding:25px}.guide-before-send>p{font-size:13px}.guide-ready{margin-top:35px;padding-top:35px;display:block}.guide-ready h2{font-size:40px}.guide-ready .button{width:100%;margin-top:17px}.guide-footer{flex-direction:column;align-items:start;gap:12px;padding-bottom:30px}.guide-footer span{font-size:10px}.guide-header .button-small{gap:10px}}@media print{@page{size:A4;margin:14mm}.guide-header,.guide-breadcrumb,.guide-print,.guide-ready,.guide-footer,.skip{display:none!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#173529!important;background:#fff!important}.photo-guide.container{width:100%;padding:0}.guide-intro{padding:0 0 16px;display:block}.guide-intro h1{letter-spacing:-1px;margin:0 0 10px;font-size:30px}.guide-intro h1 br{display:none}.guide-lead{max-width:none;font-size:11px;line-height:1.5}.guide-intro .eyebrow{margin-bottom:8px;font-size:8px}.guide-meta{margin-top:8px;font-size:8px}.guide-at-a-glance{border-radius:3px;margin-top:12px;padding:10px 13px}.guide-at-a-glance .eyebrow{display:none}.guide-at-a-glance h2{letter-spacing:0;font-size:14px}.guide-at-a-glance h2 br{display:none}.guide-at-a-glance p{margin:5px 0 0;font-size:10px}.guide-section-heading{margin:3px 0 12px;display:block}.guide-section-heading .eyebrow{display:none}.guide-section-heading h2,.guide-details h2,.guide-before-send h2{letter-spacing:-.4px;font-size:20px}.guide-section-heading>p{max-width:none;margin-top:6px;font-size:10px;line-height:1.5}.guide-photo-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.guide-photo-card{break-inside:avoid}.guide-photo-card svg{max-height:110px}.guide-photo-card figcaption{padding:6px 8px;font-size:7px;line-height:1.5}.guide-card-copy{padding:10px}.guide-card-copy .number{letter-spacing:1px;font-size:7px}.guide-card-copy h3{letter-spacing:-.2px;margin:7px 0;font-size:16px}.guide-card-copy>p{font-size:9px;line-height:1.5}.guide-illustration-note{margin:7px 0;font-size:7px}.guide-details{grid-template-columns:1fr 1.5fr;gap:25px;margin-top:18px;padding-top:16px;display:grid}.guide-details .eyebrow,.guide-before-send .eyebrow{letter-spacing:1px;margin-bottom:8px;font-size:7px}.guide-details>div>p:last-child{margin-top:9px;font-size:9px;line-height:1.5}.guide-detail-list li{margin-bottom:6px;padding:0 0 6px 18px}.guide-detail-list li:before{width:8px;height:8px;top:3px}.guide-detail-list strong{margin-bottom:2px;font-size:10px}.guide-detail-list span{font-size:9px;line-height:1.5}.guide-before-send{break-inside:avoid;margin-top:12px;padding:13px 16px}.guide-before-send ul{margin:8px 0;font-size:9px;line-height:1.5}.guide-before-send li{margin-bottom:3px}.guide-before-send>p{font-size:9px;line-height:1.5}.photo-guide article:after{content:"Coffs Shade · coffsshade.com.au/guides/shade-sail-enquiry-photos · Start an enquiry at coffsshade.com.au";color:#53654c;margin-top:12px;font-size:8px;display:block}}.guide-related{border:1px solid var(--line);background:#fffefa;border-radius:7px;justify-content:space-between;align-items:center;gap:30px;margin-top:35px;padding:27px 30px;display:flex}.guide-related .eyebrow{margin-bottom:10px}.guide-related h2{letter-spacing:-.5px;font-size:27px}.guide-related p:not(.eyebrow){color:var(--muted);max-width:520px;margin:12px 0 0;font-size:12px;line-height:1.8}.guide-related .text-link{flex-shrink:0;font-size:12px}@media (max-width:760px){.guide-related{padding:24px;display:block}.guide-related h2{font-size:28px}.guide-related .text-link{margin-top:20px}.guide-related p:not(.eyebrow){font-size:13px}}@media print{.guide-related{display:none}}