:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#252622;background:#ebebe9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ae8b59;outline-offset:2px}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit}.studio-app{display:grid;grid-template-columns:256px minmax(400px,1fr) 306px;width:100%;height:100vh;min-height:560px;overflow:hidden}.sidebar,.inspector{background:#fbfbf9;min-width:0;display:flex;flex-direction:column;z-index:2}.sidebar{border-right:1px solid #d9dad8}.inspector{border-left:1px solid #d9dad8}.brand{height:82px;flex:none;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #e6e6e3}.brand-mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#262721;color:#fff;letter-spacing:-2px;font-size:18px;font-weight:800;border-radius:9px;position:relative}.brand-mark span{position:absolute;right:4px;top:0;color:#c4a572;font-size:17px;letter-spacing:0}.brand-text{display:grid;gap:5px}.brand-text strong{font-size:13px;letter-spacing:.12em}.brand-text small{font-size:9px;color:#8c8d86;letter-spacing:.14em;font-weight:650}.brand-text em{font-style:normal;color:#b5a083;letter-spacing:0}.sidebar-tabs{display:flex;margin:16px 16px 7px;padding:3px;background:#efefec;border-radius:8px}.sidebar-tabs button{flex:1;border:0;background:transparent;color:#777a75;border-radius:6px;font-size:12px;font-weight:600;padding:10px 3px}.sidebar-tabs button.active{background:#fff;color:#222;box-shadow:0 1px 4px #00000013}.sidebar-scroll{overflow:auto;flex:1;padding:15px 16px 28px}.sidebar-bottom{flex:none;border-top:1px solid #e8e8e5;padding:15px 17px 17px;display:grid;gap:9px}.secondary-wide{border:1px solid #d8d9d6;border-radius:7px;padding:11px 12px;background:#fff;font-size:12px;font-weight:650}.subtle-link{border:0;background:transparent;color:#868781;font-size:11px;text-decoration:underline;text-underline-offset:3px;justify-self:center}.section-eyebrow{font-size:10px;letter-spacing:.14em;color:#8a8e8a;font-weight:750;margin:13px 0 10px;text-transform:uppercase}.section-row{display:flex;justify-content:space-between;align-items:center}.small-add{width:27px;height:27px;border:1px solid #dedfdb;border-radius:6px;background:white;font-size:20px;line-height:20px;color:#63655e}.page-list{display:grid;gap:3px;margin-bottom:26px}.page-item{display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:7px;padding:11px 9px 11px 12px;color:#666963;cursor:pointer;min-width:0;font-size:12px}.page-item.active{background:#eae8e3;border-color:#e2dfd7;color:#282924;font-weight:700}.page-item:hover:not(.active){background:#f3f3f0}.page-icon{font-size:15px;color:#8c8e88}.page-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-menu-btn{background:transparent;border:0;color:#777;font-size:16px;padding:0 4px}.palette-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette-item{border:1px solid #e0e1dc;background:white;border-radius:8px;min-height:70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:11px;transition:background .15s,border-color .15s;text-align:left;font-size:11px;font-weight:650;color:#3a3d36;cursor:grab}.palette-item:hover{background:#f7f4ed;border-color:#c0ab89}.palette-symbol{font-size:20px;line-height:18px;color:#998066}.helper-box{margin-top:18px;padding:13px;background:#f3f2ef;border:1px solid #e9e8e4;border-radius:8px;font-size:11px;line-height:1.55;color:#787c74}.helper-box strong{display:block;color:#444943;margin-bottom:3px}.workspace{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:70px;flex:none;display:flex;align-items:center;justify-content:space-between;background:#fbfbf9;border-bottom:1px solid #dbdbd8;padding:0 25px;gap:20px}.crumbs{display:flex;align-items:center;gap:11px;font-size:13px;white-space:nowrap;min-width:0}.crumbs>span:first-child{color:#949891}.crumbs .chevron{color:#b4b7b0;font-size:18px}.crumbs strong{overflow:hidden;text-overflow:ellipsis;max-width:180px}.working-label{font-size:9px;font-weight:800;color:#a48e6d;border:1px solid #e7ddcd;padding:6px 8px;border-radius:99px;letter-spacing:.1em}.top-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.top-actions button{border-radius:7px;padding:10px 14px;font-size:12px;font-weight:700}.button-quiet{border:1px solid #d9dbd5;background:#fff}.button-primary{border:1px solid #272822;background:#292923;color:#fff}.button-primary span{font-size:9px;opacity:.55;margin-left:6px}.button-primary:hover{background:#44453e}#save-status{font-size:11px;color:#858983;display:flex;gap:7px;align-items:center}#save-status .dot{width:6px;height:6px;background:#5a986d;border-radius:99px}#save-status.dirty .dot{background:#d8a450}#save-status.error .dot{background:#ba675c}.canvas-tools{height:57px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 25px;background:#f2f2ef;border-bottom:1px solid #dfdfdb}.device-tools{display:flex;align-items:center;gap:5px}.tool-label{font-size:9px;letter-spacing:.14em;color:#9a9e98;font-weight:750;margin-right:15px}.device-tools button{background:transparent;border:1px solid transparent;border-radius:6px;min-width:32px;padding:6px 9px;color:#777d75;font-size:13px}.device-tools button.active{background:#fff;border-color:#dbdcd6;box-shadow:0 1px 3px #0000000c;color:#2b2e28}.device-tools button span{font-size:11px;margin-left:2px}.canvas-hint{font-size:10px;color:#a1a29f;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#viewport-label{font-size:10px;color:#969c92}.canvas-scroll{flex:1;overflow:auto;padding:34px 22px 80px;background:radial-gradient(#dadbd8 .65px,transparent .65px) 0 0/13px 13px,#eaeae7}.canvas{width:100%;max-width:1100px;min-height:600px;margin:0 auto;background:#fff;box-shadow:0 10px 40px #4e514c1c,0 1px 2px #00000016;transition:max-width .2s ease;overflow:hidden}.canvas.tablet{max-width:768px}.canvas.mobile{max-width:390px}.inspector-head{height:82px;display:flex;flex-direction:column;justify-content:center;gap:7px;border-bottom:1px solid #e6e6e2;padding:18px 21px}.inspector-head small{font-size:10px;letter-spacing:.14em;color:#a2a49d;font-weight:750}.inspector-head strong{font-size:16px;font-weight:750;letter-spacing:-.03em}.inspector-scroll{overflow:auto;flex:1;padding:22px 20px}.inspector-bottom{border-top:1px solid #e8e8e5;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;color:#9a9c97;font-size:10px}.inspector-bottom span:last-child{color:#9e8e72}.field{display:grid;gap:7px;margin-bottom:18px}.field label,.field-label{color:#656961;font-size:11px;font-weight:700}.field input,.field textarea,.field select,.field-input{width:100%;border:1px solid #dcdfda;background:#fff;border-radius:7px;padding:10px 11px;font-size:12px;color:#292d26}.field textarea{min-height:105px;resize:vertical;line-height:1.55}.field small{color:#999d96;font-size:10px;line-height:1.4}.field-inline{display:flex;gap:10px}.field-inline>.field{flex:1;min-width:0}.field-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:12px;color:#52564f}.field-checkbox input{accent-color:#8e7959}.inspector-divider{border:none;border-top:1px solid #e9eae6;margin:22px 0}.inspector-help{font-size:11px;color:#90958d;line-height:1.6}.inspector-actions{display:flex;gap:7px;margin:12px 0 20px}.inspector-actions button,.small-button{border:1px solid #dedfdb;background:#fff;padding:8px 10px;border-radius:6px;font-size:11px;font-weight:700}.danger{color:#af554d!important}.block-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:4px;background:#f2ede5;color:#95784c;font-weight:750;letter-spacing:.04em;font-size:10px;margin-bottom:20px}.media-field-row{border:1px solid #dddfda;padding:8px;border-radius:7px;display:flex;gap:10px;align-items:center}.media-field-row img{height:64px;width:74px;object-fit:cover;background:#eee;border-radius:4px}.media-field-row span{flex:1;min-width:0;font-size:11px;color:#7a7e78;overflow-wrap:anywhere}.media-field-row button{padding:6px 8px;border-radius:5px;background:#fff;border:1px solid #d5d8d1;font-size:11px}.media-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #ecede8;padding:7px 0}.media-row img{width:44px;height:42px;object-fit:cover;border-radius:4px;background:#eee}.media-row-name{font-size:10px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#52594f}.media-row button{border:0;background:transparent;padding:4px;color:#767a73}.media-sidebar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.media-mini{position:relative;aspect-ratio:1;background:#e9e9e6;border-radius:4px;overflow:hidden;border:0;padding:0}.media-mini img{width:100%;height:100%;object-fit:cover}.media-count{font-size:11px;color:#9ca19b}.theme-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-colors .field{min-width:0}.theme-colors input[type=color]{height:40px;padding:4px}.toggle-options{display:flex;border:1px solid #dedfd9;border-radius:6px;overflow:hidden}.toggle-options button{flex:1;border:none;border-right:1px solid #dedfd9;background:white;color:#777;font-size:11px;padding:10px 5px}.toggle-options button:last-child{border-right:0}.toggle-options button.active{background:#262922;color:white}.toast{position:fixed;z-index:100;right:330px;bottom:28px;padding:13px 18px;border-radius:8px;background:#22241f;color:#fff;box-shadow:0 10px 30px #0003;font-size:12px}.modal[hidden],.toast[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:50;background:#191b19a8;display:flex;align-items:center;justify-content:center;padding:30px}.modal-card{background:#fbfbf9;border-radius:13px;width:min(800px,100%);max-height:min(780px,95vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 90px #0005}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 28px 19px;border-bottom:1px solid #e4e4df}.modal-header h2{font-size:19px;margin:0 0 5px}.modal-header p{margin:0;font-size:12px;color:#8e918a}.modal-header button{border:0;background:transparent;font-size:24px;color:#777}.modal-controls{display:flex;gap:12px;padding:17px 28px;align-items:center}.modal-controls input{flex:1;min-width:0;border:1px solid #e0e2dc;border-radius:7px;padding:11px;font-size:12px}.modal-controls button,.modal-footer button{border-radius:7px;background:#242622;color:#fff;border:0;padding:11px 17px;font-weight:700;font-size:12px}.modal-scroll{overflow:auto;padding:8px 28px 25px;flex:1;min-height:160px}.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(117px,1fr));gap:12px}.modal-media{border:1px solid #e4e5e0;border-radius:8px;padding:5px;background:#fff;text-align:left;display:grid;gap:6px}.modal-media:hover{border-color:#ad9067;box-shadow:0 0 0 1px #ad9067}.modal-media img{width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:4px;background:#eee}.modal-media span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5d6259;padding:0 3px 4px}.modal-footer{border-top:1px solid #e8e8e4;padding:14px 28px;display:flex;justify-content:space-between;color:#999;font-size:11px;align-items:center}
/* Public site and editor canvas */
.portfolio{--page-width:1150px;--site-bg:#fff;--site-text:#181818;--site-accent:#a58458;--site-font:Arial,Helvetica,sans-serif;background:var(--site-bg);color:var(--site-text);font-family:var(--site-font);min-height:100%;font-weight:400}.portfolio *{box-sizing:border-box}.portfolio a{text-decoration:none;color:inherit}.site-header{padding:36px clamp(24px,5.1vw,90px) 25px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid color-mix(in srgb,var(--site-text) 10%,transparent);max-width:1700px;margin:0 auto}.site-logo{font-size:21px;font-weight:750;letter-spacing:.16em;white-space:nowrap;display:flex;flex-direction:column;gap:6px}.site-logo span{font-size:9px;color:#999;letter-spacing:.24em;font-weight:500}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 19px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.site-nav a{padding-bottom:6px;border-bottom:1px solid transparent}.site-nav a.active,.site-nav a:hover{border-bottom-color:var(--site-text)}.site-main{max-width:calc(var(--page-width) + 100px);padding:44px 34px 75px;margin:0 auto;min-height:66vh}.portfolio section.size-normal{max-width:760px;margin-left:auto;margin-right:auto}.portfolio section.size-narrow{max-width:510px;margin-left:auto;margin-right:auto}.portfolio section.size-wide{max-width:var(--page-width);margin-left:auto;margin-right:auto}.portfolio section.align-center{text-align:center}.portfolio section.align-right{text-align:right}.heading-section{padding:14px 0}.heading-h1{font-size:clamp(36px,4vw,58px);line-height:1.09;font-weight:550;letter-spacing:-.055em;margin:0}.heading-h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;font-weight:550;line-height:1.15;margin:0}.heading-h3{font-size:22px;font-weight:550;letter-spacing:-.035em;line-height:1.3;margin:0}.text-section{padding:4px 0 14px}.text-section p{font-size:clamp(13px,1.15vw,16px);font-weight:400;line-height:1.8;color:color-mix(in srgb,var(--site-text) 80%,transparent);white-space:pre-wrap;margin:0}.image-section,.gallery-section,.video-section,.columns-section{padding:16px 0 24px}.portfolio figure{margin:0}.image-section img{max-width:100%;width:auto;height:auto;display:block;margin:auto;object-fit:contain;max-height:85vh}.portfolio figcaption{color:#868680;font-size:12px;line-height:1.6;padding-top:10px}.gallery{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap);align-items:start}.gallery-item{overflow:hidden;min-width:0}.gallery-item img{width:100%;height:100%;display:block;object-fit:contain}.gallery-grid.fit-cover .gallery-item img{aspect-ratio:1.35;object-fit:cover}.gallery-grid.fit-contain .gallery-item img{aspect-ratio:auto}.gallery-masonry{display:block;columns:var(--cols);column-gap:var(--gap)}.gallery-masonry .gallery-item{break-inside:avoid;display:block;margin-bottom:var(--gap)}.gallery-masonry .gallery-item img{width:100%;height:auto}.gallery-strip{display:flex;overflow-x:auto;gap:var(--gap);scroll-snap-type:x mandatory}.gallery-strip .gallery-item{flex:0 0 70%;scroll-snap-align:center}.gallery-strip img{max-height:520px}.gallery.fit-cover.gallery-masonry img{width:100%;object-fit:cover}.video-frame{aspect-ratio:16/9;background:#151515}.video-frame iframe,.video-frame video{height:100%;width:100%;border:0;display:block}.two-column{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(22px,5vw,80px);align-items:center}.column-media img{width:100%;max-height:610px;object-fit:contain}.column-copy .column-eyebrow,.hero-eyebrow{font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.column-copy h2{font-size:clamp(24px,3.3vw,42px);font-weight:540;letter-spacing:-.04em}.column-copy>p:last-child{font-size:14px;line-height:1.9;white-space:pre-wrap}.button-section{padding:12px 0 25px}.site-button{display:inline-block;padding:14px 22px;border:1px solid var(--site-text);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:650}.button-solid{background:var(--site-text);color:var(--site-bg)!important}.divider-section{padding:18px 0}.divider-section hr{border:0;border-top:1px solid #dfdfda}.hero{position:relative;overflow:hidden;color:#fff;background:#313b40;display:flex;align-items:center;min-height:490px;text-align:left!important}.hero.height-medium{min-height:380px}.hero.height-large{min-height:520px}.hero-art{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#151a1ad6,transparent 90%),linear-gradient(0deg,#15151540,transparent)}.hero-copy{position:relative;z-index:1;width:min(680px,90%);padding:62px clamp(28px,6vw,85px);text-align:left}.hero h1{font-size:clamp(42px,5.8vw,74px);line-height:1.04;font-weight:540;letter-spacing:-.05em;margin:18px 0}.hero-description{font-size:clamp(13px,1.4vw,16px);line-height:1.8;color:#f5f5f4d9}.site-footer{max-width:1700px;margin:0 auto;padding:30px clamp(25px,6vw,90px);border-top:1px solid #e7e8e5;display:flex;justify-content:space-between;font-size:10px;color:#777;letter-spacing:.1em}.site-footer span{color:#aaa}.missing-image{background:#eeefec;color:#797e76;min-height:140px;border:1px dashed #d7d8d4;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;gap:6px}.missing-image small{color:#a0a49e}.editing-main{min-height:540px}.edit-block{position:relative;margin-bottom:2px;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:border-color .08s}.edit-block:hover{border-color:#bfad8f83}.edit-block.selected{border-color:#af9469;box-shadow:0 0 0 2px #af94692e}.edit-block .block-actions{position:absolute;top:-24px;left:0;display:none;z-index:4;background:#2b2c29;border-radius:4px 4px 0 0;align-items:center;gap:0;color:#fff;height:23px}.edit-block:hover .block-actions,.edit-block.selected .block-actions{display:flex}.drag-handle{cursor:grab;display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;font-size:15px;user-select:none}.block-badge{font-size:9px;color:#d0c5b0;padding-right:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.block-actions button{border:0;background:transparent;color:white;font-size:12px;padding:3px 7px}.block-actions button:hover{background:#6d6e67}.edit-block.dragging{opacity:.35}.edit-block.drop-above:before,.edit-block.drop-below:after{content:'';position:absolute;z-index:5;left:0;right:0;height:4px;background:#bc955d}.edit-block.drop-above:before{top:-3px}.edit-block.drop-below:after{bottom:-3px}.end-drop{border:1px dashed #d8c9ab;background:#faf9f5;min-height:85px;display:flex;align-items:center;justify-content:center;color:#ad9b82;font-size:12px;margin-top:25px}.end-drop.drag-over{outline:3px solid #b99b66}.edit-block [data-inline]{cursor:text}.edit-block [data-inline][contenteditable=true]{outline:1px dashed #bea680;outline-offset:4px;cursor:text}.edit-block [data-inline][contenteditable=true]:focus{outline:2px solid #c1a276}.preview-body{background:#fff}.preview-banner{background:#272a24;color:#d3d5cf;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:10px 5vw;font-size:10px;letter-spacing:.12em}.preview-banner a{color:#fff;text-decoration:underline;text-underline-offset:3px}.preview-body .portfolio{min-height:calc(100vh - 33px)}
@media(max-width:1370px){.studio-app{grid-template-columns:230px minmax(360px,1fr) 274px}.canvas-hint{display:none}.topbar{padding:0 14px}.canvas-scroll{padding:25px 14px}.site-header{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start}}@media(max-width:1080px){.studio-app{grid-template-columns:200px minmax(360px,1fr) 235px}.brand{padding:0 10px}.sidebar-scroll{padding:12px 8px}.inspector-scroll{padding:18px 10px}.site-header{padding:24px 25px}.site-main{padding:28px 20px}.working-label{display:none}}@media(max-width:780px){.studio-app{grid-template-columns:190px minmax(370px,1fr);overflow:auto}.inspector{position:fixed;right:0;top:70px;bottom:0;width:290px;box-shadow:-5px 0 20px #0002}.canvas-tools{padding:0 10px}.topbar{height:70px}.canvas-scroll{padding:24px 8px}.site-nav{gap:9px}.site-header{padding:20px}.site-logo{font-size:16px}.site-nav{font-size:9px}}.canvas.mobile .site-header{display:grid;gap:18px;padding:24px}.canvas.mobile .site-logo{font-size:18px}.canvas.mobile .site-nav{justify-content:start;gap:7px 10px}.canvas.mobile .site-main{padding:20px 12px}.canvas.mobile .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas.mobile .gallery-masonry{columns:2}.canvas.mobile .two-column{grid-template-columns:1fr}.canvas.mobile .hero{min-height:330px}.canvas.mobile .hero-copy{padding:30px 21px}.canvas.mobile .hero h1{font-size:36px}.canvas.mobile .heading-h1{font-size:36px}.canvas.mobile .heading-h2{font-size:27px}.canvas.mobile .site-footer{padding:20px;display:grid;gap:15px}.canvas.mobile .text-section p{font-size:13px}@media(max-width:650px){.preview-body .site-header{display:grid;gap:22px;padding:24px 20px}.preview-body .site-nav{justify-content:flex-start}.preview-body .site-main{padding:32px 15px}.preview-body .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-body .gallery-masonry{columns:2}.preview-body .two-column{grid-template-columns:1fr}.preview-body .hero{min-height:370px}.preview-body .hero-copy{padding:34px 25px}.preview-body .site-footer{display:grid;gap:12px}}
/* Cloudflare-published portfolio */
.published-body{margin:0}
.published-body .portfolio{min-height:100vh}
.published-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(7,8,9,.95);display:none;align-items:center;justify-content:center;gap:0}
.published-lightbox.open{display:flex}
.published-lightbox img{max-width:min(90vw,1500px);max-height:92vh;object-fit:contain}
.published-lightbox button{border:0;background:rgba(255,255,255,.11);color:white;font-size:35px;cursor:pointer;width:48px;height:55px;position:absolute}
.published-lightbox .lb-close{top:17px;right:21px}.published-lightbox .lb-prev{left:16px}.published-lightbox .lb-next{right:16px}