:root{--ink:#28282a;--paper:#fafafa;--white:#fafafa;--dark:#28282a;--display:"pragmatica-extended","Arial Black",Arial,sans-serif;--mono:"courier-std","Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{container-type:inline-size;margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:16px;line-height:1.3}a{color:inherit;text-decoration:none}figure{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}.skip-link{position:absolute;left:-99999px}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:119.35px;padding:0 4.04%;display:flex;align-items:center;justify-content:space-between;background:rgba(250,250,250,.96);border-bottom:1px solid rgba(40,40,42,.35);font-family:Arial,sans-serif;font-size:14.272px;font-weight:400;text-transform:uppercase}.home-link{line-height:20px}.nav-wrap{display:flex;align-items:center;gap:36px}.desktop-nav{display:flex;align-items:center;gap:21px}.desktop-nav a{padding:5px 0;border-bottom:1px solid transparent}.desktop-nav a:hover,.page-services .nav-services,.page-information .nav-information{border-color:currentColor}.project-link{width:164.15px;height:56px;display:grid;place-items:center;border:1px solid currentColor;font-family:var(--mono);font-size:17.728px;text-transform:none}.menu-toggle,.mobile-panel{display:none}.page-information .site-header{background:rgba(40,40,42,.96);color:#fafafa;border-color:rgba(250,250,250,.2)}
.display{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.08em;line-height:1;text-transform:uppercase}.abs-section{position:relative;width:100%;overflow:hidden}.abs{position:absolute;margin:0}.abs img{object-fit:cover}.section-home{height:calc(1306.56 / 1424.8 * 100cqw)}.section-services-home{height:calc(899.35 / 1424.8 * 100cqw)}.section-editorial{height:calc(2094.57 / 1424.8 * 100cqw)}.section-ecommerce{height:calc(2740.3 / 1424.8 * 100cqw)}.section-beauty{height:calc(3146.93 / 1424.8 * 100cqw)}.section-events{height:calc(2152.82 / 1424.8 * 100cqw)}.section-bobbi{height:calc(759.2 / 1424.8 * 100cqw)}
.section-home .title{left:4.043%;top:12.08%;width:53.32%;font-size:4.724vw;white-space:nowrap}.section-home .tag-one{left:58.07%;top:29.75%;width:37.89%;font-size:2.336vw;line-height:1.248;text-align:center}.section-home .tag-two{left:58.07%;top:38.56%;width:37.89%;font-size:2.336vw;line-height:1.248;text-align:center}.section-home .photo{left:4.043%;top:23.86%;width:53.33%;height:67.31%}.section-home .intro-text{left:61.93%;top:73.92%;width:30.17%;font-size:1.002vw;line-height:1.3}.section-home .about-link{left:61.93%;top:89.62%;width:12.75%;height:3.86%;display:flex;align-items:center;border-bottom:1px solid;font-size:1.002vw}
.section-services-home .heading{left:4.043%;top:8.56%;width:37.89%;font-size:2.336vw;line-height:1.248}.section-services-home .copy{left:4.043%;top:59.89%;width:30.17%;font-size:1.002vw;line-height:1.3}.section-services-home .link{left:4.043%;top:80.63%;width:12.75%;height:5.6%;display:flex;align-items:center;border-bottom:1px solid;font-size:1.002vw}.section-services-home .photo{left:54.207%;top:8.56%;width:41.75%;height:82.89%}
.section-editorial .heading{left:4.043%;top:3.87%;width:30.08%;font-size:2.336vw;line-height:1.248}.section-editorial .copy{left:4.043%;top:28.99%;width:30.08%;font-size:1.002vw;line-height:1.3}.section-editorial .p1{left:4.043%;top:40.67%;width:30.08%;height:12.95%}.section-editorial .p2{left:38.83%;top:3.87%;width:57.13%;height:53.63%}.section-editorial .p3{left:11.77%;top:56.13%;width:37.81%;height:30.34%}.section-editorial .p4{left:54.29%;top:61.93%;width:41.67%;height:34.21%}
.section-ecommerce .heading{left:4.043%;top:2.95%;width:30.08%;font-size:2.336vw;line-height:1.248}.section-ecommerce .copy{left:7.907%;top:18.46%;width:30.08%;font-size:1.002vw;line-height:1.3}.section-ecommerce .p1{left:62.02%;top:2.95%;width:33.94%;height:20.24%}.section-ecommerce .p2{left:58.15%;top:25.11%;width:30.08%;height:20.24%}.section-ecommerce .p3{left:7.907%;top:25.11%;width:33.94%;height:20.24%;--pos:55.5205% 29.603%}.section-ecommerce .p4{left:7.907%;top:50.22%;width:30.08%;height:23.19%}.section-ecommerce .p5{left:46.56%;top:47.27%;width:45.54%;height:12.86%}.section-ecommerce .p6{left:46.56%;top:60.55%;width:45.54%;height:12.86%;--pos:47.659% 0%}.section-ecommerce .p7{left:31.1%;top:75.33%;width:37.81%;height:21.72%;--pos:50.72% 33.6034%}
.section-beauty .heading{left:4.043%;top:2.57%;width:30.08%;font-size:2.336vw;line-height:1.248}.section-beauty .copy{left:4.043%;top:14.15%;width:30.08%;font-size:1.002vw;line-height:1.3}.section-beauty .p1{left:38.82%;top:2.57%;width:57.13%;height:27.97%}.section-beauty .p2{left:4.043%;top:30.93%;width:37.81%;height:21.48%}.section-beauty .p3{left:54.29%;top:34.79%;width:33.94%;height:13.77%;--pos:48.3198% 64.8065%}.section-beauty .p4{left:11.77%;top:57.93%;width:33.94%;height:11.19%}.section-beauty .p5{left:54.29%;top:77.23%;width:26.21%;height:17.62%;--pos:44.7194% 33.6034%}.section-beauty .p6{left:58.15%;top:52.8%;width:33.94%;height:21.48%}.section-beauty .p7{left:19.5%;top:73.37%;width:26.21%;height:11.19%}
.section-events .heading{left:4.043%;top:4.415%;width:45.57%;font-size:4.155vw;line-height:1.17}.section-events .copy{left:4.043%;top:9.13%;width:45.57%;font-size:1.123vw;line-height:1.3}.section-events .p1{left:50.39%;top:4.415%;width:45.57%;height:39.83%}.section-events .p2{left:4.043%;top:15.42%;width:45.57%;height:28.83%;--pos:47.1197% 80.008%}.section-events .penfolds-client{left:4.043%;top:45.37%;width:18.54%}.section-events .penfolds-year{left:31.08%;top:45.37%;width:18.54%}.section-events .g1{left:4.043%;top:68.6%;width:30.12%;height:19.66%;--pos:55.5206% 66.4066%}.section-events .g2{left:34.94%;top:68.6%;width:30.12%;height:19.66%}.section-events .g3{left:34.94%;top:48.41%;width:30.12%;height:19.66%}.section-events .g4{left:4.043%;top:48.41%;width:30.12%;height:19.66%}.section-events .g5{left:65.83%;top:68.6%;width:30.12%;height:19.66%}.section-events .g6{left:65.83%;top:48.41%;width:30.12%;height:19.66%}.section-events .bobbi-client{left:4.043%;top:93.04%;width:18.54%}.section-events .bobbi-year{left:31.08%;top:93.04%;width:18.54%}.event-meta{font-size:1.123vw;line-height:1.3}.event-meta strong{font-weight:700}
.section-bobbi{display:grid;grid-template-columns:repeat(35,1fr);grid-auto-rows:1fr;gap:0}.section-bobbi img{position:absolute;object-fit:fill}.section-bobbi img:nth-child(-n+7){top:7.59%;width:11.93%;height:33.59%}.section-bobbi img:nth-child(1){left:4.043%}.section-bobbi img:nth-child(2){left:17.38%}.section-bobbi img:nth-child(3){left:30.72%}.section-bobbi img:nth-child(4){left:44.05%}.section-bobbi img:nth-child(5){left:57.38%}.section-bobbi img:nth-child(6){left:70.72%}.section-bobbi img:nth-child(7){left:84.05%}.section-bobbi img:nth-child(n+8){top:43.79%;width:17.27%;height:48.6%}.section-bobbi img:nth-child(8){left:4.043%}.section-bobbi img:nth-child(9){left:22.71%}.section-bobbi img:nth-child(10){left:41.38%}.section-bobbi img:nth-child(11){left:60.05%}.section-bobbi img:nth-child(12){left:78.72%}
.abs img{object-position:var(--pos,50% 50%)}
.site-footer{position:relative;height:calc(370.83 / 1424.8 * 100cqw);background:#28282a;color:#fafafa}.footer-columns{position:absolute;left:65.32%;top:15.36%;width:22.97%;display:grid;grid-template-columns:1fr 1fr}.site-footer h4{margin:0 0 7px;font-size:1.123vw}.site-footer p{margin:0 0 12px;font-size:1.002vw;line-height:1.3}.footer-title{position:absolute;left:0;top:65.8%;width:100%;font-size:4.155vw;line-height:1.17;white-space:nowrap}.lightbox{position:fixed;z-index:100;inset:0;display:none;place-items:center;background:rgba(0,0,0,.94);padding:4vw;touch-action:none}.lightbox.open{display:grid}.lightbox img{max-width:92vw;max-height:90vh;width:auto;height:auto;user-select:none;-webkit-user-drag:none}.lightbox-close{position:absolute;z-index:2;right:24px;top:14px;border:0;background:none;color:white;font-size:40px;cursor:pointer}.lightbox-nav{position:absolute;z-index:2;top:50%;width:54px;height:54px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.35);color:#fff;font:400 32px/1 Arial,sans-serif;cursor:pointer}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-nav[hidden]{display:none}[data-lightbox],.section-bobbi img{cursor:pointer}@media(max-width:767px){.lightbox-nav{width:44px;height:44px;font-size:28px}.lightbox-prev{left:10px}.lightbox-next{right:10px}}
.inner-page{position:relative;min-height:851px}.services-main{height:851.06px}.services-main .heading{left:11.77%;top:29.83%;width:37.85%;font-size:59.2px;line-height:1.17}.services-main .copy-one{left:11.77%;top:48.38%;width:41.71%;font-size:16px}.services-main .copy-two{left:11.77%;top:60.04%;width:41.71%;font-size:16px}.services-main .quote{left:11.77%;top:66.94%;width:22.4%;height:67.95px;display:grid;place-items:center;border:1px solid;font-size:16px}.services-main .photo{left:61.97%;top:25.19%;width:26.26%;height:63.64%;--pos:47.1197% 66.4066%}.info-main{height:976.79px;background:#28282a;color:#fafafa}.info-main .heading{left:11.77%;top:20.3%;width:30.12%;font-size:33.28px;line-height:1.248}.info-main .bio{left:14.57%;top:28.9%;width:24.51%;font-size:16px}.info-main .bio p{margin:0 0 16px}.info-main .contact{left:11.77%;top:72.83%;width:37.85%;font-size:16px}.info-main .contact p{margin:0 0 16px}.info-main .photo{left:58.11%;top:20.3%;width:37.85%;height:75.66%;--pos:48.3198% 13.6014%}
@media(max-width:767px){.site-header{height:83.83px;padding:0 6.24%;font-family:var(--display);font-size:16px}.desktop-nav,.project-link{display:none}.menu-toggle{display:block;width:47px;height:37px;padding:0;border:0;background:transparent;color:inherit;text-transform:uppercase;font-size:0}.menu-toggle:after{content:"MENU";font-size:16px}.menu-toggle[aria-expanded=true]:after{content:"CLOSE"}.mobile-panel{position:fixed;z-index:49;inset:83.83px 0 0;background:#fafafa;color:#28282a;padding:245px 9.36% 40px;flex-direction:column;gap:24px;font-family:var(--display);font-size:33.184px;text-transform:uppercase}.page-information .mobile-panel{background:#28282a;color:#fafafa}.mobile-panel.open{display:flex}.mobile-panel .mobile-project{margin-top:auto;width:210px;height:58.4px;display:grid;place-items:center;border:1px solid;font-family:var(--mono);font-size:19.2px;text-transform:none}.section-home{height:1233.65px}.section-services-home{height:1042.61px}.section-editorial{height:1577.22px}.section-ecommerce{height:2508px}.section-beauty{height:2328px}.section-events{height:2305.4px}.section-bobbi{height:1532.83px}.section-home .title{left:6.24%;top:117.81px;width:87.55%;font-size:29.1px}.section-home .tag-one{left:6.24%;top:185.81px;width:87.55%;font-size:26.128px;line-height:1.248}.section-home .tag-two{left:6.24%;top:283.04px;width:87.55%;font-size:26.128px;line-height:1.248}.section-home .photo{left:0;top:325.65px;width:100%;height:534px}.section-home .intro-text{left:6.24%;top:903.65px;width:87.55%;font-size:14.9872px;line-height:1.3}.section-home .about-link{left:6.24%;top:1153.65px;width:42.43%;height:68px;font-size:14.9872px}.section-services-home .heading{left:6.24%;top:68px;width:87.55%;font-size:26.128px}.section-services-home .copy{left:6.24%;top:143.23px;width:87.55%;font-size:14.9872px}.section-services-home .link{left:6.24%;top:328.61px;width:42.43%;height:68px;font-size:14.9872px}.section-services-home .photo{left:6.24%;top:474.61px;width:87.55%;height:534px}.section-editorial .heading{left:6.24%;top:36px;width:87.55%;font-size:26.128px}.section-editorial .copy{left:6.24%;top:257.23px;width:87.55%;font-size:14.9872px}.section-editorial .p1{left:28.92%;top:113.23px;width:42.16%;height:96px}.section-editorial .p2{left:17.58%;top:473.23px;width:64.85%;height:312px}.section-editorial .p3{left:6.24%;top:797.23px;width:87.55%;height:384px}.section-editorial .p4{left:17.58%;top:1193.23px;width:64.85%;height:384px}.section-ecommerce .heading{left:6.24%;top:36px;width:87.55%;font-size:26.128px}.section-ecommerce .copy{left:6.24%;top:144px;width:87.55%;font-size:14.9872px}.section-ecommerce .p1{left:6.24%;top:360px;width:42.16%;height:312px}.section-ecommerce .p2{left:51.6%;top:360px;width:42.16%;height:312px}.section-ecommerce .p3{left:6.24%;top:720px;width:87.55%;height:276px}.section-ecommerce .p4{left:6.24%;top:1008px;width:87.55%;height:528px}.section-ecommerce .p5{left:6.24%;top:1548px;width:87.55%;height:276px}.section-ecommerce .p6{left:6.24%;top:1836px;width:87.55%;height:276px}.section-ecommerce .p7{left:17.58%;top:2160px;width:64.85%;height:312px}.section-beauty .heading{left:6.24%;top:36px;width:87.55%;font-size:26.128px}.section-beauty .copy{left:6.24%;top:144px;width:87.55%;font-size:14.9872px}.section-beauty .p1{left:17.58%;top:360px;width:76.18%;height:312px}.section-beauty .p2{left:17.58%;top:720px;width:64.85%;height:240px}.section-beauty .p3{left:6.24%;top:1008px;width:42.16%;height:168px}.section-beauty .p4{left:51.6%;top:1008px;width:42.16%;height:132px}.section-beauty .p5{left:17.58%;top:1188px;width:64.85%;height:276px}.section-beauty .p6{left:17.58%;top:1512px;width:64.85%;height:276px}.section-beauty .p7{left:17.58%;top:1836px;width:64.85%;height:276px}.section-events .heading{left:6.24%;top:96.02px;width:87.55%;font-size:41.32px}.section-events .copy{left:6.24%;top:160.7px;width:87.55%;font-size:16px}.section-events .p1{left:6.24%;top:300.7px;width:76.22%;height:444px}.section-events .p2{left:6.24%;top:755.7px;width:87.55%;height:409px}.section-events .penfolds-client{left:6.24%;top:1210.7px;width:42.3%}.section-events .penfolds-year{left:51.47%;top:1210.7px;width:42.3%}.section-events .g1{left:6.24%;top:1490.7px;width:42.3%;height:199px}.section-events .g2{left:51.47%;top:1490.7px;width:42.3%;height:199px}.section-events .g3{left:51.47%;top:1280.7px;width:42.3%;height:199px}.section-events .g4{left:6.24%;top:1280.7px;width:42.3%;height:199px}.section-events .g5{left:40.16%;top:1980.7px;width:53.6%;height:269px}.section-events .g6{left:6.24%;top:1805.7px;width:42.3%;height:234px}.section-events .bobbi-client{left:6.24%;top:1735.7px;width:42.3%}.section-events .bobbi-year{left:51.47%;top:1735.7px;width:42.3%}.event-meta{font-size:16px}.section-bobbi img:nth-child(n){width:41.05%;height:231px;top:auto}.section-bobbi img:nth-child(odd){left:6.24%}.section-bobbi img:nth-child(even){left:52.62%}.section-bobbi img:nth-child(1),.section-bobbi img:nth-child(2){top:23.41px}.section-bobbi img:nth-child(3),.section-bobbi img:nth-child(4){top:274.41px}.section-bobbi img:nth-child(5),.section-bobbi img:nth-child(6){top:525.41px}.section-bobbi img:nth-child(7),.section-bobbi img:nth-child(8){top:776.41px}.section-bobbi img:nth-child(9),.section-bobbi img:nth-child(10){top:1027.41px}.section-bobbi img:nth-child(11),.section-bobbi img:nth-child(12){top:1278.41px}.site-footer{height:650.45px}.footer-columns{left:6.24%;top:72px;width:87.55%;display:block}.footer-columns>div+div{margin-top:43px}.site-footer h4{font-size:16px}.site-footer p{font-size:14.9872px;margin-bottom:12px}.footer-title{left:6.24%;top:441.44px;width:87.55%;font-size:41.32px;line-height:1.17;white-space:normal}.services-main{height:991.91px}.services-main .heading{left:6.24%;top:139.51px;width:87.55%;font-size:41.32px}.services-main .quote{left:6.24%;top:247.21px;width:87.55%;height:59px}.services-main .copy-one{left:6.24%;top:317.21px;width:87.55%;font-size:16px}.services-main .copy-two{left:6.24%;top:458.01px;width:87.55%;font-size:16px}.services-main .photo{left:17.55%;top:562.21px;width:64.91%;height:374px}.info-main{height:901.01px}.info-main .heading{left:6.24%;top:118.81px;width:87.55%;font-size:26.128px}.info-main .photo{left:51.47%;top:153.81px;width:42.3%;height:164px}.info-main .bio{left:10.66%;top:344.81px;width:78.68%;font-size:16px}.info-main .bio p{margin-bottom:16px}.info-main .contact{left:6.24%;top:736.61px;width:87.55%;font-size:16px}.info-main .contact p{margin-bottom:16px}}

/* Exact interaction states from the supplied original-site references. */
.project-link,
.mobile-project,
.section-home .about-link,
.section-services-home .link,
.services-main .quote{
  background:transparent;
  color:var(--ink);
  border:1px solid var(--ink);
  justify-content:center;
  text-align:center;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}

.project-link:hover,
.project-link:active,
.project-link:focus-visible,
.project-link.is-pressed,
.mobile-project:hover,
.mobile-project:active,
.mobile-project:focus-visible,
.mobile-project.is-pressed,
.section-home .about-link:hover,
.section-home .about-link:active,
.section-home .about-link:focus-visible,
.section-home .about-link.is-pressed,
.section-services-home .link:hover,
.section-services-home .link:active,
.section-services-home .link:focus-visible,
.section-services-home .link.is-pressed,
.services-main .quote:hover,
.services-main .quote:active,
.services-main .quote:focus-visible,
.services-main .quote.is-pressed{
  background:#000;
  color:#fff;
  border-color:#000;
}

.project-link:focus-visible,
.mobile-project:focus-visible,
.section-home .about-link:focus-visible,
.section-services-home .link:focus-visible,
.services-main .quote:focus-visible{
  outline:2px solid #000;
  outline-offset:2px;
}

html,body{max-width:100%;overflow-x:clip}

@supports not (overflow:clip){
  html,body{overflow-x:hidden}
}

@media(min-width:768px){
  .section-home .tag-one,
  .section-home .tag-two{
    left:auto!important;
    right:4.2%;
    text-align:right;
  }
}

@media(min-width:768px) and (max-width:900px){
  .site-header{
    padding-right:4.04%;
    padding-left:4.04%;
  }
  .nav-wrap{gap:0}
  .project-link{display:none}
}

.info-main .bio,
.info-main .contact{
  overflow-wrap:anywhere;
}

@media(max-width:767px){
  .section-home .photo{
    left:0!important;
    width:100%!important;
  }
  .section-home .title{
    left:2.5%!important;
    width:95%!important;
    max-width:95%!important;
    padding-right:0;
    text-align:center;
  }
  .section-home .tag-one,
  .section-home .tag-two{
    left:auto!important;
    right:6.24%;
    width:87.55%!important;
    max-width:87.55%!important;
    text-align:right;
  }
}

@media(max-width:360px){
  .section-home .title{
    font-size:7.46vw!important;
  }
}

/*
 * Responsive flow layout.
 *
 * Desktop keeps the measured composition. Phones and tablets deliberately do
 * not use the interpolated absolute coordinates: every section participates in
 * normal grid flow, so its height is always derived from its real content.
 */
.site-header{background:#fafafa}
.page-information .site-header{background:#28282a}
.anchor-section{scroll-margin-top:0!important}

@media(max-width:1399px){
  body.flow-layout{container-type:normal}
  body.flow-layout main{padding-top:119.35px}
  body.flow-layout main>section,
  body.flow-layout main.inner-page{
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    overflow:visible;
  }
  body.flow-layout main>section{display:grid}
  body.flow-layout main .abs{
    position:relative;
    inset:auto;
    width:auto;
    height:auto;
    min-width:0;
    margin:0;
  }
  body.flow-layout main figure{
    position:relative;
    inset:auto;
    min-width:0;
    overflow:hidden;
  }
  body.flow-layout main figure img,
  body.flow-layout .section-bobbi img{
    position:static;
    inset:auto;
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    object-fit:cover;
  }
  body.flow-layout .abs-section{
    --flow-pad:clamp(32px,4.04vw,52px);
    --flow-gap:clamp(18px,2.35vw,32px);
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--flow-gap);
    row-gap:clamp(24px,3vw,44px);
    padding:clamp(64px,7vw,96px) var(--flow-pad);
  }
  body.flow-layout .abs-section .heading{
    font-size:clamp(27px,3.2vw,42px);
    line-height:1.12;
  }
  body.flow-layout .abs-section .copy,
  body.flow-layout .section-home .intro-text{
    font-size:clamp(14px,1.45vw,17px);
    line-height:1.3;
  }

  body.flow-layout .section-home{
    grid-template-rows:auto auto auto minmax(100px,1fr) auto;
    padding-top:clamp(30px,4vw,52px);
    padding-bottom:clamp(64px,7vw,96px);
  }
  body.flow-layout .section-home .title{
    grid-column:1/8;
    grid-row:1;
    width:auto;
    font-size:clamp(36px,4.72vw,60px);
    line-height:1;
    white-space:nowrap;
    text-align:left;
  }
  body.flow-layout .section-home .photo{
    grid-column:1/8;
    grid-row:2/6;
    aspect-ratio:2/3;
    margin-top:clamp(28px,4vw,54px);
  }
  body.flow-layout .section-home .tag-one,
  body.flow-layout .section-home .tag-two{
    grid-column:8/13;
    width:auto;
    font-size:clamp(24px,3.1vw,38px);
    line-height:1.18;
    text-align:right;
  }
  body.flow-layout .section-home .tag-one{grid-row:2;margin-top:clamp(72px,11vw,150px)}
  body.flow-layout .section-home .tag-two{grid-row:3;margin-top:clamp(18px,3vw,38px)}
  body.flow-layout .section-home .intro-text{
    grid-column:8/13;
    grid-row:4;
    align-self:end;
    width:auto;
    margin-top:clamp(110px,18vw,240px);
  }
  body.flow-layout .section-home .about-link{
    grid-column:8/11;
    grid-row:5;
    width:auto;
    min-height:56px;
    margin-top:0;
    font-size:clamp(14px,1.45vw,17px);
  }

  body.flow-layout .section-services-home{
    grid-template-rows:auto 1fr auto;
  }
  body.flow-layout .section-services-home .heading{grid-column:1/6;grid-row:1}
  body.flow-layout .section-services-home .copy{grid-column:1/6;grid-row:2;margin-top:clamp(50px,8vw,115px)}
  body.flow-layout .section-services-home .link{
    grid-column:1/4;
    grid-row:3;
    width:auto;
    min-height:56px;
    font-size:clamp(14px,1.45vw,17px);
  }
  body.flow-layout .section-services-home .photo{
    grid-column:7/13;
    grid-row:1/4;
    aspect-ratio:2/3;
  }

  body.flow-layout .section-editorial .heading{grid-column:1/5;grid-row:1}
  body.flow-layout .section-editorial .p1{grid-column:1/5;grid-row:2;aspect-ratio:1.7}
  body.flow-layout .section-editorial .copy{grid-column:1/5;grid-row:3;align-self:start}
  body.flow-layout .section-editorial .p2{grid-column:6/13;grid-row:1/4;min-height:clamp(540px,68vw,830px)}
  body.flow-layout .section-editorial .p3{grid-column:2/7;grid-row:4;aspect-ratio:.9}
  body.flow-layout .section-editorial .p4{grid-column:8/13;grid-row:4;aspect-ratio:.82}

  body.flow-layout .section-ecommerce .heading{grid-column:1/5;grid-row:1}
  body.flow-layout .section-ecommerce .copy{grid-column:2/6;grid-row:2}
  body.flow-layout .section-ecommerce .p1{grid-column:9/13;grid-row:1/3;aspect-ratio:2/3}
  body.flow-layout .section-ecommerce .p2{grid-column:8/12;grid-row:3;aspect-ratio:.82}
  body.flow-layout .section-ecommerce .p3{grid-column:2/6;grid-row:3;aspect-ratio:1.22}
  body.flow-layout .section-ecommerce .p4{grid-column:2/6;grid-row:4/6;aspect-ratio:2/3}
  body.flow-layout .section-ecommerce .p5{grid-column:7/13;grid-row:4;aspect-ratio:1.5}
  body.flow-layout .section-ecommerce .p6{grid-column:7/13;grid-row:5;aspect-ratio:1.5}
  body.flow-layout .section-ecommerce .p7{grid-column:5/10;grid-row:6;aspect-ratio:.8}

  body.flow-layout .section-beauty .heading{grid-column:1/5;grid-row:1}
  body.flow-layout .section-beauty .copy{grid-column:1/5;grid-row:2}
  body.flow-layout .section-beauty .p1{grid-column:6/13;grid-row:1/3;aspect-ratio:1.05}
  body.flow-layout .section-beauty .p2{grid-column:1/6;grid-row:3;aspect-ratio:1.05}
  body.flow-layout .section-beauty .p3{grid-column:7/11;grid-row:3;aspect-ratio:1.05}
  body.flow-layout .section-beauty .p4{grid-column:2/6;grid-row:4;aspect-ratio:1.2}
  body.flow-layout .section-beauty .p6{grid-column:7/12;grid-row:4;aspect-ratio:.92}
  body.flow-layout .section-beauty .p7{grid-column:2/6;grid-row:5;aspect-ratio:1.15}
  body.flow-layout .section-beauty .p5{grid-column:7/11;grid-row:5;aspect-ratio:.9}

  body.flow-layout .section-events .heading{
    grid-column:1/6;
    grid-row:1;
    font-size:clamp(42px,5vw,64px);
    line-height:1.08;
  }
  body.flow-layout .section-events .copy{grid-column:1/6;grid-row:2;align-self:start}
  body.flow-layout .section-events .p1{grid-column:7/13;grid-row:1/3;aspect-ratio:2/3}
  body.flow-layout .section-events .p2{grid-column:1/7;grid-row:3;aspect-ratio:.84}
  body.flow-layout .section-events .penfolds-client{grid-column:1/4;grid-row:4}
  body.flow-layout .section-events .penfolds-year{grid-column:4/7;grid-row:4}
  body.flow-layout .section-events .g4{grid-column:1/5;grid-row:5}
  body.flow-layout .section-events .g3{grid-column:5/9;grid-row:5}
  body.flow-layout .section-events .g6{grid-column:9/13;grid-row:5}
  body.flow-layout .section-events .g1{grid-column:1/5;grid-row:6}
  body.flow-layout .section-events .g2{grid-column:5/9;grid-row:6}
  body.flow-layout .section-events .g5{grid-column:9/13;grid-row:6}
  body.flow-layout .section-events .g1,
  body.flow-layout .section-events .g2,
  body.flow-layout .section-events .g3,
  body.flow-layout .section-events .g4,
  body.flow-layout .section-events .g5,
  body.flow-layout .section-events .g6{aspect-ratio:.82}
  body.flow-layout .section-events .bobbi-client{grid-column:1/4;grid-row:7}
  body.flow-layout .section-events .bobbi-year{grid-column:4/7;grid-row:7}
  body.flow-layout .event-meta{font-size:clamp(14px,1.45vw,17px);line-height:1.3}

  body.flow-layout .section-bobbi{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(12px,1.5vw,20px);
    padding:clamp(28px,4vw,56px) var(--flow-pad) clamp(64px,7vw,96px);
  }
  body.flow-layout .section-bobbi img{
    width:100%;
    height:auto;
    aspect-ratio:2/3;
    object-fit:cover;
  }

  body.flow-layout .site-footer{
    position:relative;
    height:auto;
    min-height:0;
    padding:clamp(58px,7vw,96px) clamp(32px,4.04vw,52px) clamp(50px,6vw,84px);
  }
  body.flow-layout .footer-columns{
    position:static;
    width:min(420px,48%);
    margin-left:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  body.flow-layout .site-footer h4{font-size:clamp(14px,1.35vw,17px)}
  body.flow-layout .site-footer p{font-size:clamp(13px,1.2vw,16px)}
  body.flow-layout .footer-title{
    position:static;
    width:100%;
    margin:clamp(70px,10vw,140px) 0 0;
    font-size:clamp(42px,5vw,64px);
    white-space:normal;
  }

  body.flow-layout main.inner-page{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:clamp(18px,2.35vw,32px);
    row-gap:clamp(24px,3vw,42px);
    padding:clamp(180px,20vw,250px) clamp(32px,4.04vw,52px) clamp(70px,8vw,110px);
  }
  body.flow-layout .services-main .heading{grid-column:2/7;grid-row:1;font-size:clamp(42px,5vw,62px);line-height:1.1}
  body.flow-layout .services-main .quote{grid-column:2/6;grid-row:2;width:auto;min-height:60px;font-size:16px}
  body.flow-layout .services-main .copy-one{grid-column:2/7;grid-row:3;font-size:16px;line-height:1.3}
  body.flow-layout .services-main .copy-two{grid-column:2/7;grid-row:4;font-size:16px;line-height:1.3}
  body.flow-layout .services-main .photo{grid-column:8/12;grid-row:1/5;aspect-ratio:2/3}
  body.flow-layout .info-main .heading{grid-column:2/7;grid-row:1;font-size:clamp(28px,3.2vw,42px);line-height:1.1}
  body.flow-layout .info-main .bio{grid-column:2/6;grid-row:2;font-size:16px;line-height:1.3}
  body.flow-layout .info-main .contact{grid-column:2/6;grid-row:3;font-size:16px;line-height:1.3}
  body.flow-layout .info-main .photo{grid-column:7/13;grid-row:1/4;height:clamp(650px,95vw,900px)}
}

@media(max-width:767px){
  body.flow-layout main{padding-top:83.83px}
  body.flow-layout .abs-section{
    --flow-pad:6.24%;
    --flow-gap:12px;
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--flow-gap);
    row-gap:24px;
    padding:48px var(--flow-pad);
  }
  body.flow-layout .abs-section .heading{font-size:26.128px;line-height:1.12}
  body.flow-layout .abs-section .copy,
  body.flow-layout .section-home .intro-text{font-size:14.9872px;line-height:1.3}

  body.flow-layout .section-home{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    row-gap:0;
    padding:30px 0 46px;
  }
  body.flow-layout .section-home .title,
  body.flow-layout .section-home .tag-one,
  body.flow-layout .section-home .tag-two,
  body.flow-layout .section-home .intro-text,
  body.flow-layout .section-home .about-link{
    grid-column:1;
    width:auto;
    margin-right:6.24%;
    margin-left:6.24%;
  }
  body.flow-layout .section-home .title{
    grid-row:1;
    left:auto!important;
    margin-right:2.5%;
    margin-left:2.5%;
    font-size:clamp(26px,7.45vw,31px);
    line-height:1;
    text-align:center;
  }
  body.flow-layout .section-home .tag-one{
    grid-row:2;
    margin-top:38px;
    font-size:26.128px;
    line-height:1.18;
    text-align:right;
  }
  body.flow-layout .section-home .tag-two{
    grid-row:3;
    margin-top:28px;
    font-size:26.128px;
    line-height:1.18;
    text-align:right;
  }
  body.flow-layout .section-home .photo{
    grid-column:1;
    grid-row:4;
    width:100%;
    aspect-ratio:2/3;
    margin-top:22px;
  }
  body.flow-layout .section-home .intro-text{grid-row:5;margin-top:42px}
  body.flow-layout .section-home .about-link{
    grid-row:6;
    width:min(190px,48%);
    min-height:62px;
    margin-top:26px;
    font-size:14.9872px;
  }

  body.flow-layout .section-services-home{display:grid;grid-template-columns:1fr;padding-top:54px}
  body.flow-layout .section-services-home .heading,
  body.flow-layout .section-services-home .copy,
  body.flow-layout .section-services-home .link,
  body.flow-layout .section-services-home .photo{grid-column:1;grid-row:auto}
  body.flow-layout .section-services-home .copy{margin-top:0}
  body.flow-layout .section-services-home .link{width:min(190px,52%);min-height:62px;font-size:14.9872px}
  body.flow-layout .section-services-home .photo{width:100%;aspect-ratio:2/3;margin-top:24px}

  body.flow-layout .section-editorial .heading{grid-column:1/13;grid-row:1}
  body.flow-layout .section-editorial .p1{grid-column:4/10;grid-row:2;aspect-ratio:1.7}
  body.flow-layout .section-editorial .copy{grid-column:1/13;grid-row:3}
  body.flow-layout .section-editorial .p2{grid-column:3/11;grid-row:4;min-height:0;aspect-ratio:.82}
  body.flow-layout .section-editorial .p3{grid-column:1/13;grid-row:5;aspect-ratio:.89}
  body.flow-layout .section-editorial .p4{grid-column:3/11;grid-row:6;aspect-ratio:.67}

  body.flow-layout .section-ecommerce .heading{grid-column:1/13;grid-row:1}
  body.flow-layout .section-ecommerce .copy{grid-column:1/13;grid-row:2}
  body.flow-layout .section-ecommerce .p1{grid-column:1/7;grid-row:3;aspect-ratio:.53}
  body.flow-layout .section-ecommerce .p2{grid-column:7/13;grid-row:3;aspect-ratio:.53}
  body.flow-layout .section-ecommerce .p3{grid-column:1/13;grid-row:4;aspect-ratio:1.23}
  body.flow-layout .section-ecommerce .p4{grid-column:1/13;grid-row:5;aspect-ratio:.65}
  body.flow-layout .section-ecommerce .p5{grid-column:1/13;grid-row:6;aspect-ratio:1.23}
  body.flow-layout .section-ecommerce .p6{grid-column:1/13;grid-row:7;aspect-ratio:1.23}
  body.flow-layout .section-ecommerce .p7{grid-column:3/11;grid-row:8;aspect-ratio:.81}

  body.flow-layout .section-beauty .heading{grid-column:1/13;grid-row:1}
  body.flow-layout .section-beauty .copy{grid-column:1/13;grid-row:2}
  body.flow-layout .section-beauty .p1{grid-column:3/13;grid-row:3;aspect-ratio:.95}
  body.flow-layout .section-beauty .p2{grid-column:3/11;grid-row:4;aspect-ratio:1.05}
  body.flow-layout .section-beauty .p3{grid-column:1/7;grid-row:5;aspect-ratio:.98}
  body.flow-layout .section-beauty .p4{grid-column:7/13;grid-row:5;aspect-ratio:1.24}
  body.flow-layout .section-beauty .p5{grid-column:3/11;grid-row:6;aspect-ratio:.92}
  body.flow-layout .section-beauty .p6{grid-column:3/11;grid-row:7;aspect-ratio:.92}
  body.flow-layout .section-beauty .p7{grid-column:3/11;grid-row:8;aspect-ratio:.92}

  body.flow-layout .section-events{padding-top:72px}
  body.flow-layout .section-events .heading{grid-column:1/13;grid-row:1;font-size:41.32px}
  body.flow-layout .section-events .copy{grid-column:1/13;grid-row:2}
  body.flow-layout .section-events .p1{grid-column:1/11;grid-row:3;aspect-ratio:2/3}
  body.flow-layout .section-events .p2{grid-column:1/13;grid-row:4;aspect-ratio:.84}
  body.flow-layout .section-events .penfolds-client{grid-column:1/7;grid-row:5}
  body.flow-layout .section-events .penfolds-year{grid-column:7/13;grid-row:5}
  body.flow-layout .section-events .g4{grid-column:1/7;grid-row:6}
  body.flow-layout .section-events .g3{grid-column:7/13;grid-row:6}
  body.flow-layout .section-events .g1{grid-column:1/7;grid-row:7}
  body.flow-layout .section-events .g2{grid-column:7/13;grid-row:7}
  body.flow-layout .section-events .bobbi-client{grid-column:1/7;grid-row:8}
  body.flow-layout .section-events .bobbi-year{grid-column:7/13;grid-row:8}
  body.flow-layout .section-events .g6{grid-column:1/7;grid-row:9}
  body.flow-layout .section-events .g5{grid-column:7/13;grid-row:9}
  body.flow-layout .section-events .g1,
  body.flow-layout .section-events .g2,
  body.flow-layout .section-events .g3,
  body.flow-layout .section-events .g4,
  body.flow-layout .section-events .g5,
  body.flow-layout .section-events .g6{aspect-ratio:.82}
  body.flow-layout .event-meta{font-size:16px}

  body.flow-layout .section-bobbi{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:12px 6.24% 54px;
  }
  body.flow-layout .section-bobbi img{aspect-ratio:2/3;height:auto}

  body.flow-layout .site-footer{padding:64px 6.24% 52px}
  body.flow-layout .footer-columns{width:100%;margin:0;display:block}
  body.flow-layout .footer-columns>div+div{margin-top:42px}
  body.flow-layout .site-footer h4{font-size:16px}
  body.flow-layout .site-footer p{font-size:14.9872px}
  body.flow-layout .footer-title{margin-top:90px;font-size:41.32px;line-height:1.17}

  body.flow-layout main.inner-page{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:24px 12px;
    padding:118px 6.24% 64px;
  }
  body.flow-layout .services-main .heading{grid-column:1/13;grid-row:1;font-size:41.32px}
  body.flow-layout .services-main .quote{grid-column:1/13;grid-row:2;width:auto;min-height:59px}
  body.flow-layout .services-main .copy-one{grid-column:1/13;grid-row:3;font-size:16px;line-height:1.3}
  body.flow-layout .services-main .copy-two{grid-column:1/13;grid-row:4;font-size:16px;line-height:1.3}
  body.flow-layout .services-main .photo{grid-column:3/11;grid-row:5;aspect-ratio:2/3}
  body.flow-layout .info-main .heading{grid-column:1/13;grid-row:1;font-size:26.128px}
  body.flow-layout .info-main .photo{grid-column:3/11;grid-row:2;height:auto;aspect-ratio:2/3}
  body.flow-layout .info-main .bio{grid-column:1/13;grid-row:3;font-size:16px;line-height:1.3}
  body.flow-layout .info-main .contact{grid-column:1/13;grid-row:4;font-size:16px;line-height:1.3}
}